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




/*==================================================
ヘッダー
===================================*/
#header {
	background: url("../img/bg.jpg") no-repeat center 70% / cover;
	height: 80px;
}




/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
	z-index: 1;
}
	.slider-item {
		width: 100%;
	}
	.list-item {
		display: flex !important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background: #F2F0E9;
	}
		.list-item p {
			display: block;
			width: 49.5%;
			margin-right: 1%;
			margin-bottom: 1%;
		}
		.list-item p:nth-child(2n) {
			margin-right: 0;
		}
		.list-item p:nth-child(3),
		.list-item p:nth-child(4) {
			margin-bottom: 0;
		}

	.slick-prev, 
	.slick-next {
		position: absolute;
		z-index: 3;
		top: 50%;
		cursor: pointer;
		outline: none;
		border-top: 2px solid #011F4E;
		border-right: 2px solid #011F4E;
		height: 25px;
		width: 25px;
	}
	.slick-prev {
		left:2.5%;
		transform: rotate(-135deg);
	}
	.slick-next {
		right:2.5%;
		transform: rotate(45deg);
	}

	.slick-dots {
		position: relative;
		z-index: 3;
		text-align:center;
		margin:-50px 0 0 0;
	}
		.slick-dots li {
			display:inline-block;
			margin:0 5px;
		}
		.slick-dots button {
			color: transparent;
			outline: none;
			width:8px;
			height:8px;
			display:block;
			border-radius:50%;
			background: #fff;
		}
		.slick-dots .slick-active button{
			background: #011F4E;
		}







	
	
/* news
--------------------- */
#news {
	width: 100%;
	padding: 100px 0 100px 0;
	position: relative;
}
#news:before {
	content: "";
	width: 100%;
	height: 400px;
	background: #F2F0E9;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	#news .title {
		margin-bottom: 0;
	}
		#news .title .min {
			padding-top: 18px;
			padding-left: 15px;
		}


	#news .minpht {
		width: 100%;
		height: 400px;
		margin-top: 50px;
		margin-bottom: 50px;
	}


	#news .list {
		padding-bottom: 30px;
	}
		#news .list .big {
			width: 50%;
		}
			#news .list .big .box {
				width: 100%;
				display: none;
			}
			#news .list .big .box:nth-child(1) {
				display: block;
			}

		#news .list .multiple {
			width: 46%;
		}
			#news .list .multiple .box {
				width: 48%;
				margin-right: 4%;
				margin-bottom: 4%;
			}
			#news .list .multiple .box:nth-child(1) {
				display: none;
			}
			#news .list .multiple .box:nth-child(3),
			#news .list .multiple .box:nth-child(5) {
				margin-right: 0;
			}
				#news .list .box a {
					display: block;
				}
					#news .list .box a .pht {
						overflow: hidden;
					}
						#news .list .box a .pht img {
							-moz-transition: -moz-transform 0.2s linear;
							-webkit-transition: -webkit-transform 0.2s linear;
							-o-transition: -o-transform 0.2s linear;
							-ms-transition: -ms-transform 0.2s linear;
							transition: transform 0.2s linear;
						}
						#news .list .box a:hover .pht img {
							-webkit-transform: scale(1.05);
							-moz-transform: scale(1.05);
							-o-transform: scale(1.05);
							-ms-transform: scale(1.05);
							transform: scale(1.05);
						}

					#news .list .box a .days {
						font-size: 1.3rem;
						color: #917C50;
						padding-top: 10px;
					}

					#news .list .box a h3 {
						font-size: 1.5rem;
						font-weight: 500;
						text-align: left;
					}



	
	
/* business
--------------------- */
#business {
	width: 100%;
	padding: 50px 0 50px 0;
	background: #F2F0E9;
}
	#business .text {
		padding: 100px 0;
	}
	#business .title {
		margin-bottom: 30px;
	}
		#business .title .min {
			padding-top: 18px;
			padding-left: 15px;
		}

	#business .txt {
		max-width: 600px;
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	#business .btn {
		margin: 50px 0 0 0;
	}




	
	
