@charset "utf-8";

#mainimgWrapTop{
	position:relative;
	margin: 0 auto;
	padding:0;
	width: 100%;
	clear:both;
}

#mainimgWrapTop #mainimg{
	margin: 0 auto;
}

#mainimgWrapTop #hBtnWrap{
	position:absolute;
	bottom:5%;
	right:3%;
	z-index:10;
}

#postWrap{
	margin:40px auto;
	width:940px;
	overflow:hidden;
}

#postWrap #info{
	width:430px;
	float:left;
}

#postWrap #news{
	width:430px;
	float:right;
}

#postWrap #info h3,
#postWrap #news h3{
	margin:0 0 25px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

#postWrap #info li,
#postWrap #news li{
	padding:15px 0;
}

#postWrap #info li a,
#postWrap #news li a{
	font-size:14px;
	color:#665D46;
}

#ttl01Wrap{
	height:500px;
	background:#FF6600 url(../img/ttl01.jpg) no-repeat center 0;
	text-indent:-9999px;
}

.bnr_area ul {
  margin: 80px auto;
  display: flex;
  justify-content: center;
  gap: 30px;
}

.bnr_area ul li {
  max-width: 172px;
}

.bnr_area ul li img {
  width: 100%;
  height: auto;
}

.sns_area ul {
  margin: 60px auto;
  width: calc(100% - 100px);
  display: flex;
  justify-content: center;
  gap: 30px;
}

.sns_area ul li {
  width: auto;
  max-width: 60px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sns_area ul li img {
  width: 100%;
  height: auto;
}
.sns_area ul li:first-of-type img {
  width: auto;
  height: 43px;
}

.bnr a:hover,
.bnr_area ul li a:hover,
.sns_area ul li a:hover {
  opacity: .7;
}

.contentsWrap{
	padding:40px 0;
	width:100%;
	overflow:hidden;
	background:#F9F6EE;
}

#video ul {
	margin:0 auto 10px auto;
	width:960px;
	overflow:hidden;
}

#video li {
	margin:0 9px;
	width:300px;
	height:168px;
	border:1px solid #DBD3BB;
	float:left;
}

#bloc03 #company dl{
	overflow:hidden;
}

#bloc03 #company dt{
	clear:both;
	float:left;
}

#bloc03 #company dd{
	float:left;
}