@charset "utf-8";

* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}

body {
font-weight: lighter;
font-size: 14px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7em;
background-color:#fff;
min-width: 1200px;
}
img{
	vertical-align: bottom;
}
li {
list-style-type: none;
}
li img {
display: block;
}
a img {
border-style: none;
}
a {
text-decoration: none;
color:black;
}
/*-----------------------*/

.top_line{
border-bottom: 3px solid #2A8653;
width: 100%;
}

#headerInner {
width:1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 18px 0 15px;
}

#logo {
/*width: 300px;*/
font-size:30px;
color: black;	
font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.logo1{
	color:#2a8653;
	font-weight: 900;
	
}

.logo2{
	font-size:15px;
	
}


#logo a{
	display: inline-block;
}

#logo img {
	width: 300px;
}

.contact{
margin-top:30px;
}  	

#tell figure{
width: 40px;
height: 40px;
}

/*TELL全体*/
#tell{
	/*width: calc(100% - 300px);*/
}

/*TELL_電話番号*/
#tell span{
font-size: 32px;
font-weight:lighter;
margin-top: 2px;
margin-right: 31px;
padding-left: 28px;
display: block;
float: right;
clear: both;
background-image: url("../images/tell.png");
background-size: 23px 23px;
background-repeat: no-repeat;
}

/*TELL_コメント*/
#tell p{
font-size:12px;
float: right;
clear: both;
margin-right:24px;
margin-top:4px;
color:#00521D;
font-weight: 3px;
line-height: 1;
margin-top: 8px;
}

.number{
float:left;
}


/*ボタン*/
.btn {
float:left;
font-size:16px;
display: inline-block;
padding: 0.5em 1em;
color:#fff;
background:#2A8653;/*色*/
border: solid 1px #2A8653;/*線色*/

}

.btn::before{
content: '';
display: inline-block;
/*background-image: url("images/yajirushi_green.png");*/
width:40px;
height:20px;	
background-repeat: no-repeat;
position:absolute;
right:111px;
}	

.btn:hover {
/*押したとき*/
border: solid 1px #2A8653;;
background-color: #fff;
color:#2A8653;;
box-shadow: none;
text-shadow: none;
transition:0.4s;
}	

	
/*メインイメージ_写真*/
.mainimage{
	position: relative;
}
.mainimage img{
	width: 100%;
	max-width: 100%;
}
.slick-list{
	width: 100%;
}
.slick-dots{
	position: absolute;
	bottom: 1em;
	width: 100%;
	text-align: center;
}
.slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.slick-dots button{
	color: transparent;
	border: none;
	background: #fff;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	text-align: center;
}
.slick-dots .slick-active button{
	background-color: #2A8653;
}

/*ナビゲーション*/
nav ul{
clear:both; 
width:1150px;
margin:0 auto;
overflow: hidden;
padding: 20px 0;

}

nav ul li{
display: block;
border-left: 1px solid #C3B4B4;  
width: 228px;
float:left;
font-size:15px;
text-align: center;
}


nav ul li span{
width: 228px;
float:left;
font-size:21px;
font-weight:lighter;
text-align: center;
color: #000;
}  

nav ul li:hover{
opacity: 0.6;
}

nav ul li:last-child{
border-right:1px solid #C3B4B4; 
}





/*--メイン-------------------*/
/*-------------------------*/

/*見出_Service*/
.service{
text-align: center;
font-size:25px;
font-weight:600;
margin-top:35px;
margin-bottom:18px;
color:#2A8653;

}

.border{
border-bottom:1px solid #ADA9A9;
width:100px;
margin: 0 auto;
margin-bottom:20px;
}

#section_1 ul{
margin-top:55px;
}
/*メイン挿入部分*/
#section_1{
clear:both;
width:1150px;
height:540px;
margin:0 auto;
margin-bottom:180px;
}
		
	
/*section_要素*/
#section_1 ul li{
float:left;
width:350px;
height:414px;
background-color:#F2F2F2;
border-radius: 4px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

