@charset "UTF-8";
/*
Theme Name:戸田道路
Description:ナショナルクリエイターズカンファレンス株式会社 テーマスタイル
Author:ncc Inc.
Author URI:https://creator.ne.jp/
Version:1.0
*/



/* 全体設定
------------------------------------------------------------*/
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ul,li,pre,form,input,textarea,p,th,td {
	font-size:13px;
	margin:0;
	padding:0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
html {
	width:100%;height:100%;
}

img {
	border:0;
	max-width: 100%;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;font-weight:normal;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}

.clearFIX{
	clear:both;
}

/* イベント通知消去
------------------------------------------------------------*/
.notification {
    display: none;
}

/* リンク色の設定
------------------------------------------------------------*/
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #999;
}
a:active {
	color: #ff8000;
}
a.current{
	color: #8a2023;
	font-weight:bold;
}
a.normal-link {
  color: #1A0DAB;
  text-decoration: underline;
}
/* ----------------------------------------------------------
リンク色の設定終わり*/

/* フォント関連設定
------------------------------------------------------------*/
body {
	font-size: 62.5%; /* IE */
	color: #000;
}
html>/**/body{
	font-size: 12px; /* Except IE */
}
#inner{
	margin:0;
	padding:0;
	width: 100%;
	min-width: 1180px;
}
span.block_controller {
    display: none;
}
/*フォントのリンク設定*/
a{
	text-decoration:none;
	font-weight:normal;
}
/* /フォントのリンク設定*/

/* ----------------------------------------------------------
フォント関連設定終わり*/

/* 共通設定
------------------------------------------------------------*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}

.fb{font-weight:bold;}

.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}

.spacer {
    padding: 50px 0;
}
/*Webフォントの空き設定*/
.c-c {
  color: #d71718;
  margin-right: 15px;
}
.c-d {
  margin-left: 8px;
}

/* ----------------------------------------------------------
共通終わり*/

div.hrline{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------
全体設定終わり*/


#content hr{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

h1{
	font-size: 34px;
}

h1 a{
	color: #845E49;
	font-weight: bold;
	text-decoration: none;
	}

h2{
	font-size: 26px;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0 0 5px 20px;
  margin: 15px 0;
  border-bottom: 1px solid #d71718;
}

h3{
	font-size: 20px;
  font-weight: bold;
  padding: 15px 0;
}

h4{
}
h5{

}
h6{

}
#content pre{
	font-size: 9px;
	line-height: 0.8;
	margin: 3px 0;
	padding: 0;
}
#content p{
	line-height: 1.9;
}



.mt80_bdr-t{
	margin-top:80px;
	border-bottom:1px solid #444;
}
.bdy14 {
    font-size: 14px;
    line-height: 1.9;
}

/* キャンペーン設定
------------------------------------------------------------*/
.cpn01 {
  border: 1px dotted #b2b2b2;
  padding: 10px;
	margin-bottom: 15px;
}
.cpn02 {
  font-size: 28px;
	font-weight:bold;
	color:#444;
  padding: 10px 0;
	line-height: 1.3;
}
.cpn03 {
  float:right;
	margin-left:15px;
}
.cpn04 {
  font-size: 14px;
  line-height: 1.9;
}
.cpn05 {
	border: none;
  background: #444;
  border-radius: .25em;
  padding: 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 80px;
  margin: 10px 0;
}
.cpn06 {
  font-size: 14px;
  font-weight: bold;
	color:#444;
  line-height: 1.9;
	padding-top: 15px;
}
.cpn07 {
  float:left;
	margin-right:25px;
}
.cpn08 {
  text-align: center;
	margin: 15px 0;
}
a.cpn09 {
	border: none;
  background: #b00000;
  border-radius: .25em;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}
/* ヘッダ内設定
------------------------------------------------------------*/
#headerBox {
  width: 960px;
  margin: 0 auto 10px auto;
	height: 70px;
}
#header {
	width: 100%;
	height:50px;
}
/*スローガン文字設定*/
.slogan {
    padding: 5px 0;
    font-size: 12px;
    font-weight: normal;
}
/*ヘッダ検索設定*/
#swords{
padding: 3px;
margin-left: 10px;
border: 1px solid #cfd9db;
background-color: #ffffff;
border-radius: .5em;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.sformButton2 {
  border: none;
  background: #444;
  border-radius: .25em;
  padding: 3px 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}
/* /ヘッダ検索設定*/

/* ----------------------------------------------------------
ヘッダ内設定終わり*/


/* TOPバナー設定
------------------------------------------------------------*/
.top-indx01{
	background: url(/wp/wp-content/uploads/2024/05/top01.png) no-repeat 0% 0%;
}
.top-indx02{
	background: url(/wp/wp-content/uploads/2024/05/top02.png) no-repeat 0% 0%;
}
.top-indx03{
	background: url(/wp/wp-content/uploads/2024/05/top03.png) no-repeat 0% 0%;
}
.top-indx04{
	background: url(/wp/wp-content/uploads/2024/05/top04.png) no-repeat 0% 0%;
}
.top-indx05{
	background: url(/wp/wp-content/uploads/2024/05/top05.png) no-repeat 0% 0%;
}
.top-indx06{
	background: url(/wp/wp-content/uploads/2024/05/top06.png) no-repeat 0% 0%;
}

.news-t {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d71718
}

/* 検索ページ設定
------------------------------------------------------------*/
.kakomi {
	margin: 100px;
  padding: 3px;
  border: none;
  background: url(./images/bg-outside.gif);
}
.kakomi2 {
	padding: 20px;
	background-color: #fcfcfc;
}
.searchico{
	background: url(./images/search_icon.png) top left no-repeat;
	padding: 9px 50px;
	margin: 0px auto;
}
.searchico2{
	font-size:20px;
}
.search_table {
  border-bottom: 1px dotted #b2b2b2;
  display: table;
	padding-bottom: 15px;
}
.search_tr {
  display: table-row;
}
.search_th,
.search_td,
.search_th2,
.search_td2 {
  display: table-cell;
  padding: 0 25px;
}
.search_th {
  /*background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;*/
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
	width: 20%;
}
.search_th2 {
  border: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
}
.search_td {
  padding: 1em 0.5em;
  vertical-align: middle;
  line-height:2em;
	width: 80%;
}
.search_td2 {
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
#fwords {
	padding:10px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  height: 40px;
  width: 100%;
}
#budget{
	padding:10px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  height: 45px;
  width: 100%;
	-webkit-appearance: none;
}
.sformButton{
	border: none;
	background: #444;
	border-radius: .25em;
	padding: 10px 30px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
}
.s-caution2 {
    font-weight: bold;
    padding: 1em 0 0.5em;
}
.s-caution3 {
    font-size: 0.8em;
    line9height: 1.5em;
}
textarea#comments {
    width: 400px;
}
input#city {
    width: 400px;
}
textarea,input,select{
font-size:12px;
margin-right: 0.4em;
}
label {
	margin-right: 5px;
}
/*検索結果ページ設定*/
.stitle {
  font-size: 16px;
	font-weight:bold;
  color: #7C5845;
  margin: 20px 0 8px 0;
  padding: 0 0 2px 0;
  border-bottom: 2px dotted #7c5845;
}
#searchword {
  margin: 30px 0;
  font-size: 16px;
  font-weight: bold;
}
#searchcat{
	font-size: 1em;
    margin: 10px 0;
    padding: 10px 0 10px 25px;
    display: block;
    border: 1px dotted #CCCCCC;
    background: url(./images/link_list_cat.png) top left no-repeat;
    background-position: 10px 13px;
}
.searcht {
  font-size: 16px;
  background: url(/themes/theme_01/images/link.gif) top left no-repeat;
  padding: 9px 37px;
  margin: 0px auto;
}
.context {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 10px 40px;
}
.sresults {
  margin-bottom: 50px;
}
#pagenavi {
  padding: 20px 0;
  width: 220px;
  margin: 0 auto;
}
.searcht strong a {
  color: #b00000;
}
.heading {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #111;
  color: #444;
  font-size: 20px;
  margin: 100px 0 10px 0;
}
/* ----------------------------------------------------------
検索ページ設定終わり*/


/* センターカラム設定
------------------------------------------------------------*/
/*センターセンター設定*/
#centercolumn {
	background-color: #fff;
	color: #111;
}
#centerCcolumn h1 {
	padding: 10px 0;
  border-bottom: 1px solid #111;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px 0;
	}
#centerCcolumn h2 {
	height: 25px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	background:url(./images/h2_Top.gif) no-repeat  !important;
	border-bottom: 1px solid #111;
	line-height: 100%;
	padding-top: 6px;
	}
#centerCcolumn div.blockContent {
	margin: 0 0 8px 0;
	line-height: 120%;
	}
/*/　センターセンター設定*/
/*センターレフト設定*/
#centerLcolumn h2 {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 10px;
	background-color: #f3f4f5;
	color: #336699;
	font-size: 10px;
	font-weight: bold;
	}
#centerLcolumn div.blockContent {
	padding: 3px;
	line-height: 120%;
	}
/*/　センターレフト設定*/
/*センターライト設定*/
#centerRcolumn {
	float: right;
	}
#centerRcolumn h2 {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 10px;
	background-color: #f3f4f5;
	color: #369;
	font-size: 10px;
	font-weight: bold;
	}
#centerRcolumn div.blockContent {
	margin: 0 0 2px 0;
	padding: 3px;
	line-height: 120%;
	}
/*/　センターライト設定*/

#content {
	padding: 0 0 20px 0;
	text-align: left;
	}
#content ul {
	margin-left: 0px;
	}

/* ----------------------------------------------------------
	センタカラム設定終わり*/


