/* =========================
   トップページで使うスタイル
========================= */

/* ========= お知らせ ========= */

.info th,
.info td{
	padding:3rem 0;
	border-bottom:1px solid #ccc;
}

.info th { width:10em; vertical-align:top; font-weight:normal; }

.info { border-top:1px solid #ccc; margin-bottom:3rem; width:100%; }

/* ========= バナー ========= */

.bnr_area, .bnr_area ul {
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

.bnr_area:after {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	display: block;
	content:"";
}

.bnr_area ul li a{
	width:33.3%;
	height:180px;
	background-size:contain;
	float:left;
	position: relative;
}

.bnr_area ul li a:first-child { width:33.3%; }
.bnr_area ul li a:hover { opacity:0.8; }

.bnr_area ul li.bnr_01 a { background:url(../img/bnr_01.jpg) no-repeat 0 0; }
.bnr_area ul li.bnr_02 a { background:url(../img/bnr_02.jpg) no-repeat 0 0; }
.bnr_area ul li.bnr_03 a { background:url(../img/bnr_03.jpg) no-repeat 0 0; }

.bnr_area ul li a span{
	color:#fff;
	font-size:2rem;
	letter-spacing:0.08em;
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translate(-20%, -50%);
	webkit-transform: translate(-20%, -50%);/* - Safari用 */
	/*white-space:nowrap;*/
}

.bnr_area ul li a span:before{
	font-family: 'FontAwesome' ;
	padding-right: 5px ;
	content: '\f105' ;
	color:#fff;
}

@media screen and (max-width: 1100px) {
	.bnr_area ul li a span{ 
		left: 30%;
		transform: translate(-20%, -50%);
		webkit-transform: translate(-20%, -50%);/* - Safari用 */ 
	}
}



/* ========= Swiper js ========= */

.swiper-container {
	width: 100%;
	margin:0 auto;
}

.swiper-slide {
	text-align:center;
}

.swiper-container img {
	max-width:100%;
}

.swiper-button-prev,.swiper-button-next {
	opacity:0.8;
	width:39px;
}

.swiper-pagination-bullet {
	background:#90a4b3;
	opacity:0.8;
}

.swiper-button-prev { background: url(../share/img/arrow_previous.png) no-repeat center center / contain; }
.swiper-button-next { background: url(../share/img/arrow_next.png) no-repeat center center / contain; }
.swiper-pagination-bullet-active { background: #005ca2; opacity:1; }
@media screen and (max-width: 768px) {
	.swiper-button-prev,.swiper-button-next{
		display:none;
	}
}