@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* レスポンシブWEB対応 (タブレットサイト向け)
------------------------------------------------------------*/
@media print, screen and (min-width:767px) and ( max-width:1025px) {


/* リセットスタイル
------------------------------------------------------------*/

@charset "utf-8";

/* CSS Document */

*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* ここまで */


/* レイアウト
------------------------------------------------------------*/

body {
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	margin: 0;
	padding: 0;
	color: #333;
	margin-top:0px;
	background:#fff;
}

p{
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
}

.wrap{
	width:100%;
	overflow: hidden;
}

/* ページトップボタン（右下）
------------------------------------------------------------*/
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;

	z-index:100;
}
 
#pageTop a {
  display: block;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* スマホ時のみ画像サイズを自動調整 */
img{
	max-width: 100%;
    height:auto;
}


/* 各セクションの最大幅指定 */

.section{
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding:0px 0 0px 0;
}

.secline{	/* セクションのライン */
	border-top: 4px solid #569cd7;
	width:96%;
	margin: 0 auto;
}

/* 各セクションのコンテンツ幅指定 */

.inner{
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
}

.inner img{
	display:block;
}


/* なるだけ使用しない */

.h2-h6del {
	position:absolute;
	left:-9999px;
}

.link_eff img:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}


/* ページトップボタン（右下）
------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 77%;
	z-index:100;
}

#page-top a {
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 0px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
}

/* ヘッダー内要素
------------------------------------------------------------*/

/* TOP用背景 */
#header{
	width:100%;

	display:block;
	overflow:hidden;
	width: 100%;
	height: 500px;
	margin:0 auto;
	background:url(../img/top/header_bg.jpg); /* メイン画像を背景設定に */
	background-position: center top;
	background-size:cover;
	position: relative;

}
/* 下層用背景 */
#header_k_abt{	/* about */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_abt_bg.jpg); /* メイン画像を背景設定に */
	background-position: center top;
	background-size:cover;
	position: relative;
}
#header_k_flw{	/* flow */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_flw_bg.jpg); /* メイン画像を背景設定に */
	background-position: center top;
	background-size:cover;
	position: relative;
}
#header_k_svc{	/* service */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_svc_bg.jpg); /* メイン画像を背景設定に */
	background-position: center;
	background-size:cover;
	position: relative;
}
#header_k_svc_fnt{	/* service -> furniture */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_svc_fnt_bg.jpg); /* メイン画像を背景設定に */
	background-position: center;
	background-size:cover;
	position: relative;
}
#header_k_svc_ofc{	/* service -> office */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_svc_ofc_bg.jpg); /* メイン画像を背景設定に */
	background-position: center;
	background-size:cover;
	position: relative;
}
#header_k_svc_bsd{	/* service -> Bussiness Space Design */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_svc_bsd_bg.jpg); /* メイン画像を背景設定に */
	background-position: center;
	background-size:cover;
	position: relative;
}
#header_k_eqp{	/* equipment */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 276px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_eqp_bg.jpg); /* メイン画像を背景設定に */
	background-position: center top;
	background-size:cover;
	position: relative;
}
#header_k_cpy{	/* company */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_cpy_bg.jpg); /* メイン画像を背景設定に */
	background-position: center;
	background-size:cover;
	position: relative;
}
#header_k_acs{	/* Access Map */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_acs_bg.jpg); /* メイン画像を背景設定に */
	background-position: center top;
	background-size:cover;
	position: relative;
}
#header_k_cnt{	/* Contact */
	display:block;
	overflow:hidden;
	width: 100%;
	height: 300px;
	margin:0 auto;
	background:url(../img/main_bg/header_k_cnt_bg.jpg); /* メイン画像を背景設定に */
	background-position: center;
	background-size:cover;
	position: relative;
}

#menu_bg{
	width: 100%;
	height: 100px;

	float: left;
}

#logo_pc{
	display:none;
}
#logo_sp{
	width:30%;
	position:absolute;
	top:20px;
	left:15px;
}



/* ヘッダー内ナビゲーション
------------------------------------------------------------*/

.slicknav_menu {	/* PCサイトではスマホナビを非表示に */
	position:fixed;
	top:15px;
	right:10px;

	z-index:100;
}

#h_menu{
	display:none;
}

/* フッター内ナビゲーション
------------------------------------------------------------*/



/* メインコンテンツ
------------------------------------------------------------*/

/* 各セクションの高さ・背景設定 */

.s1 {	/* NEWS */
	width:95%;
	/* min-height: 326px; */
	background-position:top;
	display:block;
	overflow:hidden;

	margin-top: 60px;
	margin-bottom:70px;
}

.s2 {	/* SERVICE */
	width:95%;
	/* min-height: 504px; */
	display:block;
	overflow:hidden;

	margin-top: 60px;
	margin-bottom:70px;
}

.s3 {	/* COMPANY INFOMATION */
	width:100%;
	/* min-height: 530px; */
	background-position:top;
	display:block;
	overflow:hidden;

	margin-top: 60px;
	margin-bottom:70px;
}

.s4 {	/* ACCESS MAP  */
	width:100%;
	min-height: 716px;
	background-position:top;
	display:block;
	overflow:hidden;
}

.s5 {	/* WORK */
	width:100%;
	
	background-image:url(../img/share/work_bg.jpg);
	display:block;
	overflow:hidden;
	background-position: center top;
}

/* s共通設定 */
img.title{
	margin-left:auto;
	margin-right:auto;
}

#top_thum{
	width:100%;
	float:left;
}
ul.thumbnail {
	width: 100%;
	/* min-width: 1140px;  */
	margin: 0%;
	padding: 0px;
	list-style-type: none;
}
ul.thumbnail li {
	width: 23%; 
	margin:1%;
	float: left;
}
ul.thumbnail li p{
	font-size:14px;
	text-align:center;
	color:#000;
	line-height:1.7;
}

/* s共通設定 */


/* s1の個別設定  NEWS */
#news_title{
	width: 500px;
	height:28px;

	margin-top:20px;
	margin:2%;
}

#news_area{
	margin: 2%;
	height: 146px;
}
#text_area{
	width: 100%;
	height: 56px;
	border-bottom: 1px solid #000000;
	float: left;
	padding-bottom:20px;
	height:auto;
}

.news_area_date{
	width: 15%;
	font-size:14px;
	color: #000000;
	float: left;
	padding-top: 20px;
}

.news_area_text{
	width:85%;
	font-size:12px;
	color: #000000;
	float: left;
	padding-top: 20px;
}
	
.click_here{
		width: 30px;
		height: 30px;
		background:url(../img/share/read_more.png) no-repeat;
		text-indent: -9999px;
		float: right;
		margin-right:20px;
		margin-top: -20px;
}
/* s1の個別設定  NEWS */


/* s2の個別設定  SERVICE */
#service_title{
	width: 500px;
	height:28px;

	margin-top:20px;
	margin:2%;
}
/* s2の個別設定 SERVICE */


/* s3の個別設定 */
#company_title{
	width: 500px;
	height:28px;

	margin-top:24px;
	margin:2%;
}
/* s3の個別設定 */


/* s4の個別設定  ACCESS MAP*/
#access_title{
	width: 500px;
	height:28px;

	margin-top:20px;
	margin:2%;
}

#map_area{
	width: 58%;
	margin-left:2%;

	float: left;

	margin-top: 36px;
}
#map_about{
	float: left;

	width: 38%;
	margin-right:2%;

	/* background-image: url(../img/top/map_about.png); */
	/* background-size:cover; */

	margin-top: 36px;
}	
#map_about img.title{
	margin:0 auto;
	width:86%;
	margin-top:25px;
}
#map_about .text_area{
	margin:0 auto;
	width:86%;

	height: 70px;
	padding-top: 20px;
	margin-left: 25px;
	margin-right: 25px;
}
#map_about .text_area p{
	font-size: 14px;
	color: #FFF;
	line-height: 1.7;
}

#map_about img.mappt{
	width: 100%;
}

.gmap{
	width:96%;
	height:500px;
	frameborder:0;
	border:0;
}
/* s4の個別設定 ACCESS MAP*/


/* s5の個別設定 WORK / footer */

#footer_thum{
	width:100%;
	padding-top: 56px;
}
ul.thumbnail2 {
	width: 96%;
	/* min-width: 1152px;  */

	padding: 0px;
	list-style-type: none;

	margin: 2%;
}
ul.thumbnail2 li {
	width: 31%; 
	float: left;
	margin:1%;
}

ul.thumbnail2 dl {
	width:330px;
	margin: 0 auto; 
	font-size: 11px;
}

ul.thumbnail2 dt {
　　height: 110px;  
}


/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	min-height: 1px;
}

/* 下層 メインコンテンツ
------------------------------------------------------------*/

/* 各セクションの高さ・背景設定 */

.ks1 {	/* About */
	width:100%;
	/* min-height: 326px; */
	background-position:top;
	display:block;
	overflow:hidden;
	margin-top: 80px;
	margin-bottom:140px;
}

/* 下層共通 */	
#k_title{
	text-align:center;
	font-size:34px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}
#k_stitle{
	text-align:center;
	font-size:14px;
	margin:20px 0px 40px 0px;
}
#k_dsctitle{
	text-align:center;
	font-size:14px;
	line-height:1.7;

	margin:60px 0px 80px 0px;
}
#k_dsctitle2{
	text-align:left;
	font-size:14px;
	line-height:1.7;
	margin:40px auto 60px auto;
}
.k_ctgtitle{
	clear:both;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	line-height:1.7;
	padding:30px 0px 0px 0px;
	width:98%;
	margin:0 auto;
}

/* About */	
img.about_img{
	width:94%;
	margin:0 auto;	
}
h4.about_h4t{
	text-align:center;
	font-weight:bold;
	font-size:22px;
	line-height:2.0;	

	margin:40px 0px 20px;
}
h4.about_h4st{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	line-height:1.7;

	margin:40px 26px 20px;
}
p.about{
	text-align:left;
	font-size:12px;
	line-height:1.8;

	width:94%;
	margin:0 auto;
}

/* Flow */
h5.flow_title{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:1.0;
	margin:40px 0px 0px 0px;

	text-decoration:underline;
}
h6.flow_stitle{
	text-align:center;
	font-size:14px;
	line-height:1.8;
	margin:0px 0px 20px 0px;
}
p.flow{
	text-align:center;
	font-size:14px;
	line-height:1.8;
}
.flow_under{	/* 下向き矢印 */
	text-align:center;
	margin-top:40px;
}
.ks1 a {
	color:#000;
}
.ks1 a:hover {
	text-decoration:underline;
}
.ks1 a.contact {
	color:#000;
	font-size:24px;
	line-height:1.7;
	font-weight:bold;
}


/* Equipment */
table#eqp_tbl{
	width:96%;
	margin:0 auto;
	margin-bottom:20px;
}
table#eqp_tbl tr{
}
table#eqp_tbl th{
	
	border:solid 1px #ccc;
	font-size:14px;
	padding:20px;
	text-align:left;
}
table#eqp_tbl td{
	
	border:solid 1px #ccc;
	font-size:12px;
	padding:10px;

}
table#eqp_tbl .eqp_ttitle{
	font-weight:bold;
}

/* Company */
table#cpy_tbl{
	width:70%;
	margin:0 auto;
	margin-bottom:20px;
}
table#cpy_tbl tr{
}
table#cpy_tbl th{
	border-bottom:solid 1px #333333;
	font-size:12px;
	padding:10px;
	text-align:left;
}
table#cpy_tbl td{
	border-bottom:solid 1px #333333;
	font-size:14px;
	line-height:1.7;
	padding:20px;
	text-align:left;
}
.k_cpy_title{
	clear:both;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding:30px 0px 0px 0px;
}
.k_cpy_stitle{
	text-align:center;
	font-size:14px;
	padding:10px 0px 40px 0px;
}
#entaku{
	width:320px;
	margin:0 auto;
}
#entaku p{
	font-size:14px;
	line-height:2.4;
}

/* Access Map */
.acs_gmap{
	width:96%;
	height:500px;
	margin:0px 2%;
	margin-bottom:20px;
}

/* Contact */
table#cnt_tbl{
	width:80%;
	margin:0 auto;
	margin-bottom:80px;
}
table#cnt_tbl tr{
}
table#cnt_tbl th{
	width:34%;
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
	font-size:14px;
	padding:20px;
	text-align:left;
}
table#cnt_tbl td{
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
	font-size:14px;
	padding:20px;
	text-align:left;
}
table#cnt_tbl td.noneborder{
	border:none;
	font-size:14px;
	padding:20px;
	text-align:left;
}
table#cnt_tbl td p{
	line-height:1.7;
}

table#cnt_tbl input{
	color:#000000;
	background-color: #EAEAEA;
	border: 1px #AAAAAA double;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */  
}

input.w100{	width:100px; }
input.w250{	width:250px; }
textarea.w350{	width:80%; }