/* サイドカラムの設定
------------------------------------------------------------*/
/* カテゴリ見出しの設定*/
#menu1 a,#menu2 a, #menu3 a, #menu4 a,  #menu5 a, #menu6 a, #menu7 a, #menu8 a, #menu9 a, #menu10 a, #menu11 a, #menu12 a, #menu13 a, #menu14 a, #menu15 a, #menu16 a, #menu17 a, #menu18 a, #menu19 a, #menu20 a, #menu21 a, #menu22 a, #menu23 a, #menu24 a, #menu25 a {
	font-size: 1em;
	margin: 10px 0;
	padding: 10px 0 10px 25px;
	display: block;
	border: 1px dotted #CCCCCC;
	background: url(./images/link_list_cat.png) top left no-repeat;
	background-position: 10px 13px;
}
li.umenu01 {
  font-size: 1em;
  margin: 10px 0;
  padding: 10px 0 10px 25px;
  display: block;
  border: 1px dotted #CCCCCC;
  background: url(./images/link_list_cat.png) top left no-repeat;
  background-position: 10px 13px;
}

dt.blockTitle {
    color: #fff;
    padding: 12px 43px;
    margin: 0px auto 0px;
    background: url(./images/blockheadericon3.png) top left no-repeat;
    background-color: #444;
    width: 140px;
}

#leftcolumn li ul li a {
	font-size: 1em;
  text-align: left;
  background-image: none;
  background-position: 1px 17px;
  background-repeat: no-repeat;
  padding: 10px 0 10px 10px;
  border: 1px dotted #ccc;
  border-width: 0 0 1px 0;
	background-color: #fff;
}
#rightcolumn li ul li a {
	font-size: 1em;
  text-align: left;
  background-image: url(./images/link_list_side_ul.gif);
  background-position: 1px 17px;
  background-repeat: no-repeat;
  padding: 10px 0 10px 15px;
  border: 1px dotted #ccc;
  border-width: 0 0 1px 0;
}
/* ----------------------------------------------------------
	サイドカラム設定終わり*/

/* トップページNewsブロックの設定
------------------------------------------------------------*/
#topnewsblock li{
	display: list-item;
	text-align: -webkit-match-parent;
	border-bottom: dotted 1px #dedede;
	padding: 10px 0;
}

li.news2{
	display: list-item;
  text-align: -webkit-match-parent;
  border-bottom: dotted 1px #dedede;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.3;
}

a.news4 {
  font-weight: 555;
}

/* フッターの設定
------------------------------------------------------------*/
div#footer {
	overflow: hidden;
  min-width: 1180px;
  /* position: relative; */
  clear: both;
  background-image: url(./images/footbg.gif);
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #EDEDED;
}
.foot-inner{
	margin: 0 auto;
  width: 1180px;
  background-color: #EDEDED;
}
#footer .grid {
	padding: 10px 0 10px 20px;
  margin: 0;
  background: transparent;
}
#footer .info .tel, #footer .info .tel span, #footer #info .open {
  font-size: 12px;
  color: #333;
}
.grid {
  float: left;
  width: 300px;
}
.logo3 {
  font-size: 20px;
  font-weight: bold;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  line-height: 1.5;
}
.logo3 span, .info span {
  color: #333;
  font-size: .6em;
  font-weight: normal;
}
.footnav {
  float: right;
  width: 800px;
  padding: 10px 0;
}
ul.footnav li {
  float: left;
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 11px;
  border-right: 1px solid #999;
}
div#footer p{
margin-top:10px;
}
div#footer a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.logo3, .info .tel {
  font-weight: bold;
}
div#footer a:hover {
	text-decoration: none;
	color: #777;
}

address {
  padding: 5px;
  text-align: center;
  font-style: normal;
  font-size: 10px;
  color: #fff;
}
#footnav-fl {
  float: left;
  width: 31%;
	padding-right: 60px;
  box-sizing: border-box;
}
.footnav-t {
    font-size: 14px;
    font-weight: bold;
}
#footnav-fl ul li{
	padding-left:6px;
	line-height: 1.9;
}
#footnav-fl ul li a{
	font-weight:normal;
}
#footnav-fr {
  float: right;
  width: 31%;
  box-sizing: border-box;
}
#footnav-fr ul li{
	padding-left:6px;
}
#footnav-fr ul li a{
	font-weight:normal;
}
.undrl{
	padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

/* ----------------------------------------------------------
	フッター設定終わり*/


/* TDSSモジュール
------------------------------------------------------------*/
.square_btn1 {
	display: inline-block;
	width: 45%;
    font-size: 20px;
    padding: 30px 5px;
    text-decoration: none;
    color: #d71718 !important;
    border: solid 2px #d71718;
    border-radius: 10px;
    transition: .4s;
}
.square_btn1:hover {
    background: #d71718;
    color: white !important;
}
/* ヘッダ画像の設定*/
.jobs {
  background-image: url(./images/label/jobs.jpg);
	background-size: 100%;
}
.outplacement {
  background-image: url(./images/label/outplacement.jpg);
	background-size: 100%;
}
.muki {
  background-image: url(./images/label/muki.jpg);
	background-size: 100%;
}
.entry{
  background-image: url(./images/label/entry.jpg);
	background-size: 100%;
}
.yuki {
  background-image: url(./images/label/yuki.jpg);
}
.inner2 {
  background-image: url(./images/label/inner.jpg);
}
.about {
  background-image: url(./images/label/about.jpg);
}
.gengyo {
  background-image: url(./images/label/gengyo.jpg);
}
.contactus {
  background-image: url(./images/label/contactus.jpg);
}
.news{
  /*background-image: url(./images/label/news.jpg);*/
}
.contents{
  background-image: url(./images/label/contents.jpg);
}
.gengyo{
  background-image: url(./images/label/gengyo.jpg);
}
.toda{
  background-image: url(./images/label/toda.jpg);
}

#Label {
  background-repeat: no-repeat;
  color: #ffffff;
  height: 83px;
	text-shadow: 1px 1px 1px #444;
}
.labelmain {
  font-size: 22px;
  font-weight: bold;
	padding:1px 0 0 20px;
	float: left;
}
.labelsub {
  font-size: 12px;
  padding:20px 0 0 20px;
}
/* パンくずの設定*/
#breadcrumb {
  margin: 0;
  padding-right: 5px;
  background: transparent;
  font-size: 1.1em;
}
#breadcrumb li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: .5em 0;
}
#underlineT,#productName {
	font-size: 34px;
  padding: 0 0 40px 0;
  text-align: center;
  margin-top: 50px;
}

#underline {
  border-bottom: 1px dotted #404040;
  font-size: 4px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  width: 100%;
}

/* カテゴリページ製品写真の設定*/
img.ctgrp2 {
  width: 90px;
	height: auto;
}
/* ページノンブルの設定*/
.align-right {
  font-size: 1.2em;
  margin: 20px 0;
  text-align: center;
  letter-spacing: 5px;
  clear: both;
  padding-top: 50px;
}
/* 関連製品エリアの設定*/
#imagesSub {
  display: table;
  background: #ececec;
  padding: 13px 13px 7px 14px;
  margin-top: 20px;
	width: 100%;
}
.thumbLeft, .thumbCenter, .thumbRight {
  padding: 0;
  margin: 0 20px 7px 0;
  width: 257px;
  vertical-align: top;
	display: inline-block;
  float: none;
  clear: both;
}
.thumbImage {
	text-align: center;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
.thumbCaption a {
  color: #cb421d;
}
/* 仕様表関連の設定*/
.specCaption{
	font-size: 13px;
  margin: 2em 0 .5em 0;
	padding:.1em 0 .1em 1em;
	background: #444;
  color: #fff;
}
.specRow td a {
  color: #cb421d;
}
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* 仕様表table関連の設定*/
.specCaption {
  font-size: 16px;
  margin: 10px 0;
  padding: 5px 10px;
  background: #d71718;
  color: #fff;
}


table {
  margin: 0;
  padding: 0;
  empty-cells: show;
}
.specTable {
  width: 100%;
  border-collapse: collapse;
  color: #1b1b18;
  font-size: .9em;
  margin-bottom: 1em;
}
tr.specHead th {
	background: #ececec;
  height: 41px;
  font-weight: normal;
  color: ##1b1b18;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #bfbfbf;
}
th {
	font-size: 14px;
  line-height: 2;
  padding: 2px;
  border: 1px solid #bfbfbf;
	text-align: center;
}
.specRow .cell0 {
  padding-left: 1em;
  text-align: left;
  padding-right: 1em;
	/*font-weight: bold;
	background: #eee;*/
}
tr.specRow td {
  height: 22px;
	text-align: left;
  vertical-align: middle;
  border: 1px solid #bfbfbf;
}
td {
  padding: 5px;
}
.pdf7, .cad8 {
  display: none;
}
.cell7, .cell8 {
  display: none;
}
/* 採用した工法・技術などの設定*/
.bg1{background: #3D4C53;}

.button2 {
  float:left;
  width : 250px;
  height : 50px;
  margin:15px;
  overflow: hidden;
  text-align : center;
  transition : .2s;
  border-radius: 3px;
}
.button {
  float:left;
  width : 250px;
  height : 50px;
  margin:15px;
  overflow: hidden;
  text-align : center;
  transition : .2s;
  cursor : pointer;
  border-radius: 3px;
}
.btnTwo {
  position : relative;
  width : 180px;
  height : 100px;
  margin-top: -100px;
  padding-top: 2px;
  background : #d71718;
  left : -230px;
  transition : .3s;
}
.btnText {
  padding: 16px;
  color : white;
  transition : .3s;
}
.btnText2 {
  margin-top : 55px;
  margin-right : -130px;
  color : #FFF;
}
.button:hover .btnTwo{ /*When hovering over .button change .btnTwo*/
  left: -130px;
}
.button:hover .btnText{ /*When hovering over .button change .btnText*/
  margin-left : 45px;
}
.button:active { /*Clicked and held*/
  box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}
.ml6{margin-left:6px;}

/* ダウンロードボタンの設定*/
#detail {
  text-align: center;
  padding: 10px 0;
}
.detalbtn1 {
  padding: 15px;
  font-size: 11px;
  background-color: #444;
  display: inline;
	border-radius: 6px;
}
.detalbtn1 a {
  color: #fff;
}
.detalbtn1 a:hover {
  color: #999;
}
.detalbtn2{
	padding:15px;
	font-size:11px;
	background-color:#8a2023;
	display:inline;
	border-radius: 6px;
}
.detalbtn2 a{
	color:#fff;
}
.detalbtn2 a:hover{
	color:#999;
}
/* 管理画面の設定*/
#viewcatform fieldset {
  margin: 20px 0;
}
#producteditform fieldset {
  clear: both;
  margin: 0;
  padding: .5em 0 1.3em;
  border-bottom: 1px;
  border-color: #776d6b;
  border-style: none none dotted none;
}
#producteditform .label {
  clear: left;
  display: block;
  padding-top: .5em;
  padding-left: 0;
  float: left;
  width: 180px;
  line-height: 1.2em;
}
#producteditform .control {
  display: block;
  margin: 0 0 0 105px;
  padding-top: .5em;
  line-height: 1.9em;
  width: 495px;
}
p#langThumbEdit0 {
  margin-top: 20px;
}
p.langAddSpec {
  margin: 40px 0 20px 0;
}
div#description {
  margin-top: 20px;
}
body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
  background: #fff;
}
.oxjackTable {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #bfbfbf;
  color: #1b1b18;
  font-size: .9em;
}
tr.oxjackHead th {
  background: #7e1a07;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.1em;
  border-color: #bfbfbf;
  height: 30px;
}
tr.oxjackRow .head {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #bfbfbf;
  padding: 3px;
  height: 22px;
}
tr.oxjackRow td {
  vertical-align: middle;
  border: 1px solid #bfbfbf;
  height: 22px;
  padding: 3px;
}
.head, .head th {
  font-weight: bold;
  background: #ececec;
  color: #1b1b18;
  text-align: center;
  vertical-align: middle;
  height: 30px;
  border: 1px solid #bfbfbf;
}
#spectable{
	width:100%;
}
#spectable td {
  padding: 3px;
}
input.c1 {
  width: 85px;
}
input.c2 {
  width: 85px;
}
#spectable textarea {
  width: 300px;
}
a.btn.btn-primary.venoboxframe.vbox-item {
  color: #cb421d;
}
a.btn.btn-default.venoboxframe.vbox-item {
  color: #cb421d;
}

