@charset "UTF-8";
/* TOP共通
------------------------------------------------------------------------------------*/
main {
  overflow: hidden;
  background: url(../images/top/bg_contentBottom.png) bottom center no-repeat #eae6dc;
  background-size: 100% auto;
}

.slider-banner-wrapper {
  padding-bottom: 70px;
  margin-top: 50px;
}

#footer {
  margin-top: 0;
}

h2 {
  margin: 50px 0 15px;
  padding: 0 0 4px;
  font-size: 22px;
  line-height: 1.2;
  border-bottom: 5px solid #c00;
  border-color: #0055a2;
}

/* firstview
----------------------------*/
.firstview-pc {
  -webkit-transition: 2s background;
  transition: 2s background;
  position: relative;
  z-index: 4;
  top: -75px;
  height: 840px;
}
.firstview-pc::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -105px;
  left: 0;
  display: block;
  width: 100%;
  height: 294px;
  background: url(../images/top/bg_contentTop.png) bottom center no-repeat;
  background-size: 100% 294px;
}
.firstview-pc a {
  position: relative;
  z-index: 3;
}
.firstview-pc a::before {
  content: "";
  background: #000;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
.firstview-pc a:hover {
  opacity: 1;
}
.firstview-pc a:hover::before {
  opacity: 0.5;
}
.firstview-pc::before {
  content: "";
  background: #000;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 2s all;
  transition: 2s all;
}
.firstview-pc.show-firstview::before {
  background: transparent;
  visibility: hidden;
}
.firstview-pc img {
  max-width: none;
  width: 100%;
  height: 840px;
  -o-object-fit: cover;
     object-fit: cover;
}
.firstview-pc .slick-dots {
  bottom: 220px;
  z-index: 3;
}
.firstview-pc .slick-dots li {
  width: 5px;
  height: 12px;
  margin: 0 15px;
}
.firstview-pc .slick-dots li.slick-active button::before {
  background-color: #0255a3;
}
.firstview-pc .slick-dots li button {
  width: 5px;
  height: 12px;
}
.firstview-pc .slick-dots li button:hover::before {
  background-color: #333;
}
.firstview-pc .slick-dots li button::before {
  content: "";
  border-radius: 20px;
  font-size: 20px;
  line-height: 1;
  width: 5px;
  height: 12px;
  background-color: #666;
  opacity: 1;
}

.firstview-sp .slick-dots {
  bottom: 0;
}
.firstview-sp .slick-dots li {
  width: 5px;
  height: 5px;
}
.firstview-sp .slick-dots li.slick-active button::before {
  background-color: #0255a3;
}
.firstview-sp .slick-dots li button {
  width: 5px;
  height: 5px;
}
.firstview-sp .slick-dots li button:hover::before {
  background-color: #333;
}
.firstview-sp .slick-dots li button::before {
  content: "";
  font-size: 20px;
  line-height: 1;
  width: 5px;
  height: 5px;
  background-color: #666;
  opacity: 1;
}
.firstview-sp img {
  width: 100%;
}

/* top-content
----------------------------*/
.top-content-wrapper {
  position: relative;
  padding-top: 50px;
  background: url(../images/top/bg_contentmiddle.png) top center no-repeat;
  background-size: 100% auto;
  margin-top: -18px;
}

.top-content-inner {
  max-width: 1040px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
}

.top-main-content {
  width: calc(100% - 210px - 20px);
  margin-right: 20px;
}
.top-main-content .linkBtn a {
  color: #fff;
}

.top-side-content {
  width: 210px;
}

.top-quicklink-wrapper {
  max-width: 1040px;
  min-height: 188px;
  margin: -170px auto 0;
}

/* quicklink
----------------------------*/
ul.quicklink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  overflow: hidden;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 4;
}

ul.quicklink li {
  width: 25%;
  list-style: none;
}

ul.quicklink li a {
  display: block;
  overflow: hidden;
  height: 183px;
  margin: 0 0 0 6px;
  white-space: nowrap;
  text-indent: 200%;
  background-repeat: no-repeat;
  background-position: top left;
}

ul.quicklink li.btn-firstvisit a {
  margin: 0;
  background-image: url(../images/top/btn_quicklink_firstvisit.png);
}

ul.quicklink li.btn-revisit a {
  background-image: url(../images/top/btn_quicklink_revisit.png);
}

ul.quicklink li.btn-visitation a {
  background-image: url(../images/top/btn_quicklink_visitation.png);
}

ul.quicklink li.btn-access a {
  background-image: url(../images/top/btn_quicklink_access.png);
}

ul.quicklink li a:hover {
  background-position: bottom left;
}

/* Media Query
------------------------------------------------------------------------------------*/
/* 768px~1080px
----------------------------*/
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .top-side-content {
    font-size: 80%;
  }
}
/* 1080px
----------------------------*/
@media screen and (max-width: 1080px) {
  /* index
  ----------------------------*/
  .accordionItem {
    font-size: 80%;
  }
  .indexGuideTtl h2 {
    height: 60px;
    background-image: url(../images/common/ttl_guide_tb.png);
    background-size: 314px auto;
  }
  ul.quicklink li a {
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 75%;
    background-size: 100%;
  }
  ul.quicklink li a:hover {
    background-position: 0 0;
  }
  ul.quicklink li.btn-firstvisit a {
    margin: 0;
    background-image: url(../images/top/btn_quicklink_firstvisit_sp.png);
  }
  ul.quicklink li.btn-revisit a {
    background-image: url(../images/top/btn_quicklink_revisit_sp.png);
  }
  ul.quicklink li.btn-visitation a {
    background-image: url(../images/top/btn_quicklink_visitation_sp.png);
  }
  ul.quicklink li.btn-access a {
    background-image: url(../images/top/btn_quicklink_access_sp.png);
  }
}
/* 767px
----------------------------*/
@media screen and (max-width: 767px) {
  h2 {
    font-size: 18px;
    margin: 20px 0;
  }
  /* firstview
  ----------------------------*/
  .firstview img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: unset;
       object-fit: unset;
  }
  /* top-content
  ----------------------------*/
  .top-content-wrapper {
    background: url(../images/common/bg_content_sp.png) 0 0 repeat;
    background-size: 50px auto;
    width: 100%;
    display: block;
    padding-top: 0;
    margin-top: 0;
  }
  .top-content-inner {
    display: block;
    padding: 0;
  }
  .top-main-content {
    background: #eae6dc;
    width: 100%;
    padding: 30px 6%;
    margin-right: 0;
  }
  .top-side-content {
    width: 100%;
    margin-right: 0;
    margin-top: 85px;
    padding: 0 6%;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .top-quicklink-wrapper {
    position: static;
    min-height: auto;
    width: 100%;
    background: url(../images/common/bg_content_sp.png) 0 0 repeat;
    background-size: 50px auto;
    margin-top: 0;
  }
  .slider-banner-wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(120%, rgb(69, 58, 43)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(69, 58, 43) 120%);
    padding-top: 10px;
    padding-bottom: 40px;
  }
  /* index
  ----------------------------*/
  ul.quicklink {
    width: 100%;
    padding: 6%;
    max-width: 800px;
  }
  ul.quicklink li {
    width: 49%;
    margin: 0 2% 0 0;
  }
  ul.quicklink li:nth-child(2n) {
    margin: 0;
  }
  .accordionItem {
    font-size: 100%;
  }
  .indexGuideTtl h2 {
    height: 44px;
    background: url(../images/common/ttl_guide_sp.png) center center no-repeat;
    background-size: 178px auto;
  }
}/*# sourceMappingURL=top.css.map */