html {
	font-size:  62.5%; /* sets the base font to 10px for easier math */
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 85.5%;
  }
}
body {
	font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	width: 100%;
	margin: 0;
	border: 0;
	color: #000000;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 24px;
	line-height: 2.4rem;
}

a:link,
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #00994f;
	text-decoration: none;
}
.h1_text,
.h2_shadow {
	font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
}
.h2_text,
.h3_text,
.h4_text,
.h2_mincho {
	font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
	font-weight: 500;
}
.h1_text {
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
}
.h2_text {
	font-size: 18px;
	font-size: 1.8rem;
}
.h2_shadow {
	font-size: 20px;
	font-size: 2.0rem;
	margin-top: 5px;
	margin-top: 0.5rem;
	margin-bottom: 5px;
	margin-bottom: 0.5rem;
	text-shadow: 3px 3px 1px #999999;
	text-shadow: 0.3rem 0.3rem 0.1rem #999999;
}
.h3_text {
	font-size: 16px;
	font-size: 1.6rem;
}
.h4_text {
	font-size: 15px;
	font-size: 1.5rem;
}
.h3_small {
	font-size: 13px;
	font-size: 1.3rem;
}
.h3_small_s {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 14px;
	line-height: 1.4rem;
}
.privacy_detail_2 {
	font-size: 12px;
	font-size: 1.2rem;
}

#wrap {
	/*width: 100%;*/
	/*max-width: 1200px;*/
	/*margin: 0 auto;*/
	/*background-color: #fff;
	border: 0;*/
}

.margin_top_dummy_20 {
	margin-top: 20px;
	margin-top: 2.0rem;
}
.margin_top_dummy_40 {
	margin-top: 40px;
	margin-top: 4.0rem;
}
.margin_bottom_dummy_20 {
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}
.margin_bottom_dummy_50 {
	margin-bottom: 50px;
	margin-bottom: 5.0rem;
}
.margin_bottom_dummy_60 {
	margin-bottom: 60px;
	margin-bottom: 6.0rem;
}
.margin_bottom_dummy_80 {
	margin-bottom: 80px;
	margin-bottom: 8.0rem;
}
.center-block {
	display:block;margin-right:auto;margin-left:auto
}


/* トップ・ヘッダー部分 start */
/*.headder_info {
	position:relative;
	background: #005627;
	font-family: Meiryo;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
	line-height: 24px;
}*/

/* marquee start */
.marquee {
/*width:1200px;*/
width: 100%;
padding:0.5em 0;
overflow:hidden;
background-color:#005627;
color: #fff;
font-size: 10px;
font-size: 1.0rem;
line-height: 14px;
line-height: 1.4rem;
margin-bottom:0px;
/*position:relative;*/ /* レスポンシブ対応用（悪さする） */
}
.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}
.marquee p {
margin:0;
padding-left:1200px;
padding-left: 120.0rem;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:50s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:50s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:50s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:50s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:50s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
/* marquee end */

/* ナビバー start */
.navbar-default .navbar-nav > li > a {
  margin: 0;
  padding: 0;
  padding-top: 12px;
  padding-top: 1.2rem;
  padding-bottom: 11px;
  padding-bottom: 1.1rem;
  color: #000;
  border: 1px solid #eee;
  border: 0.1rem solid #eee;
  width: 100%;
  min-width: 102px;
  min-width: 10.2rem;
  /*width: 110px;*/
  text-align: center;
  font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
  font-weight: 500;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #00994f;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  	padding-bottom: 8px;
  	padding-bottom: 0.8rem;
	color: #333;
  	background-color: #fff;
  	border-bottom: inset 4px #00994f;
  	border-bottom: inset 0.4rem #00994f;
 }

.wet-asphalt {
  background-color: #fff;
  border: 0;
}

.nav_gap {
	margin-left: 15px;
	margin-left: 1.5rem;
}

/* ナビバー end */

/* コンテンツ・ヘッダー部分 start */
.header_box {
	width: 100%;
	/*max-width: 1200px;*/
	height: 264px;
	height: 26.4rem;
	background-color: #e5e5e5;
}

.header_text_nav {
	font-size: 11px;
	font-size: 1.1rem;
	margin-left: 44%;
}

.header_text_nav a:link,
.header_text_nav a:visited,
.header_text_nav a:hover {
	color: #00994f;
	text-decoration: none;
}

.header_img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0 !important;
	width: 100%;
	display: block !important;
	height: 240px;
	height: 24.0rem;
	padding-top: 70px;
	padding-top: 7.0rem;
	padding-left: 53%;
  -webkit-transition: opacity ease-in-out 200ms;
  -moz-transition: opacity ease-in-out 200ms;
  -o-transition: opacity ease-in-out 200ms;
  transition: opacity ease-in-out 200ms;
}

.header_inner_box {
	width: 100%;
	max-width: 480px;
	max-width: 48.0rem;
	height: auto;
	background-color: rgba(0, 0, 0, 0.65);
	padding-left: 20px;
	padding-left: 2.0rem;
	display: inline-block;
	font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
}

