@charset "UTF-8";
/* CSS Document */

nav.navbar.navbar-light.navbar-expand-lg {background-color:transparent !important; position:absolute; top:0; left:0; right:0; }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link { color:#FFF; }

h1 { margin:auto; align-items:center; overflow:hidden; line-height:1; }
h1 svg { display:block; width:23vw; left:0; right:0; margin:15vw auto 0; }
h1 svg { margin-top:16.125vw;}
h1 span { display:none; }

#mv { width:100%; background:#ddd; aspect-ratio: 16 / 9; padding:0;
background-image:url("/cmn/img/m/itabei.jpg"); background-repeat:no-repeat; background-size: cover; }

@media screen and (max-width: 767px) {
#mv { aspect-ratio: 1 / 1; }
h1 svg { width:48vw; margin-top:26vw; }
}



section h2.f-balow { text-align:center; font-family:'Barlow Condensed', sans-serif; font-size:2.4rem; letter-spacing:0.2em; }

.bg-gray { background-color:#EFEFEF;}

#top { position:relative; }

@media screen and (min-width: 992px) {
#top .reacent .bnr-links__list-item {
    width: 24%;
    margin-right: 1.333%;
    margin-bottom: 5px; }
#top .bnr-links__list-item:nth-child(4n) {
    margin-right: 0; } }
@media screen and (max-width: 991px) {
#top .reacent .bnr-links__list-item {
    width: 48.4%;
    margin-right: 3%;
    margin-bottom: 8px; }
#top .bnr-links__list-item:nth-child(2n) {
    margin-right: 0; } }
@media screen and (max-width: 767px) {
#top .reacent .bnr-links__list-item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 5px; } }

@media screen and (min-width: 768px) {
.swiper { padding-left:20vw; }
}
.swiper-wrapper { margin:2rem 10vw;}
.morph svg { width:100%; max-width:300px; margin:0 auto; }
.swiper-slide { opacity:0.2; }
.swiper-slide-visible { opacity:1;}
.swiper-slide-active { opacity:1;}
.swiper-slide-prev { opacity:0.7;}
.swiper-slide-next { opacity:0.7;}

#tm-box { position:relative; }
.lead-copy { position:absolute; top:62%; left:0; right:0; max-width:960px; margin:0 auto; z-index:999;}
.lead-copy p { font-weight:500;  text-shadow:2px 4px 8px #FFF;}
@media screen and (max-width: 767px) {
.swiper { padding-left:0; width:100%; padding-right:20vw; }
.lead-copy { position:relative; width:100%; }
.lead-copy img { width:100%; }
}