.categoryList li {
	font-size: 16px;
  list-style: none;
  /* padding: 50px; */
  display: inline-block;
  margin: 10px;
  width: 100%;
  text-align: center;
  border-radius: 8px;
}
.categoryList a {
    margin: 9px;
}
.categoryList li a {
  color: #fff;
  font-size: 13px;
  padding: 5px;
  float: left;
  margin: 10px;
  width: 150px;
  background: #444;
  text-align: center;
  border-radius: 3px;
}
/*給湯器indexの設定*/
li.products1 {
  background: url(/themes/theme_01/images/temp/type05.png) no-repeat 0% 0%;
  height: 238px;
}
li.products2 {
  background: url(/themes/theme_01/images/temp/type01.png) no-repeat 0% 0%;
  height: 238px;
}
li.products3 {
  background: url(/themes/theme_01/images/temp/type02.png) no-repeat 0% 0%;
  height: 238px;
}
li.products4 {
  background: url(/themes/theme_01/images/temp/type03.png) no-repeat 0% 0%;
  height: 238px;
}
li.products5 {
  background: url(/themes/theme_01/images/temp/type04.png) no-repeat 0% 0%;
  height: 238px;
}
a.ctgrla1:hover,.ctgrla2:hover,.ctgrla3:hover,.ctgrla4:hover,.ctgrla5:hover {
  background: #b00000;
}

/*エコジョーズ給湯器indexの設定*/
li.ecojozu1 {
  background: url(/themes/theme_01/images/temp/type01.png) no-repeat 0% 0%;
  height: 238px;
}
li.ecojozu2 {
  background: url(/themes/theme_01/images/temp/type02.png) no-repeat 0% 0%;
  height: 238px;
}
li.ecojozu3 {
  background: url(/themes/theme_01/images/temp/type03.png) no-repeat 0% 0%;
  height: 238px;
}

/* ----------------------------------------------------------
		製品モジュール設定終わり*/


/*  お問い合わせの設定
------------------------------------------------------------*/
.flex_formbox {
  display: flex;
  flex-direction: row;
}
.rei {
  font-size: 14px;
  font-weight:normal;
}
.formbox p {
  font-size:1.5em;
}
.form-t1 {
  font-size:16px;
  font-weight:900;
  align-self: center;
}
.form-t2 {
  font-size:16px;
  font-weight:900;
  align-self: center;
  /*padding: 8px 8px;*/
  margin-bottom: 15px;
}
.formbox select {
  padding:0 0 0 20px;
  background: #FFF;
  border: 1px solid #97adba;
  border-radius: 3px;
  height: 60px;
  width: 300px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
}
.formbox input {
  border: 1px solid #97adba;
  padding: 8px 8px;
  border-radius: 5px;
  font-size: 1em;
  margin-bottom: 15px;
  width: 100%;
}
span.required {
  /*color: #b21919;
  font-size: 14px;
  margin-left: 5px;*/
  border: none;
    background: #b00000;
    border-radius: 0.25em;
    padding: 3px 10px;
    margin-left: 5px;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
}
.formbox textarea {
  background: #FFF;
  border: 1px solid #97adba;
  border-radius: 5px;
  padding: 15px 10px;
  width: 100%;
  font-size: 1em;
  }
.formBtn input:hover {
  background: #fff;
  color: #E94528;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.formBtn input {
  background: #E94528;
  color: #fff;
  width: 50%;
  display: block;
  margin: 30px 0;
  border: 1px solid #E94528;
  padding: 15px 10px;
  border-radius: 5px;
  font-size: 1.5em;
  cursor: pointer;
  margin-bottom: 15px;
}
/* ----------------------------------------------------------
お問い合わせの設定終わり*/

/*  企業情報の設定
------------------------------------------------------------*/
.flbx-01 li {
    float: left;
    padding: 10px;
		margin-bottom: 20px;
    box-sizing: border-box;
}
.flbx-02 {
  float: left;
  box-sizing: border-box;
  width: 49%;
}
.flbx-03 {
  float: right;
  width: 49%;
  box-sizing: border-box;
}
.abt_rbx1 {
    background-color: #d71718;
    width: 400px;
}
.abt_rbx2 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 2.5;
}
ol.abt-ol {
    padding: 15px 0 0 20px;
    list-style-type: decimal;
    line-height: 2;
}
.abt-ol li {
    font-size: 14px;
}
.chrtr-t {
    font-size: 15px;
    font-weight: bold;
}
.license-box_l{
	float: left;
	width:45%;
}
.license-box_r{
	float: right;
	width:45%;
}
li.license-l {
    float: left;
    font-size: 14px;
		font-weight: bold;
		width: 50%;
		box-sizing: border-box;
		padding: 15px;
    border-bottom: 1px solid #bfbfbf;
}
li.license-r {
    float: right;
    font-size: 14px;
		text-align: right;
		width: 50%;
    box-sizing: border-box;
		padding: 15px 30px 15px 0;
    border-bottom: 1px solid #bfbfbf;
}
.organization-p {
    background-image: url(./images/about/about_014.svg);
		background-repeat: no-repeat;
    height: 620px;
		background-size: contain;
}
.organization-p2 {
    background-image: url(./images/about/about014.jpg);
		background-repeat: no-repeat;
    height: 850px;
		background-size: contain;
}
.brnch-map {
    background-image: url(./images/about/about015.png);
		background-repeat: no-repeat;
    height: 714px;
}
li.abt-rnn_fl {
    width: 60%;
}
li.abt-rnn_fr {
    width: 39%;
}
.abt_img01 {
    width: 95%;
}
/* 企業情報＞会社概要 */
.cprfl{
  clear: both;
  border-top: solid 1px #ccc;
}
.cprfl_end{
  clear: both;
  border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.cprfl-l{
  float: left;
  padding: 15px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: bold;
  text-align: left;
  width: 20%;
  line-height: 200%;
}
.cprfl-r{
  float: left;
  padding: 15px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: normal;
  text-align: left;
  width: 79%;
  line-height: 200%;
}
.cprfl-rl{
  float: left;
  padding: 10px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: normal;
  text-align: left;
  width: 35%;
  line-height: 200%;
}
.cprfl-rr{
  float: left;
  padding: 10px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: normal;
  text-align: left;
  width: 60%;
  line-height: 200%;
}
/* 企業情報＞沿革 */
#clickable {
  width: 1180px;
  height: 714px;
  margin: 0 auto;
  position: relative;
}
.brnch-map{
  background: url(./images/about/map00.png) no-repeat top left;
}
.brnch-map2{
  background: url(./images/about/map00.png) no-repeat top left;
}
#clickable ul {
  list-style: none;
}
#clickable li.btn1 {
  position: absolute;
  top: 0px;
  left: 799px;
  display: block;
  width: 381px;
  height: 235px;
  background: url(./images/about/map01_on.png) no-repeat top left;
}
#clickable li.btn2 {
  position: absolute;
  top: 230px;
  left: 714px;
  display: block;
  width: 147px;
  height: 238px;
  background: url(./images/about/map02_on.png) no-repeat top left;
}
#clickable li.btn3 {
  position: absolute;
  top: 361px;
  left: 621px;
  display: block;
  width: 154px;
  height: 205px;
  background: url(./images/about/map03_on.png) no-repeat top left;
}
#clickable li.btn4 {
  position: absolute;
  top: 300px;
  left: 533px;
  display: block;
  width: 157px;
  height: 277px;
  background: url(./images/about/map04_on.png) no-repeat top left;
}
#clickable li.btn5 {
  position: absolute;
  top: 449px;
  left: 368px;
  display: block;
  width: 236px;
  height: 196px;
  background: url(./images/about/map05_on.png) no-repeat top left;
}
#clickable li.btn6 {
  position: absolute;
  top: 151px;
  left: 69px;
  display: block;
  width: 438px;
  height: 563px;
  background: url(./images/about/map06_on.png) no-repeat top left;
}
#clickable li a,
#clickable li a:link,
#clickable li a:visited {
  display: block;
}
#clickable li a:hover img,
#clickable li a:active img {
  visibility: hidden;
}