.header_inner_box p {
	color: #fff;
	line-height: 16px;
	line-height: 1.6rem;
}

.headder_logo {
	top: 0;
	z-index: 10000;
	position: absolute;
	margin-top: 0px;
	margin-left: 8%;
	width: 22%;
	height: 100%;
	max-width: 218px;
	max-width: 21.8rem;
	max-height: 240px;
	max-height: 24.0rem;
	min-width: 109px;
	min-width: 10.9rem;
	min-height: 120px;
	min-height: 12.0rem;
	background-image: url(../images/logo_hed.png);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
/* コンテンツ・ヘッダー部分 end */
/* トップ・ヘッダー部分 start */

/* サイド・バー部分 start */
.side_tel {
	margin-top: 20px;
	margin-top: 2.0rem;
}

.side_nav {
	margin-top: 20px;
	margin-top: 2.0rem;
}

.side_nav img {
	vertical-align: middle;
}

.side_nav a {
	text-decoration: none;
	font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
	font-weight: 500;
}

hr.var_nav{
	margin-top: 8px;
	margin-top: 0.8rem;
	margin-left: 0px;
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
	border-top: 1px dashed #bbb;
	border-top: 0.1rem dashed #bbb;
	width: 100%;
	max-width: 300px;
	max-width: 30.0rem;
}

.side_facebook {
	margin-top: 20px;
	margin-top: 2.0rem;
}

.side_link div {
	padding-top: 20px;
	padding-top: 2.0rem;
}
/* サイド・バー部分 end */

/* footer start */
.footer_main {
	background-color: #e5e5e5;
	width: 100%;
	min-height: 160px;
	min-height: 16.0rem;
}

.footer_logo {
	margin-top: 25px;
	margin-top: 2.5rem;
	margin-left: 10%;
}
.footer_msg_1 {
	margin-top: 45px;
	margin-top: 4.5rem;
	margin-left: 10px;
	margin-left: 1.0rem;
}
.footer_msg_2 {
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 10px;
	margin-left: 1.0rem;
}
.footer_menu {
	margin-right: 40px;
	margin-right: 4.0rem;
	margin-top: 10px;
	margin-top: 1.0rem;
	float: right;
	line-height: 40px;
	line-height: 4.0rem;
}
.footer_menu li {
	display: inline-block;
	display: -moz-inline-box;
	*display: inline;
	*zoom: 1;
}
.footer_main ul:before,
.footer_main li:after {
	content: "   |   ";
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
}
.footer_copy {
	background-color: #005627;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	clear: both;
}
/* footer end */

/* コンテンツ部分 start *//*---------------------------------------------------*/

/* top(ホーム) start */
/* スライダー start */
#main-slider .btn_header {
	color: #fff;
}
#main-slider .btn_link {
  color: #333;
  background: rgba(255,255,255, 0.75);
}
#main-slider {
  position: relative;
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  padding: 1.0rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
  font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 240px;
  height: 24.0rem;
  -webkit-transition: opacity ease-in-out 240ms;
  -moz-transition: opacity ease-in-out 240ms;
  -o-transition: opacity ease-in-out 240ms;
  transition: opacity ease-in-out 240ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 240ms;
  -moz-transition: opacity ease-in-out 240ms;
  -o-transition: opacity ease-in-out 240ms;
  transition: opacity ease-in-out 240ms;
/*  z-index: 1;*/
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  margin-top: -2.5rem;
  font-size: 24px;
  font-size: 2.4rem;
  height: 50px;
  height: 5.0rem;
  width: 50px;
  width: 5.0rem;
  line-height: 50px;
  line-height: 5.0rem;
  text-align: center;
  border-radius: 4px;
  border-radius: 0.4rem;
/*  z-index: 2;*/
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border-radius: 1.0rem;
}
#main-slider .prev {
  /*left: 10px;*/
  /*left: 10%;*/
}
#main-slider .next {
  /*right: 10px;*/
  /*right: 10%;*/
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

.carousel-indicators{position:absolute;bottom:5px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:20px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:24px;height:12px;margin:0;background-color:#fff}
/* スライダー end */

.top_main section {
	margin-top: 40px;
	margin-top: 4.0rem;
}

#top_main_news {
	font-family:-apple-system,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック','メイリオ',meiryo,sans-serif;
}

#top_news_link {
	text-align: right;
	color: #46ad7a;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 20px;
	margin-top: 2.0rem;
}

.top_main_news_detail {
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	margin-left: -10px;
	margin-left: -1.0rem;
}

#top_main_about {
	margin-top: 50px;
	margin-top: 5.0rem;
	margin-left: -30px;
	margin-left: -3.0rem;
	margin-bottom: 30px;
	margin-bottom: 3.0rem;
}
/* top(ホーム) end */

