@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

.gjs-dashed > #wrapper {
    padding-bottom: 100px;
}

.gjs-dashed {
  	background: var(--base-body-bg);
	overflow-x: unset;
}

.gjs-dashed .wow {
  	opacity: 1;
  	visibility: visible;
}

.gjs-dashed .loop-wrap {
    display: block;
    height: auto;
    overflow: auto;
}

.gjs-dashed .loop-img-area {
    -webkit-animation: auto !important;
    animation: auto !important;
    flex-wrap: wrap;
}

.gjs-dashed .loop-img-box {
    width: 33.3%;
    padding-top: 25.33%;
    height: auto;
    margin: 0;
}

/*-----------------------------------------------------------
ヘッダー
-----------------------------------------------------------*/

.gjs-dashed .header {
    position: relative;
}


.gjs-dashed .header-navi {
    color: var(--base-body-color) !important;
}

.gjs-dashed .header .nav-second {
    opacity: 1;
    visibility: visible;
}

.gjs-dashed .nav-second-link {
    color: var(--base-body-color) !important;
}

.gjs-dashed .sp-menu {
    right: 0;
    display: block;
    position: relative;
}

.gjs-dashed .nav-area {
    opacity: 1;
  	visibility: visible;
    display: block;
    position: relative;
  	z-index: unset;
}

.gjs-dashed .sp-nav {
    display: block;
}

.gjs-dashed .sp-nav-btn {
    display: flex;
}

/*-----------------------------------------------------------
スライダー
-----------------------------------------------------------*/

.controlArea .carousel-item {
    display: block;
    opacity: 1;
}

.gjs-dashed .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
    height: auto;
}

.gjs-dashed .swiper-slide {
    height: auto;
}

.gjs-dashed .swiper-slide {
    padding: 10px;
}

.gjs-dashed .swiper {
    overflow: unset;
}

.gjs-dashed .carousel-item {
    display: block;
    opacity: 1;
}

/*-----------------------------------------------------------
アコーディオン
-----------------------------------------------------------*/

.gjs-dashed .accordion-content {
    display: block;
}

/*-----------------------------------------------------------
リンクバナー
-----------------------------------------------------------*/

.gjs-dashed .banner-bg-img:before {
    display: none;
}

/*-----------------------------------------------------------
トップ
-----------------------------------------------------------*/

.gjs-dashed .mv-wrapper .swiper-wrapper {
    display: block;
    height: auto;
}

.gjs-dashed .swiper-slide .d-md-none {
    display: block !important;
}


.gjs-dashed .mask01:before, .gjs-dashed .mask02:before, .gjs-dashed .mask03:before, .gjs-dashed .mask04:before {
	content: none;
}

.gjs-dashed .clipped-box {
	position: static;
}

/*-----------------------------------------------------------
下層
-----------------------------------------------------------*/

.gjs-dashed .inner {
    min-height: 1.5em;
}

.gjs-dashed .banner-link-inner {
    width: 50%;
}

.gjs-dashed .staff-gallery .gallery-item {
    display: block;
    aspect-ratio: 341 / 458;
    width: 100%;
    height: 100%;
    margin: 15px 2px 0;
    position: relative;
}

.gjs-dashed .staff-gallery .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 24%;
}