/* main-visual */
.main-visual{
	width:100%;
	position:relative;
 	z-index:0;
	height:350px;
	background:url(/common/img/main/main_visual_01.jpg) center center no-repeat;
} 
.main-visual .item{
	height:350px;
	background-size:100% auto;
}
.main-visual .items1{background:url(/common/img/main/main_visual_01.jpg) center center no-repeat;}
.main-visual .items2{background:url(/common/img/main/main_visual_02.jpg) center center no-repeat;}
.main-visual .items3{background:url(/common/img/main/main_visual_03.jpg) center center no-repeat;}
.main-visual .item .text{
 	position:relative;
	max-width:100%;
 	color:#fff;
 	top:10vh;
	letter-spacing:-0.03em;
}
 .main-visual .item .text p.tit{
 	position:relative;
	font-size:30px;
	line-height:1;
}
.main-visual .item .text p.tit em{
	display:block;
	font-weight:500;
	font-size:50px;
	padding-top:1.5rem;
	margin-bottom:2rem;
} 
.main-visual .item .text p.tit em.em01{	color:#ffffff;}
.main-visual .item .text p{	color:#ffffff;}
.item .text p{
	color:#fff;
	font-size:30px;
	font-weight:400;
}
.slick-items .slick-prev,
.slick-items .slick-next{
	position:absolute;
	top:50%;
	display:block;
 	cursor:pointer;
	font-size:0;
	z-index:1000;	
	opacity:0.5;
	height:66px;
	width:40px;
	margin-top:-33px;
} 
.slick-items .slick-prev:hover,
.slick-items .slick-next:hover{
	opacity:1;
} 
.slick-items .slick-prev{
 	vertical-align:middle;
	transition:all 0.2s;
 	background:url(/common/img/main/slick-prev.png) center center no-repeat;
}
.slick-items .slick-prev{
	left:2vw;
}
.slick-items .slick-next{
	right:2vw;
}
.slick-items .slick-next{
 	vertical-align:middle;
	transition:all 0.2s;
 	background:url(/common/img/main/slick-next.png) center center no-repeat;
}
.slick-items .slick-dots{
	position:absolute;
	left:50%;
	bottom:25px;
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	margin-left:-100px;
	width:200px;
}
.slick-items .slick-dots li{
	position:relative;
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 5px;
	padding:0;
	cursor:pointer;
	color:#fff;
	border:2px solid #fff;
	border-radius:50%;
	font-size:0;
} 
.slick-items .slick-dots li.slick-active{
	width:43px; 
	display:inline-block;
	border-radius:20px;
	height:14px;
	background:#fff;
	display:inline-block;
} 
.main-visual .slick-btn{
	position:absolute;
	left:50%;
	bottom:23px;
	padding:0;
	margin:0;
	list-style:none;
	margin-left:70px;
	font-size:0;
	width:20px;
	height:20px;
}
.main-visual #pause{
	width:20px;
	height:20px;
	display:block;
	background:url(/common/img/main/btn-pause.png) center center no-repeat;
	background-size:auto 20px
}
.main-visual #play{
	display:none;
	width:20px;
	height:20px;
	background:url(/common/img/main/btn-play.png) center center no-repeat;
	background-size:auto 20px
} 
 

 /* main-contents */