#section_1 ul li:nth-child(2){
margin-left: 50px;
margin-right:50px;
}
/*section_1_見出し*/
#section_1 h2{
font-size:34px;
letter-spacing: 0.1em;
margin-top:72px;
margin-bottom:18px;
color:#2A8653;
text-align: center;
}


/*見出し下リード文*/
#section_1 .under_h2{
font-size:20px;
font-weight:lighter;
margin-top:15px;
line-height:2;
width:500px;
margin: 0 auto;
}

.lp{
width: 500px;
margin:0 auto;
text-align: center;
	}	
	
	
/*要素タイトル*/	
#section_1 h3{
font-size:22px;
font-weight:400;
margin-top: 1em;
padding-left:15px;
}


#section_1 h3::before{
content: '';
background-image: url("../images/yajirushi_green.png");
background-repeat: no-repeat;
display: inline-block;
width:28px;
height:20px;	
}


/*要素内テキスト*/	
#section_1 li p{
font-size:13px;
margin-top:18px;
padding-left:15px;
padding-right:15px;
}
#section_1 li a{
display: block;
color: inherit;
}
#section_1 li a:hover img{
opacity: 0.5;
}
#section_1 li img{
max-width: 100%;
transition: 0.3s;
}



/*第2セクション*/
#section_2{
clear: both;
margin: auto;
margin-top:65px;
width: 1100px;
height: 450px;
}


/*お問い合わせ情報*/
#contact{
float: left;
width:400px;
height:200px;
margin-right:20px;
}
/*contact中味_左寄せ*/
.under_contact{
margin-left:20px;
text-align:left
}

#contact p{
font-weight:inherit;
font-size:18px;
margin-top:8px;
}

/*contact_TELL*/
#contact .tell_2{
font-size:55px;
color:#2a8653;
height:30px;
margin-top:20px;
background-image: url("../images/tell.png");
background-size: 30px 30px;
padding-left:35px;
background-repeat: no-repeat;
}

#_area{
background-color: #F2F2F2;
padding:120px 10px;
background-image: url("../images/iStock-941400668.jpg");
background-repeat: no-repeat;
  }

#area{
margin:0 auto;
max-width:1100px;
position: relative;
background-color: antiquewhite;
display: flex;
padding: 60px 20px;
}

/*左要素*/
.contact{
width:50%;
text-align: center;
}	
	
/*右要素*/
.map{
width:50%;
text-align: center;
border-left:1px solid #ABABAB;
}	


	
	
.contact_1{
font-size:35px;
font-weight:lighter;
letter-spacing:0.2em;
display: block;
line-height: normal;
  }	
.contact_2{
display: block;
font-size:20px;
font-weight:lighter;
letter-spacing: 0.2em;
font-family:'Crimson Text', serif; line-height:2;

  }	
.under_contact_2{
border-bottom:1px solid #A3A3A3;
width: 50px;
margin:0 auto;
margin-bottom: 50px;	
  }
.contact_3{
font-size:16px;
font-weight:lighter;
margin-top:60px;
  }	

	
.contact_number{
font-size:53px;
font-weight:200;
/*background-image: url("../images/tell.png");*/
background-size:46px 46px;
/*padding-left:49px;*/
/*padding-top:11px;*/
background-repeat: no-repeat;
/*margin-right:60px;*/
line-height: normal;
	}

	
.under_number{
font-size:20px;
font-weight:lighter;
/*height:50px;*/
display: block;
margin-bottom:10px;
	}

.contact_form{	
display: block;
width: 380px;
margin: 0 auto;
padding: 1em;
background-color:#2A8653;
font-size: 20px;
text-align: center;
color: #fff;
font-weight:200;
transition: all .3s;	
border: solid 1px transparent;	
}
	

.contact_form:hover{
border-color: #2A8653;
background-color: #fff;
color:#2A8653;;
box-shadow: none;
text-shadow: none;
transition:0.4s;
	}
	
	
	
