@charset "UTF-8";


header *, main * {
  margin: 0;
  padding: 0
}
body {
	font-size: 16px;
  text-align: center;
  font-family: 'Arial', 'Roboto','Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', sans-serif;
  color: #333;
}

#top {
	position: fixed;
	bottom: 70px;
	right: -81px;
	z-index: 998;
}

.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* animate */
.animate__delay-03s {
 animation-delay: calc(var(--animate-delay) * 0.3);
}
.animate__delay-08s {
 animation-delay: calc(var(--animate-delay) * 0.8);
}


/* ================================
    Header
================================ */

@media (min-width:768px) {

#click {
	position: fixed;
	top: 20px;
	right: 0px;
	z-index: 9997;
}

/* title */
.titlebase {
  position: relative;
  width: 100%;
  height: 700px;
  overflow: hidden;
  background:
  url("../images/bg_title_02.png") no-repeat center top,
  url("../images/bg_title_01.png") repeat center top;
}
.titlebase > .inner{
  width: 990px;
  height: 700px;
  position: relative;
  margin: 0px auto;
}
.title {
  position: absolute;
  left: 270px;
  top: 58px;
}
.titleimage-01 {
  position: absolute;
  left: -55px;
  top: 30px;
}
.titleimage-02 {
  position: absolute;
  left: 502px;
  top: 0px;
}
.titleimage-03 {
  position: absolute;
  right: -155px;
  top: 102px;
} 
.titleimage-04 {
  position: absolute;
  left: 117px;
  top: 275px;
}
.titleimage-05 {
  position: absolute;
  left: -37px;
  top: 335px;
}
.titleimage-06 {
  position: absolute;
  left: -125px;
  top: 444px;
}
.titleimage-07 {
  position: absolute;
  left: 374px;
  top: 539px;
}
.titleimage-08 {
  position: absolute;
  left: 542px;
  top: 586px;
}
.titleimage-09 {
  position: absolute;
  right: -105px;
  top: 394px;
}
.titlecopy-01 {
  position: absolute;
  left: 215px;
  top: 13px;
}
.titlecopy-02 {
  position: absolute;
  left: 725px;
  top: 76px;
}
.titlecopy-03 {
  position: absolute;
  left: 251px;
  top: 430px;
}
.titlecopy-04 {
  position: absolute;
  left: 694px;
  top: 383px;
}
  

}