textarea{
	color:#000;
	background-color: #EAEAEA;
	border: 1px #AAAAAA double;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

select{
	color:#000;
	background-color: #EAEAEA;
	border: 1px #AAAAAA double; 
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.bottonA{
	background-color:#042045;
	font-weight:bold;
	line-height: 42px;
	padding:0 10px;
	color:#FFFFFF;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	text-align:center;
}

.bottonB {
	position: relative;
	background-color: #E80932 !important;
	border-radius: 4px;
	color: #fff !important;
	-webkit-transition: none;
	transition: none;
	font-weight:bold;
	line-height: 42px;
	padding:0 10px;
}
.bottonB:hover {
	background-color: #CB2124;
}
.bottonB:active {
	top: 3px;
	box-shadow: none;
}

.bottonC{
	background-color:#7B7070;
	font-weight:bold;
	margin-bottom:0px;
	padding:10px;
	color:#FFFFFF;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	text-align:center;
	}

.hissu{
	margin:0px;
	float:right;
	display: block;
	height: 14px;
	width: 31px;
	background-image: url(../img/contact/icon_cnt_hissu.png);
	background-repeat: no-repeat;
}


/* フッター
*****************************************************/

#footer{
	position:relative;
	overflow:hidden;
	width: 100%;
	height:auto;
	margin:0 auto;
	background-position:top;
}

#footer_logo{
	width:454px;
	height:38px;
	margin: 0 auto;

	position:relative;
	top:72px;

	z-index:100;
}

/* ナビゲーション部分*/


#footerNavBg{
	display:block;
	overflow:hidden;
	text-align: center;
	width: 100%;
	margin:0 auto;

	position:relative;
	padding-top:280px;
}
	
#f_menu{
    margin: 0px 26px;	
} 

#f_menu ul{
    padding: 0px; 	
    margin: 0px;
} 

#f_menu ul li {
    display: inline; 	
} 
	#f_menu li{
	margin-right: 28px;}

#f_menu ul li a { 
	font-size: 14px;
	letter-spacing: px;
	text-decoration: none;
	color: #fff;
	position: relative;
 	transition: .3s;
	line-height:2.0;
} 

#f_menu ul li a:hover{ 
	padding-bottom: 3px;
    border-bottom: dotted 1px #fff;	 
	opacity: 0.6;
}


/* コピーライト部分 */

#copyright{
	width:100%;
	height: 15px;
	margin: 0 auto;
	padding-top:50px;
}

#copyright p{
	font-size:11px;
	letter-spacing:0.1em;
	text-align:center;
	color:#FFF;
	
}
#copyright a{color: #000;}
#copyright a:hover{color: #ff749d;}
/* s5の個別設定 WORK / footer*/	


/* フッター
*****************************************************/

#footer{
	overflow:hidden;
	width:100%;
	height:250px;
	background: repeat-x 100%;
	background: url(../images/share/footer_bg_line.png);
	background-position: center top;
	margin:0 auto;
	color:#000;
}

#footerNav{
	overflow:hidden;
	width: 100%;
	margin:0 auto;
	background: repeat-x 100%;
	background: url(../images/share/footer_bg_line.png);
	background-position: center;
	text-align: center;
	margin-top: 0px;
}
#footerNav a:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}

#footerMenu{
	width: 100%;
	padding-top:24px;
}

#footerMenu .logo{
	float:left;
	margin-left:10px;
	margin-right:34px;
}
#footerMenu .logo:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80);
}

#footerMenu p{
	font-size : 13px;
	color: #000;
	line-height:1.7;
}

#footerMenu ul{
	float:left;
	width:auto;	/* 縦表示・横表示に対応 */
}

#footerMenu li{
	float:left;
	color:#fff;
	font-size : 14px;
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	padding-left:5px;
	padding-right:0px;
}

#footerMenu a{
	color:#fff;
	font-size : 14px;
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	text-decoration:none;
}
#footerMenu a:hover{
	text-decoration:underline;
}

#footerCopyright{
	clear:both;
	height: 100px;
	background-position: center top;
}

#footerCopyright p{
	font-size : 11px;
    font-family: 'Open Sans', 'Noto Sans Japanese', serif;	/* Web font指定 */
	color: #fff;
	line-height:1.7;
	text-align:center;

	margin-bottom:10px;
}
#map_about .text_area a{
	font-size: 14px;
	color: #FFF;
	line-height: 1.7;
}
#map_about .text_area a:hover{
	text-decoration:underline;
}


/* レスポンシブWEB対応 (タブレットサイト向け)
------------------------------------------------------------*/

}