@charset "UTF-8";
/* @media screen and (min-width: 1153px){ */

/* 共通設定 */

html{
	width:100vw;
	-webkit-text-size-adjust: 100%;
}
body{
	margin:0px;          /* ページ全体のmargin */
	padding:0px;         /* ページ全体のpadding */
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
	font-size:15px;
	width:100vw;
}

a:hover{
	color:#9FD9F6;
	
}

#indexback{
    background-repeat: no-repeat;            /* 背景を繰り返さない */
    background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
    background-attachment:fixed;             /* 背景画像を固定する */
	background:url(http://hifumikogyosyo.co.jp/image/index_back2.jpg);
	height:1050px;
	width:100vw;
	min-width:1153px;
}

#indexback_img{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;     
	background:url(http://hifumikogyosyo.co.jp/image/index_back.png);
	height:1050px;
	width:1153px;
	margin:0 auto;
	padding:0;

}

#main{
	margin: 0 auto;
	padding: 0;
	width:1000px;         /* 幅を決定する */
	text-align:left;
}

#indexlogo{
	float:left;
	margin-top:0px;
}

#btn_news a{
	margin-top:-10px;
	margin-left:60px;
	float:left;
	width: 230px;
    height: 230px;
    background: url("http://hifumikogyosyo.co.jp/image/btn_company.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#btn_news a:hover{
	width: 230px;
    height: 230px;
	background: url("http://hifumikogyosyo.co.jp/image/btn_company_on.png") no-repeat;
}

#btn_work a{
	margin-top:-10px;
	margin-right:10px;
	float:right;
	width: 230px;
    height: 230px;
    background: url("http://hifumikogyosyo.co.jp/image/btn_construction.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#btn_work a:hover{
	width: 230px;
    height: 230px;
	background: url("http://hifumikogyosyo.co.jp/image/btn_construction_on.png") no-repeat;
}

#btn_company a{
	margin-top:220px;
	margin-left:-270px;
	float:left;
	position:relative;
	width: 230px;
    height: 230px;
    background: url("http://hifumikogyosyo.co.jp/image/btn_power.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#btn_company a:hover{
	width: 230px;
    height: 230px;
	background: url("http://hifumikogyosyo.co.jp/image/btn_power_on.png") no-repeat;
}

#btn_construction a{
	margin-top:-250px;
	margin-right:-27px;
	float:right;
	position:relative;
	width: 230px;
    height: 230px;
    background: url("http://hifumikogyosyo.co.jp/image/btn_news.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#btn_construction a:hover{
	width: 230px;
    height: 230px;
	background: url("http://hifumikogyosyo.co.jp/image/btn_news_on.png") no-repeat;
}

#btn_power a{
	margin-top:-40px;
	margin-left:120px;
	float:left;
	position:relative;
	width: 230px;
    height: 230px;
    background: url("http://hifumikogyosyo.co.jp/image/btn_work.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#btn_power a:hover{
	width: 230px;
    height: 230px;
	background: url("http://hifumikogyosyo.co.jp/image/btn_work_on.png") no-repeat;
}	

#btn_contact a{
	margin-top:-250px;
	margin-right:75px;
	float:right;
	position:relative;
	width: 230px;
    height: 230px;
    background: url("http://hifumikogyosyo.co.jp/image/btn_recruit.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#btn_contact a:hover{
	width: 230px;
    height: 230px;
	background: url("http://hifumikogyosyo.co.jp/image/btn_recruit_on.png") no-repeat;
}

#btn_recruit a{
	margin-top:-150px;
	margin-left:415px;
	position:relative;
	width: 230px;
    height: 230px;
    background: url("http://hifumikogyosyo.co.jp/image/btn_contact.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#btn_recruit a:hover{
	width: 230px;
    height: 230px;
	background: url("http://hifumikogyosyo.co.jp/image/btn_contact_on.png") no-repeat;
}

#footer_index{
	display:block;
	margin: 0 auto;
	padding: 0;
	width:100%;
	text-align:center;
	margin-top:100px;
}