@media (max-width:767px) {

/* title */
.titlebase {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(1237 / 768 * 100vw, 1237px);
  line-height: 0;
  overflow: hidden;
  background:
  url("../images/bg_title_01.png") repeat center top;
}
.title {
  position: absolute;
  width: 80%;
  left: min(141 / 768 * 100vw, 141px);
  top: min(267 / 768 * 100vw, 267px);
}
.titleimage-01 {
  position: absolute;
  width: 35%;
  left: min(36 / 768 * 100vw, 36px);
  top: min(44 / 768 * 100vw, 44px);
}
.titleimage-02 {
  position: absolute;
  width: 22%;
  left: min(582 / 768 * 100vw, 582px);
  top: min(411 / 768 * 100vw, 411px);
}
.titleimage-03 {
  position: absolute;
  width: 53%;
  right: min(0 / 768 * 100vw, 0px);
  top: min(10 / 768 * 100vw, 10px);
} 
.titleimage-04 {
  position: absolute;
  width: 16%;
  left: min(78 / 768 * 100vw, 78px);
  top: min(353 / 768 * 100vw, 353px);
}
.titleimage-05 {
  position: absolute;
  width: 25%;
  left: min(0 / 768 * 100vw, 0px);
  top: min(484 / 768 * 100vw, 484px);
}
.titleimage-06 {
  position: absolute;
  width: 48%;
  left: min(0 / 768 * 100vw, 0px);
  top: min(871 / 768 * 100vw, 871px);
}
.titleimage-07 {
  position: absolute;
  width: 18%;
  right: min(0 / 768 * 100vw, 0px);
  top: min(756 / 768 * 100vw, 756px);
}
.titleimage-08 {
  position: absolute;
  width: 18%;
  left: min(468 / 768 * 100vw, 468px);
  top: min(832 / 768 * 100vw, 832px);
}
.titleimage-09 {
  position: absolute;
  width: 48%;
  left: min(383 / 768 * 100vw, 383px);
  bottom: min(0 / 768 * 100vw, 0px);
}
.titlecopy-01 {
  position: absolute;
  width: 6.3%;
  left: min(43 / 768 * 100vw, 43px);
  top: min(0 / 768 * 100vw, 0px);
}
.titlecopy-02 {
  position: absolute;
  width: 6.3%;
  left: min(378 / 768 * 100vw, 378px);
  top: min(32 / 768 * 100vw, 32px);
}
.titlecopy-03 {
  position: absolute;
  width: 6.3%;
  left: min(33 / 768 * 100vw, 33px);
  top: min(841 / 768 * 100vw, 841px);
}
.titlecopy-04 {
  position: absolute;
  width: 6.3%;
  left: min(689 / 768 * 100vw, 689px);
  top: min(920 / 768 * 100vw, 920px);
}

/* navi */
.navbase {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.navbox {
  background-color: #df0024;
  width: 60px;
  height: 60px;
  position: fixed;
  top: 0;
  right: 0;
  border: 1px solid #fff;
}

/* ヘッダーのナビ部分 */

.header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  transition: ease .4s;
  background:
  url("../images/bg_title_01.png") repeat center top;
}
.nav-items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/* ナビのリンク */

.nav__items li {
  list-style-type: none;
}
.navtitle {
  width: 25%;
  margin-top: 8%;
  margin-left: auto;
  margin-right: auto;
}
.nav-01 {
  width: 80%;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
}
.nav-02 {
  width: 80%;
  margin-top: 8%;
  margin-left: auto;
  margin-right: auto;
}
.nav-03 {
  width: 80%;
  margin-top: 8%;
  margin-left: auto;
  margin-right: auto;
}
.nav-04 {
  width: 80%;
  margin-top: 8%;
  margin-left: auto;
  margin-right: auto;
}
.nav-05 {
  width: 80%;
  margin-top: 8%;
  margin-left: auto;
  margin-right: auto;
}

/* ハンバーガーメニュー */

.header__hamburger {
  width: 40px;
  height: 100%;
}
.hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9998;
}

/* ハンバーガーメニューの線 */
.hamburger span {
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: relative;
  transition: ease .4s;
  display: block;
}
.hamburger span:nth-child(1) {
  top: 0;
}
.hamburger span:nth-child(2) {
  margin: 6px 0;
}
.hamburger span:nth-child(3) {
  top: 0;
}

/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}
.hamburger.active span:nth-child(1) {
  top: 8px;
  transform: rotate(35deg);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  top: -8px;
  transform: rotate(-35deg);
}

}


/* ================================
    PC、Tablet用CSS
================================ */

