@charset "utf-8";
/* pc */

/*---------------------------------------------
 ** ヘッダー
---------------------------------------------*/

#header {	width:100%;	margin:0; padding: 0; _zoom: 1; overflow: hidden;}
.header_inner{ margin: 0 auto; padding:0; position:relative; overflow:hidden;}
.headtxt{ font-size:70%;}

/* グループ会社 */
#group{  background:#35A63A url(../images/common/link_arrow.png) no-repeat 95% 50%; padding:5px 20px; transition: 0.5s;} 
#group a{ color:#fff; font-size:90%; font-weight:bold; text-align:right; padding-right:25px; transition: 0.5s;}
#group a:hover{ text-decoration:none;}
#group:hover{background:#F6AB00 url(../images/common/link_arrow.png) no-repeat 95% 50%;}


/* お問い合わせ */


/* ロゴ */
#logo a{ 
     background:url(../images/common/logo.png) no-repeat; 
	 display: block;
	 text-indent:100%; 
	 white-space:nowrap; 
	 overflow:hidden;
}

/* TEL */

/*---------------------------------------------
 ** footer
---------------------------------------------*/
footer{width: 100%; margin:0; padding: 38px 0 0 0; background:#F5F5F3; border-top:1px solid #ddd;}


footer .column3 .one p{ padding:5px 10px;}

/* フッターナビ */
#footnav{
	width:100%;
	margin:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
    }

#footnav ul{
	overflow:hidden;
	margin:0 auto;
	}

#footnav ul li a{
	font-size:80%;
	text-align:center;
	float:left;
	}
#footnav ul li a{ color:#666 !important;}
#footnav ul li:last-child{ border-right:none !important;}