.brnch-box_hr {
  border-top: 1px solid #bfbfbf;
}
.brnch-box_fl {
    float: left;
		width:48%;
    padding: 10px;
    box-sizing: border-box;
}
.brnch-box_fr {
    float: right;
		width:48%;
    padding: 10px;
    box-sizing: border-box;
}
.brnch-box_fll {
    float: left;
		width:80%;
    padding: 10px;
		margin: 0px;
    box-sizing: border-box;
}
.brnch-box_flr {
    float: right;
		width:18%;
    padding: 0px;
		margin: 0px;
    box-sizing: border-box;
}
.brnch-box_flr img {
    height: 150px;
}



/* 企業情報＞グループ紹介 */
.group-h{
	font-size:2em;
	text-align:center;
}
#g-index{
	display:table;
	width:100%;
	border-collapse: separate;
  border-spacing: 10px 0;
}
#g-index p{
	line-height: 1.5;
}
.index-mt{
	margin:10px 0 0 0;
}
.grp-box{
	display:table-cell;
	width:32%;
	margin:0 10px 20px 0;
}
.grp-box-r{
	display:table-cell;
	width:32%;
	margin:0 0 20px 0;
}
.grp1{
	border:1px solid #c14d82;
}
.grp2{
	border:1px solid #47b3d1;
}
.grp3{
	border:1px solid #7f7d80;
}

.group-t{
	font-size: 18px;
  font-weight: normal;
  color: #fff;
	text-align:center;
	padding:15px;
}
.grp-t-bg1{
  background: #c14d82;
}
.grp-t-bg2{
  background: #47b3d1;
}
.grp-t-bg3{
  background: #7f7d80;
}

.group-bdy{
	padding:15px;
	line-height: 2.5;
}
.group-p{
	font-size: 0.8rem;
	color:#000;
	display: inline-block;
	position: relative;
}
a.group-p::after{
	background-color:#000;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transition: .5s all;
  width: 0;
}
a.group-p:hover::after {
  width: 100%;
}
.grp-t2{
	font-size:1.3em;
	color:#fff;
	text-align:center;
	padding:15px 0;
}
.spc-tbl{
	display:table;
	width:100%;
	margin:5px 0 0 0;
}
.spc-th{
	display:table-cell;
	font-size: 14px;
	font-weight:bold;
	width:16%;
	vertical-align: middle;
	padding: 15px;
}

.spc-th-w30{
	width: 30%;
}

.spc-td{
	display:table-cell;
	font-size: 14px;
	line-height: 2;
	width:67%;
	padding: 15px 0;
}
.gmbg2 {
    background: #168ab7;
    font-size: 1em;
    color: #fff;
		padding: 10px;
		margin: 10px;
		display: inline-block;
		transition: .3s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.gmbg2:hover {
	-webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}
.brdr{
	border:1px solid #eee;
}
.spc-url{
	font-size:1em;
	color:#000
}
.grpbx-fl{
	float:left;
	width:49%;
	box-sizing: border-box;
}
.grpbx-fr{
	float:right;
	width:49%;
	box-sizing: border-box;
}
.bdy16 a {
    font-size: 16px;
		line-height: 1.8;
    margin-bottom: 20px;
    padding-bottom: 5px;
}


/* ----------------------------------------------------------
	企業情報の設定終わり*/

/*  技術情報の設定
------------------------------------------------------------*/
#tech-box {
	/*margin: 0 auto;
	background-color: #ffffff;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	box-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-o-box-pack: justify;
	-ms-box-pack: justify;*/
}
.tech-box2 {
	width: 15%;
	padding:0 20px;
	float:left;
}
/* ----------------------------------------------------------
	技術情報の設定終わり*/


/*  施工実績の設定
------------------------------------------------------------*/
.exsmp-cv{padding:100px;}
.ctgr-box_3 {
  float: left;
  width: 47%;
  height: 250px;
  margin: 0 14px;
  padding: 14px 0;
}
h4.ctgr-box_4 {
  font-size: 18px;
  padding-bottom: 6px;
  margin-bottom: 12px;
  border-bottom: 1px solid #d71718;
}
.ctgr-box_1 {
  float: left;
  width: 33%;
}
.ctgr-box_2 {
  float: right;
  width: 65%;
}
img.ctgr-img {
  width: auto;
  height: 130px;
}
.ctgr-box_2 p {
  font-size: 14px;
  line-height: 1.9;
}
/* ----------------------------------------------------------
	施工実績の設定終わり*/

/*  施工事例レポートの設定
------------------------------------------------------------*/
#report-box {
  margin: 0 auto;
  background-color: #ffffff;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  box-pack: justify;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-box-pack: justify;
}
.report-box2 {
  width: 46%;
  height: auto;
  display: inline-block;
}
.report-megamenu-inner2 li {
  padding: 0 0 20px 0;
 text-align: left !important;
}
.report-megamenu-inner3 li a:hover{
  text-decoration: underline;
}
.report-megamenu-inner-text4 {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  padding-left: 2em;
  text-indent: -0.5em;
  margin-bottom: 10px;
}
.rpt-elements{
	display: inline-block;
	width: 31%;
  margin: 0 10px;
	vertical-align: top;
}
.rptfl{
  clear: both;
  border-top: solid 1px #ccc;
}
.rptfl_end{
  clear: both;
	border-top: solid 1px #ccc;
}
.rptfl-l{
  float: left;
  padding: 15px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: bold;
  text-align: left;
  width: 30%;
  line-height: 200%;
}
.rptfl-r{
  float: left;
  padding: 15px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: normal;
  text-align: left;
  width: 69%;
  line-height: 200%;
}
.rptfl-rl{
  float: left;
  padding: 10px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: normal;
  text-align: left;
  width: 60%;
  line-height: 200%;
}
.rptfl-rr{
  float: right;
  padding: 10px 0;
  border-width: 0;
  vertical-align: top;
	font-size:16px;
  font-weight: normal;
  text-align: right;
  width: 35%;
  line-height: 200%;
}
.rptfl-lbox{
  float: left;
	width: 48%;
	padding-right: 35px;
  border-right: 1px solid #ccc;
}
.rptfl-rbox{
  float: right;
	width: 48%;
}
.rptfl-lbox2{
  float: left;
	width: 68%;
	padding-right: 35px;
}
.rptfl-rbox2{
  float: right;
	width: 30%;
}
.rptfl-kakomi{
	border: solid 1px #ccc;
  padding: 4px;
}
.flbx-08 {
    float: left;
    width: 50%;
}
.flbx-09 {
    float: right;
		width: 48%;
}
span.case01 {
    font-size: 14px;
    padding: 20px;
}
.rpt-elements{
	display: inline-block;
	width: 31%;
  margin: 0 10px;
	vertical-align: top;
}
.rptfl-tbl{
	display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
	border-bottom: 1px dotted #ccc;
}

.rpt-cl_l{
	font-size: 16px;
	display:table-cell;
	width:40%;
	padding: 16px 0;
}
.rpt-cl_r{
	font-size: 16px;
	display: table-cell;
	width: 55%;
	padding: 16px 0;
}
table#rpt_tbl {
    width: 100%;
    border-collapse: collapse;
    color: #1b1b18;
    margin-bottom: 1em;
}
td.rpt_td {
	font-size: 16px;
    padding-left: 1em;
    text-align: left;
    padding-right: 1em;
    vertical-align: middle;
    border: 1px solid #ccc;
}
#report-box {
  margin: 0 auto;
  background-color: #ffffff;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  box-pack: justify;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-box-pack: justify;
}
/* ----------------------------------------------------------
	施工事例レポートの設定終わり*/

/*  採用情報の設定
------------------------------------------------------------*/
.emplo11 {
    background: url(./images/employment/mynavi2024.png) no-repeat 0% 0%;
		background-position: 0px 20px;
}
.emplo12 {
    background: url(./images/employment/mynavi2026.png) no-repeat 0% 0%;
		background-position: 0px 20px;
}
.emplo13 {
    background: url(./images/employment/recnavi2026.png) no-repeat 0% 0%;
		background-position: 0px 20px;
}
.emplo14 {
    background: url(./images/employment/recnavi2027.png) no-repeat 0% 0%;
		background-position: 0px 20px;
}
.emplo15 {
    background: url(./images/employment/mynavi2027.png) no-repeat 0% 0%;
		background-position: 0px 20px;
}
.emplo16 {
    background: url(./images/employment/jobdraft.png) no-repeat 0% 0%;
		background-position: 0px 20px;
}
.square_btn {
	font-size: 20px;
    padding: 1em;
    text-decoration: none;
    color: #d71718 !important;
    border: solid 2px #d71718;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #d71718;
    color: white !important;
}

