@charset "UTF-8";



/* -------------------------------------
index
------------------------------------- */
.mainvisual {
	position:relative;
}
.mainvisual p {
	width:25.7%;
	max-width:293px;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:1;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.mainvisual p img {
	width:100%;
	height:auto;
}
.mainvisual .slick-slide {
	outline:none;
}
.mainvisual li {
	outline:none;
}
.mainvisual li a {
	display:block;
	outline:none;
}
.mainvisual li img {
	width:100%;
	height:auto;
}
.mainvisual li img.spimg {
	display:none;
}
.slick-dotted.slick-slider {
	margin-bottom:0;
}
.slick-dots {
	text-align:center;
	margin:0 auto;
	padding:0;
	bottom:20px;
	left:0;
	right:0;
}
.slick-dots li {
	width:8px;
	height:8px;
	transform:rotate(45deg);
}
.slick-dots li button {
	width:8px;
	height:8px;
	padding:0;
}
.slick-dots li button:before {
	width:8px;
	height:8px;
	content:"";
	background-color:#fff;
	opacity:1.0
}
.slick-dots li.slick-active button:before {
	background-color:#00936b;
	opacity:1.0;
}


#topics_bnr {
	margin-bottom:20px;
}
#topics_bnr ul.banner_b li {
	margin-bottom:25px;
}
#topics_bnr ul.banner_s li {
	width:48.4%;
	float:left;
	margin-bottom:25px;
}
#topics_bnr ul.banner_s li:nth-child(even) {
	float:right;
}
#topics_bnr li a {
	display:block;
	padding-top:31.25%;
	overflow:hidden;
	position:relative;
}
#topics_bnr li a img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#topics #map, #topics #news {
	width:48.4%;
}
#topics #map {
	float:left;
}
#topics #news {
	float:right;
}
#topics #map .ttl, #topics #news .ttl {
	text-align:left;
	margin-bottom:30px;
}
#topics #map .ttl h3, #topics #news .ttl h3 {
	padding-left:0;
}
#topics #map .ttl span, #topics #news .ttl span {
	padding-right:0;
}
#topics #map .ttl.icon2 span {
	background-image:url(../imgs/common/icon_ttl2.svg);
}
#topics #news .ttl.icon3 span {
	background-image:url(../imgs/common/icon_ttl3.svg);
}
#map .areaMapwrap {
	width:100%;
	margin:0 auto 0 auto;
	background:url(../imgs/common/map_ja_normal.png) no-repeat left top;
	background-size:100% auto;
}
#map p img {
	width:100%;
	height:auto;
	display:block;
}
#topics #news ul {
	margin-bottom:25px;
}
#topics #news li {
	border-bottom:1px solid #cccccc;
}
#topics #news dl {
	padding:20px 0 10px 0;
}
#topics #news li:nth-child(1) dl {
	padding-top:0;
}
#topics #news dt {
	font-size:12px;
}
#topics #news dd a {
	font-size:16px;
	font-weight:bold;
}

#offer {
	font-weight:bold;
	text-align:right;
	margin-bottom:-20px;
}



@media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1200px) {
	#topics_bnr ul.banner_b li {
		margin-bottom:23px;
	}
	#topics_bnr ul.banner_s li {
		margin-bottom:23px;
	}
	
	#topics #map .ttl, #topics #news .ttl {
		margin-bottom:27px;
	}
	#topics #news dl {
		padding:17px 0 10px 0;
	}
	#topics #news dd a {
		font-size:15px;
	}
}
@media screen and (max-width:980px) {
	.mainvisual p {
		top:45%;
	}
	
	#topics_bnr ul.banner_b li {
		margin-bottom:22px;
	}
	#topics_bnr ul.banner_s li {
		margin-bottom:22px;
	}
	
	#topics #map .ttl, #topics #news .ttl {
		margin-bottom:24px;
	}
	#topics #news dl {
		padding:14px 0 10px 0;
	}
}
@media screen and (max-width:880px) {
	
}
@media screen and (max-width:768px) {
	#topics_bnr ul.banner_b li {
		margin-bottom:20px;
	}
	#topics_bnr ul.banner_s li {
		width:calc((99.9% - 20px) / 2);
		margin-bottom:20px;
	}
	
	#topics #map .ttl, #topics #news .ttl {
		margin-bottom:20px;
	}
	#topics #news dl {
		padding:10px 0 10px 0;
	}
	#topics #news dd a {
		font-size:14px;
	}
}
@media screen and (max-width:767px) {
	#topics #map, #topics #news {
		width:100%;
		float:none;
	}
	#topics #map {
		margin-bottom:30px;
	}
	#map .areaMapwrap {
		max-width:500px;
	}
}
@media screen and (max-width:640px) {
	.mainvisual li img {
		width:623px;
		position:relative;
		left:50%;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	#topics_bnr ul.banner_b li {
		margin-bottom:15px;
	}
	#topics_bnr ul.banner_s li {
		width:calc((99.9% - 15px) / 2);
		margin-bottom:15px;
	}
}
@media screen and (max-width:480px) {
	.mainvisual p {
		width:61%;
		top:47%;
	}
	.mainvisual li img {
		width:100%;
	}
	.mainvisual li img.pcimg {
		display:none;
	}
	.mainvisual li img.spimg {
		display:block;
	}
	#topics_bnr ul.banner_s li {
		width:calc((100% - 0px) / 1);
		float:none;
		margin-bottom:15px;
	}
	#topics_bnr ul.banner_s li:nth-child(even) {
		float:none;
	}
	
	#topics #news dd a {
		font-size:13px;
	}
	
	#offer {
		margin-bottom:15px;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}