@charset "UTF-8";


/*市橋追記分*/
#nav-main,
header .navbar-light .navbar-nav .nav-link,
.navbar-brand,
header img.logo,
header button.btn{
	transition: all 0.6s ease;
}
header .navbar-light.scroll-nav .navbar-nav .nav-link {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #333;
}
header .scroll-nav .navbar-nav li.menu-item:last-of-type a {
	color: #FFF;
}
.scroll-nav {
	background-color: #fff!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
	padding: 0;
}
.scroll-nav .navbar-brand {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
header .scroll-nav img.logo {
	width: 290px;
}
.bn_saiyoubox_sp {
	width: 27%;
    top: 20% !important;
    right: 6%;
    bottom: 0;
	margin: auto;
	transition: all 0.6s ease;
	z-index:1000!important;
}
.bn_saiyoubox {
	width: 231px;
}
.bn_saiyoubox img:last-child {
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0 !important;
	margin: auto;
	transition: all 0.6s ease;
	animation: rotation 20s linear infinite reverse;
}
img.maincopy {
	bottom: 7%;
}

.stafflist {
	overflow: hidden;
	position: inherit;
	width: auto;
}
.swiper-staff {
	overflow: visible;
	margin-left: auto;
    margin-right: auto;
    position: relative;
	padding: 0;
}
.swiper-wrapper .swiper-slide {
	width: 40%;
}

@keyframes rotation{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}
@media (max-width: 1100px) {
	.swiper-wrapper .swiper-slide {
		width: 48%;
	}
}
@media (max-width: 767px) {
	.bn_saiyoubox {
		width: 30%;
	}
	header .scroll-nav img.logo {
		width: 50%;
	}
	header button.btn {
		top: 35%;
	}
	header .scroll-nav button.btn {
		top: 23%;
	}
	.bn_saiyoubox {
		width: 34%;
	}
	.swiper-wrapper .swiper-slide {
		width: 100%;
	}
}
@media (min-width: 992px){
.bg-black-suda {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.80), transparent)!important;
}
}