@charset "utf-8";

/*旧ページトップ*/
#header h1 {
	font-size: 10px;
	position: absolute;
	left: 3px;
	top: -17px;
	color: #666666;
}
/*旧ページトップ*/

a:hover img {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
a img {
	-webkit-transition: opacity 0.6s ease-out;
	-moz-transition: opacity 0.6s ease-out;
	-ms-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

#slide_wrap {
	height: 375px;
	background-image: url(../img/top/slidemain_sample.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
 .bx-viewport {
	overflow: visible!important;
	width: 1026px!important;
}
 .main-container {
	padding-top: 0;
	margin-top: 0;
	overflow: hidden;
}
.slider {
  list-style: none;
  margin: 0;
  padding: 0;
  
}
.slider li {
  width: 500px!important;
  margin: 0;
  padding: 0;
}


#works {
	width: 100%;
	margin-bottom: 30px;
}
#works .h2box {
	width: 1024px;
	margin: 0 auto;
}
#works h2 {
	width: 1024px;
	margin: 0 auto;
	padding: 15px 0;
}
#works .inner {
	background-color: #EDF3F5;
	overflow: hidden;
}
#works .slider_works {
	width: 970px;
	margin: 0 auto;
	padding: 30px 0;
	padding-left: 25px;
}
#works .slider_works li {
	font-size: 0.75rem;
	outline: none;
}
#works .slider_works img {
	border: 1px solid #b2b2b2;
	margin-bottom: 10px;
	outline: none;
}
#works .slider_works a {
	color: #bf0000;
	font-size: 0.85rem;
}
#works .slider_works span {
	color: #785A1F;
	display: block;
	width: 280px;
	margin-top: 5px;
}
#works .reason {
	width: 1024px;
	margin: 0 auto;
}
#works .workslist {
	background-color: #056836;
	background-image: url(../img/icon_arrow1.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 130px;
	display: block;
	text-align: center;
	overflow: hidden;
	float: right;
}
#works .workslist a {
	display: block;
	color: #FFFFFF;
	font-size: 0.8rem;
	padding: 5px 0 4px 0;
}
/*スライド設定*/
.slick-prev, .slick-next {
	background-color: #066836;
}
.slick-prev:hover, .slick-next:hover {
    background-color: #1a864f;
}


#message {
	width: 1024px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#message h3 {
	font-size: 1.5rem;
	margin-top: 35px;
	margin-bottom: 25px;
	color: #3F3F3F;
}
#message .title {
	font-size: 1rem;
	margin-bottom: 10px;
	font-weight: bold;
	color: #3F3F3F;
	display: block;
}
#message p {
	font-size: 0.8rem;
	margin-bottom: 20px;
}
#message .box_s {
	background-color: #F5F5F5;
	border: 1px dashed #B2B2B2;
	padding: 30px;
	margin-right: 24px;
	width: 500px;
	float: left;
	min-height: 516px;
}
#message .box_s:nth-child(2n) {
	margin-right: 0px;
	margin-bottom: 20px;
}
#message .box_l {
	background-color: #F5f5f5;
	border: 1px dashed #B2B2B2;
	padding: 30px;
	clear: both;
	background-image: url(../img/top/egg.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	overflow: hidden;
}
#message .readmore {
	background-color: #056836;
	background-image: url(../img/icon_arrow1.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 130px;
	display: block;
	text-align: center;
}
#message .readmore a {
	display: block;
	color: #FFFFFF;
	font-size: 0.8rem;
	padding: 5px 0 4px 0;
}
#message .f_right {
	float: right;
}
#message .reason {
	width: 475px;
	float: right;
}

#banner {
	width: 1024px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#banner h3 {
	font-size: 1rem;
	text-align: center;
	margin-bottom: 5px;
}
#banner .tips {
	width: 324px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 24px;
}
#banner .tips:nth-child(3n) {
	margin-right: 0px;
}
#banner .box {
	border: 1px solid #d4d4d4;
	width: 324px;
}
#banner .box img {
	border-bottom: 1px solid #d4d4d4;
}
#banner .box span {
	font-size: 0.85rem;
	color: #3F3F3F;
	display: block;
	padding: 10px;
}

#gstview {
	width: 1024px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#gstview h3 {
	font-size: 2.2rem;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 30px;
	padding-bottom: 40px;
}

.gstviewbox {
	display: flex;
    width:1100px;
    margin:15px 0;
}

.gstviewbox div {
    margin-right:15px;
}

#gstview .readmore {
	display: block;
	background-color: #222;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 12px 0;
	width: 180px;
	text-align: center;
    margin:10px auto;
}

#gstview .readmore:hover {
	background-color: #1a864f;
	text-decoration: none;
}

#blog {
	width: 1024px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#blog h3 {
	font-size: 2.2rem;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 30px;
	padding-bottom: 40px;
}
#blog h4 {
	font-size: 1.4rem;
	margin: 4px 0;
}
#blog .box {
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
}



#blog .box img {
	float: left;
	border: 1px solid #d4d4d4;
	padding: 5px;
	width: 266px;
	height: 197px;
}
#blog .box .article {
	width: 720px;
	float: right;
}
#blog .box span {
	font-size: 0.85rem;
	font-weight: bold;
	color: #666;
	background-image: url(../img/top/icon_clock.png);
	background-repeat: no-repeat;
	background-position: 0% 0;
	padding-left: 22px;
}
#blog .box p {
	font-size: 0.85rem;
	color: #666;
	margin-bottom: 10px;
}
#blog .box .readmore {
	display: inline-block;
	background-color: #006B33;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 12px 0;
	width: 180px;
	text-align: center;
}
#blog .box .readmore:hover {
	background-color: #1a864f;
	text-decoration: none;
}

#map {
	width: 1024px;
	margin: 0 auto;
	text-align: center;
	color: #3F3F3F;
	margin-bottom: 40px;
	clear: both;
}
#map h3 {
	font-size: 1.5rem;
	margin-bottom: 10px;
	margin-top: 50px;
}
#map address {
	font-size: 0.85rem;
	font-style: normal;
	margin-bottom: 11px;
}



#info {
	width: 1024px;
	margin: 0 auto;
	text-align: center;
	color: #3F3F3F;
	margin-bottom: 60px;
	overflow: hidden;
}
#info h3 {
	border-bottom: 1px solid #188021;
	padding-bottom: 25px;
	margin-bottom: 10px;
}
#info .box {
	border: 1px solid #188021;
	border-radius: 10px;
	padding: 25px 20px;
	padding-top: 25px;
	background-color: #FBFBFC;
}
#info .facebook {
	width: 490px;
	float: left;
}
#info .news {
	width: 490px;
	float: right;
}
#info .news ul {
	max-height: 300px;
	overflow-y: scroll;
}
#info .news li {
	list-style: none;
	text-align: left;
	font-size: 0.75rem;
	border-bottom: 1px solid #e9e8e7;
	padding: 15px 0;
}
#info .news span {
	display: block;
}

@media screen and (max-width: 1300px){

}
@media screen and (max-width: 1150px){

}
@media screen and (max-width: 1100px){


}