.notice {
  background: #fff;
  padding: 12px 0;
  color: #dc000c;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .notice {
    padding: 2.66667vw 0;
    font-size: 22px;
    font-size: 2.93333vw;
    text-align: left;
  }
}

.notice .tpl-inner:not(:last-child) {
  margin-bottom: 10px;
}

.notice a {
  display: block;
  color: inherit;
}

/* mainvisual
----------------------------------------*/
.mainvisual {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .mainvisual {
    height: 65.46667vw;
  }
}

.mainvisual:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/home/mainvisual.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

@media screen and (max-width: 750px) {
  .mainvisual:before {
    background-image: none;
  }
}

.mainvisual.on:before {
  opacity: 1;
}

.mainvisual .slick-list {
  padding: 0 !important;
  overflow: visible;
}

.mainvisual .slider-container {
  position: absolute;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  width: 2000px;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.mainvisual .slider-container.on {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .mainvisual .slider-container {
    width: 100%;
    left: 0;
    transform: none;
  }
}

.mainvisual .slider {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mainvisual .slider {
    top: 0;
    transform: none;
  }
}

.mainvisual .slick-slide {
  width: 740px;
}

@media screen and (max-width: 750px) {
  .mainvisual .slick-slide {
    width: 100vw;
  }
}

.mainvisual .slick-slide.active .slider-item-inner,
.mainvisual .slick-slide.slick-current .slider-item-inner {
  opacity: 1;
  transform: scale(1.25);
}

@media screen and (max-width: 750px) {
  .mainvisual .slick-slide.active .slider-item-inner,
  .mainvisual .slick-slide.slick-current .slider-item-inner {
    transform: none;
  }
}

.mainvisual .slick-slide.active .slider-item-inner:hover,
.mainvisual .slick-slide.slick-current .slider-item-inner:hover {
  opacity: 1;
}

.mainvisual .slick-slide .slider-item-inner {
  display: block;
  width: 560px;
  height: 320px;
  margin: 0 auto;
  transition: transform 0.5s ease-in-out;
  opacity: 0.5;
  pointer-events: all;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mainvisual .slick-slide .slider-item-inner a {
  display: block;
  width: 100%;
  height: 100%;
}

.mainvisual .slick-slide .slider-item-inner img {
  width: 100%;
  vertical-align: top;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width: 750px) {
  .mainvisual .slick-slide .slider-item-inner {
    width: 100%;
    height: 57.2vw;
    opacity: 1;
  }
}

.mainvisual .dots-container {
  position: absolute;
  left: 50%;
  bottom: 16px;
  width: 880px;
  transform: translateX(-50%);
  background: #f00;
}

@media screen and (max-width: 750px) {
  .mainvisual .dots-container {
    left: 0;
    bottom: 0;
    width: 100%;
    transform: none;
  }
}

.mainvisual .slick-dots {
  bottom: 0;
}

.mainvisual .slick-dots li.slick-active {
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mainvisual .slick-dots li {
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 2.13333vw;
  }
}

@media screen and (max-width: 750px) {
  .mainvisual .slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
  }
}

.mainvisual .slick-dots li button:before {
  color: #fff;
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .mainvisual .slick-dots li button:before {
    width: 100%;
    height: 100%;
    color: #c9c9c9;
  }
}

.mainvisual .slick-dots li.slick-active button:before {
  color: #0065b5;
}

.mainvisual .arrow-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 880px;
  height: 64px;
  transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mainvisual .arrow-container {
    display: none;
  }
}

.mainvisual .slide-arrow {
  position: absolute;
  display: block;
  width: 68px;
  height: 68px;
  cursor: pointer;
}

.mainvisual .slide-arrow.prev-arrow {
  left: 0;
  background-image: url("../images/home/prev-off.png");
}

.mainvisual .slide-arrow.prev-arrow:hover {
  background-image: url("../images/home/prev-on.png");
}

.mainvisual .slide-arrow.next-arrow {
  right: 0;
  background-image: url("../images/home/next-off.png");
}

.mainvisual .slide-arrow.next-arrow:hover {
  background-image: url("../images/home/next-on.png");
}

.mainvisual .intro {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: opacity 0.5s ease-out;
}

.mainvisual .intro.off {
  opacity: 0;
}

.mainvisual .intro .intro-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/home/intro-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 0.5s ease-out, transform 1s ease-out;
}

.mainvisual .intro .intro-bg.on {
  opacity: 1;
  transform: scale(1);
}

.mainvisual .intro .intro-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mainvisual .intro .intro-logo {
  transform: scale(0.9);
  transition: transform 3s ease-out;
}

.mainvisual .intro .intro-logo > div {
  display: block;
  opacity: 0;
  transition: opacity 0.8s ease-out;
}

.mainvisual .intro .intro-logo .logo {
  width: 87px;
  margin: 0 auto 17px;
}

@media screen and (max-width: 750px) {
  .mainvisual .intro .intro-logo .logo {
    width: 15.2vw;
    margin-bottom: 2.93333vw;
  }
}

.mainvisual .intro .intro-logo .text-01 {
  width: 289px;
  margin: 0 auto 11px;
  transition-delay: 0.8s;
}

@media screen and (max-width: 750px) {
  .mainvisual .intro .intro-logo .text-01 {
    width: 50.66667vw;
    margin-bottom: 2vw;
  }
}

.mainvisual .intro .intro-logo .text-02 {
  width: 78px;
  margin: 0 auto 0;
  transition-delay: 1.2s;
}

