@charset "UTF-8";
.swiper-container-01 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: rgba(255,255,255,0.2);
    border: 1px solid #FFFFFF;
	opacity: 1;}
.swiper-container-01 .swiper-pagination-bullet-active{background-color: #FFFFFF;opacity: 1;}
.banner-text{position: absolute; top: 5%;left: 50%;transform: translateX(-50%);width: 550px; text-align: center; background-color: rgba(255,255,255,0.5);padding: 25px 25px 0; border-radius: 25px;}
.banner-text p{font-size: 18px; color: #333;}
#secbox-3 figcaption{text-align: center; padding-top: 25px;}
#secbox-3 figure:hover .hover_animate_1 img{-webkit-animation:circle_bounce 1s ; }
#secbox-3 a figcaption{color: #727171;}
#secbox-3 a:hover figcaption{color: #5b5b5b;}
#section-01{background-image: url("../images/bg-index.jpg");background-size: cover; background-position: center bottom;background-repeat: no-repeat;}
.map_slogan{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top:45px;
    width: 550px;
    height: 100px;
    text-align: center;
}
@media (min-width:992px) {
/*
	header{position: absolute; width: 100%; top: 0; left: 0;z-index: 5;}
	nav.navbar{margin-top: 3%;}
	.navbar-brand{margin-bottom: 20px;}
	.navbar-expand-lg{flex-wrap: wrap;justify-content: center;}
	.navbar-expand-lg .navbar-collapse{flex-basis:100%;}
	.navbar-expand-lg .navbar-nav{margin-right: auto;}
*/
}
@media (max-width:767px) {
}
@media (max-width:576px) {
	.map_slogan{ width: 80%; height: auto;}
	#secbox-3 .row{max-width: 375px; margin: 0 auto;}
}
@media (max-width:400px) {
}
@media (max-width:330px) {
	.btn-more {padding: 8px 13px;}
}