/*===== ■ 下層レイアウト・共通パーツ =====*/

.section-inner {
	width: 100%;
	max-width: 800px;
	position: relative;
	background: rgba(0,0,0,0.7);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 30px;
}

.display-pc {
  display: block !important;
}

.display-sp {
  display: none !important;
}

.col-2 {
  width: 100%;
  display: table;
}

.col-2 > div {
  display: table-cell;
  text-align: left;
  vertical-align: top;
}


/* 動き */

.fade {
  opacity: 0;
}


/* 下層用 */
#main {
	width: 100%;
	padding-bottom: 4%;
}
#main img {
	width: 100%;
}

#un_contents {
	width: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}

.u_tit {
	font-size: 24px;
	color: #FFF;
	background-color: #373737;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.img001 {
	width: 70%;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-align: center;
}
.img001 img{
	width: 100%;
}

/*===== ■ 施工事例 =====*/

.case_content {
  display: none;
}

.case_content:target {
  display: block;
}


.case_un {
	height:300px;
}


.case_nav {
	margin-bottom: 25px;
}

.case_nav ul li {
	float: left;
	width:50%;
}

.case_nav ul li img {
	display: inline-block;
	width: 98%;
	margin-left:2%;
}

#un_contents h4 {
	font-size: 24px;
	color: #FFF;
	margin-bottom: 15px;
    line-height: normal;
}

#un_contents h4 span {
	font-size: 18px;
	color: #FFF;
	border: 1px solid #FFF;
	margin-right: 15px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.mv {
	margin-bottom: 30px;
	width: 100%;
}

.select {

}
 
.disnon {
  display: none;
}


/*ギャラリー全体のコンテナー*/
#stage img {
width: 100%;
}
#stage {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 auto;
}
/*全サムネイルのコンテナー*/
#thumbs {
	position: absolute;
	width: 100%;
	top: 50%;
}
#thumbs img {
	width: 29%;
	margin-right: 8px;
	margin-bottom: 10px;
}
/*サムネイルのマウスオーバーでポインターを手のひらに*/
#thumbs label img {
    cursor: pointer;
}
/*初期画面*/
#screen {
	position: absolute;
	width: 100%;
	background-color: #CCC;
	margin-bottom: 20px;
}
/*初期画面上の文字*/
#screen span {
    position:absolute;
    top:130px;
    left:50px;
    font-size:32px;
}
/*ラジオボタンを非表示に*/
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9 {
    display: none;
}
/*表示写真の初期配置（全部透明に）とtransition設定*/
#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9 {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
/*チェックされたサムネイルに相当する写真だけを表示*/
#r1:checked ~ #photo1, #r2:checked ~ #photo2, #r3:checked ~ #photo3, #r4:checked ~ #photo4, #r5:checked ~ #photo5, #r6:checked ~ #photo6, #r7:checked ~ #photo7, #r8:checked ~ #photo8, #r9:checked ~ #photo9 {
    opacity: 1;
}
/*どれかがチェックされたらスクリーン上の文字を非表示に*/
#r1:checked ~ #screen, #r2:checked ~ #screen, #r3:checked ~ #screen, #r4:checked ~ #screen, #r5:checked ~ #screen, #r6:checked ~ #screen, #r7:checked ~ #screen, #r8:checked ~ #screen, #r9:checked ~ #screen {
    opacity: 0;
}



/*===== ■ 会社概要 =====*/

.compay_txt {
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.company_box {
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-left-color: #666;
	position: relative;
}
.company_box li {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.company_box .ti {
	background-color: #999;
}
.map_box {
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 5px;
}

/*===== ■ 求人 =====*/

.job_tit {
	font-size: 16px;
	color: #FFF;
	background-color: #000;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.job_txt {
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}

/*===== ■ 問い合わせ =====*/

.contact_box {
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-left-color: #666;
	position: relative;
}
.contact_box li {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.contact_box span {
	color: #F00;
	margin-left: 15px;
}

.contact_box .ti {
	background-color: #000;
}

.contact_box li .f001 {
	padding: 5px;
	width: 100%;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}

.contact_box li .f002 {
	padding: 5px;
	width: 100%;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	height: 120px;
}
.bt_box01 {
	width: 70%;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.bt_box01 .con_bt01 {
	height: 5%;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}


/*===== ■ 事業実績 =====*/
.results_box {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-left-color: #666;
	width: 100%;
}
.results_box td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	vertical-align: top;
}

.results_box td:nth-child(1) {
	width:20%;
}
.results_box td:nth-child(2) {
	width:60%;
}
.results_box td:nth-child(3) {
	width:20%;
}


.results_ti {
	background-color: #999;
}
.results_u_cr {
	background-color:  rgba(0,0,0,0.7);
}