@charset "UTF-8";
/*-------------------------------------------------------------------*/
/*ヘッドバナー*/
/*-------------------------------------------------------------------*/
.head-banner{
	display:block; /*インラインからブロック要素へ変更*/
	width:960px; /*横幅*/
	height:330px; /*高さ*/
	background-image: url("../images-shared/kokumei-head.jpg");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}


/*-------------------------------------------------------------------*/
/*ヘッドバナー(携帯)*/
/*-------------------------------------------------------------------*/
.head-responsive-banner{
	background-position: center;
	display:block; /*インラインからブロック要素へ変更*/
	background-size: 640px 300px;
	background-repeat: no-repeat;
	background-image: url(../images-responsive/head-responsive-kokumei.jpg);
	height: 300px;
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}
/*-------------------------------------------------------------------*/
/*会社 サブメニュー*/
/*-------------------------------------------------------------------*/

div.company-sub-menu{
	margin-left:auto;
	margin-right:auto;
	width: 920px;
	background-color: #fff;
}
/*モバイル非表示*/
@media (max-width: 481px) {
	div.company-sub-menu{
		display: none;
	}
}


.info1 {
	position:relative;
	top:0px;
	left:0px;
	width:450px;
	height:200px;
	display:block;
	text-decoration:none;
}

.info2 {
	position:relative;
	top:0px;
	left:0px;
	width:222px;
	height:200px;
	display:block;
	text-decoration:none;
}


.info-title{
	padding-top:10px;
	padding-left:10px;
	font-size:18px;
	color:#474655;
	font-weight:700;
	display:block;
}

.info-sub-title{
	padding-top:4px;
	padding-left:10px;
	font-size:12px;
	color:#474655;
	display:block;
}


li.cbx1{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:450px;
	height:200px;
	background-color: #d2e9ea;
	margin:4px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}


li.cbx2{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:222px;
	height:200px;
	background-color: #deeef4;
	margin:4px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
li.cbx3{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:222px;
	height:200px;
	background-color: #d4e4e9;
	margin:4px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

.ck-icn1{
	position:absolute;
	top:64px;
	left:180px;
	display:block; /*インラインからブロック要素へ変更*/
	width:100px; /*横幅*/
	height:100px; /*高さ*/
	background-image:url(../images-shared/ck-icn1.png); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}
.ck-icn2{
	position:absolute;
	top:64px;
	left:60px;
	display:block; /*インラインからブロック要素へ変更*/
	width:100px; /*横幅*/
	height:100px; /*高さ*/
	background-image:url(../images-shared/ck-icn2.png); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}
.ck-icn3{
	position:absolute;
	top:64px;
	left:60px;
	display:block; /*インラインからブロック要素へ変更*/
	width:100px; /*横幅*/
	height:100px; /*高さ*/
	background-image:url(../images-shared/ck-icn3.png); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}



.company-sub-menu::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/*-------------------------------------------------------------------*/
/*テキスト*/
/*-------------------------------------------------------------------*/

.inq-information{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	border: 1px solid #aaa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

.inq-information h2{
	padding:20px;
	font-size:24px;
	line-height:32px;
	color:#333;
	padding-bottom:10px;
	text-align:center;	
}

div.inq-layout{
	padding:40px;


	font-size:18px;
	line-height:28px;
	color:#333;
}

/*-------------------------------------------------------------------*/
/*ヘッダイメージ（上書き）*/
/*-------------------------------------------------------------------*/
/*ヘッダイメージ*/
div.headimage a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:120px; /*高さ*/
	background-image: url("../images-shared/headimage-kokumei.gif");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}
/*ヘッダイメージ(モバイル)*/
.responsive-header-menu-logo a{
	width:100px;
	float:left;
	background-position: center;
	display:block; /*インラインからブロック要素へ変更*/
	background-size: 100px 50px;
	background-repeat: no-repeat;
	background-image: url(../images-responsive/menu-logo-ko-btn.png);
	height: 50px;
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}