#footer{
	display:block;
	margin: 0 auto;
	padding: 0;
	width:100%;         /* 幅を決定する */
	height:440px;
	background-image:url("http://hifumikogyosyo.co.jp/image/footimg.jpg");
	margin-top:50px;
}

#footer_main{
	display:block;
	margin: 0 auto;
	padding: 0;	
	text-align:center;
	width:1000px;
}

#footer_main p{
	color:#ffffff;
}

#footer_main table{
	margin: 0 auto;
	padding: 0;
	text-align:center;
	color:#ffffff;
	letter-spacing:1px;
}

#footer_main table a{
	color:#ffffff;
}

.clearfix:after {  
	content: ".";   
	display: block;   
  	height: 0;   
  	clear: both;   
  	visibility: hidden;  
}  
  
.clearfix {
	display: inline-table;
	clear:both;
}  

/* オンマウス時にリンクが薄くなる
a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
*/

table{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
}

table p{
	font-size:15px;
}

.syacho{
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
}

.syacho2{
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size:20px;
	font-weight:bold;
	line-height:35px;
	letter-spacing:1px;
}

.comment{
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size:20px;
	font-weight:bold;
	line-height:35px;
	letter-spacing:1px;
	}
	
#copy{
	text-align:left;
	font-size:15px;
}

h2{
	margin-bottom:19px;
}

.h2{
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 5px #9FD9F6;
	line-height:25px;
	letter-spacing:2px;
}

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

.blue{
	color:#9FD9F6;
}

.mincho{
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:1px;
}

.mincho2{
	margin-bottom:4px;
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	letter-spacing:1px;
}

.work_comment{
	margin:30px 0 30px 0;
}

.work_comment p{
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
}

.const_hyou{
	border-collapse: collapse;
}

.const_hyou th,.const_hyou td{
	border-collapse: collapse;
	border:1px solid #000000;
}

.const_hyou tr th{
	padding:8px;
	background-color:#9FD9F6;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.const_hyou tr td{
	padding:6px;
}

.const_img{
	float:left;
	margin-right:24px;
}

.const_img2{
	float:left;
}

.red{
	color:#F00;
}

.table_contact tr td{
	padding:10px 0 10px 0;
}

.tbrecruit{
	width:1000px;
}

.tbrecruit tr{
	border:2px solid #9FD9F6;
}

.tbrecruit th{
	background-color:#E6F4FD;
	border-right:2px solid #9FD9F6;
	width:100px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	vertical-align:middle;
}

.tbrecruit td{
	padding:15px;
}

.btcontact{
	margin-top:30px;
}

.newstable{
	max-width:1000px;
	width:92vw;
	border-top:1px solid #999;
}

.newstable td{
	padding:30px 5px 30px 5px;
	border-bottom:1px dotted #9FD9F6;
}





#main2{
	margin: 0 auto;
	padding: 0;
	max-width:1000px;         /* 幅を決定する */
	width:92vw;         /* 幅を決定する */
	text-align:left;
}
#hd1 {
    margin:0px 0px 0px 0px;
}
#hd1-1 {
    margin:0px 0px 0px 4px;
	float:left;
}
#hd1-2 {
    margin:0px 0px 0px 0px;
	float:left;
}
#hd1-2-1 {
    margin:0px 0px 0px 19px;
	float:left;
}
#hd1-2-2 {
    margin:0px 0px 0px 19px;
	float:left;
}
#hd1-2-3 {
    margin:0px 0px 0px 19px;
	float:left;
}
#hd1-2-4 {
    margin:0px 0px 0px 19px;
	float:left;
}
#hd1-2-5 {
    margin:0px 0px 0px 19px;
	float:left;
}
#hd1-2-6 {
    margin:0px 0px 0px 19px;
	float:left;
}
#hd1-2-7 {
    margin:0px 0px 0px 19px;
	float:left;
}
#hdimg1 {
    max-width:74px;
	width:6.5vw;
	height:auto;
}
#hdimg2 {
    max-width:100px;
	width:8.9vw;
	height:auto;
}
#hdimg3 {
    max-width:74px;
	width:6.5vw;
	height:auto;
}
#hdimg4 {
    max-width:74px;
	width:6.5vw;
	height:auto;
}
#hdimg5 {
    max-width:63px;
	width:5.6vw;
	height:auto;
}
#hdimg6 {
    max-width:74px;
	width:6.5vw;
	height:auto;
}
#hdimg7 {
    max-width:96px;
	width:8.6vw;
	height:auto;
}
.cp1 {
    margin:0px 0px 0px 0px;
	float:right;
}
.cp2 {
    max-width:700px;
	width:70%;
    margin:10px 0px 0px 0px;
	float:left;
}
.clear {
    margin:0px 0px 0px 0px;
	clear:both;
}
.cp3 {
    margin:0px 0px 0px 0px;
	float:left;
}

#ft{
	display:block;
	margin: 0 auto;
	padding: 0;
	width:100vw;         /* 幅を決定する */
	background-image:url("../image/footimg.jpg");
	margin-top:50px;
}
#ft_main{
	display:block;
	margin: 0 auto;
	padding: 0;	
	text-align:center;
	max-width:1000px;
	width:92vw;         /* 幅を決定する */
}
#ft_main p{
	color:#ffffff;
}

#ft_main2{
	margin: 0 auto;
	padding: 0;
	text-align:center;
	color:#ffffff;
	letter-spacing:1px;
}

#ft_main2 a{
	color:#ffffff;
}

@media screen and (min-width: 896px){
#ft_main3{
	margin: 0 auto;
	padding: 0;
	text-align:center;
	vertical-align:top;
	color:#ffffff;
	letter-spacing:1px;
}
#ft_main4{
	width:234px;
	height:300px;
	margin: 0px 30px 30px 0px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main5{
	width:318px;
	margin: 0px 30px 30px 0px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main6{
	width:200px;
	margin: 0px 0px 30px 0px;
	padding: 0;
	text-align:left;
	vertical-align:top;
	display:inline-block;
}
#ft_main6 a{
	color:#ffffff;
}
}
@media screen and (max-width: 895px){
#ft_main3{
	margin: 0 auto;
	padding: 0;
	text-align:center;
	vertical-align:top;
	color:#ffffff;
	letter-spacing:1px;
}
#ft_main4{
	width:234px;
	height:300px;
	margin: 0px 30px 50px 0px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main5{
	width:318px;
	margin: 0px 0px 50px 0px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main6{
	width:200px;
	margin: 0px 30px 50px 30px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main6 a{
	color:#ffffff;
}
}
@media screen and (max-width: 695px){
#ft_main3{
	margin: 0 auto;
	padding: 0;
	text-align:center;
	vertical-align:top;
	color:#ffffff;
	letter-spacing:1px;
}
#ft_main4{
	width:234px;
	height:300px;
	margin: 0px 30px 50px 30px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main5{
	width:318px;
	margin: 0px 30px 50px 30px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main6{
	width:200px;
	margin: 0px 30px 50px 30px;
	padding: 0;
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
#ft_main6 a{
	color:#ffffff;
}
}
#ft_main7{
	height:60px;
    margin:0px 0px 0px 0px;
	text-align:center;
	vertical-align:top;
	clear:both;
}

.ft-bn{
    margin:0px 20px 30px 0px;
	float:left;
}
.ft3{
    margin:0px 0px 0px 0px;
	clear:both;
}
.ft4{
    margin:0px 0px 0px 0px;
	clear:both;
}
.pw-img1{
    margin:0px 50px 20px 0px;
	float:left;
}
.pw-img1e{
    margin:0px 0px 20px 0px;
	float:left;
}
.pw-img1 img{
    margin:0px 0px 5px 0px;
}
.pw-img1e img{
    margin:0px 0px 5px 0px;
}
.pw-clear{
	clear:both;
}
.ttl-img {
    max-width:1000px;
	width:92vw;
	height:auto;
}
.ttl-img2 {
    max-width:800px;
	width:92vw;
	height:auto;
}
@media screen and (max-width: 1020px){
#hd1-2 {
    margin:0px 0px 0px 0px;
	clear:both;
}
#hd1-2-1 {
    margin:0px 0px 0px 14px;
	float:left;
}
#hd1-2-2 {
    margin:0px 0px 0px 14px;
	float:left;
}
#hd1-2-3 {
    margin:0px 0px 0px 14px;
	float:left;
}
#hd1-2-4 {
    margin:0px 0px 0px 14px;
	float:left;
}
#hd1-2-5 {
    margin:0px 0px 0px 14px;
	float:left;
}
#hd1-2-6 {
    margin:0px 0px 0px 14px;
	float:left;
}
#hd1-2-7 {
    margin:0px 0px 0px 14px;
	float:left;
}
#hdimg1 {
    max-width:74px;
	width:8.5vw;
    width:74px;
	height:auto;
}
#hdimg2 {
    max-width:100px;
	width:11.7vw;
    width:100px;
	height:auto;
}
#hdimg3 {
    max-width:74px;
	width:8.5vw;
    width:74px;
	height:auto;
}
#hdimg4 {
    max-width:74px;
	width:8.5vw;
    width:74px;
	height:auto;
}
#hdimg5 {
    max-width:63px;
	width:63px;
	height:auto;
}
#hdimg6 {
    max-width:74px;
	width:8.5vw;
    width:74px;
	height:auto;
}
#hdimg7 {
    max-width:96px;
	width:11.0vw;
    width:96px;
	height:auto;
}
.cp1 {
    margin:0px 0px 0px 0px;
	clear:both;
	text-align:left;
	float:left;
}
.cp2 {
    max-width:700px;
	width:100%;
    margin:10px 0px 0px 0px;
	clear:both;
	text-align:left;
}
}
@media screen and (max-width: 704px){
.ft-bn{
    margin:0px auto 30px auto;
	clear:both;
	width:100%;
	text-align:center;
}
.ft-bn-img {
	text-align:center;
}
}


@media screen and (min-width: 641px){
.ttl {
    margin:0px 0px 20px 0px;
	display:block;
}
.ttl2 {
    margin:0px 0px 20px 0px;
	display:none;
}
}
@media screen and (max-width: 640px){
.ttl {
    margin:0px 0px 20px 0px;
	display:none;
}
.ttl2 {
    margin:0px 0px 20px 0px;
	display:block;
}
}
@media screen and (min-width: 769px){
#hd1 {
    display: block;
}
#hd2 {
    display: none;
}
#hd-nav {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 40px; /*メニュー内左右上下余白*/
    position: fixed;
    right: -300px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 300px; /*メニュー横幅*/
    z-index: 1000;
}
#menu-background {
    display: none;
}
#menu-icon {
    display: none;
}
#menu-cb {
    display: none;
}
.socialicons {
    overflow: hidden;
    width:92vw;
	max-width:1000px;
    height:24px;
    margin:4px 5px 0 0;
    padding:4px 0 0 0;
    display: inline-block;
	text-align:right;
}
}
@media screen and (max-width: 768px){
#hd1 {
    display: none;
}
#hd2 {
    display: block;
}
#hd-nav {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 40px; /*メニュー内左右上下余白*/
    position: fixed;
    right: -300px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 300px; /*メニュー横幅*/
    z-index: 1000;
    font-size: 20px;
    line-height: 50px;
}

#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}

#menu-icon {
    background-color: #fff; /*アイコン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px; /*アイコン縦高さ*/
    line-height: 50px; /*縦位置中央化*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
}

#menu-cb {
    display: none;
}

#menu-cb:checked ~ #hd-nav,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-300px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}
.socialicons {
    width:84vw;
	max-width:1000px;
    height:24px;
    margin:16px 40px 0px 0px;
    padding:4px 0px 0px 0px;
    display: inline-block;
	text-align:right;
}
}
.socialicons2 {
    overflow: hidden;
    width:1000px;
	max-width:1000px;
    height:24px;
    margin:4px 5px 0 0;
    padding:4px 0 0 0;
    display: inline-block;
	text-align:right;
}




/* } */