span.intern {
  font-size: 0.7em;
	/*font-size: 1em;*/
	position: absolute;
  top: -10px;
	/*top: 0;*/
  left: 0;
}

span.entry_txt {
	font-size: 1em;
	position: absolute;
  top: 0px;
  left: 0;
}

/* ----------------------------------------------------------
	採用情報の設定終わり*/

/*GoogleMap*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*picoの設定*/
.pico_controllers,.picotop,div.pico_controllers_in_menu {
  /*display: none;*/
}
/*お知らせの設定*/
.achvs {
  /*display: none;*/
}
.itemHead {
  font-size: 16px;
  line-height: 1.5;
  margin: 10px 0;
	/*padding: 10px 0 15px 0;*/
  border-top: 1px solid #d71718;
  border-bottom: 1px dotted #d71718;
}
a.lginusr2 {
    border: none;
    background: #444;
    border-radius: .25em;
    padding: 3px 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
}
.centerCRL {
  display: flex;
  justify-content: space-between;
}
#centerRcolumn {
  float: none !important;
  width:23%;
}
#centerLcolumn {
  width: 76%;
}
.com-banner {
  width: 80%;
  margin-left: 30px;
}
.news_a02 {
  padding: 5px;
  font-size: 10px;
  color: #fff;
  background-color: #d71718;
  display: inline-block;
  line-height: 2;
  margin: 0 10px 0 0;
  width: 100px;
  text-align: center;
}
.comBtn a {
  display: block;
  padding: 10px;
  text-align: right;
  background: #777;
  color: #fff !important;
  font-size: 1.1em;
  margin-top: 10px;
}
.bordr-b, .bordr-b2 {
  font-size: 14px;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  margin-top: 10px;
}
.bordr-b2 a {
  color: #E94528 !important;
  font-weight: bold;
}
.news-list {
  display: flex;
  border-bottom: dotted 1px #ccc;
  margin-top: 20px;
  padding-bottom: 10px;
  justify-content: flex-start;
}
p.news-list__date {
  width: 10%;
  font-size: 14px;
}
.news-title {
  font-size: 14px;
}
.p-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.p-list__item {
  width: 25%;
  padding: 0 5px;
  list-style-type: none;
}
img.newsimg {
  border: 1px solid #ececec;
  padding: 3px;
  width: 100%;
}
.cap_name {
  padding: 6px 0;
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/* PC用モニター幅661px以上
/
/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_/*/

@media print, screen and (min-width: 661px){
#naviBox {
  width: 1180px;
}

.sp{display:none;}
.logoname {
	 font-size: 24px;
	 color: #333;
}

.anchor{
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}

/* コーナータイトル画像設定
------------------------------------------------------------*/
.terms_coverimg {
	background-image: url(./images/terms.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.news_coverimg {
	background-image: url(./images/news.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.about_coverimg {
	background-image: url(./images/about.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.tech_coverimg {
  background-image: url(./images/technology.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.search_coverimg {
  background-image: url(./images/search.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.exsample_coverimg {
  background-image: url(./images/exsample.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.report_coverimg {
  background-image: url(./images/reports.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.recruit_coverimg {
  background-image: url(./images/employment.png);
	height: 470px;
  background-position: center;
}
.partners_coverimg {
  background-image: url(./images/partners.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.inquiry_coverimg {
  background-image: url(./images/contacts.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.gallery_coverimg {
  background-image: url(./images/gallery.png);
	height: 470px;
  background-position: center;
    background-size: 100%;
}
.career_coverimg {
  background-image: url(./images/career.jpg);
	height: 520px;
  background-position: center;
  background-size: 100%;
}
.cover-tlarea {
    text-align: center;
    padding-top:200px;
}
.cover-tlarea2 {
  text-align: center;
  padding-top:120px;
}
.cover-tl {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
		letter-spacing: 6px;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}
.cover-stl {
    font-size: 20px;
    color: #fff;
    padding-top: 50px;
		letter-spacing: 6px;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}
.cover-stl2 {
  font-size: 20px;
  color: #fff;
  padding-top: 20px;
  letter-spacing: 6px;
  text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

/* ----------------------------------------------------------
	/コーナータイトル画像設定*/


/*スマホナビを隠す設定*/
#mainsNav {
	display:none;
}
/* /スマホナビを隠す設定*/

/*ヘッダ内ブロック設定*/
#topleft{
	min-width: 960px;
	/*background:#555;
	border-top:3px solid #BD000F;*/
}
#slogan{
	width: 960px;
	margin:0 auto;
	color:#333;
	text-align: left;
}

#header #topright{
	float: right;
	margin:15px 10px 5px auto;
	width: 430px;
	text-align: right;
	}

#header #topleft{
	margin:0;
	float: left;
}
/* /ヘッダ内ブロック設定*/

/*ロゴ設定*/
.logo{
float:left;
margin:10px 0 0 0;
}
img.corpname {
  margin: 20px 10px;
}
.logo p{
margin:10px 0 0 0;
font-size:14px;
font-weight:bold;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
/* /ロゴ設定*/
/*検索設定*/
.search {
	float: right;
  padding-top: 15px;
  text-align: right;
}
/* /検索設定*/

/*コンテナ設定*/
#container {
	width: 1180px;
	margin:0 auto;
	font-size:14px;
	height:100%;
	background-color: #FFF;
}
/* /コンテナ設定*/

/*メインカラム設定*/
#wrapper {
	background: #fff;
	margin: 0 15px;
	padding: 10px 0;
}
/* /メインカラム設定*/

/*copywright設定*/
div#copywright {
	clear: both;
  min-width: 1180px;
  background: #444;
}
/* /copywright設定*/
/* 社名ロゴ設定
------------------------------------------------------------*/
.header {
	position: fixed;
	width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  transition: ease-out 0.5s background;
	animation: head_anim 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
	-moz-animation: head_anim 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
	-webkit-animation: head_anim 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
	-ms-animation: head_anim 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
	background: rgba(248, 248, 248, 0.85);
}
.header .header_menu a { color: #333333; }
.header .header_menu a:before { background: #333333; }
header {
	width: 256px;
	position: absolute;
	left: 22px;
	top: 15px;
	transition: ease-out 0.2s opacity;
}
/* ----------------------------------------------------------
グ社名ロゴ設定終わり*/

/* グローバルメニュー設定
------------------------------------------------------------*/
nav {
  font-weight: 500;
  box-sizing: border-box;
}
.header_menu ul:not(.sp_menu_area) {
  margin: 22px -55px 22px 0;
  text-align: right;
  /*padding-right: 10px;*/
}
.header_menu li {
    display: inline-block;
    vertical-align: top;
}
#header.head_fix .header_menu a { color: #333333; }

#header.head_fix .header_menu a:before { background: #333333; }
.header_menu a {
    display: block;
    padding: 10px 6px;
    font-size: 13.5px;
    font-family: "Roboto", YuGothic, "Yu Gothic", "Noto Sans JP", sans-serif;
    font-weight: 500;
    color: #fff;
    /*letter-spacing: 1.5px;*/
    position: relative;
    transition: ease-out 0.2s color;
}
.header_menu a:before {
	content: "";
	width: calc(100% - 20px);
	left: 0; right: 0;
	height: 1px;
	background:
	rgba(255, 255, 255, 0.8);
	display: block;
	position: absolute;
	bottom: 5px;
	margin: auto;
	transform: scaleX(0);
	transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s transform;
	transform-origin: left;
}
.header_menu a:hover {
	color: rgba(51, 51, 51, 0.9);
}
.header_menu a:hover:before {
	transform: scaleX(1);
}
.header_menu li.current a {
	color: rgba(51, 51, 51, 0.9);
}
.header_menu li.current a:before {
	transform: scaleX(1);
}

.gnav > li:last-child a {
 /*border-right: solid 1px #fefefe;*/
}

.gnav > li:hover .megamenu {
 max-height: 9999px;
 opacity: 0.8;
 padding: 30px 0;
}

.megamenu {
 background: #3e3e3e;
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 100%;
 position: absolute;
 top: 85px;
 left: 0;
 transition: all .2s ease-in;
 z-index: 999;
}

.megamenu-inner {
 /*display: flex;
 flex-wrap: wrap;*/
 text-align: center !important;
}

.megamenu-inner li {
 /*width: calc( (100% / 5) );*/
 padding: 0;
}

.megamenu-inner a {
 border-left: none;
}

.megamenu-inner-text {
    color: #fff;
}

.megamenu-inner-img {
 margin: 0 0 10px;
}

.megamenu-inner-text img {
 margin: 0 5px 0 0;
}

.megamenu-inner2 {
 margin:0 !important;
 text-align: center !important;
}
.megamenu-inner2 li {
 width:300px;
 padding: 0;
 text-align: left !important;
}
.megamenu-inner-text2 {
    color: #fff;
    text-align: left;
		font-size: 14px;
		font-weight: bold;
    border-bottom: 1px solid #fff;
    padding: 0 0 15px 0;
		margin-right: 35px;
}

.megamenu-inner3 {
 width:600px;
}
.megamenu-inner2 li {
 width:900px;
 padding: 0;
 text-align: left !important;
}
.grouplogo {
  margin: -10px 70px 0 -50px;
}
/* ----------------------------------------------------------
グローバルメニュー設定終わり*/

/* サイドカラム設定
------------------------------------------------------------*/
#box {
	float: left;
	padding: 10px 0;
	background: #fff;
	}
/* カテゴリ名の設定*/
/*
.side-h1 {
	font-size:1em;
	text-align:center;
	background: #ececec;
	border-top: 3px solid #BD000F;
	padding: .8em .9em .8em;
	height: 20px;
}
*/
.side-h1 {
	font-weight: normal;
	padding: 5px 0 5px 40px;
	line-height: 36px;
	color: #333;
	border-top: 5px solid #333;
	background: #ececec url(./images/blockheadericon.png) top left no-repeat;
}
/* カテゴリ内製品名の設定*/
ul#smenu1 {
  line-height: 1.9;
  /*margin-left: 10px;*/
}
ul#smenu2 {
  line-height: 1.9;
  margin-left: 10px;
}
ul#smenu3 {
  line-height: 1.9;
  margin-left: 10px;
}
/* 右カラムの設定*/
#rightcolumn {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1180px;
}
#rightcolumn div.blockContent {
	/*padding: 7px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  overflow: hidden;*/
}


/* 左カラムの設定*/
#leftcolumn {
	width: 244px;
	margin: 0 0 0 15px;
}
#leftcolumn div.blockContent {
	padding: 7px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  overflow: hidden;
}
#leftcolumn li {
	line-height: 1.9;
}

/* ----------------------------------------------------------
サイドカラム設定終わり*/

/* TDSSモジュール
------------------------------------------------------------*/
#textMain {
	float: left;
  width: 58%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.9;
}
#textMain2 {
	width: 100%;
  float: left;
  /*border-left-color: #999999;
  border-left-style: solid;
  border-left-width: 4px;
	padding-left: 20px;*/
  color: #333333;
  line-height: 150%;
}
.cke_chrome {
    /*width: 1150px !important;*/
}
#textMain3 {
	margin:0 10px 20px 0;
	line-height: 1.9;
}
.ctgr1 {
  float: left;
  width: 100px;
  text-align: center;
  padding: 40px 20px 40px 0;
}

.ctgr2 {
  padding: 15px 0;
  font-weight: normal;
  text-align: left;
  width: 560px;
  line-height: 200%;
}
.ctgr3 {
  border-bottom: dotted 1px;
  padding: 10px 0;
	width: 630px;
}
#imageMain {
	float: right;
  font-size: 14px;
  width: 40%;
  text-align: center;
  margin-bottom: 30px;
  box-sizing: border-box;
}
#mainImage {
    margin-bottom: 15px;
}
#imageMain2 {
	clear: both;
	text-align: center;
	margin-bottom: 30px;
	padding-right: 30px;
}
#mainImage2 {
	display: none;
}