@media (min-width:768px) {

/* campaign */
.campaign {
  width: 100%;
  height: 1370px;
  background:
  url("../images/pc_bg_01.png") no-repeat center top,
  url("../images/bg_campaign.png") repeat center top;
}
.campaign > .inner {
  width: 990px;
  height: 1370px;
  position: relative;
  margin: 0px auto;
}
.campaign-01 {
  position: absolute;
  left: 165px;
  top: 36px;
}
.campaign-02 {
  position: absolute;
  left: 45px;
  top: 228px;
}
.campaign-03 {
  position: absolute;
  left: 45px;
  top: 771px;
}
.btn-01 {
  position: absolute;
  left: 186px;
  top: 666px;
}
.btn-02 {
  position: absolute;
  left: 293px;
  top: 943px;
}

/* spot */
.spot {
  width: 100%;
  height: 935px;
  background:
  url("../images/pc_map.png") no-repeat center bottom;
}
.spot > .inner{
  width: 990px;
  height: 935px;
  position: relative;
  margin: 0px auto;
}
.happinessspot {
  position: absolute;
  left: 94px;
  top: 59px;
}
.btn-03 {
  position: absolute;
  left: 285px;
  top: 202px;
}

/* tobu */
.tobu {
  width: 100%;
  height: 1130px;
  background:
  url("../images/pc_bg_02.jpg") no-repeat center top;
}
.tobu > .inner {
  width: 990px;
  height: 1130px;
  position: relative;
  margin: 0px auto;
}
.tobu-st {
  position: absolute;
  left: 49px;
  top: 11px;
}
.slider1 {
  position: absolute;
  left: 263px;
  top: 194px;
  width: 450px;
  height: 325px;
}
.slider1 img {
  border-radius: 20px;
}
.slider1-copy {
  position: absolute;
  left: 289px;
  top: 179px;
}
.slider2 {
  position: absolute;
  left: 359px;
  top: 802px;
  width: 380px;
  height: 255px;
}
.slider2 img {
  border-radius: 20px;
}
.slider2-copy {
  position: absolute;
  left: 382px;
  top: 786px;
}
.tobu-service {
  position: absolute;
  left: 713px;
  top: 68px;
}
.tobu-spot-01 {
  position: absolute;
  left: 63px;
  top: 223px;
}
.tobu-spot-02 {
  position: absolute;
  left: 800px;
  top: 796px;
}
.tobu-copy-01 {
  position: absolute;
  left: 64px;
  top: 545px;
}
.tobu-copy-02 {
  position: absolute;
  left: 302px;
  top: 647px;
}
.tobu-copy-03 {
  position: absolute;
  left: 77px;
  top: 870px;
} 
.btn-04a {
  position: absolute;
  left: 64px;
  top: 649px;
}
.btn-04b {
  position: absolute;
  left: 77px;
  top: 1019px;
}

/* chubu */
.chubu {
  width: 100%;
  height: 1160px;
  background:
  url("../images/pc_bg_03.jpg") no-repeat center top;
}
.chubu > .inner {
  width: 990px;
  height: 1160px;
  position: relative;
  margin: 0px auto;
}
.chubu-st {
  position: absolute;
  left: 420px;
  top: 42px;
}
.slider3 {
  position: absolute;
  left: 291px;
  top: 225px;
  width: 450px;
  height: 325px;
}
.slider3 img {
  border-radius: 20px;
}
.slider3-copy {
  position: absolute;
  left: 669px;
  top: 212px;
}
.slider4 {
  position: absolute;
  left: 283px;
  top: 789px;
  width: 380px;
  height: 255px;
}
.slider4 img {
  border-radius: 20px;
}
.slider4-copy {
  position: absolute;
  left: 300px;
  top: 767px;
}
.chubu-service {
  position: absolute;
  left: 25px;
  top: 139px;
}
.chubu-spot-01 {
  position: absolute;
  left: 799px;
  top: 215px;
}
.chubu-spot-02 {
  position: absolute;
  left: 47px;
  top: 817px;
}
.chubu-copy-01 {
  position: absolute;
  left: 326px;
  top: 576px;
}
.chubu-copy-02 {
  position: absolute;
  left: 702px;
  top: 891px;
}
.btn-05 {
  position: absolute;
  left: 326px;
  top: 674px;
}
.btn-06 {
  position: absolute;
  left: 563px;
  top: 674px;
}
.btn-07 {
  position: absolute;
  left: 498px;
  top: 1057px;
}
.btn-08 {
  position: absolute;
  left: 498px;
  top: 1129px;
}

/* seibu */
.seibu {
  width: 100%;
  height: 1160px;
  background:
  url("../images/pc_bg_04.jpg") no-repeat center top;
}
.seibu > .inner{
  width: 990px;
  height: 1160px;
  position: relative;
  margin: 0px auto;
}
.seibu-st {
  position: absolute;
  left: 49px;
  top: 66px;
}
.slider5 {
  position: absolute;
  left: 263px;
  top: 249px;
  width: 450px;
  height: 325px;
}
.slider5 img {
  border-radius: 20px;
}
.slider5-copy {
  position: absolute;
  left: 289px;
  top: 232px;
}
.slider6 {
  position: absolute;
  left: 359px;
  top: 832px;
  width: 380px;
  height: 255px;
}
.slider6 img {
  border-radius: 20px;
}
.slider6-copy {
  position: absolute;
  left: 685px;
  top: 802px;
}
.seibu-service {
  position: absolute;
  left: 713px;
  top: 104px;
}
.seibu-spot-01 {
  position: absolute;
  left: 63px;
  top: 278px;
}
.seibu-spot-02 {
  position: absolute;
  left: 820px;
  top: 826px;
}
.seibu-copy-01 {
  position: absolute;
  left: 64px;
  top: 600px;
}
.seibu-copy-02 {
  position: absolute;
  left: 77px;
  top: 856px;
}
.btn-09a {
  position: absolute;
  left: 68px;
  top: 704px;
}
.btn-09b {
  position: absolute;
  left: 77px;
  top: 1006px;
}
.btn-10 {
  position: absolute;
  left: 299px;
  top: 704px;
}
.btn-11 {
  position: absolute;
  left: 77px;
  top: 1058px;
}

/* hokubu */
.hokubu {
  width: 100%;
  height: 1170px;
  background:
  url("../images/pc_bg_05.jpg") no-repeat center top;
}
.hokubu > .inner {
  width: 990px;
  height: 1170px;
  position: relative;
  margin: 0px auto;
}
.hokubu-st {
  position: absolute;
  left: 431px;
  top: 42px;
}
.slider7 {
  position: absolute;
  left: 291px;
  top: 224px;
  width: 450px;
  height: 325px;
}
.slider7 img {
  border-radius: 20px;
}
.slider7-copy {
  position: absolute;
  left: 677px;
  top: 212px;
}
.slider8 {
  position: absolute;
  left: 285px;
  top: 782px;
  width: 380px;
  height: 255px;
}
.slider8 img {
  border-radius: 20px;
}
.slider8-copy {
  position: absolute;
  left: 304px;
  top: 766px;
}
.hokubu-service {
  position: absolute;
  left: 24px;
  top: 99px;
}
.hokubu-spot-01 {
  position: absolute;
  left: 795px;
  top: 253px;
}
.hokubu-spot-02 {
  position: absolute;
  left: 54px;
  top: 785px;
}
.hokubu-copy-01 {
  position: absolute;
  left: 340px;
  top: 576px;
}
.hokubu-copy-02 {
  position: absolute;
  left: 709px;
  top: 786px;
}
.hokubu-copy-03 {
  position: absolute;
  left: 177px;
  top: 1091px;
} 
.btn-12a {
  position: absolute;
  left: 663px;
  top: 573px;
}
.btn-12b {
  position: absolute;
  left: 709px;
  top: 928px;
}
.btn-13 {
  position: absolute;
  left: 663px;
  top: 625px;
}
.btn-14 {
  position: absolute;
  left: 709px;
  top: 983px;
}

/* arrows */
.slider-arrow {
  display: block;
  width: 25px;
  height: 25px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10; 
}
.prev-arrow1, .prev-arrow5 {
  position: absolute;
  left: -33px;
  top: 300px;
}
.next-arrow1, .next-arrow5 {
  position: absolute;
  left: -33px;
  top: 265px;
}
.prev-arrow2, .prev-arrow6 {
  position: absolute;
  left: 387px;
  top: 230px;
}
.next-arrow2, .next-arrow6 {
  position: absolute;
  left: 387px;
  top: 195px;
}
.prev-arrow3, .prev-arrow7 {
  position: absolute;
  left: 458px;
  top: 300px;
}
.next-arrow3, .next-arrow7 {
  position: absolute;
  left: 458px;
  top: 265px;
}
.prev-arrow4, .prev-arrow8 {
  position: absolute;
  left: -32px;
  top: 230px;
}
.next-arrow4, .next-arrow8 {
  position: absolute;
  left: -32px;
  top: 195px;
}
.prev-arrow1:hover, .prev-arrow1:focus, .next-arrow1:hover, .next-arrow1:focus, .prev-arrow2:hover, .prev-arrow2:focus, .next-arrow2:hover, .next-arrow2:focus, .prev-arrow3:hover, .prev-arrow3:focus, .next-arrow3:hover, .next-arrow3:focus, .prev-arrow4:hover, .prev-arrow4:focus, .next-arrow4:hover, .next-arrow4:focus, .prev-arrow5:hover, .prev-arrow5:focus, .next-arrow5:hover, .next-arrow5:focus, .prev-arrow6:hover, .prev-arrow6:focus, .next-arrow6:hover, .next-arrow6:focus, .prev-arrow7:hover, .prev-arrow7:focus, .next-arrow7:hover, .next-arrow7:focus, .prev-arrow8:hover, .prev-arrow8:focus, .next-arrow8:hover, .next-arrow8:focus {
  color: transparent;
  outline: none;
  background: transparent;
  opacity: .7;
}

/* gourmet */
.gourmet {
  width: 100%;
  height: 1010px;
  background:
  url("../images/pc_bg_07.png") no-repeat center top,
  url("../images/pc_bg_06.jpg") repeat center top;
}
.gourmet > .inner {
  width: 990px;
  height: 1010px;
  position: relative;
  margin: 0px auto;
}
.gourmet-st {
  position: absolute;
  left: 39px;
  top: 25px;
}
.gourmet-01 {
  position: absolute;
  left: 244px;
  top: 35px;
}
.gourmet-02 {
  position: absolute;
  left: 618px;
  top: 93px;
}
.gourmet-03 {
  position: absolute;
  left: 244px;
  top: 494px;
}
.gourmet-04 {
  position: absolute;
  left: 618px;
  top: 552px;
}
.btn-15a {
  position: absolute;
  left: 348px;
  top: 422px;
}
.btn-15b {
  position: absolute;
  left: 722px;
  top: 480px;
}
.btn-15c {
  position: absolute;
  left: 348px;
  top: 881px;
}
.btn-15d {
  position: absolute;
  left: 722px;
  top: 939px;
}

/* ftbtn */
.ftbtn {
  width: 100%;
  height: 235px;
  background-color: #141246;
}
.ftbtn > .inner {
  width: 990px;
  height: 235px;
  position: relative;
  margin: 0px auto;
}
.yoyaku {
  position: absolute;
  left: 224px;
  top: 0px;
}
.btn-16 {
  position: absolute;
  left: 13px;
  top: 96px;
}
.btn-17 {
  position: absolute;
  left: 340px;
  top: 96px;
}
.btn-18 {
  position: absolute;
  left: 667px;
  top: 96px;
}

}