/* コピーライト */
.copyright{ text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; background:#0070C6; margin:0; padding:5px 0; letter-spacing:0.1em;}

/* ページトップ */
.pagetop{ width:100%; position:relative; margin-top:60px;}
.page_top{ display:block; width: 100px; height: 43px; position:absolute; bottom:0; right:100px;}
.page_top:hover{ display:block; width: 100px; height: 43px; opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";-webkit-transition: 0.3s ease-in-out;	-moz-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}


/* sns */
.social{ margin-top:15px;}
.social li{
  display:inline;
  margin:0 5px;
}

.social a{
  width:36px;
  height:36px;
  display:inline-block;
  overflow:hidden;
  text-align:center;
  text-decoration:none;
  border-radius:18px;
}
.social a:hover {
  background:#fff;
  color:#000 !important;
}

.social a:before {
  font-size:18px;
  line-height:36px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display:block;
  text-align:center;
}


.social .social-fb a{ color:#fff !important; background:#3765A3;}
.social .social-gp a{ color:#3765A3 !important; background:#3765A3;}
.social .social-yt a{ color:#3765A3 !important; background:#3765A3;}

.social .social-fb a:before{content: "\f09a";}
.social .social-gp a:before{content: "\f0d5";}
.social .social-yt a:before{content: "\f167";}

/*---------------------------------------------
 ** メイン表示部
---------------------------------------------*/
#main{	width: 100%; position:relative; margin: 0; padding: 0; _zoom: 1; overflow: hidden; }

/* メインビュー以下 */
.overview{ width:100%; border-bottom: 1px solid #ccc; overflow:hidden;}

/* table-cellの場合
.overview{ width:100%; table-layout:fixed; display:table; border-bottom: 1px solid #ccc; overflow:hidden;}
 */
.overview #contents1,
.overview #contents2,
.overview #contents3{ width:33%;}

.overview #contents2,
.overview #contents3{ border-left:1px solid #ddd;}


.overview h2{ color:#0070C6; font-weight:bold; text-align:center; border-bottom:1px solid #ccc;}
/*　背景色あり
.overview #contents1{ background:#036;}
.overview #contents2{ background:#063;}
.overview #contents3{ background:#933;}
*/

.overview #contents1 .txt,
.overview #contents2 .txt,
.overview #contents3 .txt{ margin:0 30px; padding:15px 0;}



.overview .txt p{ font-size:95%; padding:15px 0 15px 0;}
/*　背景色あり
.overview .txt{
	color:#fff;
	padding:10px 20px;
	}

.overview .txt p{ color:#ccc; font-size:95%; padding:15px 0;}
*/

/*---------------------------------------------
 ** hover時に画像拡大
---------------------------------------------*/
.scale_anime {
width: 318px;

overflow: hidden;
}

.scale_anime img {
width: 100%;
}

.scale_anime img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-moz-transition: -moz-transform 0.5s;
-webkit-transition: -webkit-transform 0.3s;
-o-transition: -o-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
}

.scale_anime img:hover {
-webkit-transform: scale(1.2) rotate(3deg);
-moz-transform: scale(1.2) rotate(3deg);
-o-transform: scale(1.2) rotate(3deg);
-ms-transform: scale(1.2) rotate(3deg);
transform: scale(1.2) rotate(3deg);
}

/*---------------------------------------------
 ** お知らせ
---------------------------------------------*/
.news{ 
     position:relative;
	 margin:50px 0;
	 overflow:hidden;
} 
.news h3{ 
     font-size:120%;
	 font-weight:bold;
	 color:#fff;
	 background:#35A63A;
	 border-radius:5px;
	 text-align:center;
	 vertical-align:middle;
	 display:table-cell;
	 padding:20px;
}
.news .newstxt{ display:table-cell; padding-left:20px;}
.news dl{ 
     border-bottom: 1px dashed #D0D0D0 ;
	 overflow:hidden;
}

.news dl dt{ 
	 text-align:center;
	 font-weight:bold;
	 color:#666;
	 padding:10px 0;
}
.news dl dd{ padding:10px 0 10px 20px;}
.news dl dd span{ color: #004020; font-weight: bold;}

.news dl h4{ 
     font-size:100%;
     font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#35A63A;
	}
.news dl p{ font-size:80%; color:#666; }


/*---------------------------------------------
 ** ページ内のタイトル設定
---------------------------------------------*/

article.bgon{ 
    background:#eee;
	padding:25px 0;
}

h1.pagetitle{ 
    font-size:200%;
	font-weight:bold;
	border-bottom:1px solid #35A63A;
	color:#35A63A;
	letter-spacing:0.2em;
}

h1.pagetitle span{ border-bottom:8px solid #35A63A;}

h2.headline{ 
    font-size:220%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h2.footer{
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.1em;
	}


h3.headline{ 
    font-size:150%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#35A63A;
}

h3.headline i{ font-size:200%;}
h3.center{ text-align:center; letter-spacing:0.1em; font-weight:bold;}

h3.pro,
h3.pro2{
    font-size:180%;
	color:#0070C6;
	margin:15px auto;
	}
h4{
	font-size:170%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	}

h3.customer{
    font-size:180%;
	color:#0070C6;
	margin:15px auto;
	border-bottom:2px dotted #ccc;
	text-align:center !important;
	}

h3 span.small{ font-size:65%;}

h4.name{
	font-size:100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#666;
	font-weight:normal;
	}

/*----------------------------------------------
 ** レイアウト設定
---------------------------------------------*/
.column1,
.column2,
.column3,
.multicolumn{
	margin:0 auto;
	overflow:hidden;
	}

.multicolumn .multicolumn_wrap{
	margin:0 auto;
	overflow:hidden;
	}

.multicolumn .multicolumn_wrap > .meister{
	float:left;
	margin-bottom:10px;
	}
.meister p{
	font-size:80%;
	text-align:center;
	padding:5px 0;
	}

.imgbox img{ width:100%; background-size:100%;}

.column2 .left,
.column2 .right{
	width:49%;
	margin:0 auto;
	}

.column2 .left2,
.column2 .right2{
	margin:0 auto;
	}
	
	
.column2 .left,
.column2 .left2{ float:left;}
.column2 .right,
.column2 .right2{ float:right;}

.column3 .one{
	float:left;
	margin-top:20px;
	}


.column2 .left p,
.column2 .right p,
.column3 .one p{ padding:5px;}
	
.gallery .imgbox img{ width:25%;}
.gallery10 .imgbox img{ width:10%;}

/*---------------------------------------------
 ** 事業内容
---------------------------------------------*/
.service_all{
	margin:10px auto 20px auto;
	padding:10px 0 10px 30px;
	background:#0070C6;
	}
.service_all h3{ font-size:150%; color:#fff; font-weight:bold;}

ul.pro_point{
	width:90%;
	margin:15px auto;
	overflow:hidden;
	}
ul.pro_point li{
	font-size:150%;
	color:#35A63A;
	padding:5px 0 5px 10px;
	float:left;
	}
ul.pro_point li i{ margin-right:10px;}

/* アコーディオン */
.accordion {
	min-width: 100%;
	margin: 10px auto;
	padding: 10px 0;
	overflow:hidden;
}
.accordion .ac-content {
	margin: 0 10px;
}
.accordion input {
	display: none;
}
.accordion label {
	display: block;
	background:#0070C6;
	color:#fff;
	cursor: pointer;
	padding: 10px 10px 10px 20px;
}
.accordion label:hover {
	background: #ccc;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
}

.accordion .ac-cont li{
	font-size:90%;
	background:#eee;
	border-bottom:1px solid #fff;
	padding:5px 15px;
	border-left:5px solid #0070C6;
	}
.accordion .ac-cont p{ font-size:80%; padding-top:10px;}

.accordion input:checked + .ac-cont {
	height: auto;
	padding: 10px;
}

/*---------------------------------------------
 ** プロとしてのこだわり
---------------------------------------------*/

.meister_photo_l{ width:100px; margin:15px 15px 15px 0; float:left;}
.meister_photo_l img{ border-radius:10px;}

.icon_class{ background:url(../images/professional/staff_icon_class.gif) no-repeat top right; background-size:80px;}
.icon_floor{ background:url(../images/professional/staff_icon_floor.gif) no-repeat top right; background-size:80px;}
.icon_wall{ background:url(../images/professional/staff_icon_wall.gif) no-repeat top right; background-size:80px;}


/*---------------------------------------------
 ** スタッフ紹介個別設定
---------------------------------------------*/


h3.staffname{ 
    font-size:190%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h3.staffname span{ 
   display:block;
   font-weight:normal;
   font-size:50%;
   letter-spacing:0.2em;
   font-family:Verdana, Geneva, sans-serif;
   color:#35A63A;
}

div.staffbox{ 
	background-repeat:no-repeat;
	margin-bottom:35px;
	overflow:hidden;
}

.icon_ceo{ background:url(../images/staff/staff_icon_ceo.gif) no-repeat top right; background-size:80px;}
.icon_chief{ background:url(../images/staff/staff_icon_chief.gif) no-repeat top right; background-size:80px;}
.icon_large{ background:url(../images/staff/staff_icon_large.gif) no-repeat top right; background-size:80px;}
.icon_normal{ background:url(../images/staff/staff_icon_normal.gif) no-repeat top right; background-size:80px;}
.icon_support{ background:url(../images/staff/staff_icon_support.gif) no-repeat top right; background-size:80px;}

.icon_eigyo{ background:url(../images/staff/staff_icon_eigyo.gif) no-repeat top right; background-size:80px;}
.icon_reform{ background:url(../images/staff/staff_icon_reform.gif) no-repeat top right; background-size:80px;}
.staff_icon_HATENA{ background:url(../images/staff/staff_icon_HATENA.gif) no-repeat top right; background-size:80px;}
.staff_icon_naisou{ background:url(../images/staff/staff_icon_naisou.gif) no-repeat top right; background-size:80px;}


div.staffbox p{ margin-top:15px; min-height:200px;}

div.staffbox ul{
	overflow:hidden;
	}

div.staffbox ul li{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	}

div.staffbox ul li strong{
	display:table-cell;
	}

div.staffbox ul li span{
	display:table-cell;
	float:left;
	background:#3379AD;
	padding:5px 10px;
	margin-right:20px;
	text-align:center;
	color:#fff;
	letter-spacing:0.5em;
	}


/*---------------------------------------------
 ** 会社概要表
---------------------------------------------*/

.concept{
	border:1px solid #333;
	text-align:center;
	padding:50px 20px;
	}
	
	.concept p{ 
	     font-size:150%; 
		 color:#3379AD;
		 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		 }


.snslinks img{ width:30px;}

table.company {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
	}
 
table.company th,
table.company td {
    padding:5px 10px;
	}
 
table.company th {
    background:#0070C6;
    vertical-align:middle;
    text-align:left;
    width:20%;
    overflow:visible;
    position:relative;
    color:#fff;
    font-weight:normal;
	}
 
table.company th:after {
    left:100%;
    top:50%;
    border:solid transparent;
    content: " ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(136, 183, 213, 0);
    border-left-color:#0070C6;
    border-width:10px;
    margin-top:-10px;
	}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float:right;
        padding:0;
        left:30px;
        top:10px;
        content:" ";
        height:0;
        width:0;
        position:relative;
        pointer-events:none;
        border:10px solid transparent;
        border-left:#295890 10px solid;
        margin-top:-10px;
    }
}
 
table.company td {
    background:#f8f8f8;
    padding-left:20px;
}


/* 沿革タイムライン */
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

.timeline-date{
	font-weight:bold;
	}
	
	
/*---------------------------------------------
 ** 採用情報
---------------------------------------------*/
.recruitpage h3.staffname{ 
    font-size:160%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



.recruit{ width:90%; margin:0 auto;}

table.recruit {
	border-collapse: collapse;
	width:100%;
}
table.recruit th.t_top {
    border-top: #be1309 4px solid;
}
table.recruit th {
	border-bottom: #ddd 1px solid;
	text-align: left;
	padding: 10px 20px;
	font-weight: normal;
	background:#eee;
}
table.recruit td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.recruit td {
	border-bottom: #ddd 1px solid;
	text-align: left;
	padding: 10px;
	background:#fff;
}



/*---------------------------------------------
 ** 実績
---------------------------------------------*/
/*** レスポンシブテーブルデザイン ***/
.achievement{
  width:100%;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border-bottom: solid 1px #ccc;
}
 
.achievement th{
  padding: 6px 8px;
border-top: solid 1px #ccc;
  width: 25%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #f0f0f0;
}
 
.achievement td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
border-top: solid 1px #ccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}


 
@media (max-width: 400px){
.achievement th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.achievement td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */