/* カスタム CSS をここに入力してください */
/* ★★ */
/*  */
#header {
    width: 100%; /* 幅いっぱいを指定 */
    height: 60px; /* 高さを50pxに指定 */
   background-color: rgba(255, 255, 255, 0.8); /* 背景のみ半透明 */
    box-sizing: border-box; /* padding分を含んで幅を100%にするため */
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
    align-items: center; /* 中の要素を上下中央に並べる */z-index: 100;
}

/* CONTACT */
.grecaptcha-badge { visibility: hidden; }
.wpcf7-form-control.wpcf7-text {padding: 1px;}
.wpcf7-form.init {border: 1px solid #b9b9b9;width: 90%;margin-left: auto;margin-right: auto;padding: 30px 50px 0px 50px;font-size: 0.9rem;}
.redfont {color: #ff2525;}
.resmall a {color:  #939393;}
.resmall {font-size: 0.7em;color: #939393;}
h4 {font-size: 1.2em;color: #a48c7a;}
h4::before {
	border-left: 9px solid #a48c7a;
	content: " ";
	margin-right: 10px;
}
h3 {font-size: 1.8em;border-bottom: 7px double; padding-bottom: 10px;}
h3::before {content: "\f00c";	font-family: "Font Awesome 5 Free";font-weight: bold;margin-right: 5px;}


/*--------------------- link ---------------------*/
a:hover img{
    opacity:0.7;
    -moz-opacity:0.9;
    filter:alpha(opacity = 50);}

a.overwhite{ background-color:#ffffff;display:block;}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
	zoom:1;}

a[href$=".pdf"]:after {
    content:" ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(http://hamatetsu.jp/wp/wp-content/themes/hamatetsu/images/PDF_32.png) no-repeat;
}
/*--------------------- hed ---------------------*/
h1 {
	width: auto;
	display: inline-block;vertical-align: top;
}
.gnav {
	padding-top: 15px;
	float: right;
	padding-right: 30px;
	font-size: 0.9em;
	font-weight: bold;}
a.menu-scroll-down,.f_navi .menu-scroll-down {	display: none;}
#mainphoto {	margin-bottom: 30px;}
#mainphoto img{width:100%;	height:auto;}
/*PAGE*/
.page .entry-header {
	background-image:url(http://hamatetsu.jp/wp/wp-content/themes/hamatetsu/images/page_bk.jpg);
height: 250px;
position: relative;
background-position: left;
}
h2.entry-title {
	position: absolute;
	top: 70px;
	color: #FFF !important;
	font-size: 2.5rem !important;
	text-align: left;
	width: 100%;
	left: 30px;
}
/*NEWS*/
.column_01{display: flex;width:75%;height: 408px;}
.column_02{width: 25%;height: 408px;background-position: left;
	background-image: url(http://hamatetsu.jp/wp/wp-content/themes/hamatetsu/images/tp_news.png);position: relative;}
.column2{
 display: flex;
}
.blog_section {
	width: 30%;
padding-top: 25px;
	margin-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}.blog_section img {
width: 100%;
	height: 230px;
  object-fit: cover;
}
.blog_section:first-child {
	margin-left: 50px;
}
.blog_section:last-child {
	margin-right:0px;
}
.blog_section_day {
	color: #6a6a6a;
	margin-bottom: 10px;
}
.tp_inner{padding: 200px 0px;overflow: hidden;}
.tp_inner.read {
	background: #b5a395;
	text-align: center;
	color: #FFF;
}
.text_s {font-size: 150%;}
.text_l {font-size: 200%;}
.tp_inner.rec {background-image: url(http://hamatetsu.jp/wp/wp-content/themes/hamatetsu/images/tp_rcbk.gif);background-position: bottom;    background-size: cover;}

.tp_inner_recinner {width: 950px;margin-left: auto;margin-right: auto;}
.flexbox {display: flex;}
.tp_inner_recbox {width: 33%;margin-right: 40px; border: 1px solid #6c6c6c;padding: 20px;}
.tp_inner_recbox:last-child {margin-right: 0px;}
/* TOPgreet */
.tp_inner.greeting {background-image: url(http://hamatetsu.jp/wp/wp-content/themes/hamatetsu/images/tpgr_bk.gif);background-position: center;background-size: cover;background-repeat: no-repeat;}
.contact .wpcf7-form.init {	background-color: rgba(255, 255, 255, 0.85);margin-top: 50px;}
.greeting .column_01 {width: 60%;height: auto;}
.column_01_tpgrbox {margin-left: 50px;padding-right: 50px;}
.greeting .column_02 {width: 40%;
	height: auto;
	background: none;
	padding-right: 50px;
	position: relative;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;}
.greeting .column_01_tpgrbox p {	line-height: 2rem;}
.text_ri {text-align: right;}
/* Blur */
.btn_zoom {   display: table; position: relative;color: #fff;overflow: hidden;background: #7d6f63;}
.btn_zoom:hover {   color: #fff; }
.btn_zoom > img {
	  -webkit-filter: blur(0);
  filter: blur(0);
	transition: transform 0.5s;	opacity: 1;
}
.btn_zoom:hover > img {
-webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
	  transform: scale(1.2);opacity: 1;
}
.btn_zoom > div{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);
	width: 100%;height: 100%;align-items: center;display: flex;justify-content: center;background-color: rgba(0, 0, 0, 0.48);}
.btn_zoom span {	width: 100%;	display: block;text-align:center;}
.contents .column2 {	width: 95%;	margin-left: auto;	margin-right: auto;}
.btn_zoom > div:hover {	background-color: #2424246b;}
.tp_inner.contents {padding-top: 20px;}

/* TOPcontact */
.tp_inner.contact {background-image: url(http://hamatetsu.jp/wp/wp-content/themes/hamatetsu/images/tpcon_bk.jpg);background-position: bottom; background-size: contain;background-repeat: no-repeat;}
.contact .wpcf7-form.init {	background-color: rgba(255, 255, 255, 0.85);margin-top: 50px;}
.btn_naname {
	background: #b5a395;
	padding: 8px 0px 8px 0px;
	position: relative;
	transform: skew(-20deg);
	transition-duration: 1s;
	float: right;
	overflow: hidden;
	margin-top: 40px;
	text-align: center;
	color: #FFF;
	font-size: 110%;
	text-decoration: none;
	font-weight: bold;width: 300px;
}
.btn_naname:hover {
 transform: rotate(360deg);
	background:#79695c;
}
h2.text_l {margin-bottom: 0px;font-size: 320%;}
.text_gold {color: #806b5c;font-weight: normal !important;}
.column_02 .btn_naname {
	bottom: 0;
	position: absolute;
	right: 0;
	width: 70%;
	margin-bottom: 50px;
}
.page .wrap .entry-header {
	background-image: none;
	height: auto;
	position: initial;
}
/* FOTTER */
.site .site-footer {margin: 0px;}
.f_navi {
	padding: 20px;
	background: #686868;
	color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.f_navi a {   color: #FFF;display: initial;}
.f_navi ul {overflow:hidden;}
.f_navi li {float: left;}
.f_navi li::after {content: "／";}
.f_navi li:last-child::after {content: none;}
footer {
	background: #b5a395;
}
footer .wrap {
	padding: 0px;
	max-width: 1280px;}
.footer-widget-2 h3 {
	border: none;
	padding: 0;
	font-size: 1.2rem;margin-bottom: 5px;
}
.footer-widget-2 h3:before {
content:none;
}
.footer-widget-1 h2 {
	margin-bottom: 5px;
	color: inherit;
	font-size: inherit;
	padding: 0;
}
/* リクルート */
.recruit dl .recdt {
	width: 200px;
	border-top: 1px dotted #575757;
	margin: 0;
	padding: 5px;
	float: left;
	clear: left;
}.recruit dl .recdd {
	margin: 5px 0 5px 200px;
	padding: 0;
	padding: 5px 5px 5px 20px;
	border-top: 1px dotted #575757;
	min-height: 30px;
}.recruit dl {
	border-bottom: 1px dotted #575757;
}
.recdd p {	margin: 0px;}
/* table */
.history table td:first-child,.introduce table td:first-child {padding-left: 1rem !important;}
.wp-block-table.is-style-stripes {border: none;}
/* TOP採用 */
.tp_inner_recbox h3 {font-size: initial;}
.tp_inner_recbox h3::before {content: none;}
/* 工事履歴調整 */
.history_inner {
	padding-bottom: 3rem;
}
.history_box {
	list-style-type: none;
}
.history_box li::after {
	content: "／";
	padding-left: 10px;
	padding-right: 5px;
}.history_box li:last-child::after {
	padding: 0px;	content: none;}
.history_box li {display: inline-block;margin-bottom: 5px;}
.entry-content {padding-bottom: 50px;}
.page.history-year .entry-meta {	display: none;}
/* タブレット */
@media (max-width: 1020px) and (min-width: 768px) { } 
/* スマホ */
@media (max-width: 767px) { 
	body {font-size: 0.8rem;width:100%}
.column_01,.greeting .column_01 {width: 100%;height: auto;}
.blog_section:first-child {margin-left: 0;}
.column2.news {width: 90%;margin-left: auto;margin-right: auto;display: block;}
.column_02 .btn_naname, .btn_naname {position: inherit;width: 100%;display: block;}
.blog_section img {
	width: 100%;
	height: 100%;
	min-width: 100px;
	min-height: 100px;
}
.blog_section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	display: inline-block;
	width: 45%;
	margin-right: 0.8rem;
}
.btn_naname {float: none;}
	.column_02 {width: 100%;position: initial;height: auto;}
.tp_inner_recinner {width: 90%;}
.wpcf7-form.init {width: 100%;padding: 20px 20px 0px 20px;}
	#header {display: none;}
.site-content {padding: 0em 0 0;}
.column2 {display: block;}
.btn_zoom {height: 200px;display: block;margin-bottom: 30px;}
.tp_inner {padding: 100px 0px;}
.column_01_tpgrbox {margin-left: 0px;padding-right: 0px;}
.greeting .column_02 {width: 100%;padding-right: 0;padding-top: 30px;}
.btn_zoom > div p {width: 90%;margin: 0px;}
	.widget-column.footer-widget-2,.f_navi {display: none;}
	.widget-column.footer-widget-1 {width: 90%;margin-left: auto;margin-right: auto;}
	.firstChild.lastChild,.lastChild {height: 100px;}
.site-info {float: none;padding: 0px;width: 100%;text-align: center;margin: 0px;}
.history table td:first-child, .introduce table td:first-child {padding-left:  0.5em !important;}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {padding-left: 0.5em;}
	.page .entry-header {height: 150px;background-position: bottom;}
h2.entry-title {
	font-size: 2.5rem !important;
	position: initial;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 18px;
}
	h3 {font-size: 1.5em;}
	.history_box li::after {	content: none;}
.history_box {list-style-type: disc;}	
	.history_box li {display: list-item;list-style-position: inside;}
	.recruit dl .recdd {margin: 5px 0 5px 30%;}
.recruit dl .recdt {width: 30%;}
.history td:first-child {width: 60%;}
	
}.menu_title {
  color: transparent;
}
.menu_title a {
  color: initial;
}