/* ================================
    SP用CSS
================================ */

@media (max-width:767px) {

body {
  padding-bottom: 11%;
}

#top img {
  width: 48px;
}

img { 
  max-width: 100%;
}

a img:hover { 
  opacity: 0.7;
}

/* campaign */
.campaign {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(3200 / 768 * 100vw, 3200px);
  line-height: 0;
  background:
  url("../images/sp_bg_01.png") repeat-y center top,
  url("../images/bg_campaign.png") repeat center top;
  background-size: cover;
}
.campaign-01 {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5.3%;
}
.campaign-02 {
  width: 91.2%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}
.campaign-03 {
  width: 91.2%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.9%;
}
.btn-01 {
  position: absolute;
  width: 78%;
  left: min(84 / 768 * 100vw, 84px);
  top: min(1549 / 768 * 100vw, 1549px);
}
.btn-02 {
  position: absolute;
  width: 82.6%;
  left: min(67 / 768 * 100vw, 67px);
  top: min(2143 / 768 * 100vw, 2143px);
}

/* spot */
.spot {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(1100 / 768 * 100vw, 1100px);
  line-height: 0;
  background:
  url("../images/sp_map.png") no-repeat center bottom;
  background-size: 100% auto;
}
.happinessspot {
  width: 66.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6%;
}
.btn-03 {
  width: 77%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}  