/* お問合せ(contact) start */
.contact_main {
	margin-top: 30px;
	margin-top: 3.0rem;
	margin-bottom: 80px;
	margin-bottom: 8.0rem;
	margin-left: 20px;
	margin-left: 2.0rem;

	font-size: 12px;
	font-size: 1.2rem;
}

.contact_main_form {
	margin-top: 20px;
	margin-top: 2.0rem;
}

/*.contact_main_form ul {
    margin:0px;
    padding:0px;
    list-style:none;
}*/

.contact_main_form span {
	color: red;
}

.contact_main_form label {
    display: inline-block;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    width: 170px;
    width: 17.0rem;
    padding: 6px;
    padding: 0.6rem;
}

.contact_main_form label.long {
	width: 170px;
	width: 17.0rem;
}

.contact_main_form label.longlong {
	width: 230px;
	width: 23.0rem;
}

.contact_main_form .check {
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}

.contact_main_form .contact_btn {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}

.contact_main_form button.contact_reset_btn {
	cursor:pointer;
	font-size:130%;
	padding: 6px 2px 6px 2px;
    color: #fff;
    background-color: #c9c9c9;
    width: 130px;
    width: 13.0rem;
    border-style:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.contact_main_form button.contact_submit_btn {
	cursor:pointer;
	font-size:130%;
	padding: 6px 2px 6px 2px;
    color: #fff;
    background-color: #00962b;
    width: 180px;
    border-style:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 30px;
}
/* お問合せ(contact) end */

/* 会社のご案内(about) start */
.about_sign_area{
	width: 200px;
	margin-left: auto;
	margin-bottom: 50px;
}
.about_sign {
	background-image:url(../images/sign.jpg);
	background-repeat:no-repeat;
	height: 32px;
	margin-left: 40px;
	margin-top: 10px;
}
/* 会社のご案内(about) end */

/* サイトマップ start */
.sitemap_text p {
	line-height: 40px;
	line-height: 4.0rem;
}
/* サイトマップ end */

/* コンテンツ共通部品 start */
.top_main section {
	margin-top: 40px;
	margin-top: 4.0rem;
}

hr.var_l_gray {
	margin-top: 0px;
	margin-left: -15px;
	/*margin-right: 15px;*/
	border: 0;
	height: 2px;
	background: #00994f;
	background-image: -webkit-linear-gradient(left, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
	background-image: -moz-linear-gradient(left, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
	background-image: -ms-linear-gradient(left, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
	background-image: -o-linear-gradient(left, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
}

hr.var_s_gray {
	margin-top: 0px;
	border: 0;
	height: 2px;
	background: #00994f;
	background-image: -webkit-linear-gradient(left, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb);
	background-image: -moz-linear-gradient(left, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb);
	background-image: -ms-linear-gradient(left, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb);
	background-image: -o-linear-gradient(left, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb);
}

/* about only */
hr.var_l_green {
	margin-top: 12px;
	margin-left: -15px;
	/*margin-right: 15px;*/
	margin-bottom: 12px;
	border: 0;
	height: 2px;
	background: #00994f;
	background-image: -webkit-linear-gradient(left, #00994f, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
	background-image: -moz-linear-gradient(left, #00994f, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
	background-image: -ms-linear-gradient(left, #00994f, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
	background-image: -o-linear-gradient(left, #00994f, #00994f, #00994f, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb, #bbb);
}

.link_inv,
.link_faq,
.link_voice {
	color: #46ad7a;
	font-size: 12px;
	font-size: 1.2rem;

	text-align: right;
	margin-bottom: 70px;
	margin-bottom: 7.0rem;
}

.link_inv a:link,
.link_inv a:visited,
.link_inv a:hover,
.link_faq a:link,
.link_faq a:visited,
.link_faq a:hover,
.link_voice a:link,
.link_voice a:visited,
.link_voice a:hover {
	color: #46ad7a;
	text-decoration: none;
}


/* goto Top start */
#topbutton {
	margin: 0;
	padding: 0;
}

/* スマホで見た時 */
#topbutton {
  position:　relative;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 50px;
  height: 5.0rem;
  line-height: 50px;
  line-height: 5.0rem;
  background: rgba(0,153,79, 0.8);
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

/* PCで見た時 */
@media screen and (min-width: 481px) {
#topbutton {
  position: fixed;
  bottom: 30px;
  bottom: 3.0rem;
  right: 30px;
  right: 3.0rem;
  width: 2em;

  display: none;

  background-color: #00994f;
  opacity: 0.75;
  border-radius: 24px;
  border-radius: 2.4rem;
  text-align: center;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0px;
  padding: 0px 3px 6px 4px;
  padding: 0.0rem 0.3rem 0.6rem 0.4rem;
}
}

#topbutton a:link,
#topbutton a:visited {
	color: #fff;
	text-decoration: none;
}
#topbutton a:hover {
	color: #ccc;
	text-decoration: none;
}
/* goto Top end */
/* コンテンツ共通部品 end */
/* コンテンツ部分 end *//*---------------------------------------------------*/