@charset "UTF-8";
/* CSS Document */



/*--------------------------------------------------------------
head
--------------------------------------------------------------*/

.ttl_image{
	box-sizing: border-box;
	background:url("/img/content_head.jpg") no-repeat center center;
	background-size:cover;
	width:100%;
    height: 240px;
	position:relative;
}

.ttl_image h2{
	font-size:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	letter-spacing: 0.1em;
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ttl_image h2 span{
	font-size:25px;
	color:#fff;
	letter-spacing: 0.05em;
}


/*--------------------------------------------------------------
企業理念・行動指針
--------------------------------------------------------------*/

div.philosophy_box{
	width:1000px;
	margin:0 auto;
	padding:80px 0;
}
div.policy_box{
	width:1000px;
	margin:0 auto;
	padding-bottom:80px;
}
.wrap_philosophy,.wrap_policy{
	background:#F7F7EC;
	border-radius:10px;
}

section h3{
	font-size:40px;
	line-height:30px;
	text-align:center;
	padding-top:80px;
	padding-bottom:40px;
	letter-spacing: 0.1em;
}
section h3 span{
	font-size:15px;
	color:#007B45;
	letter-spacing: 0.05em;
}

.philosophy_txt,.policy_txt{
	text-align:center;
	font-size:15px;
	padding-bottom:20px;
}
p.writer{
	text-align:center;
	padding-bottom:50px;
	
}

/*--------------------------------------------------------------
企業理念・行動指針・沿革
--------------------------------------------------------------*/

h3.plf_ttl,h3.history_ttl{
	padding-top:150px;
	padding-bottom:80px;
}
.plf_box,.history_box{
	width:1000px;
	margin:0 auto;
}

ul.plf_list,ul.history_list{
	padding-bottom:130px;
}
ul.plf_list li,ul.history_list li{
	border-bottom:1px solid #B5B5B5;
	padding-bottom:50px;
	margin-bottom:50px;
}
ul.plf_list li dl,ul.history_list li dl{
	display:flex;
}
ul.plf_list li dl dt,ul.history_list li dl dt{
	font-size:16px;
	color:#007B45;
	font-weight:bold;
	width:35%;
}
ul.plf_list li dl dd div{
	padding:10px 0;
}
ul.bank_list li{
	border:0;
	padding:0;
	margin:0;
}
	.pc_address{
		display:block;
	}
	.sp_address{
		display:none;
	}
/*--------------------------------------------------------------
スライドバナー
--------------------------------------------------------------*/
.slider{
	background:#F7F7EC;
}
.slider li img{
	width:100%;
	height:600px;
	object-fit: cover;
}
.slick-dotted.slick-slider{
	margin-bottom:0px;
}
.slick-dots{
	bottom: 20px;
}
.slick-dots li button:before{
	font-size: 15px;
	opacity: 1;
	color: #fff;
}
.slick-dots li.slick-active button:before
{
	color: #0D7B45;
}
.landscape{
	overflow:hidden;
}





@media screen and (max-width: 999px){
	div.philosophy_box,div.policy_box,.plf_box,.history_box{
		width:100%;
		margin:0 auto;
	}

	.wrap_philosophy,.wrap_policy{
		width:80%;
		margin:0 auto;
		padding:0 30px;
	}
	.plf_box,.history_box{
		padding:0 30px;
	}
	
	.slider li img{
		width:100%;
		height:400px;
		object-fit: cover;
	}
	

}

@media screen and (max-width: 766px){
	/*head*/
	.ttl_image{
		box-sizing: border-box;
		background: url("/img/content_head.jpg") no-repeat center center;
		background-size: cover;
		width:100%;
		height: 125px;
		padding-top: 30.29%;
		position:relative;
	}
	
	div.service_box{
		width:100%;
		margin:0 auto;
	}
	/*ページタイトル*/
	.ttl_image h2{
		font-size:30px;
		line-height:30px;
		text-align:center;
		color:#fff;
		letter-spacing: 0.1em;
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
}
.ttl_image h2 span{
		font-size:15px;
		color:#fff;
		letter-spacing: 0.05em;
	}
	section h3{
		font-size:25px;
		line-height:25px;
		letter-spacing: 0.1em;
	}
	section h3 span{
		font-size:13px;
		color:#007B45;
		letter-spacing: 0.05em;
	}
	/*企業理念・行動指針*/
	section h3.philosophy_ttl,section h3.policy_ttl{
		font-size:25px;
		line-height:25px;
		padding-top:50px;
		padding-bottom:40px;
		letter-spacing: 0.1em;
		text-align:left;
	}
	section h3 span.philosophy_ttl,section h3 span.policy_ttl{
		font-size:13px;
		color:#007B45;
		letter-spacing: 0.05em;
	}
	
	div.philosophy_box, div.policy_box{
		padding:30px 10px;
	}
	.philosophy_txt, .policy_txt{
		text-align:left;
	}
	.wrap_philosophy,.wrap_policy{
		width:100%;
		margin:0 auto;
		padding-right:10px;
		padding-left:10px;
	}
	.philosophy_container{
		padding-bottom:50px;
		border-bottom:1px solid #B5B5B5;
	}
	p.writer{
		text-align: right;
	}
	
	/*スライド*/
	.slider li img{
		width:100%;
		height:230px;
		object-fit: cover;
	}
	
	/*会社概要・沿革*/
	.plf_box, .history_box {
		padding: 0 10px;
	}
	h3.plf_ttl, h3.history_ttl{
		padding-top:50px;
		padding-bottom:60px;
	}
	ul.plf_list li dl,ul.history_list li dl{
		display:block;
	}
	ul.plf_list, ul.history_list {
	    padding-bottom: 50px;
	}
	ul.history_list{
		padding-bottom:80px;
	}
	ul.plf_list li,	ul.history_list li{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	ul.bank_list li{
		border: 0;
		padding: 0;
		margin: 0;
	}
	ul.plf_list li dl dt,ul.history_list li dl dt{
		width:100%;
		padding-bottom:5px;
	}
	ul.plf_list li dl dd,ul.history_list li dl dd{
		width:100%;
		padding-left:10px;
	}
	.pc_address{
		display:none;
	}
	.sp_address{
		display:block;
	}
}