@charset "utf-8";

/****************************** PC・SP共通 ******************************/

/* Frame ==================================== */
html,body{
	width:100%;
	height:100%;
}
body{}
#wrapper{
	width:100%;
	height:100%;
	font-size:16px;
	line-height:2.0;
	position:relative;
}
#wrapper article{
	font-weight: 300;
}
/*body, article, section, div, h1, h2, h3, h4, h5, p, ul, li{
	margin:0;
	padding:0;
	vertical-align: baseline;
}*/
img{
	width:100%;
	height:100%;
	vertical-align:bottom;
}
p{
	text-align: justify;
	text-justify: inter-ideograph;
}
a{
	color:#00a7ac;
}
ul li{
	list-style:none;
}

/* header ==================================== */
header {
	width:100%;
	height: 60px;
	position:relative;
}
.headerscroll{
	position:absolute;
    width: 100%;
	min-width: 1200px;
    height: 60px;
	background-color:#00a7ac;
	top:0px;
	left:0px;
	z-index:101;
	transition:all 0.3s;
}
header #headerBox{
	max-width:1160px;
	height:40px;
	margin:0 auto;
	padding:10px 20px;
	position:relative;
	text-align: center;
}
header #headerBox a {
	display: inline-block;
}
header #headerBox img {}
header #headerBox img#kobelcoLogo {
	width:104px;
	height:22px;
	position: absolute;
	left: 20px;
	top: 19px;
}
header #headerBox img#sinsikakuLogo {
	width:91px;
	height:30px;
	padding-top: 4px;
}
header #headerBox .menu-trigger {
	position:absolute;
	right:20px;
	top:14px;
}



/* 汎用 ==================================== */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.floatL{float:left;}
.floatR{float:right;}
.note{
	font-size:90% !important;
	text-indent:-1em !important;
	padding:10px 0 0 1em !important;
}
.pcBr{display:inline;}
.spBr{display:none;}
.linkBox {cursor: pointer;}
.textC{text-align:center;}
.lastBox{margin-bottom:60px !important;}
.textSmall{font-size:13px; line-height:20px;}

.icoLinkWhite{
	padding-right:32px;
	line-height:1.0;
	background: url(../images/ico_linkWhite.png) no-repeat right 72%;
}
.icoLinkGreen{
	padding-right:32px;
	line-height:1.0;
	background: url(../images/ico_linkGreen.png) no-repeat right 72%;
}
.icoLinkGreen_left{
	padding-left:32px;
	line-height:1.0;
	background: url(../images/ico_linkGreen_left.png) no-repeat left 72%;
}
.icoLinkGlay{
	padding-right:32px;
	line-height:1.0;
	background: url(../images/ico_linkGlay.png) no-repeat right 72%;
}

.width1000Box{
	width: 1000px;
	margin: 0 auto;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	width:0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}
.clearfix {
	/*min-height: 1px;*/
	overflow: hidden;
}
* html .clearfix {height: 1px;}

/****************************** PC限定 ******************************/
@media screen and (min-width: 768px){
.spView{
	display:none !important;
}
}

/****************************** SP限定 ******************************/
@media screen and (max-width: 767px){
.pcBr{display:none;}
.spBr{display:inline;}
#footer{background-image:none;}
.pcView{display:none !important;}

	
/* SP_Frame ==================================== */
html,body{
	width:100%;
	height:100%;
}
body{
     font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     font-size: 100%;
}
#wrapper{
	width:100%;
	height:100%;
	font-size:15px;
	line-height:2.0;
	position:relative;
}
body, article, section, div, h1, h2, h3, h4, h5, p, ul, li{
	margin:0;
	padding:0;
	vertical-align: baseline;
}
img{
	width:100%;
	height:100%;
	vertical-align:bottom;
}
p{
	text-align: justify;
	text-justify: inter-ideograph;
}
a{
	color:#00a7ac;
}
ul li{
	list-style:none;
}

/* SP_header ==================================== */
header {
	width:100%;
	/*position:relative;*/
}
.headerscroll{
    width: 100%;
	min-width: 100%;
	/*position:absolute;
    height: 60px;
	background-color:#00a7ac;
	top:0px;
	left:0px;
	z-index:2;
	transition:all 0.3s;*/
}
header #headerBox{
	width:90%;
	padding:10px 5%;
	text-align: center;
	/*height:40px;
	margin:0 auto;
	position:relative;*/
}
header #headerBox img {
	/*display:inline-table;
	vertical-align:middle;*/
}
header #headerBox img#kobelcoLogo {
	position: absolute;
	left: 5%;
	top: 22px;
	margin:0px;
	width:auto;
	height:16px;
	/*text-align:center;*/
}
header #headerBox img#sinsikakuLogo {
	/*width:91px;
	height:30px;*/
}
header #headerBox .menu-trigger {
	position:absolute;
	right:5%;
	/*top:14px;*/
}


/* SP_ハンバーガーメニュー ------------------------------ */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 40px;
  height: 32px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 14px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}

