@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main .topBox {
	margin-bottom: 67px;
	text-align: center;
}

#main .topBox .sliderUl img {
	width: 100%;
	/*max-width: 1800px;
    margin: 0 auto;*/
}

.slick-dots {
	margin-top: -45px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.slick-dots li {
	margin: 0 9px;
	display: inline-block;
}

.slick-dots li button {
	background: url(../img/index/icon03.png) no-repeat center center;
	background-size: 16px auto;
	width: 16px;
	height: 16px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

.slick-dots li.slick-active button {
	background-image: url(../img/index/icon04.png);
}

#main .sec01 {
	margin-bottom: 53px;
}
	
#main .sec01 ul {
	margin: 0 auto;
	width: 986px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#main .sec01 li {
	width: 24%;
}

#main .sec01 a:hover {
	opacity: 0.7;
}

#main .sec02 {
	padding: 58px 0 82px;
	background-color: #1A1A1A;
}

#main .sec02 .headLine01 {
	margin-bottom: 43px;
}

#main .sec02 ul {
	margin: 0 auto;
	width: 954px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#main .sec02 li {
	width: 258px;
	color: #B2B2B2;
	text-align: justify;
	line-height: 2;
	letter-spacing: -1px;
}

#main .sec02 li .photo {
	margin-bottom: 15px;
	text-align: center;
}

#main .sec02 li .photo img {
	width: 238px;
}

#main .sec02 li .ttl {
	margin-bottom: 4px;
	font-size: 3rem;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0;
}

#main .sec02 li .link a {
	margin-top: 32px;
	padding: 15px 0 14px;
	display: block;
	color: #A48957;
	font-size: 2rem;
	line-height: 1;
	text-align: center;
	border: 1px solid #A48957;
	border-radius: 5px;
	background: url(../img/index/icon01.png) no-repeat right 15px center;
	background-size: 14px auto;
}

#main .sec02 li .link a:hover {
	opacity: 0.7;
}

#main .sec03 {
	padding: 58px 0 69px;
	background-color: #DADADA;
}

#main .sec03 .headLine01 {
	margin-bottom: 36px;
}

#main .sec03 ul {
	margin: 0 auto;
	width: 980px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#main .sec03 li {
	width: 460px;
	text-align: justify;
	line-height: 2;
	letter-spacing: -1px;
}

#main .sec03 li .photo {
	margin: 0 9px 15px 0;
	text-align: center;
}

#main .sec03 li .photo img {
	width: 238px;
}

#main .sec03 li .ttl {
	margin-bottom: 15px;
	font-size: 3rem;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0;
}

#main .sec03 li .ttl span {
	padding: 5px 0 4px;
	display: inline-block;
	min-width: 147px;
	line-height: 1;
	color: #fff;
	font-size: 2.1rem;
	background-color: #A48858;
}

#main .sec04 {
	position: relative;
	padding: 54px 0 48px;
	text-align: center;
	background: url(../img/index/bg01.png) no-repeat center center;
	background-size: cover;
}

#main .sec04 h2 {
	margin-bottom: 9px;
	padding: 36px 0px 12px; 
	color: #CCC;
	font-size: 3rem;
	font-family: "游明朝","Yu Mincho","游明朝体","YuMincho",serif;
	background: url(../img/common/icon01.png) no-repeat top center, url(../img/index/icon02.png) no-repeat bottom center;
	background-size: 53px auto, 214px 12px;
}

#main .sec04 .title {
	margin-bottom: 8px;
	font-size: 3.3rem;
	font-family: "游明朝","Yu Mincho","游明朝体","YuMincho",serif;
	line-height: 1.45;
	font-weight: bold;
}

#main .sec04 p {
	color: #CCC;
	line-height: 2;
	letter-spacing: 1px;
}

#main .sec05 {
	padding: 58px 0 34px;
	background-color: #DADADA;
}

#main .sec05 .headLine01 {
	margin-bottom: 17px;
}

#main .sec05 .newsUl {
	margin: 0 auto 22px;
	width: 690px;
    height: 320px;
    overflow: auto;
}

#main .sec05 .newsUl li {
	padding: 16px 0 14px;
	background: url(../img/index/line01.png) repeat-x left bottom;
	background-size: 10px 4px;
}