/* tobu */
.tobu {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(3610 / 768 * 100vw, 3610px);
  line-height: 0;
  background:
  url("../images/sp_bg_02.jpg") no-repeat center top;
  background-size: cover;
}
.tobu-st {
  width: 89%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.3%;
}
.slider1 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7.3%;
}
.slider1-copy {
  position: absolute;
  width: 13.7%;
  left: min(64 / 768 * 100vw, 64px);
  top: min(266 / 768 * 100vw, 266px);
}
.slider2 {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16%;
}
.slider2 img {
  border-radius: 30px;
}
.slider2-copy {
  position: absolute;
  width: 11.2%;
  left: min(94 / 768 * 100vw, 94px);
  top: min(2400 / 768 * 100vw, 2400px);
}
.tobu-service {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.2%;
}
.tobu-spot-01 {
  width: 51%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11.6%;
}
.tobu-spot-02 {
  width: 69.3%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11.6%;
}
.tobu-copy-01 {
  width: 80.6%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.3%;
}
.tobu-copy-02 {
  width: 83.1%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4.5%;
}
.tobu-copy-03 {
  width: 80.6%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.3%;
} 
.btn-04a {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6%;
}
.btn-04b {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6%;
 }

/* chubu */
.chubu {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(3756 / 768 * 100vw, 3756px);
  line-height: 0;
  background:
  url("../images/sp_bg_03.jpg") no-repeat center top;
  background-size: cover;
}
.chubu-st {
  width: 85.2%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5.9%;
}
.slider3 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8.5%;
}
.slider3-copy {
  position: absolute;
  width: 13.7%;
  left: min(611 / 768 * 100vw, 611px);
  top: min(290 / 768 * 100vw, 290px);
}
.slider4 {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11.5%;
}
.slider4 img {
  border-radius: 30px;
}
.slider4-copy {
  position: absolute;
  width: 11.2%;
  left: min(95 / 768 * 100vw, 95px);
  top: min(2353 / 768 * 100vw, 2353px);
}
.chubu-service {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.5%;
}
.chubu-spot-01 {
  width: 77%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10.9%;
}
.chubu-spot-02 {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11.6%;
}
.chubu-copy-01 {
  width: 82.9%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.2%;
}
.chubu-copy-02 {
  width: 80.6%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.2%;
}
.btn-05 {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.3%;
}
.btn-06 {
  width: 75.3%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.9%;
}
.btn-07 {
  width: 78%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.5%;
}
.btn-08 {
  width: 78%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.9%;
}