.main-contents{
	position:relative;
	padding:2rem 0;
	background:#dae0ff;
}
.main-contents .boxs{
	width:25%;
	position:relative;
	float:left;
} 
.main-contents .box{
	text-align:center;
	height:250px;
 	width:100%;
	display:block;
} 
.main-contents .box a{
 	cursor:pointer;
} 
.main-contents .box1{	background:url(/common/img/main/bg_box1.png) center center no-repeat ;}
.main-contents .box2{	background:#95705f;}
.main-contents .box3{	background:url(/common/img/main/bg_box2.png) center center no-repeat ;}
.main-contents .box4{	background:#409bdc;}
.main-contents .box5{	background:#fff;}
.main-contents .box6{	background:#967eab;}
.main-contents .box7{	background:url(/common/img/main/bg_box7.png) center center no-repeat;background-size:cover;}
.main-contents .box8{	background:url(/common/img/main/bg_box8.png) center center no-repeat ;opacity:0.85;}

.main-contents .box1:hover,
.main-contents .box2:hover,
.main-contents .box3:hover,
.main-contents .box6:hover,
.main-contents .box7:hover,
.main-contents .box8:hover{opacity:1;}

.main-contents p.tit{
	font-size:28px;
	color:#fff;
	height:120px;
	font-weight:500;
	padding:45px 10px 0;
	line-height:1.4;
}
.main-contents .view{
	position:absolute;
	left:50%;
	margin-left:-65px;
	bottom:40px;
	width:130px;
	font-size:14px;
	border:1px solid rgba(255,255,255,0.5);
	color:#fff;
	display:block;
	padding:5px 0;
 	font-size:15px;
	transition:all 0.3s;
}
.main-contents .box:hover .view{
	background:rgba(0,0,0,0.25);
	font-weight:500;
}
.main-contents .box4 .icon-call{
	display:inline-block;
	background:url(/common/img/main/icon_call.png) center center no-repeat;
	background-size:auto 24px;
	width:24px;
	height:24px;
	margin-right:0.5em;
}
.main-contents .box4 .call-info{
	position:relative;
	font-weight:500;
	text-align:left;
	max-width:230px;
	margin:-1.5em auto 0;
	font-size:16px;
}
.main-contents .box4 .call-info dt{
	float:left;
 	display:inlind-block;
	width:50%;
	position:relative;
	padding-left:10px;
}
.main-contents .box4 .call-info dt::before{
	content:"";
	width:2px;
	height:2px;
	background:#014350;
 	position:absolute;
	left:0;
	top:14px ;
}
.main-contents .box4 .call-info dd{
	text-align:center;
}
.main-contents .box4 p.s1{
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-align:center;
	padding:0px 0 0 10px;
}
 .main-contents .icon_map{
	display:block;
	width:64px;
	height:80px;
	position:absolute;
	left:50%;
	margin-left:-32px;
	top:50%;
	margin-top:-10px;
	background:url(/common/img/main/icon_map.png) center center no-repeat ;
	background-size:90% 90%;
}
.main-contents .link-box{
	width:80%;
	margin:1em auto 0;
	border-top:1px solid rgba(255,255,255,0.5);
}
.main-contents .link-box li{
	width:50%;
	float:left;
	position:relative;
	border-left:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.main-contents .link-box li:nth-child(2n){
 	border-right:1px solid rgba(255,255,255,0.5);
}
.main-contents .link-box li a{
	color:#fff;
	display:block;
	padding:5px 0;
 	font-size:15px;
	transition:all 0.3s;
}
.main-contents .link-box li a:hover{
	background:rgba(0,0,0,0.25);
	font-weight:500;
}
.main-contents .box5 .heading{
	text-align:left;
	padding:0.75em 1em;
}
.main-contents .box5 .heading h3{
	display:inline-block;
	font-size:19px;
 	font-weight:500;
}
.main-contents .box5 .heading .more{
	display:inline-block;
	background:url(/common/img/main/icon-plus.png) center center no-repeat;
	background-size:auto 18px;
	position:absolute;
	right:1rem;
	top:20px;
	width:20px;
	height:20px;
}
.main-contents .box5 ul{
 	list-style:none;
	margin:0 15px;
	padding:15px 0;
	border-bottom:none;
	border-top:1px solid #d9d9d9;
}
.main-contents .box5 li{
	position:relative;
	text-align:left;
	padding-left:0.625rem;
	height:34px;	
	line-height:34px;	
}
.main-contents .box5 li a{
	display:inline-block;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	color:#666;
}
.main-contents .box5 li::before{
  position:absolute;
  left:0px;
  top:17px;
  content:'';
  width:2px;
  height:2px;
  background:#999;
  vertical-align:middle;
}
.main-contents .box5 li a:hover{
	color:#333;
	text-decoration:underline;
}
 

@media (max-width:1230px){
	.main-contents .box4 .call-info{
 		width:100%;
 		font-size:15px;
 	}
 }
 

 @media (max-width:991px){
	.main-visual{
 		height:230px;
 	} 
	.main-visual .item{
		position:relative;
 		height:230px;
		background-size:auto 230px;
 	}
	.main-visual .items1{background:url(/common/img/main/m_visual_01.jpg) center center no-repeat;	}
	.main-visual .items2{background:url(/common/img/main/m_visual_02.jpg) center center no-repeat;	}
	.main-visual .items3{background:url(/common/img/main/m_visual_03.jpg) center center no-repeat;	}
 	.slick-items .slick-dots{
 		bottom:5px;
 	}
	.slick-items .slick-prev,
	.slick-items .slick-next{
 		background-size:auto 30px;
		height:30px;
		margin-top:-15px;
	} 
	.slick-items .slick-prev{left:1vw;}
	.slick-items .slick-next{right:1vw;}
	.main-visual .item .text{
 		top:0;
		padding:2.5rem 0;
 		width:95%;
		min-width:320px;
		left:0%;
		margin:0px auto;
		text-align:center;
 		height:100px;
		z-index:30;
	}
 	.main-visual .item .text p{
		font-size:15px;
		line-height:1.5;
		color:#fff;
		text-shadow:0 1px 2px rgba(0, 0, 0, .3);
 	}
	.main-visual .item .text p.tit em{
 		font-size:28px;
		margin-bottom:1rem;
		color:#fff;
  	}
	.main-visual .item .text p.tit em.em01{color:#fff; font-size:20px}
 	.slick-items .slick-dots{
 		bottom:15px;
 	}
	.slick-items .slick-dots li{
 		width:12px;
		height:12px;
 	} 
	.slick-items .slick-dots li.slick-active{
 		height:12px;
		width:24px;
 	} 
	.main-visual .slick-btn{
 		bottom:11px;
		margin-left:50px;
	}
	.main-contents .box{
		height:200px;
		overflow:hidden;
		line-height:20px;
 }

.main-contents .box5 li a {
font-size:14px ;
}

 
	.main-contents p.tit{
		font-size:24px;
 	}
	.main-contents .link-box{
		width:90%;
 		margin:-1.5em auto 0;
 	}
	.main-contents .box4 .call-info{
 		margin:-2.5em auto;
		max-width:190px;
		line-height:1.6;
		font-size:14px;
 	}
	.main-contents .box4 .call-info dt{
 		padding-left:8px;
 	}
	.main-contents .box4 p.s1{
 		padding-top:0px;
	}
	.main-contents .view{
 		bottom:28px;
 	}
}
 

@media (max-width:768px){
 	.main-contents .boxs{
		width:50%;
	} 
	.main-contents .box{
		height:180px;
	} 
	.main-contents p.tit{
		font-size:20px;
 		height:80px;
 		padding:30px 10px 0;
 	}
	.main-contents .view{
 		font-size:14px;
 	}
	.main-contents .link-box{
		width:90%;
 		margin:10px auto 0;
 	}
	.main-contents .link-box li a{
 		font-size:13px;
	}
 	.main-contents .box5 .heading h3{
 		font-size:17px;
 	}
	.main-contents .box5 ul{
 		padding:10px 0;
 	}
	.main-contents .box5 li{
 		height:26px;
		line-height:26px;
	}
	.main-contents .box5 li::before{
 		top:12px;
 	}
	.main-contents .box5 .heading .more{
		 background-size:auto 14px;
		 top:18px;
		right:15px;
	}
	.main-contents .box4 .call-info{
 		margin:-1.25em auto;
 		font-size:12px;
		width:160px;
		line-height:1.8;
 	}
 	.main-contents .box4 .call-info dt{
		padding-left:5px;
		width:45%;
	}
 	.main-contents .box4 .call-info dd{
 		padding:0;
 		text-align:center;
	}
	.main-contents .box4 .call-info dt::before{
 		top:8px;
	}
	.main-contents .box4 p.s1{
 		font-size:12px;
		padding: 0;
 	}
	.main-contents .icon_map{
		background-size:75% 75%;
	}
}