@charset "utf-8";


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

.gjs-dashed .loopImgAr {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    overflow: auto;
    animation: none;
}

.gjs-dashed .accordionContent {
  	display: block;
}

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

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

.gjs-dashed .d-none {
    display: inherit !important;
}

.gjs-dashed:before {
  	display: none;
}

.gjs-dashed:after {
  	display: none;
}

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

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

.gjs-dashed .header {
	background: #333;
    position: relative;
}

.gjs-dashed .nav-area {
    height: calc(100vh - 120px);
    top: 120px;
    display: block;
    opacity: 1;
    visibility: visible;
}

.gjs-dashed .nav-content {
    right: 0;
}

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

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

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

.gjs-dashed .footer-navi-block.d-md-flex.d-none {
    display: flex !important;
}

.gjs-dashed .header-reserve-banner {
    bottom: 100px;
    left: 0;
    right: auto;
    z-index: 999999999;
}

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

.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 .inner {
    min-height: 1.5em;
}

.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;
}
/*-----------------------------------------------------------
Mask
-----------------------------------------------------------*/

.gjs-dashed .mask-dark-primary:after,
.gjs-dashed .mask-dark-secondary:after,
.gjs-dashed .mask-dark-tertiary:after,
.gjs-dashed .mask-dark-quaternary {
    content: none;
}

.gjs-dashed .top04-link-text-box {
	width: 85%;
}