/* SP_グローバルナビ ------------------------------ */
.wrap { 
    position: relative; 
}
.panel {
    position: fixed;
	right: -300px;
    width: 300px !important;
}


/* header固定時 ------------------------------ */
header .fixed {
    /*position: fixed;
    top: 0;
	opacity:0.9;*/
}

/* SP_nav ==================================== */

header nav{
	padding-top:20px;
	/*background-color:#ffffff;
	z-index:10000;
	border-left:1px solid #333f48;*/
}
header nav a{
	/*text-decoration:none;
	color:#333f48;
	transition:all 0.3s;*/
}
header nav a:hover{
	/*color:#00a7ac !important;*/
}
header nav #menuhead{
	width:80%;
	margin:0 auto 25px;
}

header nav #menuhead h1,
header nav #menuhead p{
	/*text-align:center;*/
}
header nav #menuhead h1{
	width:40%;
	line-height: 1.4;
	margin:0 auto;
}
header nav #menuhead p#nav_volume{
	font-size:12px;
	/*color:#00a7ac;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:10px;*/
}
header nav #menuhead p#nav_volume span{
	/*font-weight:300;
	padding-left:10px;*/

}
header nav #menuhead p#nav_theme{
	width:100%;
	font-size:16px;
	/*background-color:#00a7ac;
	margin:0 auto;
	padding:8px 0;
	text-align:center;
	line-height:1.0;
	letter-spacing:2px;
	font-weight:700;
	color:#ffffff;
	position:relative;*/
}
header nav #menuhead p#nav_theme:before{
	border-width: 10px 10px 0 0;
	/*position:absolute;
	content:"";
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #ffffff transparent transparent transparent;*/
}
header nav #menuhead p#nav_theme:after{
	border-width: 0 0 10px 10px;
	/*position:absolute;
	content:"";
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;*/
}
header nav #menuhead p#nav_theme span{
	left:10px;
	font-size:11px;
	/*position:absolute;
	top:5px;
	color:#ffffff;
	text-align:left;*/
}
header nav dl{
	/*border-top:1px solid #333f48;*/
}
header nav dl dt{
	padding:4px 12px;
	font-size:14px;
	/*margin:0;
	text-align:center;
	color:#ffffff;
	font-weight:500;
	line-height:1.0;
	display:table;
	letter-spacing:3px;
	background-color:#333f48;*/
}
header nav dl dd{
	margin-left:20px;
	padding-right: 20px;
	/*border-bottom:1px solid #eee;*/
}
header nav dl dd:last-child{
	/*border-bottom:0px;*/
}
header nav dl dd a{
	padding:12px 0;
	font-size:13px;
	line-height:20px;
	/*display:block;*/
}
header nav dl dd:last-child a{
	padding:12px 0;
}
header nav #otherLinks{
	margin-bottom:10px;
}
header nav #otherLinks p{
	border-top:1px solid #333f48;
}
header nav #otherLinks p:last-child{
	border-bottom:1px solid #333f48;
}
header nav #otherLinks p a{
	padding:14px 20px;;
	display:block;
	font-size:13px;
	line-height:20px;
}
header nav .navaddLink{}
header nav .navaddLink a{
	text-align:left;
	display:block;
	font-size:13px;
	width:100%;
	margin:0 auto 10px;
	padding:0 0 0 20px;
	border:none;
	border-radius:0;
}
header nav .navaddLink a:hover{
	background-color:#e5f6f7;
}

header nav .navaddLink:last-child a{
	margin:0 auto;
}
	

/* SP_footer ==================================== */
footer{
	width:100%;
	min-width: 100%;
	/*background-color:#00a7ac;
	font-family: 'Noto Sans SC', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
footer #footerArea{
	width:90%;
	padding:30px 5%;
	/*background-color:#00a7ac;
	margin:0 auto;*/
}
footer #footerArea ul li{
	height:19px;
	display:inline-block;
	margin-right:20px;
}
footer #footerArea dl{
	margin:20px 0 0;
	padding:0;
}
footer #footerArea dl dt{
	display:block;
	font-weight:600;
	letter-spacing: 2px;
	font-size:14px;
	margin-bottom: 6px;
	/*color:#a4dcde;
	margin-right:0px;*/
}
footer #footerArea dl dd{
	display:block;
	margin: 0 0 10px 0;
	line-height: 1.0;
}
footer #footerArea dl dd a{
	font-size:13px;
	/*color:#a4dcde;
	text-decoration:none;*/
}
footer #copyrightArea{
	min-width:100%;
	padding:30px 0;
	/*background-color:#00a7ac;
	border-top:1px solid #7fd3d5;
	width:100%;
	margin: 0 auto;*/
}
footer #copyrightArea p{
	font-size:12px;
	letter-spacing: 1px;
	/*background-color:#00a7ac;
	margin:0 auto;
	text-align:center;
	color:#a4dcde;*/
}	




/* 汎用 ==================================== */
.lastBox{margin-bottom:40px !important;}
.textSmall{font-size:12px; line-height:20px;}
.width1000Box{width: 90%; margin: 0 auto;}


}

@media screen and (max-width: 360px){

}