@media screen and (max-width: 750px) {
  .mainvisual .intro .intro-logo .text-02 {
    width: 13.73333vw;
  }
}
.mainvisual .intro .intro-logo .text-03 {
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mainvisual .intro .intro-logo .text-03 {
    text-align: center;
  }
}

.mainvisual .intro .intro-logo img {
  width: 100%;
}

.mainvisual .intro .intro-logo.on {
  transform: scale(1);
}

.mainvisual .intro .intro-logo.on > div {
  opacity: 1;
}

.top-menu {
  padding: 50px 0;
  overflow: hidden;
}

.top-menu .iframe {
  padding: 0 20px;
  margin-bottom: 50px;
}

.top-menu .iframe iframe {
  max-width: 680px;
  width: 100%;
  height: 380px;
  margin: 0 auto;
  border: none;
  display: block;
}

@media screen and (max-width: 750px) {
  .top-menu {
    padding: 9.33333vw 0 10.66667vw;
  }
  .top-menu .iframe {
    margin-bottom: 30px;
  }
  .top-menu .iframe iframe {
    height: 180px;
  }
}

.top-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .top-menu ul li {
    width: 33%;
    margin-top: 5.33333vw;
  }
  .top-menu ul li:nth-child(-n + 3) {
    margin-top: 0;
  }
}

.top-menu ul li + li {
  margin-left: 90px;
}

@media screen and (max-width: 750px) {
  .top-menu ul li + li {
    margin-left: 0;
  }
}

.top-menu ul li.top-menu-shopguide {
  text-align: center;
}

.top-menu ul li.top-menu-shopguide img {
  width: 36px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .top-menu ul li.top-menu-shopguide img {
    width: 11.2vw;
  }
}

.top-menu ul li.top-menu-news {
  text-align: center;
}

.top-menu ul li.top-menu-news img {
  width: 41px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .top-menu ul li.top-menu-news img {
    width: 12.93333vw;
  }
}

.top-menu ul li.top-menu-event {
  text-align: center;
}

.top-menu ul li.top-menu-event img {
  width: 42px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .top-menu ul li.top-menu-event img {
    width: 12.8vw;
  }
}

.top-menu ul li.top-menu-service {
  text-align: center;
}

.top-menu ul li.top-menu-service img {
  width: 38px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .top-menu ul li.top-menu-service img {
    width: 12.13333vw;
  }
}

.top-menu ul li.top-menu-intro {
  text-align: center;
}

.top-menu ul li.top-menu-intro img {
  width: 49px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .top-menu ul li.top-menu-intro img {
    width: 15.06667vw;
  }
}

.top-menu ul li.top-menu-access {
  text-align: center;
}

.top-menu ul li.top-menu-access img {
  width: 47px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .top-menu ul li.top-menu-access img {
    width: 14.66667vw;
  }
}

.top-menu ul li figure {
  height: 39px;
  margin-bottom: 12px;
}

@media screen and (max-width: 750px) {
  .top-menu ul li figure {
    height: 12.8vw;
    margin-bottom: 2.66667vw;
  }
}

.top-menu ul li p {
  display: flex;
  justify-content: center;
  position: relative;
  font-size: 1.2rem;
  font-weight: bold;
  color: #2c893a;
  margin-left: -1000px;
  margin-right: -1000px;
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .top-menu ul li p {
    font-size: 24px;
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 750px) {
  .top-search {
    margin-top: 9.33333vw;
  }
  .top-search form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top-search input {
    width: calc(100% - 24.53333vw);
    height: 13.33333vw;
    background: #f8f8f8;
    border-radius: 3px;
    padding: 0 4vw;
  }
  .top-search button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 21.86667vw;
    height: 13.33333vw;
    color: #fff;
    background: linear-gradient(#b5d43d, #63ae2a);
    border-radius: 3px;
    font-size: 28px;
    font-size: 3.73333vw;
  }
}

.section {
  padding: 50px 0 60px;
}

@media screen and (max-width: 750px) {
  .section {
    padding: 9.33333vw 0 10.66667vw;
  }
}

.section .tpl-btn {
  margin-top: 50px;
}

@media screen and (max-width: 750px) {
  .section .tpl-btn {
    margin-top: 6.66667vw;
    width: 67.33333vw;
    height: 13.73333vw;
  }
}

.top-bnr {
  padding: 30px 0;
  background-color: #f6f6f6;
}

.top-bnr .bnr-list {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
}
@media screen and (min-width: 751px) {
  .top-bnr .bnr-list {
    justify-content: center;
  }
}

.top-bnr .bnr-list:nth-child(2) {
  margin: 10px auto 0 auto;
}

.top-bnr .bnr-list .bnr-item {
  width: calc((100% - 100px) / 6);
  margin-left: 20px;
}

.top-bnr .bnr-list .bnr-item:first-child {
  margin-left: 0;
}

.top-bnr .bnr-list .bnr-item img {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .top-bnr {
    width: 100%;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: normal;
  }
  .top-bnr .bnr-list {
    width: 680px;
    margin: 0 auto;
    display: flex;
	justify-content: center;
  }
  .top-bnr .bnr-list .bnr-item {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin-left: 5px;
  }
  .top-bnr .bnr-list .bnr-item:first-child {
    margin-left: 20px;
  }
  .top-bnr .bnr-list .bnr-item img {
    width: 100%;
  }
}

.sec-shopnews {
  background: #f6f6f6;
  margin-bottom: 0;
}

.sec-event {
  background: #fff;
  margin-bottom: 0;
}

.sec-information {
  background: #f6f6f6;
  margin-bottom: 0;
}