/* brand
--------------------- */
#brand {
	width: 100%;
	padding: 100px 0;
}
	#brand .list {
		margin-bottom: 60px;
	}
	#brand .list:nth-last-child(1) {
		margin-bottom: 0;
	}
		#brand .list h3 {
			font-size: 2.4rem;
			color: #917C50;
			text-align: center;
			margin-bottom: 15px;
			position: relative;
		}
		#brand .list h3:before {
			content: "";
			width: 100%;
			height: 1px;
			background: #ddd;
			position: absolute;
			top: 50%;
			left: 0;
			z-index: -1;
		}
			#brand .list h3 span {
				background: #fff;
				padding: 0 20px;
			}


		#brand .list ul li {
			width: 23.5%;
			margin-right: 2%;
		}
		#brand .list ul li:nth-last-child(1) {
			margin-right: 0;
		}





	
	
/* about
--------------------- */
#about {
	width: 100%;
	background: #F2F0E9;
	padding: 100px 0;
}
	#about .text {
		width: 50%;
		padding-right: 4%;
	}
		#about .text .txt {
			margin-bottom: 50px;
			text-align: left;
		}

		#about .text .btn {
			margin: 0;
		}


	#about .pht {
		width: 50%;
		background: url("../img/top/about_pht.jpg") no-repeat center / cover;
	}












/* 1024px */
@media screen and (max-width: 1024px) {



	
	
/* business
--------------------- */
#business {
	padding: 100px 0;
}
	#business .text {
		padding: 0;
	}









}

	







/* max 767px */
@media screen and (max-width: 767px) {




/*==================================================
ヘッダー
===================================*/
#header {
	height: 60px;
	background: url("../img/bg.jpg") no-repeat center 50% / cover;
}




/*==================================================
スライダーのためのcss
===================================*/
	.list-item {
		display: block!important;
	}
		.list-item p {
			display: block;
			width: 100%;
			margin-right: 0;
			margin-bottom: 0;
		}
		.list-item p:nth-child(2n) {
			margin-right: 0;
		}
		.list-item p:nth-child(3),
		.list-item p:nth-child(4) {
			margin-bottom: 0;
		}







	
	
/* news
--------------------- */
#news {
	padding: 60px 0 60px 0;
}
#news:before {
	height: 220px;
}
	#news .title {
		display: block;
		margin-bottom: 0;
	}
		#news .title .min {
			padding-top: 0;
			padding-left: 0;
		}


	#news .minpht {
		height: 150px;
		margin-top: 30px;
		margin-bottom: 30px;
	}


	#news .list {
		display: block;
		padding-bottom: 30px;
	}
		#news .list .big {
			display: none;
		}

		#news .list .multiple {
			width: 100%;
		}
			#news .list .multiple .box {
				width: 48%;
				margin-right: 4%;
				margin-bottom: 4%;
			}
			#news .list .multiple .box:nth-child(1) {
				display: block;
			}
			#news .list .multiple .box:nth-child(2),
			#news .list .multiple .box:nth-child(4) {
				margin-right: 0;
			}
			#news .list .multiple .box:nth-child(3),
			#news .list .multiple .box:nth-child(5) {
				margin-right: 4%;
			}
			#news .list .multiple .box:nth-child(5) {
				display: none;
			}
				#news .list .box a .days {
					font-size: 1.2rem;
				}

				#news .list .box a h3 {
					font-size: 1.4rem;
				}



	
	
/* business
--------------------- */
#business {
	padding: 60px 0 20px 0;
}
#business .inner {
	display: block;
}
	#business .text {
		padding: 0;
	}
	#business .title {
		display: block;
		margin-bottom: 30px;
	}
		#business .title .min {
			padding-top: 0;
			padding-left: 0;
		}

	#business .txt {
		font-size: 1.4rem;
		margin-bottom: 15px;
	}

	#business .btn {
		margin: 30px auto 0 auto;
	}





	
	
/* brand
--------------------- */
#brand {
	padding: 60px 0;
}
	#brand .list {
		margin-bottom: 40px;
	}
		#brand .list h3 {
			font-size: 2.0rem;
		}


		#brand .list01 ul,
		#brand .list02 ul {
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			#brand .list ul li {
				width: 48%;
				margin-right: 4%;
				margin-bottom: 4%;
			}
			#brand .list ul li:nth-child(2n) {
				margin-right: 0;
			}





	
	
/* about
--------------------- */
#about {
	padding: 60px 0;
}
	#about .text {
		padding-bottom: 50px;
	}
		#about .text .txt {
			margin-bottom: 30px;
			text-align: left;
		}
	
		#about .text .btn {
			margin: auto;
		}


	#about .pht {
		height: 250px;
	}







}