.loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  background-color: #fff;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.loader__obj, .loader__obj:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader__obj {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #9b7a3e;
  border-right: 1.1em solid #9b7a3e;
  border-bottom: 1.1em solid #9b7a3e;
  border-left: 1.1em solid #f4b331;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mv {
  position: relative;
  width: 100%;
  height: 818px;
  background-color: #000;
  background-image: url(../images/bg_line-bottom.jpg), url(../images/bg_line-top.jpg), url(../images/bg.jpg);
  background-position: bottom left, top left, top left;
  background-repeat: repeat-x, repeat-x, repeat;
  background-size: 1px auto, 1px auto, auto;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .mv {
    height: 112.5333333333vw;
    background-size: auto 22px, auto 22px, auto;
  }
}
.mv__logo {
  position: absolute;
  top: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 204px;
}
@media only screen and (max-width: 767px) {
  .mv__logo {
    top: 7.7333333333vw;
    width: 34.6666666667vw;
  }
}
.mv__bg {
  position: absolute;
  top: 150px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1132px;
}
@media only screen and (max-width: 767px) {
  .mv__bg {
    width: 100%;
    top: 24vw;
  }
}
.mv__bg > img {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
.mv__title {
  position: absolute;
  top: 140px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1077px;
}
@media only screen and (max-width: 767px) {
  .mv__title {
    width: 100%;
    top: 26.6666666667vw;
  }
}
.mv__title > img {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
.mv__chara {
  width: 540px;
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .mv__chara {
    width: 50.6666666667vw;
    bottom: 14.6666666667vw;
  }
}
.mv__chara > img {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
.mv__item {
  position: absolute;
  bottom: 0;
  right: -146px;
  width: 599px;
}
@media only screen and (max-width: 767px) {
  .mv__item {
    width: 66.6666666667vw;
    right: -5.3333333333vw;
  }
}
.mv__item > img {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}

.tour {
  overflow: hidden;
}
.tour__intro {
  padding-top: 75px;
  padding-bottom: 75px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .tour__intro {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
.tour__intro__obj {
  position: absolute;
}
.tour__intro__obj[data-pos=left] {
  top: -20px;
  left: 0px;
  width: 226px;
}
@media only screen and (max-width: 767px) {
  .tour__intro__obj[data-pos=left] {
    top: -5.3333333333vw;
    width: 21.6vw;
  }
}
.tour__intro__obj[data-pos=right] {
  top: -60px;
  right: -90px;
  width: 346px;
}
@media only screen and (max-width: 767px) {
  .tour__intro__obj[data-pos=right] {
    top: -5.3333333333vw;
    width: 24vw;
    right: 0;
  }
}
.tour__intro__title {
  width: 310px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .tour__intro__title {
    width: 40vw;
    margin-bottom: 5.3333333333vw;
  }
}
.tour__intro__desc {
  font-size: 2.6rem;
  line-height: 1.7692307692;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .tour__intro__desc {
    font-size: 2rem;
    line-height: 1.4;
  }
}
.tour__flow__lgFlow {
  background-image: url(../images/bg.jpg);
  padding-top: 75px;
  padding-bottom: 75px;
}
.tour__flow__lgFlow__wrap {
  position: relative;
}
.tour__flow__lgFlow__wrap__shadow {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.tour__flow__lgFlow__wrap__map {
  width: 100%;
  position: relative;
  z-index: 2;
}
.tour__flow__lgFlow__wrap__map > img {
  max-width: none;
  width: 100%;
}
.tour__flow__lgFlow__wrap__texts {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.tour__flow__lgFlow__wrap__texts > img {
  max-width: none;
  width: 100%;
}
.tour__flow__lgFlow__wrap__title {
  position: absolute;
  width: 485px;
  top: 0;
  right: 0;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__title > img {
  max-width: none;
  width: 100%;
}
.tour__flow__lgFlow__wrap__movieFrame01 {
  position: absolute;
  width: 574px;
  top: 980px;
  right: 210px;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__movieFrame02 {
  position: absolute;
  width: 424px;
  top: 1430px;
  right: 0;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__movieFrame03 {
  position: absolute;
  width: 431px;
  top: 1960px;
  right: 440px;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__movie01 {
  position: absolute;
  width: 365px;
  top: 1010px;
  right: 390px;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__movie02 {
  position: absolute;
  width: 365px;
  top: 1505px;
  right: 30px;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__movie03 {
  position: absolute;
  width: 365px;
  top: 2045px;
  right: 475px;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__chara01 {
  position: absolute;
  top: 900px;
  left: 20px;
  width: 238px;
  height: 325px;
  background-image: url(../images/tour_flow_chara01-min.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__chara01:hover {
  background-image: url(../images/tour_flow_chara01_hover-min.png);
}
.tour__flow__lgFlow__wrap__chara02 {
  position: absolute;
  top: 1480px;
  left: 170px;
  width: 453px;
  height: 230px;
  background-image: url(../images/tour_flow_chara02-min.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__chara02:hover {
  background-image: url(../images/tour_flow_chara02_hover-min.png);
}
.tour__flow__lgFlow__wrap__chara03 {
  position: absolute;
  top: 1950px;
  left: 590px;
  width: 348px;
  height: 345px;
  background-image: url(../images/tour_flow_chara03-min.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: 4;
}
.tour__flow__lgFlow__wrap__chara03:hover {
  background-image: url(../images/tour_flow_chara03_hover-min.png);
}
.tour__flow__lgFlow__complete {
  width: 677px;
  margin-left: auto;
  margin-right: auto;
}
.tour__flow__xsFlow {
  background-image: url(../images/bg.jpg);
  padding-top: 5.3333333333vw;
  padding-bottom: 5.3333333333vw;
}
.tour__flow__xsFlow__wrap {
  position: relative;
}
.tour__flow__xsFlow__wrap__shadow {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.tour__flow__xsFlow__wrap__shadow > img {
  max-width: none;
  width: 100%;
}
.tour__flow__xsFlow__wrap__map {
  width: 100%;
  position: relative;
  z-index: 2;
}
.tour__flow__xsFlow__wrap__map > img {
  max-width: none;
  width: 100%;
}
.tour__flow__xsFlow__wrap__texts {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.tour__flow__xsFlow__wrap__texts > img {
  max-width: none;
  width: 100%;
}
.tour__flow__xsFlow__wrap__title {
  width: 38.4vw;
  position: absolute;
  top: -2.6666666667vw;
  right: 4vw;
  z-index: 3;
}
.tour__flow__xsFlow__wrap__title > img {
  max-width: none;
  width: 100%;
}
.tour__flow__xsFlow__wrap__movieFrame01 {
  position: absolute;
  width: 34.1333333333vw;
  top: 73.3333333333vw;
  left: 29.3333333333vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__movieFrame02 {
  position: absolute;
  width: 27.0666666667vw;
  top: 109.3333333333vw;
  right: 2.6666666667vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__movieFrame03 {
  position: absolute;
  width: 27.0666666667vw;
  top: 145.3333333333vw;
  left: 1.3333333333vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__movie01 {
  position: absolute;
  width: 24.1333333333vw;
  top: 75.2vw;
  left: 30.6666666667vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__movie02 {
  position: absolute;
  width: 24.1333333333vw;
  top: 114.1333333333vw;
  right: 4.2666666667vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__movie03 {
  position: absolute;
  width: 24.1333333333vw;
  top: 150.1333333333vw;
  left: 2.6666666667vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__chara01 {
  position: absolute;
  top: 60.2666666667vw;
  left: 4vw;
  width: 25.6vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__chara02 {
  position: absolute;
  top: 108.2666666667vw;
  left: 29.3333333333vw;
  width: 40vw;
  z-index: 4;
}
.tour__flow__xsFlow__wrap__chara03 {
  position: absolute;
  top: 148.2666666667vw;
  left: 30.6666666667vw;
  width: 45.3333333333vw;
  z-index: 4;
}
.tour__flow__xsFlow__complete {
  width: 51.4666666667vw;
  margin-left: auto;
  margin-right: auto;
}
.tour__result {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .tour__result {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
}
.tour__result__obj {
  width: 103px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .tour__result__obj {
    width: 8vw;
  }
}
.tour__result__obj[data-pos=left] {
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tour__result__obj[data-pos=right] {
  right: 0;
  -webkit-transform: translateY(-50%) scale(-1, 1);
          transform: translateY(-50%) scale(-1, 1);
}
.tour__result__title {
  width: 686px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .tour__result__title {
    width: 75.7333333333vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.3333333333vw;
  }
}
.tour__result__fig {
  width: 706px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .tour__result__fig {
    width: 58.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.tour__result__copy {
  font-size: 4.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .tour__result__copy {
    font-size: 2rem;
    margin-bottom: 5.3333333333vw;
  }
}
.tour__result__desc {
  font-size: 2.6rem;
  line-height: 1.7692307692;
  font-weight: bold;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .tour__result__desc {
    font-size: 1.6rem;
    margin-bottom: 10.6666666667vw;
  }
}
.tour__result__btn {
  width: 340px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .tour__result__btn {
    width: 76vw;
  }
}

.series {
  background-color: #fffde5;
  background-image: url(../images/bg_line-bottom.jpg), url(../images/bg_line-top.jpg);
  background-position: bottom left, top left;
  background-repeat: repeat-x, repeat-x;
  background-size: 1px auto, 1px auto;
  padding-top: 30px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .series {
    padding-top: 8vw;
    padding-bottom: 22.4vw;
    background-size: auto 22px, auto 22px;
  }
}
.series__title {
  width: 861px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .series__title {
    width: 100%;
    margin-bottom: 8vw;
  }
}
.series__itemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .series__itemList {
    display: block;
    width: 88vw;
    margin-bottom: 18.6666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.series__itemList__item {
  width: 420px;
  margin-left: 80px;
}
@media only screen and (max-width: 767px) {
  .series__itemList__item {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.series__itemList__item:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .series__itemList__item:first-child {
    margin-left: auto;
    margin-bottom: 13.3333333333vw;
  }
}
.series__itemList__item__name {
  font-size: 2.6rem;
  line-height: 1.7692307692;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .series__itemList__item__name {
    font-size: 2rem;
    margin-bottom: 2.6666666667vw;
  }
}
.series__itemList__item__fig {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .series__itemList__item__fig {
    margin-bottom: 2.6666666667vw;
  }
}
.series__itemList__item__desc {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .series__itemList__item__desc {
    font-size: 1.5rem;
    margin-bottom: 5.3333333333vw;
  }
}
.series__column {
  width: 522px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .series__column {
    width: 100%;
  }
}
.series__column:hover {
  opacity: 0.7 !important;
}

.pageScroller {
  display: block;
  width: 82px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}
@media only screen and (max-width: 767px) {
  .pageScroller {
    width: 50px;
    right: 10px;
    bottom: 30px;
  }
}
.pageScroller.active {
  opacity: 1;
  visibility: visible;
}
.pageScroller:hover {
  opacity: 0.7;
}
/*# sourceMappingURL=index.css.map */