/* 採用ページ
------------------------------------------------------------*/
.employment_table {
  border-top: none;
  display: table;
}
.employment_tr {
  display: table-row;
}
.employment_td {
  background: #fff;
}
.employment_th, .employment_td {
  display: table-cell;
  padding: 0 25px;
}
.employment_table1 {
  border-top: none;
  display: table;
}
.employment_tr1 {
  display: table-row;
}
.employment_th1 {
  background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  width: 120px;
}
.employment_th2 {
  background: #e7e7e7;
  border: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  width: 120px;
}
.employment_th1, .employment_th2, .employment_td1, .employment_td2 {
  display: table-cell;
}
.employment_td1 {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  width: 500px;
}
.employment_td2 {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 500px;
}
.employment_th1, .employment_th2, .employment_td1, .employment_td2 {
  display: table-cell;
}

/*  企業情報の設定
------------------------------------------------------------*/
.prsdnt-p {
    background-image: url(./images/about/president.jpg);
    height: 384px;
}
.prsdnt-sign {
    font-size: 16px;
    position: absolute;
    left: 30%;
    top: 900px;
}
span.prsdnt-sign_l {
    font-size: 24px;
}
.prsdnt-bdy{
	font-size: 18px;
  line-height: 2.2 !important;
	text-align: center;
	margin-top: 50px;
}

/*  技術情報の設定
------------------------------------------------------------*/
.flbx-02 {
    float: left;
    box-sizing: border-box;
    width: 49%;
}
.flbx-03 {
    float: right;
    width: 49%;
		box-sizing: border-box;
}
.flbx-04 {
    float: left;
    width: 52%;
    box-sizing: border-box;
}
.flbx-05 {
    float: right;
    width: 46%;
    box-sizing: border-box;
}
.lh3{line-height: 3 !important;}
span.sub-t {
    font-size: 18px;
    padding: 0 0 0 10px;
}
.p-caption {
    font-size: 13px;
    padding: 10px 0;
}


.tech-megamenu-inner li a:hover{
	text-decoration: underline;
}
.tech-megamenu-inner-text {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 2;
}
/*  技術情報の設定
------------------------------------------------------------*/
.tech_box2{
  float:left;
  width:400px;
  box-sizing:border-box;
}
.tech_box3{
  float:right;
  width:400px;
  box-sizing:border-box;
}
#tech_box {
    padding: 0 100px;
}
.tech_megamenu_inner_text {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    padding-left: 2em;
    text-indent: -0.5em;
    margin-bottom: 10px;
}


/*  施工事例レポートの設定
------------------------------------------------------------*/
.report-box2 {
	padding:0 20px;
}

/* お問い合せフォームの表組み設定
------------------------------------------------------------*/
.contactus_table {
  border-top: none;
  display: table;
}

.contactus_tr {
  display: table-row;
}

.contactus_th,
.contactus_td,
.contactus_th2,
.contactus_td2 {
  display: table-cell;
  padding: 0 25px;
}

.contactus_th {
  background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
}

.contactus_th2 {
  background: #e7e7e7;
  border: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
}

.contactus_td {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

.contactus_td2 {
  background: #fff;
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

textarea#comments {
    width: 400px;
}
input#city {
    width: 400px;
}
/* ----------------------------------------------------------
お問い合せフォームの表組み設定終わり*/

/*************
/* 施工事例
*************/
.thumbLargeLeft {
  clear: both;
  float: left;
  padding: 20px 15px;
  margin: 0 0 7px 0;
  width: 263px;
}
.thumbLargeRight {
  float: right;
  padding: 20px 30px;
  margin: 0 0 7px 0;
  width: 263px;
}
.thumbImageLarge {
  border: 1px solid #bcbcbc;
  text-align: center;
  width: 263px;
  height: 197px;
	margin-bottom: 6px;
}
.thumbLargeLeft01 {
  clear: both;
  float: left;
  padding: 5px 0 0 15px;
	margin-bottom: -20px;
  width: 263px;
}
.thumbLargeRight01 {
  float: right;
  padding: 5px 25px 0 0;
	margin-bottom: -20px;
  width: 263px;
}

.expl01 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #333;
  z-index: 0;
  margin-bottom: 25px;
}
.expl01:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #333 transparent transparent transparent;
}
.expl02 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #b00000;
  z-index: 0;
  margin-bottom: 25px;
}
.expl02:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #b00000 transparent transparent transparent;
}

/* TDSSモジュール内のtablもどき*/
.mtrx_table {
  display: table;
}
.mtrx_tr {
  display: table-row;
}
.mtrx_th {
    display: table-cell;
    padding-right: 15px;
    vertical-align: top;
}
.mtrx_td {
    display: table-cell;
    width: 33%;
    vertical-align: top;
}

/*お知らせの設定*/

.itemTitle {
  padding: 20px 0;
}
a.news_a02 {
  padding: 5px;
  font-size: 10px;
  color: #fff;
  background-color: #d71718;
  display: inline;
  line-height: 2;
  float: left;
	margin: 0 10px 0 0;
	width: 50px;
  text-align: center;
}
.news02 {
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 15px 20px 15px;
  display: inline;
}
.itemInfo {
  padding: 15px 0;
}
span.owner {
  display: none;
}
span.itemStats {
  display: none;
}
span.itemPermaLink {
  display: none;
}
span.itemAdminLink a {
    color: red;
}
.lginusr {
  float: right;padding: 10px 0 0 0;
}


/*サイト内検索の設定*/
.search-box {
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  background: #ebebeb;
}
.search-box + label .search-icon {
  color: black;
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.search-box:hover {
  color: white;
  background: #c8c8c8;
  box-shadow: 0 0 0 5px #3d4752;
}
.search-box:hover + label .search-icon {
  color: white;
}
.search-box:focus {
  transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 300px;
  border-radius: auto;
  background: #ebebeb;
  color: black;
}
.search-box:focus + label .search-icon {
  color: black;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}

#search-submit {
  position: relative;
  left: -5000px;
}

.search-icon {
  position: relative;
  left: -35px;
  color: white;
  cursor: pointer;
}
div a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.glyphicon-search:before {
  content: "\f002";font-weight: 900;
}

}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* スマホ縦(ポートレート)モニター幅660px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media only screen and (max-width:660px){


#inner{
	min-width: 0;
}
.pc{display:none;}
.lginusr {
	 float: none;padding: 15px 0;
}

h1{
	font-size:24px;
	margin-top:0px !important;
}

