body {
  background: #161616
}

.fp-overflow {
  overflow: hidden
}

.fp-overflow .m-column-h01 {
  padding      : 0;
  margin-bottom: 3%
}

.fp-overflow .m-column-h01 .more {
  float  : right;
  z-index: 10;
  margin : 0;
  font   : .8em/2.5 normal;
  color  : #666
}

.fp-overflow .m-column-h01 .more:hover {
  color: #c6a47e
}

.banner .fp-overflow,
.idxQuickenterFull .fp-overflow {
  width     : 100%;
  max-width : 1920px;
  min-height: 100%;
  margin    : 0 auto
}

.banner .swiper-container {
  display: none
}

.banner[data-ua="pc"] .swiper-container.swiper-containerPC {
  display: block
}

.banner[data-ua="mb"] .swiper-container.swiper-containerMB {
  display: block
}

.banner[data-ua="mb"] .swiper-container,
.banner[data-ua="mb"] .swiper-wrapper,
.banner[data-ua="mb"] .swiper-container .swiper-slide {
  position  : relative;
  width     : 100% !important;
  height    : 100% !important;
  background: #161616
}

.banner[data-ua="mb"] .m-banner2022 {
  display        : flex;
  width          : 100%;
  height         : 100%;
  justify-content: center;
  align-items    : center;
  flex-flow      : column nowrap;
  overflow       : hidden
}

.banner[data-ua="mb"] .swiper-container .swiper-slide-active .m-banner2022 .img {
  display           : block;
  width             : 100%;
  height            : auto;
  -webkit-transition: .5s all;
  transition        : .5s all;
  -webkit-transform : scale(1);
  transform         : scale(1);
  margin            : 0 5px
}

.swiper-pagination .swiper-pagination-bullet {
  -webkit-transform : scale(.5);
  transform         : scale(.5);
  -webkit-transition: .5s all;
  transition        : .5s all;
  background        : #c6a47e;
  -webkit-opacity   : .2;
  opacity           : .2
}

.swiper-containerPC .m-banner2022 .img {
  -webkit-transform : scale(1.2);
  transform         : scale(1.2);
  -webkit-transition: .5s all;
  transition        : .5s all;
}

.swiper-containerPC .swiper-slide-active .m-banner2022 .img {
  -webkit-transform: scale(1);
  transform        : scale(1);
}



.swiper-pagination .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform        : scale(1);
  margin           : 0 5px;
  -webkit-opacity  : 1;
  opacity          : 1
}

.idxQuickenterFull {
  padding: 0
}

.idxQuickenterFull .g-width2 {
  width    : 100%;
  max-width: 1920px;
  height   : 100%;
  margin   : 0 auto
}

.idxQuickenterFull[data-ua="pc"] .quickList li {
  height  : 100%;
  position: relative;
  z-index : 10
}

.m-quick {
  position               : relative;
  z-index                : 10;
  width                  : 100%;
  height                 : 100%;
  -webkit-display        : flex;
  display                : flex;
  -webkit-justify-content: center;
  justify-content        : center;
  -webkit-align-items    : center;
  align-items            : center;
  -webkit-flex-flow      : column nowrap;
  flex-flow              : column nowrap;
  color                  : #ffffff
}

.m-quick .info p:nth-child(1) {
  font: 1.5em/2 normal
}

.m-quick .info p:nth-child(2) {
  font: bolder 2.25em/2 normal
}

.m-quick .mask {
  left      : -2%;
  top       : -2%;
  z-index   : -1;
  width     : 105%;
  height    : 105%;
  background: rgba(0, 0, 0, 0.7)
}

.m-quick .img {
  display                 : block;
  position                : absolute;
  left                    : 50%;
  z-index                 : -2;
  min-width               : 100%;
  width                   : auto;
  height                  : 100%;
  margin                  : auto;
  -webkit-transform       : translateX(-50%) scale(1.1);
  transform               : translateX(-50%) scale(1.1);
  -webkit-transform-origin: bottom center;
  transform-origin        : bottom center
}

.m-quick:hover p:nth-child(1) {
  color: #c6a47e
}

.m-quick:hover .mask {
  background: rgba(0, 0, 0, 0.6)
}

.m-quick:hover .img {
  -webkit-transform: translateX(-50%) scale(1);
  transform        : translateX(-50%) scale(1)
}

.idxNews,
.idxCoo {
  padding-bottom: 0 !important
}

.idxNews .newsList02 {
  margin-top: -2%
}