/* seibu */
.seibu {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(3456 / 768 * 100vw, 3456px);
  line-height: 0;
  background:
  url("../images/sp_bg_04.jpg") no-repeat center top;
  background-size: cover;
}
.seibu-st {
  width: 87.8%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.3%;
}
.slider5 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7.4%;
}
.slider5-copy {
  position: absolute;
  width: 13.7%;
  left: min(64 / 768 * 100vw, 64px);
  top: min(266 / 768 * 100vw, 266px);
}
.slider6 {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.9%;
}
.slider6 img {
  border-radius: 30px;
}
.slider6-copy {
  position: absolute;
  width: 11.2%;
  left: min(575 / 768 * 100vw, 575px);
  top: min(2197 / 768 * 100vw, 2197px);
}
.seibu-service {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.4%;
}
.seibu-spot-01 {
  width: 51%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11.6%;
}
.seibu-spot-02 {
  width: 51%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11.6%;
}
.seibu-copy-01 {
  width: 80.6%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4.8%;
}
.seibu-copy-02 {
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.5%;
}
.btn-09a {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.6%;
}
.btn-09b {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.6%;
}
.btn-10 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.8%;
}
.btn-11 {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.8%;
}

/* hokubu */
.hokubu {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(3855 / 768 * 100vw, 3855px);
  line-height: 0;
  background:
  url("../images/sp_bg_05.jpg") no-repeat center top;
  background-size: cover;
}
.hokubu-st {
  width: 85.2%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5.9%;
}
.slider7 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8.3%;
}
.slider7-copy {
  position: absolute;
  width: 13.7%;
  left: min(613 / 768 * 100vw, 613px);
  top: min(290 / 768 * 100vw, 290px);
}
.slider8 {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16%;
}
.slider8 img {
  border-radius: 30px;
}
.slider8-copy {
  position: absolute;
  width: 11.2%;
  left: min(92 / 768 * 100vw, 92px);
  top: min(2355 / 768 * 100vw, 2355px);
}
.hokubu-service {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.1%;
}
.hokubu-spot-01 {
  width: 56.3%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10.8%;
}
.hokubu-spot-02 {
  width: 66.7%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10.4%;
}
.hokubu-copy-01 {
  width: 75.3%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}
.hokubu-copy-02 {
  width: 77.9%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}
.hokubu-copy-03 {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10.8%;
} 
.btn-12a {
  width: 58.6%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.2%;
}
.btn-12b {
  width: 58.6%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9.5%;
}
.btn-13 {
  width: 68%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4%;
}
.btn-14 {
  width: 84.1%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4%;
}

