@charset "UTF-8";
/*
	Title	   : 長谷工
	URI            : 長谷工
	Designer       : GRAPHNETWORK
	Designer's URI : http://graphnetwork.com/
*/
/* --------------------------------------------------------------


                           共通設定


-----------------------------------------------------------------*/
#haseko {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
	position: relative;
}

.flex {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-flow: row wrap;
   flex-wrap: wrap;
   -ms-flex-pack: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
}
.pc {
   display: none;
}
.sp {
   display: block;
}
@media screen and (min-width:767px) {
   .sp {
      display: none;
   }
   .pc {
      display: block;
   }
}


.container {
	background-color: #f7f0ec;
	font-size: 12px;
	font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
	color: #595656;
}
.btn-contact img {
	width: 50%;
}


a img:hover {
	opacity: 0.6;
	transition : all 0.3s;
}
a img {
	transition : all 0.3s;
}


@media screen and (min-width:767px) {
	.container {
		position: relative;
		font-size: 18px;
	}
	
   
 }
/* --------------------------------------------------------------


						   			header


-----------------------------------------------------------------*/

header{
	background-color: #fff;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 20;
}
header .phone {
	justify-content: space-between;
	margin: 0 auto;
	width: 94%;
	padding: 10px 0;
}
header .phone .h-logo {
	width: 38%;
}
header .phone .h-logo::after {
	content: '';
	display: block;
	width: 80%;
	height: 25px;
	background: url(../img/kantogentei.svg) no-repeat left top;
	background-size: contain;
}
header .phone .tell {
	width: 60%;
}
header .phone img {
	width: 100%;
}
header .btnarea {
	position: relative;
}
header .btn-contact {
	display: block;
	width: 126px;
	height: 23px;
	position: absolute;
	top: 10px;
	left: 238px;
}
header .tell .block-contact {
	width: 60%;
	margin: 0 0 14px auto;
}
header .tell .block-contact img {
	width: 100%;
}

@media screen and (min-width:767px) {
	header {
	   width: 100%;
	   max-width: 100%;
	   margin: auto;
	}
	header .phone {
		justify-content: space-between;
		margin: 0 auto;
		width: 70%;
		max-width: 1000px;
		padding: 20px 0;
	}
	header .phone .h-logo {
		width: 44%;
	}
	header .phone .h-logo::after {
		width: 65%;
		height: 50px;
		margin-top: 5px;
	}
	header .phone .tell {
		width: 44%;
	}
	header .btn-contact {
		display: block;
		width: 296px;
		height: 54px;
		position: absolute;
		top: 20px;
		left: 699px;
	}
}


/* --------------------------------------------------------------


						   			totop


-----------------------------------------------------------------*/
.back {
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-align: center;
	padding:2pt;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	width: 50px;
	height: 50px;
	z-index: 10;
}
.back a {
	color: #000;
	text-decoration: none;
	display: block;
	font-size: 14px;
	width: 50px;
	height: 50px;
}
.back img {
	width: 100%;
}



/* --------------------------------------------------------------


						   			footer


-----------------------------------------------------------------*/
footer {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}
footer .phone {
	width: 94%;
	margin: auto;
}
footer .phone .footer-tell {
	width: 100%;
}
footer .attend {
	width: 100%;
	margin: 0 auto;
	text-align: justify;
	padding: 0;
	font-size: 12px;
	color: #595757;
}
footer .f-bnr,
.copy {
	text-align: center;
}
footer .f-bnr {
	padding: 20px 0 10px;
}
footer .f-bnr img,
.copy img {
	width: 40%;
}
.copy {
	padding: 10px 0;
}
.bg-white {
	background: #fff;
}
.totop {
	font-size: 12px;
	margin: 10px 0;
}
.totop a {
	text-decoration: none;
	color: #0d6fb8;
}
footer .bnr-area .bnr-corona,
footer .bnr-area .bnr-step {
	width: 100%;
}
footer .bnr-area .bnr-step {
	margin-bottom: 20px;
}
footer .bnr-area .img-txt {
	width: 100%;
	margin: 20px 0;
}
footer .bnr-area .bnr {
	margin: 20px 0;
}
footer .bnr-area .footer-point {
	width: 100%;
}
footer .block-footer-contact {
	margin: 40px auto 0;
	justify-content: space-between;
}
footer .footer-contact,
footer .footer-tell {
	width: 48%;
}
footer .footer-contact img,
footer .footer-tell img {
	width: 100%;	
}




@media screen and (min-width:767px) {
	footer .phone {
		width: 75%;
		margin: auto;
	}
	footer .attend {
		width: 90%;
		max-width: 1000px;
		margin: auto;
		text-align: justify;
		padding: 0;
	}
	footer .f-bnr img,
	.copy img {
		width: 20%;
	}
	footer .f-bnr {
		padding: 20px 0;
	}
	.copy {
		text-align: center;
		padding: 10px 0 20px;
	}
	.totop {
		font-size: 20px;
		margin: 10px 0;
	}
	footer .bnr-area .bnr {
		margin: 40px 0;
	}
	footer .bnr-area .img-txt {
		width: 74%;
		margin: 80px auto;
	}
	footer .bnr-area .footer-point {
		width: 64%;
	}
	footer .block-footer-contact {
		margin: 80px auto 0;
		width: 90%;
		justify-content: space-between;
	}
	
}