/*ヘッダ画像の設定*/
.about_coverimg {
    background-image: url(./images/about_s.png);
    height: 120px;
}
.tech_coverimg {
    background-image: url(./images/technology_s.png);
    height: 120px;
}
.search_coverimg {
    background-image: url(./images/search_s.png);
    height: 120px;
}
.exsample_coverimg{
    background-image: url(./images/exsample_s.png);
    height: 120px;
}
.report_coverimg{
    background-image: url(./images/reports_s.png);
    height: 120px;
}
.recruit_coverimg{
    background-image: url(./images/employment_c.png);
    height: 120px;
}
.partners_coverimg{
    background-image: url(./images/partners_s.png);
    height: 120px;
}
.inquiry_coverimg{
    background-image: url(./images/contacts_s.png);
    height: 120px;
}
.news_coverimg{
    background-image: url(./images/news_s.png);
    height: 120px;
}
.terms_coverimg{
    background-image: url(./images/terms_s.png);
    height: 120px;
}
.gallery_coverimg {
  background-image: url(./images/gallery_s.png);
	height: 120px;
}
.career_coverimg {
  background-image: url(./images/career_s.jpg);
	height: 120px;
}

.cover-tl {
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 20px 0 0 0;
}
.cover-stl,.cover-stl2 {
  color: #fff;
  text-align: center;
  padding: 20px 0 0 0;
}

/*マージンの共通設定*/
.mt10{margin-top:5px;}
.mt20{margin-top:10px;}
.mt30{margin-top:15px;}
.mt40{margin-top:20px;}
.mt50{margin-top:25px;}
.mt60{margin-top:30px;}
.mt70{margin-top:35px;}
.mt80{margin-top:40px;}
.mt90{margin-top:45px;}
.mb10{margin-bottom:5px;}
.mb20{margin-bottom:10px;}
.mb30{margin-bottom:15px;}
.mb40{margin-bottom:20px;}
.mb50{margin-bottom:25px;}
.mb60{margin-bottom:30px;}
.mb70{margin-bottom:35px;}
.mb80{margin-bottom:40px;}
.mb90{margin-bottom:45px;}

.pt10{padding-top:5px;}
.pt20{padding-top:10px;}
.pt30{padding-top:15px;}
.pt40{padding-top:20px;}
.pt50{padding-top:25px;}
.pt60{padding-top:30px;}
.pt70{padding-top:35px;}
.pt80{padding-top:40px;}
.pt90{padding-top:45px;}
.pb10{padding-bottom:5px;}
.pb20{padding-bottom:10px;}
.pb30{padding-bottom:15px;}
.pb40{padding-bottom:20px;}
.pb50{padding-bottom:25px;}
.pb60{padding-bottom:30px;}
.pb70{padding-bottom:35px;}
.pb80{padding-bottom:40px;}
.pb90{padding-bottom:45px;}

/*見出しの設定*/
h2{
	font-size:18px;
	padding: 0 0 5px 5px;
	letter-spacing: 0px;
}
h3{font-size:15px;}

/*お知らせの設定*/
.itemTitle {
  padding: 20px 0;
}
a.news_a02 {
  padding: 5px;
  font-size: 10px;
  color: #fff;
  background-color: #d71718;
  display: inline;
  line-height: 2;
	margin: 0 10px 0 0;
}
.news02 {
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 15px 20px 0;
}
.itemInfo {
  padding: 15px 0;
}
span.owner {
  display: none;
}
span.itemStats {
  display: none;
}
.itemFoot {
  display: none;
}
.news-list {
  display: block;
}
.news_a02 {
  display: block;
  margin: 0 10px 10px 0;
}
p-list {
  display: block;
}
.p-list__item {
  width: 100%;
}
img.newsimg {
  width: 100%;
}

#glblnavi{
	display:none;
}
#mainsNav {
  display:block;
}
#headerBox {
  margin: 0 auto 10px auto;
  height: 120px;
}
img.corpname {
    margin-bottom: 15px;
}
.slogan {
  padding: 5px 0;
  font-size: 12px;
  font-weight: normal;
	color: #333;
	text-align: center;
}
/*ヘッダボックス設定*/
#headerBox{
	padding: 20px 0 0 0;
	width: 100%;
}
/*ヘッダボックス設定*/
/*ロゴ設定*/
.logo{
text-align: center;
}
/*ロゴ設定*/
/*ヘッダ内ブロック設定*/
#header #topright{
	clear:both;
	text-align: center;
	padding-top: 10px;
	}

#header #topleft{
	margin:0;
	float: left;
}
/* /ヘッダ内ブロック設定*/
/*検索設定*/
.search {
  text-align:center;
}
.searchico2{
	font-size:16px;
}
.search_tr {
  display: block;
}
.search_th {
  width: 100%;
  display: inline-block;
}
.search_td {
  width: 100%;
  display: inline-block;
}
#fwords {
	width: 93%;
}
.heading{
	margin: 0 0 10px 0;
}
/* /検索設定*/

/*コンテナ設定*/
#container {
	height: auto;
	background:#fff;
}
/* /コンテナ設定*/

/* スマホ用グローバルナビの設定
------------------------------------------------------------*/
p#thirdaco {
	border-top: 1px dotted #888;
}
ul.xolgaccord {
	font-size:123.1%;
}
ul.xolgaccord a {
	display:block;
	padding:10px;
	background-position:95% center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FFF;
}
ul.xolgaccord span {
	display:block;
	padding:10px;
	background-position:95% center;
	background-repeat:no-repeat;
	color:#FFF;
}
#thirdaco span {
	display:block;
	padding:10px;
	background-position:95% center;
	background-repeat:no-repeat;
	color:#444;
	background-color: #c9caca;
}
ul.xolgaccord ul {
	display:none;
}
ul.xolgaccord > li {
	background: -moz-linear-gradient(top, #666, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
}
ul.xolgaccord > li > p {
	background: -moz-linear-gradient(top, #666, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
}
ul.xolgaccord > li > ul > li {
	background:#888;
}
ul.xolgaccord > li > ul > li > p {
	background:#888;
	border-top: 1px dotted #fff;
}
ul.xolgaccord > li > ul > li > ul > li > ul > li{
	background:#FFF;
}
ul.xolgaccord > li > ul > li > ul > li:last-child {
	border:none;
}
ul.xolgaccord > li > p span {
	background-image:url("./images/a_close.png");
}
ul.xolgaccord > li > p span.open {
	background-image:url("./images/a_open.png");
}
ul.xolgaccord > li > a {
	background-image:url("./images/a_link.png");
}
ul.xolgaccord > li > ul > li > p span {
	background-image:url("./images/b_close.png");
}
ul.xolgaccord > li > ul > li > p span.open {
	background-image:url("./images/b_open.png");
}
ul.xolgaccord > li > ul > li > a {
	background-image:url("./images/b_link.png");
	background: #888;border-top: 1px dotted #fff;
}
#thirdaco span {
	background-image:url("./images/b_close.png");
	border-top: 1px dotted #888;
}
#thirdaco span.open {
	background-image:url("./images/b_open.png");
}
span#gry {
	color: #fff;
  background-color: #888;
}
ul.xolgaccord > li > ul > li > ul > li a {
	background-image:url("./images/c_link.png");
	color:#333;border-top: 1px dotted #888;
}
dl.xolgaccord {
	font-size:123.1%;
	padding:10px;
	background:#DDD;
	margin-bottom:30px;
}
dl.xolgaccord dt {
	height:40px;
	line-height:40px;
	text-indent:10px;
	color:#FFF;
	background:url("images/a_close.png") 95% center no-repeat,
	-moz-linear-gradient(top, #666, #000);
	background:url("img/a_close.png") 95% center no-repeat,
	-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	border-bottom:1px solid #EEE;
}
dl.xolgaccord dt.open {
	background:url("images/a_open.png") 95% center no-repeat,
	-moz-linear-gradient(top, #666, #000);
	background:url("images/a_open.png") 95% center no-repeat,
	-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
}
dl.xolgaccord dd {
	display:none;
	padding:10px;
	line-height:1.5;
	background:#FFF;
}
#mainsNav ul li > ul li{
	background-color: #fff;
}

/* ----------------------------------------------------------
スマホ用グローバルナビの設定終わり*/

/*wrapper設定*/
#wrapper {
padding: 10px;
}
/* /wrapper設定*/

/* サイドカラム設定
------------------------------------------------------------*/
#box {
	/*float: left;
	padding: 20px;
	background: #fff;*/
	}
/* カテゴリ内製品名の設定*/
ul#smenu1 {
  line-height: 1.9;
  margin-left: 10px;
}
/* 右カラムの設定*/
#rightcolumn {
	/*float: left;
	width: 224px;
	background-color: #FAF6F3;
	margin: 0 10px 0 10px;
	_margin-left: 5px;
	padding: 15px;*/
	text-align: left;
	}
.side-h1 h2 {
	height: 26px;
	width: 225px;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align: center;
	-moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
	background:-moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:-ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
	background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0);
	background-color:#7d5d3b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
#rightcolumn div.blockContent {
	padding: 7px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  overflow: hidden;
}
#rightcolumn li ul li a {
	font-size: 1em;
  text-align: left;
  background-image: none;
  background-repeat: no-repeat;
  padding: 10px 0 10px 0;
  border: 1px dotted #ccc;
  border-width: 0 0 1px 0;
}
#rightcolumn li ul li{
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-top: 5px;
	padding-bottom: 4px;
	padding-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* 左カラムの設定*/
#leftcolumn {
	/*float: left;
	width: 224px;*/
	/*background-color: #FAF6F3;
	margin: 0 10px 0 10px;
	padding: 15px;*/
	text-align: left;
	}
.side-h1 {
	font-weight: normal;
	padding: 5px 0 5px 40px;
	line-height: 36px;
	color: #333;
	border-top: 5px solid #333;
	background: #ececec url(./images/blockheadericon.png) top left no-repeat;
}

#leftcolumn li {
	line-height: 1.9;
}

#leftcolumn div.blockContent {
	padding: 7px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  overflow: hidden;
}