/*----フッター---------------*/
/*---------------------------*/
footer{
clear:both;
width:100%;
margin:0 auto;
height:50px;
margin-top:90px;
}

footer ul {
width:850px;
margin:0 auto;
text-align: center;
}

footer li{
display: inline-block;
font-size:15px;
color:white;
text-align: center;
border-right: 1px solid #000;
padding: 0 2em;
}
footer li:last-child{
	border-right: none;
}


footer li:hover{
opacity:0.6;
}	
	

footer p{
margin:0 auto;
background-color:#2A8653;
margin-top: 1em;
}

.copyright{
width:100%;
text-align: center;
color: #fff;
padding: 5px;
box-sizing: border-box;
}



/* SP */
@media screen and (max-width: 648px){
	body,
	#headerInner{
		width: 100%;
		min-width: inherit;
	}
	body{
		font-size: 12px;
	}
	footer{
		height: auto;
		margin-top: 40px;
	}
	footer ul{
		width: 100%;
	}
	footer ul li{
		margin-top: 1em;
		padding: 0 1.5em;
	}
	.copyright{
		font-size: 10px;
	}

	main{}
	main nav{
		width: 100%;
		/*overflow-x: scroll;*/
	}
	main nav ul{
		padding: 0;
		width: auto;
		display: flex;
		flex-wrap: wrap;
	}
	main nav ul li{
		width: calc(33.33333% - 4px);
		margin: 0 2px;
	}
	main nav ul li:nth-child(4),
	main nav ul li:nth-child(5){
		width: calc(50% - 4px);
	}
	main nav ul li:last-child{
		border-right: none;
	}
	main nav ul li:first-child{
		border-left: none;
	}
	main nav ul li{
		font-size: 10px;
		/*width: 11em;*/
		padding: 4px 0 2px;
		border-left: none;
		border-top: 1px solid #2A8653;
		/*border-top: 1px solid #ddd;*/
	}
	main nav ul li a{
		display: block;
		padding: 4px 0 2px;
	}
	main nav ul li span{
		line-height: 1;
		width: 100%;
		font-size: 13px;
	}
	#headerInner{
		flex-wrap: wrap;
		padding: 10px;
	}
	#logo{
		width: 100%;
		text-align: center;	
	}
	#logo img{
		width: 200px;
	}
	#tell{
		margin-top: 10px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#tell .number{
		float: none;
		width: calc(100% - 120px);
	}
	#tell .tell{
		font-size: 20px;
		float: none;
		margin-top: 0;
		padding-top: 2px;
	}
	#tell p{
		font-size: 10px;
		float: none;
	}
	#tell .btn{
		width: 120px;
		font-size: 12px;
		text-align: center;
	}

	#section_1,
	#section_2,
	#section_3{
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
	#section_1 h2{
		font-size: 20px;
		line-height: 1.4;
		margin-top: 2em;
	}
	.lp{
		width: 100%;
	}
	#section_1 .under_h2{
		width: 100%;
		font-size: 14px;
	}
	#section_1 ul{
		margin-top: 0;
	}
	#section_1 ul li{
		display: block;
		float: none;
		margin: 20px auto 0 !important;
		width: 100%;
		max-width: 300px;
		height: auto;
		padding-bottom: 20px;
	}
	#_area{
		padding: 30px 10px;
	}
	.contact_1{
		font-size: 22px;
	}
	.contact_2{
		line-height: 1;
	}
	.contact_3{
		margin-top: 10px;
		display: block;
		
	}
	#area .map{
		width: 100%;
		margin: 0;
		border: none;
		margin-top: 20px;
	}
	#area .contact{
		width: 100%;
		margin: 0;
	}
	#area{
		display: block;
		padding: 30px 10px;
	}
	.contact_number{
		font-size: 26px;
	}
	.under_number{
		font-size: 14px;
		margin-top: 10px;
	}
	.contact_form{
		width: 100%;
		margin-top: 20px;
	}

}