/* arrows */
.slider-arrow {
  display: block;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10; 
}
.prev-arrow1, .prev-arrow3, .prev-arrow5, .prev-arrow7 {
  position: absolute;
  width: 5.5%;
  left: min(294 / 768 * 100vw, 294px);
  top: min(618 / 768 * 100vw, 618px);
}
.next-arrow1, .next-arrow3, .next-arrow5, .next-arrow7 {
  position: absolute;
  width: 5.5%;
  right: min(294 / 768 * 100vw, 294px);
  top: min(618 / 768 * 100vw, 618px);
}
.prev-arrow2, .prev-arrow4, .prev-arrow6, .prev-arrow8 {
  position: absolute;
  width: 6.7%;
  left: min(226 / 768 * 100vw, 226px);
  top: min(458 / 768 * 100vw, 458px);
}
.next-arrow2, .next-arrow4, .next-arrow6, .next-arrow8 {
  position: absolute;
  width: 6.7%;
  right: min(226 / 768 * 100vw, 226px);
  top: min(458 / 768 * 100vw, 458px);
}
.prev-arrow1:hover, .prev-arrow1:focus, .next-arrow1:hover, .next-arrow1:focus, .prev-arrow2:hover, .prev-arrow2:focus, .next-arrow2:hover, .next-arrow2:focus, .prev-arrow3:hover, .prev-arrow3:focus, .next-arrow3:hover, .next-arrow3:focus, .prev-arrow4:hover, .prev-arrow4:focus, .next-arrow4:hover, .next-arrow4:focus, .prev-arrow5:hover, .prev-arrow5:focus, .next-arrow5:hover, .next-arrow5:focus, .prev-arrow6:hover, .prev-arrow6:focus, .next-arrow6:hover, .next-arrow6:focus, .prev-arrow7:hover, .prev-arrow7:focus, .next-arrow7:hover, .next-arrow7:focus, .prev-arrow8:hover, .prev-arrow8:focus, .next-arrow8:hover, .next-arrow8:focus {
  color: transparent;
  outline: none;
  background: transparent;
  opacity: .7;
}

/* gourmet */
.gourmet {
  position: relative;
  width: 100%;
  max-width: 768px;
  height: min(3170 / 768 * 100vw, 3170px);
  line-height: 0;
  overflow: hidden;
  background:
  url("../images/sp_bg_06.jpg") no-repeat center top;
  background-size: cover;
}
.gourmet-st {
  width: 78%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11.8%;
}
.gourmet-01 {
  position: absolute;
  width: 84.8%;
  left: min(87 / 768 * 100vw, 87px);
  top: min(506 / 768 * 100vw, 506px);
}
.gourmet-02 {
  position: absolute;
  width: 84.8%;
  left: min(30 / 768 * 100vw, 30px);
  top: min(1140 / 768 * 100vw, 1140px);
}
.gourmet-03 {
  position: absolute;
  width: 84.8%;
  left: min(87 / 768 * 100vw, 87px);
  top: min(1774 / 768 * 100vw, 1774px);
}
.gourmet-04 {
  position: absolute;
  width: 84.8%;
  left: min(30 / 768 * 100vw, 30px);
  top: min(2408 / 768 * 100vw, 2408px);
}
.btn-15a {
  position: absolute;
  width: 47.8%;
  left: min(227 / 768 * 100vw, 227px);
  top: min(1016 / 768 * 100vw, 1016px);
}
.btn-15b {
  position: absolute;
  width: 47.8%;
  left: min(170 / 768 * 100vw, 170px);
  top: min(1650 / 768 * 100vw, 1650px);
}
.btn-15c {
  position: absolute;
  width: 47.8%;
  left: min(227 / 768 * 100vw, 227px);
  top: min(2284 / 768 * 100vw, 2284px);
}
.btn-15d {
  position: absolute;
  width: 47.8%;
  left: min(170 / 768 * 100vw, 170px);
  top: min(2998 / 768 * 100vw, 2998px);
}



/* ftbtn */
.ftbtn {
  width: 100%;
  padding-bottom: 10%;
  line-height: 0;
  background-color: #141246;
}
.yoyaku {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.btn-16 {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}
.btn-17 {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}
.btn-18 {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}

.ftbanner {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
	bottom: 0;
  left: 50%;
  transform: translateX(-50%);
	z-index: 998;
}

}


.titlebase .wow {
  visibility: hidden;
}