#main .sec05 .newsUl li:last-child {
	background: none;
}

#main .sec05 .newsUl a {
	display: block;
pointer-events:none;/*リンクを非リンクに変える*/
cursor:default;/*マウスカーソルを矢印のまま変えない*/
}

#main .sec05 .newsUl a:hover {
	opacity: 0.7;
}

#main .sec05 .newsUl span {
	display: block;
}

#main .sec05 .newsUl .time {
	color: #A48957;
	float: left;
	letter-spacing: 1.8px;
}

#main .sec05 .newsUl .txt {
	padding: 0 0 0 7.1em;
}

#main .sec05 .bannerUl,#main .sec05 .bannerUl2 {
	margin-bottom: 69px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


#main .sec05 .bannerUl li {
	margin: 0 12px; 
	width: 211px;
}
#main .sec05 .bannerUl2 li {
	margin: 0 12px; 
	width: 690px;
}

#main .sec05 .bannerUl a:hover img {
	opacity: 0.7;
}

#main .sec05 .linkList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#main .sec05 .linkList li {
	margin: 0 3px; 
	width: 191.5px;
}

#main .sec05 .linkList a:hover img {
	opacity: 0.7
}

@media all and (max-width: 767px) {
	#main .topBox {
		margin-bottom: 30px;
	}
	
	.slick-dots {
		margin-top: -25px;
	}
	
	.slick-dots li {
		margin: 0 2px;
	}
	
	.slick-dots li button {
		width: 12px;
		height: 12px;
		background-size: 12px auto;
	}
	
	#main .sec01 {
		margin: 0 15px 30px;
	}
	
	#main .sec01 ul {
		width: auto;
	}
	
	#main .sec01 li {
		width: 49%;
    margin: 0 0 2% 0;
	}
	
	#main .sec02 {
		padding: 30px 15px;
	}
	
	#main .sec02 ul {
		margin-top: -20px;
		width: auto;
	}
	
	#main .sec02 li {
		margin-top: 20px;
		width: 100%;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	
	#main .sec02 li .ttl {
		font-size: 2.6rem;
	}
	
	#main .sec02 li .link a {
		margin: 15px auto 0;
		padding: 10px 0;
		max-width: 345px;
		font-size: 1.6rem;
		background-size: 10px auto;
	}
	
	#main .sec03 {
		padding: 30px 15px;
	}
	
	#main .sec03 ul {
		width: auto;
	}
	
	#main .sec03 li {
		line-height: 1.5;
		width: 100%;
		margin-bottom: 30px;
	}
	
	#main .sec03 li .ttl {
		font-size: 2.3rem;
		line-height: 1.3;
	}
	
	#main .sec03 li .ttl span {
		font-size: 1.6rem;
	}
	
	#main .sec04 {
		padding: 30px 15px;
	}
	
	#main .sec04 h2 {
		padding: 28px 0px 4px;
		font-size: 2.4rem;
		background-size: 40px auto, 188px 12px;
	}
	
	#main .sec04 .title {
		font-size: 2.3rem;
		line-height: 1.2;
	}
	
	#main .sec04 p {
		line-height: 1.75;
	}
	
	#main .sec05 {
		padding: 30px 15px;
	}
	
	#main .sec05 .newsUl {
		margin-bottom: 15px;
		width: auto;
	}
	
	#main .sec05 .newsUl li {
		padding: 10px 0;
		background-size: 10px auto;
	}
	
	#main .sec05 .bannerUl,#main .sec05 .bannerUl2 {
		margin-bottom: 15px;
		justify-content: space-between;
	}
	
	#main .sec05 .bannerUl li {
		margin: 1% 0;
		width: 49%;
	}
	#main .sec05 .bannerUl2 li {
		width: 100%;
		margin:0;
	}
	
	#main .sec05 .linkList li {
		margin-top: 10px;
		width: 40%;
	}
}

@media all and (-ms-high-contrast:none) {
	#main .sec02 li .link a {
		padding: 18px 0 11px;
	}
	
	#main .sec03 li .ttl span {
		padding: 8px 0 0;
	}
}