/* ----------------------------------------------------------
サイドカラム設定終わり*/

/* TDSSモジュール
------------------------------------------------------------*/
.exsmp-cv{padding: 0;}

/* ヘッダ画像の設定*/
.general {
  background-image: url(./images/label/general_s.jpg);
	background-size: 100%;
}
.forsale {
  background-image: url(./images/label/forsale_s.jpg);
	background-size: 100%;
}
.special {
  background-image: url(./images/label/special_s.jpg);
	background-size: 100%;
}
.special {
  background-image: url(./images/label/special_s.jpg);
	background-size: 100%;
}
.example{
  background-image: url(./images/label/example_s.jpg);
	background-size: 100%;
}
.labelmain {
  font-size: 15px;
}
.labelsub {
  padding:5px 0 0 20px;
}
.ctgr3 {
  text-align: center;
	border-bottom: dotted 1px;
  padding: 10px 0;
}
#textMain p {
  text-align: left;
}
#imageMain {
  text-align: center;
  margin: 20px 0;
}
.thumbLargeLeft {
	clear: both;
  float: left;
  padding: 20px 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
.thumbLargeRight {
  float: right;
  padding: 20px 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
img.simg {
  height: auto;
}
.thumbLargeLeft01 {
  float: left;
  padding: 0 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
.thumbLargeRight01 {
  float: right;
  padding: 0 10px;
  margin: 0 0 7px 0;
  width: 40%;
}
.expl01 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #333;
  z-index: 0;
  margin-bottom: 25px;
}
.expl01:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #333 transparent transparent transparent;
}
.expl02 {
  position: relative;
  margin: 0 0 0;
  font-size: 16px;
  padding: 0 15px;
  width: auto;
  /* min-width: 115px; */
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #b00000;
  z-index: 0;
  margin-bottom: 25px;
}
.expl02:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #b00000 transparent transparent transparent;
}
#underlineT, #productName{
	font-size: 24px;
	padding: 0 0 20px 0;
	margin:0;
}
.ctgr-box_3 {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
h4.ctgr-box_4 {
  font-size: 16px;
	padding-left: 1.2em;
  text-indent: -0.5em;
}
#imagesSub{width: 100%;}
.thumbLeft, .thumbCenter, .thumbRight{width: 100%;}
.thumbImage{
	width: 100%;
	border: none;
	padding: 0;
}

/* 関連製品エリアの設定*/
#imagesSub {
	text-align: center;
	width: 100%;
}
.thumbLeft, .thumbCenter, .thumbRight {
	/*width: 120px;*/
}
/* 仕様表スライドの設定*/
div#tres{
  width: 100%;
  overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
th,td {
  padding: 0 10px;
}
tr.specRow td {
  height: 40px;
}
.specTable{
	width:480px;
}
.square_btn1 {
  display: block;
  width: 95%;
}
.categoryList li{
	display: block;
}

/* ----------------------------------------------------------
		製品モジュール設定終わり*/

/*  企業情報の設定
------------------------------------------------------------*/
.prsdnt-p {
    background-image: url(./images/messages/002.png);
    height: 350px;
		background-size: cover;
}
.prsdnt-sign {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}
span.prsdnt-sign_l {
    font-size: 24px;
}
.prsdnt-bdy{
  line-height: 2.2 !important;
	margin-top: 20px;
}
li.abt-rnn_fl{width:100%;}
li.abt-rnn_fr{width:100%;}
.flbx-01 li{
	float:none;
}
.abt_rbx1{width:100%;}
.flbx-02,.flbx-03{
	float:none;
	width:100%;
}
.flbx-03 img{padding: 15px 0 0 0;}

/* 会社概要の設定*/
.cprfl-l{
	font-size:14px;
	float: none;
	width: 100%;
	padding: 10px 0 0 0;
}
.cprfl-r{
	font-size:14px;
	float: none;
	width: 100%;
	padding: 0 0 10px 0;
}
.cprfl-rl{
	font-size:14px;
	width: 48%;
	padding: 5px 0;
}
.cprfl-rr{
	font-size:14px;
	float: right;
	width: 48%;
	padding: 5px 0;
}
.license-box_l{
	float: none;
  width: 100%;
}
.license-box_r{
	float: none;
  width: 100%;
}
.organization-p {
    background-image: url(./images/about/about_014_s.svg);
		background-repeat: no-repeat;
    height: 850px;
		background-size: contain;
}
.organization-p2 {
    background-image: url(./images/about/about014_s.jpg);
		background-repeat: no-repeat;
    height: 850px;
		background-size: contain;
}
li.license-l {
		width: 75%;
}
li.license-r {
		width: 25%;
}

/* 拠点一覧の設定*/
.brnch-map {
  background: url(./images/about/map_s.png) no-repeat top left;
	background-size: contain;
}
#clickable{
	width: 100%;
  height: 250px;
}
.brnch-box_fl,.brnch-box_fr{
	float: none;
  width: 100%;
}
.brnch-box_fll{
	width: 70%;
	padding:0 10px 10px 10px;
}
.brnch-box_flr{
	width: 29%;
}
.grp-box,.grp-box-r{
	display: block;
  width: 100%;
}
.grpbx-fl,.grpbx-fr{
	float: none;
  width: 100%;
}
.bdy16 a {
  font-size: 14px;
}
.spc-th,.spc-td{
	display: block;
	width: 100%;
	padding:5px 0;
}
/* ----------------------------------------------------------
	企業情報の設定終わり*/

/*  技術情報の設定
------------------------------------------------------------*/
#tech_box{
	padding: 0;
}
.tech_box2{
	float: none;
  width: 100%;
}
.tech_megamenu_inner_text {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    padding-left: 2em;
    text-indent: -0.5em;
    margin-bottom: 10px;
}

span.sub-t {
font-size: 14px;
padding: 0 0 0 10px;
}
.elements {
  width: 100% !important;
  height: auto;
  display: inline-block !important;
}
.tech-box2 {
  width: 100%;
	display: inline-block;
}
/* ----------------------------------------------------------
	技術情報の設定終わり*/

/*  施工実績の設定
------------------------------------------------------------*/
#imageMain img {
	 height: 100%;
}
/* ----------------------------------------------------------
	施工実績の設定終わり*/

/*  施工事例レポートの設定
------------------------------------------------------------*/
.report-box2 {
  width: 100%;
  display: inline-block;
}
.rpt-elements{
	width: 100%;
	margin:0;
}
.p-caption {
  padding: 10px 0;
}
.rptfl-l{
	float:none;
	width: 100%;
	padding: 5px 0 0 0;
}
.rptfl-r{
	float:none;
	width: 100%;
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
	line-height: 1.5;
}
.rptfl-lbox,.rptfl-rbox {
  float: none;
	width: 100%;
	padding-right: 0;
}
.rptfl-lbox2{
	float: none;
	width: 100%;
	padding-right: 0;
}
.rptfl-rbox2 {
  float: none;
  width: 100%;
  padding: 10px 0 0 0;
}
/* ----------------------------------------------------------
	施工事例レポートの設定終わり*/

/* 採用情報ーの設定
------------------------------------------------------------*/
.msgs001 {
   margin-top: -70px;
}
.msgs002{
	background-size: contain;
}
.cprfl-rl,.cprfl-rr{float:none;width:100%;}

span.intern {
  font-size: 0.7em;
	line-height:1.5;
  top: -5px;
  left: 0;
}
/* ----------------------------------------------------------
	採用情報の設定終わり*/

/* スマホ用フッターの設定
------------------------------------------------------------*/
div#footer {
  height: 100%;
  min-width: 100%;
}
.foot-inner {
	margin: 0 auto;
  width: 100%;
}
#footer .grid, #footer ul.footnav {
  float: none;
  padding:0;
  text-align: center;
	width:100%;
}
div#copywright {
	clear: both;
  width:100%;
  background: #444;
}
.footnav {
  float: none;
  width: 100%;
}
#footnav-fl{
	padding: 0 0 10px 10px;
	float:none;
	width: 100%;
}
#footnav-fr{
	padding: 0 10px 0 10px;
	float:none;
	width: 100%;
	text-align: center;
}
.logo3 span, .info span{
	font-size: 18px;
}
#footnav-fr ul li{font-size: 18px;}

/* ----------------------------------------------------------
スマホ用フッターの設定終わり*/

/*コンテンツ*/
.c-box1,.cntnt-box {
	margin: 0;
	float: none;
	width: 100%;
}
.hsu01 {
  margin-bottom: 15px;
}
/*会社プロフィール*/
.prfl1 {
  float: left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: bold;
  text-align: left;
  width: 33%;
  line-height: 200%;
}
.prfl2 {
  float: left;
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
  width: 66%;
  line-height: 200%;
}
.logoname {
    font-size: 20px;
}
.logoname img {
    height: 40px;
}
.hkn_box_fl,.hkn_box_fr{
	float: none;
	width: 100%;
}
#textMain3 .clnt-flow ul li {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
}
#textMain3 .clnt-flow ul li.clnt-flow_lir {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}
a.c-btn3{
	font-size: 16px;
}
.kakomi {
  margin: 0;
}
/*  お問い合わせの設定
------------------------------------------------------------*/
.inquiry_box {
    margin:20px 0 0 0;
}
form#mailform{
	margin:20px 0 0 0;
}
/* ----------------------------------------------------------
	お問い合わせ終わり*/

/*  TOP画面の現場バナー
------------------------------------------------------------*/
  .centerCRL {
    display: block;

}
#centerRcolumn {
    float: none !important;
    width:100%;
}
#centerLcolumn {
    width: 100%;
}
.com-banner {
    width: 100%;
    margin-left: 0px;
}



}