.newsList02 li {
  margin: 2% 2% 0 0
}

.m-news03 .info .opr .u-font {
  margin-right: 5px
}

.idxPlan {
  background: #121212
}

.planSwiper[data-ua="pc"] .swiper-container.swiper-containerMB {
  display: none
}

.planSwiper[data-ua="mb"] .swiper-container.swiper-containerPC {
  display: none
}

.planBox {
  overflow: hidden
}

.planIntro[data-ua="pc"] {
  float   : left;
  width   : 44.45%;
  height  : 556px;
  overflow: hidden
}

.planIntro img {
  min-width : 100%;
  width     : auto;
  min-height: 100%;
  height    : auto;
  margin    : 0 auto
}

.planSwiper[data-ua="pc"] {
  float   : left;
  width   : 55.55%;
  height  : 556px;
  overflow: hidden
}

.planSwiper .swiper-container {
  width     : 100%;
  height    : 100%;
  background: #fff
}

.planSwiper .swiper-opr {
  width: 98%
}

.m-planitem {
  height: 100%
}

.m-planitem img {
  width: 100%
}

.idxCoo {
  background: #161616
}

.idxCoo .m-column-h01[data-ua="pc"] {
  margin-top: 10%
}

.m-coo .img,
.m-news03 .img {
  background: #0a0a0a
}

.m-coo {
  text-align: center;
  background: #0a0a0a
}

.m-coo .info {
  text-align: center
}

.m-coo .info small {
  -webkit-opacity: .5;
  opacity        : .5
}

.footer {
  background: #0a0a0a
}

.copyright {
  background: #0f0f0f
}

.m-column-h01[data-ua="mb"] {
  margin: 20% 0 5%
}

#fullpage .banner[data-ua="mb"] {
  padding-top: 0
}

.idxQuickenterFull[data-ua="mb"] .quickList li {
  float                : none;
  width                : 100%;
  height               : 33.33%;
  position             : relative;
  z-index              : 10;
  -webkit-border-radius: 0;
  border-radius        : 0
}

.idxQuickenterFull[data-ua="mb"] .m-quick {
  font-size            : .5rem;
  -webkit-border-radius: 0;
  border-radius        : 0
}

.idxQuickenterFull[data-ua="mb"] .m-quick p:nth-child(2) {
  font-weight: normal;
  margin-top : -0.25em
}

.idxQuickenterFull[data-ua="mb"] .m-quick .mask {
  background: rgba(0, 0, 0, 0.5)
}

.idxQuickenterFull[data-ua="mb"] .m-quick:hover .mask {
  background: rgba(0, 0, 0, 0.3)
}

.idxNews[data-ua="mb"] .m-news03 .info {
  padding: 1% 0 0
}

.idxNews[data-ua="mb"] .m-news03 .info dt {
  margin-bottom: 1%
}

.idxNews[data-ua="mb"] .m-news03 .info .opr span:last-child {
  display: none
}

.idxNews[data-ua="mb"]:before {
  background-position    : right bottom;
  -webkit-background-size: 200% auto;
  background-size        : 200% auto
}

.planBox[data-ua="mb"] {
  padding-bottom: 10%
}

.planIntro[data-ua="mb"] {
  display: none
}

.planSwiper[data-ua="mb"] {
  float: none
}

.idxCoo[data-ua="mb"] .m-coo .info {
  padding: 1% 0
}

#floatbar[data-ua="mb"] {
  display: none
}

@media screen and (max-width:900px) {

  .newsList02 li,
  .cooList li {
    width       : 47%;
    margin-left : 0;
    margin-right: 2%
  }
}

#fp-nav ul li,
.fp-slidesNav ul li {
  width  : 6px;
  height : 20px;
  margin : 5px 0;
  padding: 0
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: rgba(255, 255, 255, 0.3)
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
  width        : 6px;
  border-radius: 2px;
  margin-left  : -3px;
  background   : rgba(255, 255, 255, 0.6)
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 100%
}

@media screen and (max-width:900px) {
  #fp-nav.fp-right {
    right: 10px
  }

  #fp-nav ul li,
  .fp-slidesNav ul li {
    width  : 4px;
    margin : 5px 0;
    padding: 0
  }

  #fp-nav ul li a.active span,
  #fp-nav ul li:hover a.active span,
  .fp-slidesNav ul li a.active span,
  .fp-slidesNav ul li:hover a.active span {
    width        : 4px;
    border-radius: 2px;
    margin-left  : -2px
  }
}