.is-Cookie {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.tmp_loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 13;
  background: #070a04;
}
.tmp_loading.opacity {
  background: rgba(7, 10, 4, 0.5);
  -webkit-transition: 2s background-color ease-in-out;
  transition: 2s background-color ease-in-out;
}
.tmp_loading .img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-bottom: 0;
  z-index: 2;
  display: none;
}
@media only screen and (min-width: 1441px) {
  .tmp_loading .img {
    width: calc(160 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_loading .img {
    width: calc(160 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_loading .img {
    width: calc(160 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_loading .img {
    width: calc(240 / 768 * 100%);
  }
}
html:not(.ie) .tmp_loading .img {
  -webkit-transition: 1s -webkit-filter ease-in-out;
  transition: 1s -webkit-filter ease-in-out;
  transition: 1s filter ease-in-out;
  transition: 1s filter ease-in-out, 1s -webkit-filter ease-in-out;
}
html:not(.ie) .tmp_loading .img.blur {
  -webkit-filter: blur(6px);
          filter: blur(6px);
}
.ie .tmp_loading .img {
  width: 250px;
  height: 250px;
}
.ie .tmp_loading .img svg image {
  -webkit-transition: 1s -webkit-filter ease-in-out;
  transition: 1s -webkit-filter ease-in-out;
  transition: 1s filter ease-in-out;
  transition: 1s filter ease-in-out, 1s -webkit-filter ease-in-out;
}
.tmp_loading .img:not(.blur) svg image {
  -webkit-filter: none !important;
          filter: none !important;
}
html:not(.ie) .tmp_loading .inn_img {
  display: block;
  padding-top: calc(248 / 259 * 100%);
  position: relative;
  overflow: hidden;
}
html:not(.ie) .tmp_loading .inn_img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ie .tmp_loading .inn_img {
  display: block;
  width: 200px;
  height: 191.50579px;
  padding: 25px;
}
.ie .tmp_loading .inn_img svg {
  width: 100%;
  height: 100%;
}

.con_fv {
  overflow: hidden;
  position: relative;
  background-color: #000;
}
@media only screen and (min-width: 768px) {
  .con_fv {
    height: 85vh;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv {
    height: 100vh;
  }
}
.con_fv .video_area {
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_fv .video_area {
    height: auto;
    width: 250%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .con_fv .video_area::before, .con_fv .video_area:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 20%;
    display: block;
    z-index: 1;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(black), color-stop(70%, transparent));
    background: linear-gradient(var(--deg), black, transparent 70%);
  }
  .con_fv .video_area::before {
    --deg: 180deg;
    top: -2px;
  }
  .con_fv .video_area::after {
    --deg: 0deg;
    bottom: -2px;
  }
}
.con_fv .video_area video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fv .video_area video {
    width: auto !important;
    height: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv .video_area video {
    vertical-align: bottom;
    position: relative;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    top: auto;
    left: auto;
  }
}
.con_fv .img_area {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_fv .img_area {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv .img_area {
    height: 100vh;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv .img_area {
    position: relative;
    overflow: hidden;
  }
}
.con_fv .img_area .slide, .con_fv .img_area .slick-list, .con_fv .img_area .slick-track {
  height: 100%;
}
.con_fv .img_area .img {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.con_fv .tmp_slide {
  height: 100%;
}
.con_fv .tmp_movie_start {
  position: absolute;
  bottom: 4.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.con_fv .tmp_slide_option {
  position: absolute;
  bottom: 1.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.con_fv .sound {
  position: absolute;
  top: 50%;
  right: calc(15 / 1920 * 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  display: none;
}
@media only screen and (max-width: 767px) {
  .con_fv .sound {
    display: none !important;
  }
}
.con_fv .sound .inner {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #cdcdcd;
}
.mouse .con_fv .sound .inner {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.con_fv .sound .inner:hover, .con_fv .sound .inner:focus {
  opacity: .7;
}
@media only screen and (max-width: 1024px) {
  .con_fv .sound .inner:hover, .con_fv .sound .inner:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
}
.con_fv .sound .ic {
  display: block;
  width: 2em;
  font-size: 20px;
  line-height: 1;
  margin-right: 0;
  margin-left: auto;
}
.con_fv .sound .ic i:first-of-type {
  display: none;
}
.con_fv .sound .ic i:last-of-type {
  display: block;
}
.con_fv .sound .en {
  display: block;
  margin-top: .5em;
  font-size: 80%;
  line-height: 1;
  cursor: pointer;
}
.con_fv .sound .en em {
  font-style: normal;
}
.con_fv .sound .en em:first-of-type {
  display: none;
}
.con_fv .sound .en em:last-of-type {
  display: block;
}
.con_fv .sound.is-muted .ic i:first-of-type {
  display: block;
}
.con_fv .sound.is-muted .ic i:last-of-type {
  display: none;
}
.con_fv .sound.is-muted .en em:first-of-type {
  display: block;
}
.con_fv .sound.is-muted .en em:last-of-type {
  display: none;
}

.wrp_imp {
  background-color: #070a04;
}

.con_imp {
  max-width: 1000px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5rem;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .con_imp {
    width: 88%;
  }
}
.con_imp .st_imp {
  margin-bottom: 1em;
  text-align: center;
  color: #fff;
}
.con_imp .box_imp a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --time: 12rem;
}
.con_imp .box_imp a time {
  width: var(--time);
  display: block;
}
.con_imp .box_imp a span {
  width: clac(100%-var(--time));
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.wrp_pick {
  background-color: #070a04;
  color: #fff;
}

.con_pick {
  max-width: 1425px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_pick {
    padding-top: calc(80 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .con_pick {
    padding-top: calc(80 * var(--base-margin-raito) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  .con_pick {
    padding-bottom: calc(80 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .con_pick {
    padding-bottom: calc(80 * var(--base-margin-raito) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .con_pick {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pick {
    display: block;
  }
}

.box_pick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.box_pick .slide {
  max-width: 350px;
  width: calc(1 / 4 * 100%);
}
.box_pick .slide a {
  color: inherit !important;
  display: block;
}
.mouse .box_pick .slide a {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.box_pick .slide a:hover, .box_pick .slide a:focus {
  opacity: .7;
}
@media only screen and (max-width: 1024px) {
  .box_pick .slide a:hover, .box_pick .slide a:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
}
.box_pick .slide a .inner {
  padding-left: 1em;
  display: block;
}
.box_pick .slide a .inner .img {
  display: block;
}
.box_pick .slide a .inner .img img {
  width: 100%;
}
.box_pick .slide a .inner time {
  display: block;
  padding: .5em 0;
}
.box_pick .slide a .inner .txt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}

.con_bestrate {
  background: url(../images/home/bg_bestrate.jpg) no-repeat center;
  background-size: cover;
  color: #cdcdcd;
}
@media only screen and (min-width: 1025px) {
  .con_bestrate {
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bestrate {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_bestrate {
    min-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bestrate {
    min-width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate {
    min-width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_bestrate {
    padding: 20px 15px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bestrate {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate {
    padding: 2em 5%;
  }
}
.con_bestrate .bestrate {
  text-align: center;
  height: 45px;
}
@media only screen and (min-width: 768px) {
  .con_bestrate .bestrate {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate .bestrate {
    margin-bottom: 0.75em;
  }
}
.con_bestrate .bestrate > span {
  display: inline-block;
  height: 100%;
  color: #b3a979;
  line-height: 45px;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_bestrate .bestrate > span {
    font-size: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bestrate .bestrate > span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate .bestrate > span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .con_bestrate .bestrate > span {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate .bestrate > span {
    padding-left: 50px;
  }
}
.con_bestrate .bestrate > span:before {
  content: "";
  width: 49px;
  height: 100%;
  background: url(../images/common/ic_bestrate.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.con_bestrate._before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .con_bestrate._before {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .con_bestrate._after {
    display: none;
  }
}
.con_bestrate .text, .con_bestrate .text_s {
  text-align: center;
}
.con_bestrate .text {
  letter-spacing: 0em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-bottom: 1.4em;
  font-size: 15px;
  line-height: 1.4;
}
.con_bestrate .text .color {
  color: #b1a04e;
}
.con_bestrate .text span {
  padding-bottom: .1em;
  border-bottom: 1px solid #eeeeee21;
}
@media only screen and (min-width: 768px) {
  .con_bestrate .text .note {
    font-size: 13.5px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate .text .note {
    font-size: 16px;
  }
}
.con_bestrate .text em {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-left: .1em;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .con_bestrate .text em {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate .text em {
    font-size: 25px;
  }
}
.con_bestrate .text_s {
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 13.5px;
  margin-bottom: 0;
  line-height: 1.3;
}
.con_bestrate .text_s span {
  font-family: 'EB Garamond', serif;
  font-weight: 300;
  margin-left: .1em;
}
@media only screen and (min-width: 768px) {
  .con_bestrate .text_s span {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bestrate .text_s span {
    font-size: 20px;
  }
}

.wrp_fv_info {
  background: #070a04;
  color: #cdcdcd;
}
@media only screen and (min-width: 768px) {
  .wrp_fv_info {
    padding: 18px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fv_info {
    padding: 1.5em 0;
  }
}

.con_fv_info {
  max-width: 1400px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_fv_info {
    width: 88%;
  }
}
.con_fv_info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .con_fv_info dl {
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
.con_fv_info dt {
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 400;
  position: relative;
  font-size: 16px;
}
@media only screen and (min-width: 1025px) {
  .con_fv_info dt {
    width: 355px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fv_info dt {
    width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dt {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fv_info dt {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fv_info dt {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dt {
    padding: 1em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fv_info dt {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fv_info dt {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dt {
    text-align: center;
    margin-bottom: .75em;
  }
}
.con_fv_info dt:after {
  width: 1px;
  height: 100%;
  background: #cdcdcd;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .con_fv_info dt:after {
    content: "";
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dt:after {
    content: none;
  }
}
.con_fv_info dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) {
  .con_fv_info dd {
    width: calc(100% - 355px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fv_info dd {
    width: calc(100% - 250px);
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dd {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fv_info dd {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fv_info dd {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dd {
    padding-left: 0;
  }
}
.con_fv_info dd span {
  display: block;
}
.con_fv_info dd .text {
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .con_fv_info dd .text {
    line-height: 1.42857;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dd .text {
    line-height: 2.1;
  }
}
@media only screen and (min-width: 768px) {
  .con_fv_info dd .text {
    width: calc(100%  - 4em - 2em);
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dd .text {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_fv_info dd .text {
    padding-right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dd .text {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_fv_info dd .box_btn {
    width: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dd .box_btn {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fv_info dd .box_btn {
    margin-top: 1.25em;
    text-align: center;
  }
}
.con_fv_info dd a {
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: inline-block;
  font-size: 14px;
  color: #cdcdcd;
  position: relative;
}
.con_fv_info dd a:hover:before, .con_fv_info dd a:focus:before {
  opacity: 0;
}
@media only screen and (max-width: 1024px) {
  .con_fv_info dd a:hover, .con_fv_info dd a:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
}
.con_fv_info dd a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #cdcdcd;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: .3s opacity ease-in;
  transition: .3s opacity ease-in;
}

.wrp_bnr {
  background: #070a04;
}
.wrp_bnr .con_bnr {
  margin: auto;
}
@media only screen and (min-width: 1025px) {
  .wrp_bnr .con_bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_bnr .con_bnr {
    max-width: 1400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_bnr .con_bnr {
    max-width: 98%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_bnr .con_bnr {
    max-width: 98%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_bnr .con_bnr {
    padding: 3em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_bnr .con_bnr {
    padding: 3em 0;
  }
}
@media only screen and (max-width: 1024px) {
  .wrp_bnr .con_bnr .item_bnr {
    margin-bottom: 1em;
    text-align: center;
  }
  .wrp_bnr .con_bnr .item_bnr:last-child {
    margin-bottom: 0;
  }
}

.wrp_intro {
  background: #070a04;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  .wrp_intro {
    min-height: 100vh;
    padding: 18em 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .wrp_intro {
    padding: 150px 0;
    height: auto !important;
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro {
    padding: 6em 0 8em;
    height: auto !important;
  }
}
.wrp_intro:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .wrp_intro:after {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro:after {
    height: 98%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_intro:after {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro:after {
    top: 2%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_intro:after {
    background-image: url(../images/home/bg_intro-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intro:after {
    background-image: url(../images/home/bg_intro-sp.jpg);
  }
}
.wrp_intro.lazyloaded:after {
  -webkit-transition: 1s opacity ease-in .5s;
  transition: 1s opacity ease-in .5s;
  opacity: 1;
}

.con_intro {
  max-width: 1024px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  color: #cdcdcd;
  position: relative;
  z-index: 2;
  opacity: 0;
  color: transparent;
  text-shadow: 0 0 10px #cdcdcd;
}
@media only screen and (max-width: 767px) {
  .con_intro {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .con_intro {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    display: block;
  }
}
.lazyloaded .con_intro.is-active {
  -webkit-transition: .5s opacity ease-in .75s , 1s color ease-in 1.25s , 1s text-shadow ease-in 1.25s;
  transition: .5s opacity ease-in .75s , 1s color ease-in 1.25s , 1s text-shadow ease-in 1.25s;
  opacity: 1;
  color: #cdcdcd;
  text-shadow: none;
}
.lazyloaded .con_intro.is-active h3 span em:before {
  -webkit-transition: 1s background-color ease-in 1.25s;
  transition: 1s background-color ease-in 1.25s;
  background: #cdcdcd;
}
.con_intro h3 {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .con_intro h3 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .con_intro h3 {
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro h3 {
    display: block;
    margin: 0 auto;
  }
}
.con_intro h3 > span {
  --zoom: 1;
  font-size: calc((40 / var(--base-font-size)) * var(--zoom) * 1em);
  display: block;
  line-height: calc(65 / 40);
  line-height: 1.5;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_intro h3 > span {
    --zoom: .7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro h3 > span {
    --zoom: .7;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro h3 > span {
    --zoom: .6;
  }
}
.con_intro h3 > span > span {
  display: block;
  border-bottom: 1px solid #cdcdcd;
}
@media only screen and (min-width: 768px) {
  .con_intro .box_text {
    margin-top: calc(40 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_text {
    margin-top: calc(40 * var(--base-margin-raito) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_text {
    text-align: center;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_text {
    margin-top: 1.5em;
  }
}
.con_intro .box_text p {
  line-height: calc(48 / 16);
}
@media only screen and (max-width: 767px) {
  .con_intro .box_text p {
    line-height: 2.5;
  }
}

.tmp_wrp_moveie {
  position: relative;
  background: #070a04;
}
@media only screen and (min-width: 768px) {
  .tmp_wrp_moveie {
    padding-bottom: calc(300 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_wrp_moveie {
    padding-bottom: calc(300 * var(--base-margin-raito) * 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_wrp_moveie {
    min-height: 200vh;
  }
}
.tmp_wrp_moveie .tmp_bg_movie {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.tmp_wrp_moveie .tmp_bg_movie:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(7, 10, 4, 0.75);
  position: absolute;
  top: 0;
  left: 0;
}
.tmp_wrp_moveie .bg_img {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: #070a04;
}
@media only screen and (min-width: 768px) {
  .tmp_wrp_moveie .bg_img {
    display: none !important;
  }
}
.tmp_wrp_moveie .bg_img span {
  display: block;
  width: 100%;
  height: 90%;
  margin-top: 5%;
  background-position: center;
  background-size: cover;
}
.tmp_wrp_moveie .tmp_on_movie {
  position: relative;
  z-index: 2;
}
.tmp_wrp_moveie p {
  margin-bottom: 0;
}
.tmp_wrp_moveie .box_btn {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .tmp_on_movie .tmp_st_h3 {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 1s, 1s -webkit-transform ease-out 1s;
    transition: 1s opacity ease-in 1s, 1s -webkit-transform ease-out 1s;
    transition: 1s opacity ease-in 1s, 1s transform ease-out 1s;
    transition: 1s opacity ease-in 1s, 1s transform ease-out 1s, 1s -webkit-transform ease-out 1s;
  }
  ._inview .tmp_on_movie .tmp_st_h3 {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.wrp_spa .bg_img.lazyloaded span {
  background-image: url(../images/home/bg_spa.jpg);
}

.wrp_cuisine .bg_img.lazyloaded span {
  background-image: url(../images/home/bg_cuisine.jpg);
}

.wrp_rooms .bg_img.lazyloaded span {
  background-image: url(../images/home/bg_rooms.jpg);
}

.wrp_facilities .bg_img.lazyloaded span {
  background-image: url(../images/home/bg_private_spa.jpg);
}

.tmp_on_movie {
  color: #cdcdcd;
}
@media only screen and (min-width: 768px) {
  .tmp_on_movie {
    padding-top: calc(100 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_on_movie {
    padding-top: calc(100 * var(--base-margin-raito) * 1em);
  }
}
.tmp_on_movie .tmp_st_h3 {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .tmp_on_movie .tmp_st_h3 {
    padding-bottom: calc(100 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_on_movie .tmp_st_h3 {
    padding-bottom: calc(100 * var(--base-margin-raito) * 1em);
  }
}
.tmp_on_movie .tmp_st_h3 .inner:before {
  background: #cdcdcd;
}
@media only screen and (min-width: 768px) {
  .tmp_on_movie .box_btn {
    margin-top: calc(120 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_on_movie .box_btn {
    margin-top: 1em;
  }
}
.tmp_on_movie .box_btn.center {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .tmp_on_movie .box_btn {
    text-align: center;
  }
}

.box_spa_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .box_spa_top {
    width: 88%;
  }
}
@media only screen and (min-width: 1751px) {
  .box_spa_top {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top {
    width: calc(640 / 768 * 100%);
    margin-bottom: 2.5em;
  }
}
.box_spa_top .box_l {
  padding-left: calc(100 / 1600 * 100%);
}
@media only screen and (min-width: 768px) {
  .box_spa_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s, 1s -webkit-transform ease-out 1.5s;
  }
  ._inview .box_spa_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_spa_top .box_l {
    padding-right: calc(45 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .box_l {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_spa_top .box_l {
    width: calc(621 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_spa_top .box_l {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .box_l {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .box_spa_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 1.75s, 1s -webkit-transform ease-out 1.75s;
    transition: 1s opacity ease-in 1.75s, 1s -webkit-transform ease-out 1.75s;
    transition: 1s opacity ease-in 1.75s, 1s transform ease-out 1.75s;
    transition: 1s opacity ease-in 1.75s, 1s transform ease-out 1.75s, 1s -webkit-transform ease-out 1.75s;
  }
  ._inview .box_spa_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_spa_top .box_r {
    width: calc(979 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_spa_top .box_r {
    width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .box_r {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1.5em;
  }
}
.box_spa_top .img {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .box_spa_top .img {
    display: block;
    padding-top: calc(609 / 979 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_spa_top .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .img {
    display: block;
    padding-top: calc(500 / 640 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_spa_top .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .tmp_catch {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_top .tmp_catch br {
    display: none;
  }
}

.box_spa_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .box_spa_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_spa_bottom {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 2s, 1s -webkit-transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s -webkit-transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s transform ease-out 2s, 1s -webkit-transform ease-out 2s;
  }
  ._inview .box_spa_bottom {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1751px) {
  .box_spa_bottom {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_bottom {
    width: calc(640 / 768 * 100%);
  }
}
.box_spa_bottom .img_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .box_spa_bottom .img_bottom {
    width: calc(979 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_spa_bottom .img_bottom {
    width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_bottom .img_bottom {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_spa_bottom .img_bottom {
    padding-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_bottom .img_bottom {
    padding-top: 0;
  }
}
.box_spa_bottom .img_bottom .img {
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 768px) {
  .box_spa_bottom .img_bottom .img {
    width: calc( 100% / 2 );
  }
}
@media only screen and (max-width: 767px) {
  .box_spa_bottom .img_bottom .img {
    width: 100%;
  }
}
.box_spa_bottom .img_bottom .img img {
  width: 100%;
}

.box_cuisine_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1240px) {
  .box_cuisine_top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s, 1s -webkit-transform ease-out 1.5s;
  }
  ._inview .box_cuisine_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_cuisine_top .box_l {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_cuisine_top .box_l {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top .box_l {
    margin-bottom: 1.5em;
  }
}
.box_cuisine_top .box_l .img {
  display: block;
  padding-top: calc(600 / 1000 * 100%);
  position: relative;
  overflow: hidden;
}
.box_cuisine_top .box_l .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
  .box_cuisine_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 2s, 1s -webkit-transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s -webkit-transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s transform ease-out 2s, 1s -webkit-transform ease-out 2s;
  }
  ._inview .box_cuisine_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_top .box_r {
    padding-left: calc(90 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top .box_r {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_cuisine_top .box_r {
    width: calc(600 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_cuisine_top .box_r {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top .tmp_catch {
    text-align: center;
  }
}
@media only screen and (min-width: 1590px) {
  .box_cuisine_top .tmp_catch br:first-of-type {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_top .tmp_catch br:first-of-type {
    display: none;
  }
}

.box_cuisine_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .box_cuisine_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_bottom {
    padding-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_bottom {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_bottom .box_img1 {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_cuisine_bottom .box_img1 {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_bottom .box_img1 {
    width: calc(1055 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_bottom .box_img1 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_bottom .box_img1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_bottom .box_text {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 2.75s, 1s -webkit-transform ease-out 2.75s;
    transition: 1s opacity ease-in 2.75s, 1s -webkit-transform ease-out 2.75s;
    transition: 1s opacity ease-in 2.75s, 1s transform ease-out 2.75s;
    transition: 1s opacity ease-in 2.75s, 1s transform ease-out 2.75s, 1s -webkit-transform ease-out 2.75s;
  }
  ._inview .box_cuisine_bottom .box_text {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_bottom .box_text {
    width: calc(544 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_bottom .box_text {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_cuisine_bottom .box_text {
    padding-right: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cuisine_bottom .box_text {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
  }
}

.wrp_rooms .room_name {
  --zoom: 1;
  font-size: calc((25 / var(--base-font-size)) * var(--zoom) * 1em);
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_rooms .room_name {
    --zoom: .7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_rooms .room_name {
    --zoom: .7;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_rooms .room_name {
    --zoom: .6;
  }
}

.box_rooms {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .box_rooms {
    width: 88%;
  }
}
@media only screen and (min-width: 1441px) {
  .box_rooms {
    margin-bottom: calc(90 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_rooms {
    margin-bottom: calc(90 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_rooms {
    margin-bottom: calc(90 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_rooms {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .box_rooms .box_l, .box_rooms .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s, 1s -webkit-transform ease-out 1.5s;
  }
  ._inview .box_rooms .box_l, ._inview .box_rooms .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_rooms .box_l, .box_rooms .box_r {
    width: calc( 100% / 2 );
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_rooms .box_l, .box_rooms .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_rooms .box_l, .box_rooms .box_r {
    width: 100%;
  }
}
.box_rooms .box_img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box_rooms .room_name {
  --h: 50px;
  height: var(--h);
  z-index: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: flex;
  width: calc(750 / 800 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_rooms .room_name {
    --h: 2.5em;
  }
}
.box_rooms .room_name span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  padding: 0 30px;
  background: #292c11;
  min-width: 50%;
}
@media only screen and (max-width: 767px) {
  .box_rooms .room_name span {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.box_rooms .room_name span small {
  margin-bottom: 1em;
}
@media only screen and (max-width: 1024px) {
  .box_rooms .img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.box_rooms .img .inn_img {
  display: block;
}
.box_rooms .img .inn_img img {
  aspect-ratio: 800 / 500;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1024px) {
  .box_rooms .tmp_catch {
    text-align: center;
  }
}
.box_rooms .tmp_text {
  text-align: center;
  margin: 3em auto;
}
@media only screen and (max-width: 767px) {
  .box_rooms .tmp_text {
    text-align: left;
  }
}

.box_rooms_other {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_rooms_other {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_rooms_other {
    margin-top: -calc(75 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_rooms_other {
    margin-top: 0;
  }
}
.box_rooms_other ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
}
.box_rooms_other li {
  list-style-type: none;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .box_rooms_other li {
    width: calc(334 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_rooms_other li {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) {
  .box_rooms_other li:first-child {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3.25s, 1s -webkit-transform ease-out 3.25s;
    transition: 1s opacity ease-in 3.25s, 1s -webkit-transform ease-out 3.25s;
    transition: 1s opacity ease-in 3.25s, 1s transform ease-out 3.25s;
    transition: 1s opacity ease-in 3.25s, 1s transform ease-out 3.25s, 1s -webkit-transform ease-out 3.25s;
  }
  ._inview .box_rooms_other li:first-child {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_rooms_other li:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_rooms_other li:nth-child(2) {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_rooms_other li:nth-child(3) {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 2.75s, 1s -webkit-transform ease-out 2.75s;
    transition: 1s opacity ease-in 2.75s, 1s -webkit-transform ease-out 2.75s;
    transition: 1s opacity ease-in 2.75s, 1s transform ease-out 2.75s;
    transition: 1s opacity ease-in 2.75s, 1s transform ease-out 2.75s, 1s -webkit-transform ease-out 2.75s;
  }
  ._inview .box_rooms_other li:nth-child(3) {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_rooms_other li:nth-child(4) {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 2.5s, 1s -webkit-transform ease-out 2.5s;
    transition: 1s opacity ease-in 2.5s, 1s -webkit-transform ease-out 2.5s;
    transition: 1s opacity ease-in 2.5s, 1s transform ease-out 2.5s;
    transition: 1s opacity ease-in 2.5s, 1s transform ease-out 2.5s, 1s -webkit-transform ease-out 2.5s;
  }
  ._inview .box_rooms_other li:nth-child(4) {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .box_rooms_other li:nth-child(n+3) {
    margin-top: 2em;
  }
}
.box_rooms_other .box_img {
  display: block;
  padding-top: calc(293 / 334 * 100%);
  position: relative;
  overflow: hidden;
}
.box_rooms_other .box_img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.box_rooms_other .room_name {
  --zoom: 1;
  font-size: calc((20 / var(--base-font-size)) * var(--zoom) * 1em);
  z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_rooms_other .room_name {
    --zoom: .7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_rooms_other .room_name {
    --zoom: .7;
  }
}
@media only screen and (max-width: 767px) {
  .box_rooms_other .room_name {
    --zoom: .6;
  }
}
.box_rooms_other .room_name span {
  width: calc(310 / 334 * 100%);
  margin-right: auto;
  margin-left: auto;
  background: #292c11;
  --h: 45px;
  min-height: var(--h);
  margin-top: calc(var(--h) / 2 * -1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 10px 15px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .box_rooms_other .room_name span {
    --h: 2.5em;
  }
}
.box_rooms_other .room_name span small {
  width: 100%;
  margin-bottom: .15em;
}

.box_private_spa_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top {
    width: 88%;
  }
}
@media only screen and (min-width: 1600px) {
  .box_private_spa_top {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .box_private_spa_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s -webkit-transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s;
    transition: 1s opacity ease-in 1.5s, 1s transform ease-out 1.5s, 1s -webkit-transform ease-out 1.5s;
  }
  ._inview .box_private_spa_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_private_spa_top .box_l {
    width: calc(600 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_private_spa_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top .box_l {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_private_spa_top .box_l {
    padding-top: calc(145 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_private_spa_top .box_l {
    padding-right: calc(45 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top .box_l {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .box_private_spa_top .box_l {
    padding-left: calc(100 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top .box_l {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-width: 1025px) {
  .box_private_spa_top .box_l {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .box_private_spa_top .box_l {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 1024px) {
  .box_private_spa_top .tmp_catch {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .box_private_spa_top .box_btn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_private_spa_top .box_btn {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top .box_btn {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_private_spa_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 2s, 1s -webkit-transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s -webkit-transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s transform ease-out 2s;
    transition: 1s opacity ease-in 2s, 1s transform ease-out 2s, 1s -webkit-transform ease-out 2s;
  }
  ._inview .box_private_spa_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_private_spa_top .box_r {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_private_spa_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_private_spa_top .box_r {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_private_spa_top .box_r .img {
    display: block;
    padding-top: calc(563 / 1000 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_private_spa_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_top .box_r .img {
    display: block;
    padding-top: calc(425 / 642 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_private_spa_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.box_private_spa_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_private_spa_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_private_spa_bottom {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 2.5s, 1s -webkit-transform ease-out 2.5s;
    transition: 1s opacity ease-in 2.5s, 1s -webkit-transform ease-out 2.5s;
    transition: 1s opacity ease-in 2.5s, 1s transform ease-out 2.5s;
    transition: 1s opacity ease-in 2.5s, 1s transform ease-out 2.5s, 1s -webkit-transform ease-out 2.5s;
  }
  ._inview .box_private_spa_bottom {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_private_spa_bottom {
    margin-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_bottom {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .box_private_spa_bottom {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .box_private_spa_bottom {
    margin-bottom: calc(200 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_private_spa_bottom {
    margin-bottom: calc(200 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_private_spa_bottom {
    margin-bottom: calc(200 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_bottom {
    margin-bottom: 6em;
  }
}
.box_private_spa_bottom .box_img {
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_private_spa_bottom .box_img {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_private_spa_bottom .box_img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_private_spa_bottom .box_img {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_private_spa_bottom .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_private_spa_bottom .box_img {
    width: 100%;
  }
}
.box_private_spa_bottom .box_img .img {
  display: block;
  padding-top: calc(282 / 1000 * 100%);
  position: relative;
  overflow: hidden;
}
.box_private_spa_bottom .box_img .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.box_relaxation_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_relaxation_top {
    width: 88%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_relaxation_top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_top {
    margin-bottom: 2em;
  }
}
.box_relaxation_top .box_l {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 768px) {
  .box_relaxation_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_relaxation_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_relaxation_top .box_l {
    width: calc(600 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_relaxation_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_top .box_l {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_relaxation_top .box_l {
    padding-left: calc(80 / 1600 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-width: 1025px) {
  .box_relaxation_top .box_l {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .box_relaxation_top .box_l .tmp_catch {
    text-align: center;
  }
}
.box_relaxation_top .box_l .tmp_catch small {
  font-size: 70%;
}
@media only screen and (min-width: 1025px) {
  .box_relaxation_top .box_l .tmp_text {
    max-width: 450px;
  }
}
@media only screen and (min-width: 1025px) {
  .box_relaxation_top .box_btn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_relaxation_top .box_btn {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_top .box_btn {
    margin-bottom: 1.5em;
  }
}
.box_relaxation_top .box_r {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 768px) {
  .box_relaxation_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3.5s, 1s -webkit-transform ease-out 3.5s;
    transition: 1s opacity ease-in 3.5s, 1s -webkit-transform ease-out 3.5s;
    transition: 1s opacity ease-in 3.5s, 1s transform ease-out 3.5s;
    transition: 1s opacity ease-in 3.5s, 1s transform ease-out 3.5s, 1s -webkit-transform ease-out 3.5s;
  }
  ._inview .box_relaxation_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_relaxation_top .box_r {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_relaxation_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_relaxation_top .box_r {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_relaxation_top .box_r .img {
    display: block;
    padding-top: calc(563 / 1000 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_relaxation_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_top .box_r .img {
    display: block;
    padding-top: calc(428 / 642 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_relaxation_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.box_relaxation_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_relaxation_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_relaxation_bottom {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 4s, 1s -webkit-transform ease-out 4s;
    transition: 1s opacity ease-in 4s, 1s -webkit-transform ease-out 4s;
    transition: 1s opacity ease-in 4s, 1s transform ease-out 4s;
    transition: 1s opacity ease-in 4s, 1s transform ease-out 4s, 1s -webkit-transform ease-out 4s;
  }
  ._inview .box_relaxation_bottom {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_relaxation_bottom {
    margin-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_bottom {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1441px) {
  .box_relaxation_bottom {
    margin-bottom: calc(200 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_relaxation_bottom {
    margin-bottom: calc(200 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_relaxation_bottom {
    margin-bottom: calc(200 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_bottom {
    margin-bottom: 6em;
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_bottom {
    width: 100%;
  }
}
.box_relaxation_bottom .box_img {
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .box_relaxation_bottom .box_img {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_relaxation_bottom .box_img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_relaxation_bottom .box_img {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_relaxation_bottom .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_relaxation_bottom .box_img {
    width: 100%;
  }
}
.box_relaxation_bottom .box_img .img {
  display: block;
  padding-top: calc(282 / 1000 * 100%);
  position: relative;
  overflow: hidden;
}
.box_relaxation_bottom .box_img .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.box_sora_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_sora_top {
    width: 88%;
  }
}
@media only screen and (min-width: 1600px) {
  .box_sora_top {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_top {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .box_sora_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 4.5s, 1s -webkit-transform ease-out 4.5s;
    transition: 1s opacity ease-in 4.5s, 1s -webkit-transform ease-out 4.5s;
    transition: 1s opacity ease-in 4.5s, 1s transform ease-out 4.5s;
    transition: 1s opacity ease-in 4.5s, 1s transform ease-out 4.5s, 1s -webkit-transform ease-out 4.5s;
  }
  ._inview .box_sora_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sora_top .box_l {
    width: calc(600 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sora_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_top .box_l {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sora_top .box_l {
    padding-top: calc(145 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_sora_top .box_l {
    padding-right: calc(45 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_top .box_l {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .box_sora_top .box_l {
    padding-left: calc(100 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_top .box_l {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-width: 1025px) {
  .box_sora_top .box_l {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .box_sora_top .box_l {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 1024px) {
  .box_sora_top .tmp_catch {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sora_top .box_btn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sora_top .box_btn {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_top .box_btn {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_sora_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 5s, 1s -webkit-transform ease-out 5s;
    transition: 1s opacity ease-in 5s, 1s -webkit-transform ease-out 5s;
    transition: 1s opacity ease-in 5s, 1s transform ease-out 5s;
    transition: 1s opacity ease-in 5s, 1s transform ease-out 5s, 1s -webkit-transform ease-out 5s;
  }
  ._inview .box_sora_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sora_top .box_r {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sora_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_sora_top .box_r {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_sora_top .box_r .img {
    display: block;
    padding-top: calc(563 / 1000 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_sora_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_top .box_r .img {
    display: block;
    padding-top: calc(425 / 642 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_sora_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.box_sora_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_sora_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_sora_bottom {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 5.5s, 1s -webkit-transform ease-out 5.5s;
    transition: 1s opacity ease-in 5.5s, 1s -webkit-transform ease-out 5.5s;
    transition: 1s opacity ease-in 5.5s, 1s transform ease-out 5.5s;
    transition: 1s opacity ease-in 5.5s, 1s transform ease-out 5.5s, 1s -webkit-transform ease-out 5.5s;
  }
  ._inview .box_sora_bottom {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_sora_bottom {
    margin-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_bottom {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .box_sora_bottom {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .box_sora_bottom {
    margin-bottom: calc(200 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_sora_bottom {
    margin-bottom: calc(200 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sora_bottom {
    margin-bottom: calc(200 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_bottom {
    margin-bottom: 6em;
  }
}
.box_sora_bottom .box_img {
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_sora_bottom .box_img {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_sora_bottom .box_img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sora_bottom .box_img {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sora_bottom .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_sora_bottom .box_img {
    width: 100%;
  }
}
.box_sora_bottom .box_img .img {
  display: block;
  padding-top: calc(282 / 1000 * 100%);
  position: relative;
  overflow: hidden;
}
.box_sora_bottom .box_img .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.box_sanpo_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_sanpo_top {
    width: 88%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sanpo_top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_top {
    margin-bottom: 2em;
  }
}
.box_sanpo_top .box_l {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 768px) {
  .box_sanpo_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 6s, 1s -webkit-transform ease-out 6s;
    transition: 1s opacity ease-in 6s, 1s -webkit-transform ease-out 6s;
    transition: 1s opacity ease-in 6s, 1s transform ease-out 6s;
    transition: 1s opacity ease-in 6s, 1s transform ease-out 6s, 1s -webkit-transform ease-out 6s;
  }
  ._inview .box_sanpo_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sanpo_top .box_l {
    width: calc(600 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sanpo_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_top .box_l {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_sanpo_top .box_l {
    padding-left: calc(80 / 1600 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-width: 1025px) {
  .box_sanpo_top .box_l {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .box_sanpo_top .box_l .tmp_catch {
    text-align: center;
  }
}
.box_sanpo_top .box_l .tmp_catch small {
  font-size: 70%;
}
@media only screen and (min-width: 1025px) {
  .box_sanpo_top .box_l .tmp_text {
    max-width: 450px;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sanpo_top .box_btn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sanpo_top .box_btn {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_top .box_btn {
    margin-bottom: 1.5em;
  }
}
.box_sanpo_top .box_r {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 768px) {
  .box_sanpo_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 6.5s, 1s -webkit-transform ease-out 6.5s;
    transition: 1s opacity ease-in 6.5s, 1s -webkit-transform ease-out 6.5s;
    transition: 1s opacity ease-in 6.5s, 1s transform ease-out 6.5s;
    transition: 1s opacity ease-in 6.5s, 1s transform ease-out 6.5s, 1s -webkit-transform ease-out 6.5s;
  }
  ._inview .box_sanpo_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sanpo_top .box_r {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sanpo_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_sanpo_top .box_r {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_sanpo_top .box_r .img {
    display: block;
    padding-top: calc(563 / 1000 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_sanpo_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_top .box_r .img {
    display: block;
    padding-top: calc(428 / 642 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_sanpo_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.box_sanpo_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_sanpo_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_sanpo_bottom {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 7s, 1s -webkit-transform ease-out 7s;
    transition: 1s opacity ease-in 7s, 1s -webkit-transform ease-out 7s;
    transition: 1s opacity ease-in 7s, 1s transform ease-out 7s;
    transition: 1s opacity ease-in 7s, 1s transform ease-out 7s, 1s -webkit-transform ease-out 7s;
  }
  ._inview .box_sanpo_bottom {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_sanpo_bottom {
    margin-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_bottom {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1441px) {
  .box_sanpo_bottom {
    margin-bottom: calc(200 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_sanpo_bottom {
    margin-bottom: calc(200 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sanpo_bottom {
    margin-bottom: calc(200 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_bottom {
    margin-bottom: 6em;
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_bottom {
    width: 100%;
  }
}
.box_sanpo_bottom .box_img {
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .box_sanpo_bottom .box_img {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_sanpo_bottom .box_img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sanpo_bottom .box_img {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sanpo_bottom .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_sanpo_bottom .box_img {
    width: 100%;
  }
}
.box_sanpo_bottom .box_img .img {
  display: block;
  padding-top: calc(282 / 1000 * 100%);
  position: relative;
  overflow: hidden;
}
.box_sanpo_bottom .box_img .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.box_ricca_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_ricca_top {
    width: 88%;
  }
}
@media only screen and (min-width: 1600px) {
  .box_ricca_top {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_top {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .box_ricca_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 7.5s, 1s -webkit-transform ease-out 7.5s;
    transition: 1s opacity ease-in 7.5s, 1s -webkit-transform ease-out 7.5s;
    transition: 1s opacity ease-in 7.5s, 1s transform ease-out 7.5s;
    transition: 1s opacity ease-in 7.5s, 1s transform ease-out 7.5s, 1s -webkit-transform ease-out 7.5s;
  }
  ._inview .box_ricca_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_ricca_top .box_l {
    width: calc(600 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_ricca_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_top .box_l {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_ricca_top .box_l {
    padding-top: calc(145 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_ricca_top .box_l {
    padding-right: calc(45 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_top .box_l {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .box_ricca_top .box_l {
    padding-left: calc(100 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_top .box_l {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-width: 1025px) {
  .box_ricca_top .box_l {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .box_ricca_top .box_l {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 1024px) {
  .box_ricca_top .tmp_catch {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .box_ricca_top .box_btn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_ricca_top .box_btn {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_top .box_btn {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_ricca_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 8s, 1s -webkit-transform ease-out 8s;
    transition: 1s opacity ease-in 8s, 1s -webkit-transform ease-out 8s;
    transition: 1s opacity ease-in 8s, 1s transform ease-out 8s;
    transition: 1s opacity ease-in 8s, 1s transform ease-out 8s, 1s -webkit-transform ease-out 8s;
  }
  ._inview .box_ricca_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_ricca_top .box_r {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_ricca_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_ricca_top .box_r {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_ricca_top .box_r .img {
    display: block;
    padding-top: calc(563 / 1000 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_ricca_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_top .box_r .img {
    display: block;
    padding-top: calc(425 / 642 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_ricca_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.box_ricca_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_ricca_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_ricca_bottom {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 8.5s, 1s -webkit-transform ease-out 8.5s;
    transition: 1s opacity ease-in 8.5s, 1s -webkit-transform ease-out 8.5s;
    transition: 1s opacity ease-in 8.5s, 1s transform ease-out 8.5s;
    transition: 1s opacity ease-in 8.5s, 1s transform ease-out 8.5s, 1s -webkit-transform ease-out 8.5s;
  }
  ._inview .box_ricca_bottom {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_ricca_bottom {
    margin-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_bottom {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .box_ricca_bottom {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .box_ricca_bottom {
    margin-bottom: calc(200 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_ricca_bottom {
    margin-bottom: calc(200 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_ricca_bottom {
    margin-bottom: calc(200 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_bottom {
    margin-bottom: 6em;
  }
}
.box_ricca_bottom .box_img {
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_ricca_bottom .box_img {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_ricca_bottom .box_img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_ricca_bottom .box_img {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_ricca_bottom .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_ricca_bottom .box_img {
    width: 100%;
  }
}
.box_ricca_bottom .box_img .img {
  display: block;
  padding-top: calc(282 / 1000 * 100%);
  position: relative;
  overflow: hidden;
}
.box_ricca_bottom .box_img .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.box_pool_top {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_pool_top {
    width: 88%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_pool_top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_top {
    margin-bottom: 2em;
  }
}
.box_pool_top .box_l {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 768px) {
  .box_pool_top .box_l {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 6s, 1s -webkit-transform ease-out 6s;
    transition: 1s opacity ease-in 6s, 1s -webkit-transform ease-out 6s;
    transition: 1s opacity ease-in 6s, 1s transform ease-out 6s;
    transition: 1s opacity ease-in 6s, 1s transform ease-out 6s, 1s -webkit-transform ease-out 6s;
  }
  ._inview .box_pool_top .box_l {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_pool_top .box_l {
    width: calc(600 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_pool_top .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_top .box_l {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_pool_top .box_l {
    padding-left: calc(80 / 1600 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-width: 1025px) {
  .box_pool_top .box_l {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .box_pool_top .box_l .tmp_catch {
    text-align: center;
  }
}
.box_pool_top .box_l .tmp_catch small {
  font-size: 70%;
}
@media only screen and (min-width: 1025px) {
  .box_pool_top .box_l .tmp_text {
    max-width: 450px;
  }
}
@media only screen and (min-width: 1025px) {
  .box_pool_top .box_btn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_pool_top .box_btn {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_top .box_btn {
    margin-bottom: 1.5em;
  }
}
.box_pool_top .box_r {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 768px) {
  .box_pool_top .box_r {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 6.5s, 1s -webkit-transform ease-out 6.5s;
    transition: 1s opacity ease-in 6.5s, 1s -webkit-transform ease-out 6.5s;
    transition: 1s opacity ease-in 6.5s, 1s transform ease-out 6.5s;
    transition: 1s opacity ease-in 6.5s, 1s transform ease-out 6.5s, 1s -webkit-transform ease-out 6.5s;
  }
  ._inview .box_pool_top .box_r {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_pool_top .box_r {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_pool_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_top .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_pool_top .box_r {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_pool_top .box_r .img {
    display: block;
    padding-top: calc(563 / 1000 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_pool_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_top .box_r .img {
    display: block;
    padding-top: calc(428 / 642 * 100%);
    position: relative;
    overflow: hidden;
  }
  .box_pool_top .box_r .img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.box_pool_bottom {
  max-width: 1600px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_pool_bottom {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_pool_bottom {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 11s, 1s -webkit-transform ease-out 11s;
    transition: 1s opacity ease-in 11s, 1s -webkit-transform ease-out 11s;
    transition: 1s opacity ease-in 11s, 1s transform ease-out 11s;
    transition: 1s opacity ease-in 11s, 1s transform ease-out 11s, 1s -webkit-transform ease-out 11s;
  }
  ._inview .box_pool_bottom {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .box_pool_bottom {
    margin-top: calc(20 / 1600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_bottom {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .box_pool_bottom {
    margin-right: calc(160 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .box_pool_bottom {
    margin-bottom: calc(200 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_pool_bottom {
    margin-bottom: calc(200 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_pool_bottom {
    margin-bottom: calc(200 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_bottom {
    margin-bottom: 6em;
  }
}
.box_pool_bottom .box_img {
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .box_pool_bottom .box_img {
    opacity: 0;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s -webkit-transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s;
    transition: 1s opacity ease-in 3s, 1s transform ease-out 3s, 1s -webkit-transform ease-out 3s;
  }
  ._inview .box_pool_bottom .box_img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .box_pool_bottom .box_img {
    width: calc(1000 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_pool_bottom .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_pool_bottom .box_img {
    width: 100%;
  }
}
.box_pool_bottom .box_img .img {
  display: block;
  padding-top: calc(282 / 1000 * 100%);
  position: relative;
  overflow: hidden;
}
.box_pool_bottom .box_img .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.con_special_offer {
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1441px) {
  .con_special_offer {
    padding-top: calc(100 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer {
    padding-top: calc(100 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer {
    padding-top: calc(80 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer {
    padding-top: 6em;
  }
}
@media only screen and (min-width: 1441px) {
  .con_special_offer {
    padding-bottom: calc(180 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer {
    padding-bottom: calc(160 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer {
    padding-bottom: calc(120 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer {
    padding-bottom: 6em;
  }
}
.con_special_offer:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(237, 237, 237, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.con_special_offer > * {
  position: relative;
  z-index: 2;
}
.con_special_offer .js-inviewAnime {
  opacity: 0;
  -webkit-transition: 1s opacity ease-in 1s, 1.2s -webkit-transform ease-in 1s;
  transition: 1s opacity ease-in 1s, 1.2s -webkit-transform ease-in 1s;
  transition: 1.2s transform ease-in 1s, 1s opacity ease-in 1s;
  transition: 1.2s transform ease-in 1s, 1s opacity ease-in 1s, 1.2s -webkit-transform ease-in 1s;
}
@media only screen and (min-width: 768px) {
  .con_special_offer .js-inviewAnime {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .js-inviewAnime {
    -webkit-transform: translateY(7.5px);
            transform: translateY(7.5px);
  }
}
.con_special_offer .js-inviewAnime.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.con_special_offer .tmp_st_h3 {
  margin-top: 0;
}
@media only screen and (min-width: 1441px) {
  .con_special_offer .tmp_st_h3 {
    margin-bottom: calc(40 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer .tmp_st_h3 {
    margin-bottom: calc(40 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .tmp_st_h3 {
    margin-bottom: calc(40 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .tmp_st_h3 {
    margin-bottom: 1em;
  }
}
.con_special_offer .tmp_st_h3 .inner:before {
  content: "";
  display: block;
  width: 75px;
  background: url(../images/common/ic_bestrate.png);
  aspect-ratio: 75 / 67;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
.con_special_offer .tmp_st_h3 .inner .en::before {
  display: none;
}
.con_special_offer .bxo_special_offer_intro {
  max-width: 1024px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro {
    width: 88%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_special_offer .bxo_special_offer_intro {
    margin-bottom: calc(80 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer .bxo_special_offer_intro {
    margin-bottom: calc(80 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .bxo_special_offer_intro {
    margin-bottom: calc(60 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro {
    margin-bottom: 2.5em;
  }
}
.con_special_offer .bxo_special_offer_intro p {
  line-height: 1.3;
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .bxo_special_offer_intro p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .bxo_special_offer_intro p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro p {
    font-size: 14px;
  }
}
.con_special_offer .bxo_special_offer_intro p em {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  font-style: normal;
}
.con_special_offer .bxo_special_offer_intro p:first-of-type .color {
  color: #81722b;
}
@media only screen and (min-width: 1441px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .color {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .color {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .color {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .color {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .s {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .s {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .s {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .ss {
    font-size: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .ss {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro p:first-of-type .ss {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1441px) {
  .con_special_offer .bxo_special_offer_intro p:last-of-type em {
    font-size: 39px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer .bxo_special_offer_intro p:last-of-type em {
    font-size: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .bxo_special_offer_intro p:last-of-type em {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro p:last-of-type em {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .con_special_offer .bxo_special_offer_intro .m {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .bxo_special_offer_intro .m {
    margin-top: 1em;
  }
}
.con_special_offer ul {
  padding-left: 0;
  list-style-type: none;
}
.con_special_offer ul a:hover, .con_special_offer ul a:focus {
  opacity: 1;
}
.con_special_offer ul a:hover .tit, .con_special_offer ul a:focus .tit {
  opacity: .7;
}
.con_special_offer ul a:hover .img:before, .con_special_offer ul a:focus .img:before {
  opacity: 1;
}
.con_special_offer ul a:hover .img:after, .con_special_offer ul a:focus .img:after {
  opacity: 0;
}
@media only screen and (max-width: 1024px) {
  .con_special_offer ul a:hover, .con_special_offer ul a:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
}
.con_special_offer ul .img {
  margin-bottom: 0;
  position: relative;
}
.con_special_offer ul .img:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: .3s opacity ease-in;
  transition: .3s opacity ease-in;
}
.con_special_offer ul .img:after {
  content: "";
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: .3s opacity ease-in;
  transition: .3s opacity ease-in;
}
.con_special_offer ul .tit {
  text-align: center;
  -webkit-transition: .3s opacity ease-in;
  transition: .3s opacity ease-in;
}
@media only screen and (min-width: 768px) {
  .con_special_offer ul .tit {
    margin-top: calc(15 / 250 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer ul .tit {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_special_offer ul .tit {
    font-size: 18px;
  }
}
.con_special_offer .box_banner {
  max-width: 1200px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner {
    width: 88%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_special_offer .box_banner {
    margin-bottom: calc(70 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer .box_banner {
    margin-bottom: calc(70 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .box_banner {
    margin-bottom: calc(50 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_banner li {
    width: calc(379 / 1200 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner li {
    width: calc(446 / 768 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_banner li:not(:first-of-type) {
    margin-left: calc(31.5 / 1200 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner li:not(:first-of-type) {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner li {
    margin-left: auto;
    margin-right: auto;
  }
}
.con_special_offer .box_banner a {
  display: block;
}
.con_special_offer .box_banner .img:after {
  width: calc(300 / 379 * 100%);
  padding-top: calc(200 / 379 * 100%);
}
.con_special_offer .box_banner .inn_img {
  display: block;
  padding-top: calc(328 / 379 * 100%);
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.con_special_offer .box_banner .inn_img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.con_special_offer .box_banner_s {
  max-width: 1597px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner_s {
    width: 88%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_special_offer .box_banner_s {
    margin-bottom: calc(90 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_special_offer .box_banner_s {
    margin-bottom: calc(90 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .box_banner_s {
    margin-bottom: calc(60 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner_s {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_banner_s li {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_banner_s li {
    margin-left: 1em;
  }
}
.con_special_offer .box_banner_s a {
  display: block;
}
.con_special_offer .box_banner_s .img:after {
  width: calc(250 / 300 * 100%);
  height: 100%;
  padding-top: calc(200 / 300 * 100%);
  z-index: -1;
}
.con_special_offer .box_banner_s.slider-planbnr .slick-slide {
  position: relative;
  overflow: hidden;
}
.con_special_offer .box_banner_s.slider-planbnr .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.con_special_offer .box_slide_option_arrows {
  padding-left: 0;
}
.con_special_offer .box_slide_option_arrows li {
  background: #000;
  list-style-type: none;
  position: absolute;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .box_slide_option_arrows li {
    width: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .box_slide_option_arrows li {
    width: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_slide_option_arrows li {
    width: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .box_slide_option_arrows li {
    height: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .box_slide_option_arrows li {
    height: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_slide_option_arrows li {
    height: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .box_slide_option_arrows li {
    top: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .box_slide_option_arrows li {
    top: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_slide_option_arrows li {
    top: 30%;
  }
}
.mouse .con_special_offer .box_slide_option_arrows li {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.con_special_offer .box_slide_option_arrows li:hover, .con_special_offer .box_slide_option_arrows li:focus {
  opacity: .7;
}
@media only screen and (max-width: 1024px) {
  .con_special_offer .box_slide_option_arrows li:hover, .con_special_offer .box_slide_option_arrows li:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
}
.con_special_offer .box_slide_option_arrows li:first-child {
  left: calc(80 / 1600 * 100%);
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .box_slide_option_arrows li:first-child {
    left: calc(80 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .box_slide_option_arrows li:first-child {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_slide_option_arrows li:first-child {
    left: 0;
  }
}
.con_special_offer .box_slide_option_arrows li:first-child i:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_slide_option_arrows li:first-child i:after {
    border-width: 0 0 6px 21px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_slide_option_arrows li:first-child i:after {
    border-width: 0 0 0.3em 0.9em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_special_offer .box_slide_option_arrows li:last-child {
    right: calc(80 / 1600 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_special_offer .box_slide_option_arrows li:last-child {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_slide_option_arrows li:last-child {
    right: 0;
  }
}
.con_special_offer .box_slide_option_arrows li:last-child i:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_slide_option_arrows li:last-child i:after {
    border-width: 6px 0 0 21px;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_slide_option_arrows li:last-child i:after {
    border-width: 0.3em 0 0 0.9em;
  }
}
.con_special_offer .box_slide_option_arrows i {
  display: block;
  height: 6px;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.con_special_offer .box_slide_option_arrows i:before, .con_special_offer .box_slide_option_arrows i:after {
  content: "";
  position: absolute;
  bottom: 0;
}
.con_special_offer .box_slide_option_arrows i:before {
  width: 100%;
  height: 1px;
  background: #fff;
  left: 0;
}
.con_special_offer .slick-dots {
  text-align: center;
  margin-top: 3em;
}
.con_special_offer .slick-dots li {
  border: 1px solid #000;
}
.con_special_offer .slick-dots .slick-active {
  background: #000;
}
.con_special_offer .box_btn {
  max-width: 920px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_btn {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_btn {
    margin-top: calc(40 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_btn {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_btn {
    width: calc(640 / 768 * 100%);
  }
}
.con_special_offer .box_btn p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_btn p {
    width: calc(440 / 920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_btn p {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_special_offer .box_btn p:not(:first-of-type) {
    margin-left: calc(40 / 920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_special_offer .box_btn p:not(:first-of-type) {
    margin-top: .5em;
  }
}

@media only screen and (min-width: 1441px) {
  .wrp_sanpou {
    padding-top: calc(150 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_sanpou {
    padding-top: calc(140 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_sanpou {
    padding-top: calc(100 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_sanpou {
    padding-top: 4em;
  }
}
@media only screen and (min-width: 1441px) {
  .wrp_sanpou {
    padding-bottom: calc(180 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_sanpou {
    padding-bottom: calc(160 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_sanpou {
    padding-bottom: calc(140 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_sanpou {
    padding-bottom: 5em;
  }
}
.wrp_sanpou .box_btn {
  max-width: 800px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .wrp_sanpou .box_btn {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_sanpou .box_btn {
    margin-top: calc(45 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_sanpou .box_btn {
    margin-top: 3.5em;
  }
}

.con_sanpou {
  max-width: 800px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_sanpou {
    width: 88%;
  }
}
.con_sanpou .logo {
  --zoom: 1;
  font-size: calc((35 / var(--base-font-size)) * var(--zoom) * 1em);
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .con_sanpou .logo {
    margin-bottom: calc(30 / 800 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou .logo {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_sanpou .logo {
    --zoom: .7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sanpou .logo {
    --zoom: .7;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou .logo {
    --zoom: .6;
  }
}
.con_sanpou .logo .logomark {
  max-width: 78px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: block;
}
@media only screen and (max-width: 767px) {
  .con_sanpou .logo .logomark {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou .logo .logomark {
    width: 2.5em;
  }
}
.con_sanpou .tmp_text {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .con_sanpou .tmp_text {
    margin-bottom: calc(40 / 800 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou .tmp_text {
    margin-bottom: 2em;
  }
}

.con_sanpou_img .box_sanpou_img {
  max-width: 900px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_sanpou_img {
    width: 88%;
  }
}
.con_sanpou_img .inn_sanpou_img > .item:not(:first-of-type) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .slick-list {
    overflow: visible;
  }
}
.con_sanpou_img .box_img {
  position: relative;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_img {
    width: calc(800 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_img {
    width: 100%;
  }
}
.con_sanpou_img .box_img .img {
  display: block;
  padding-top: calc(550 / 800 * 100%);
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.con_sanpou_img .box_img .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.con_sanpou_img .box_img .box_text {
  color: #cdcdcd;
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_img .box_text {
    width: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_img .box_text {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_img .box_text {
    padding: 50px 20px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_img .box_text {
    padding: 1em 2.5% 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_img .box_text {
    background: #181818;
    position: absolute;
    right: calc(40 / 800 * 100%);
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_img .box_text {
    position: relative;
  }
}
.con_sanpou_img .box_img .en {
  font-family: 'Dancing Script', cursive;
  font-weight: 400;
  color: #fff;
}
@media only screen and (min-width: 1441px) {
  .con_sanpou_img .box_img .en {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_sanpou_img .box_img .en {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sanpou_img .box_img .en {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_img .en {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_img .en {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_img .en {
    margin-top: -1.5em;
    margin-bottom: .25em;
    line-height: 1;
  }
}
.con_sanpou_img .box_slide_option_arrows {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_slide_option_arrows {
    display: none;
  }
}
.con_sanpou_img .box_slide_option_arrows li {
  width: 95px;
  height: 95px;
  background: #000;
  list-style-type: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.mouse .con_sanpou_img .box_slide_option_arrows li {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.con_sanpou_img .box_slide_option_arrows li:hover, .con_sanpou_img .box_slide_option_arrows li:focus {
  opacity: .7;
}
@media only screen and (max-width: 1024px) {
  .con_sanpou_img .box_slide_option_arrows li:hover, .con_sanpou_img .box_slide_option_arrows li:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
}
.con_sanpou_img .box_slide_option_arrows li:first-child {
  left: calc(-25 / 900 * 100%);
}
.con_sanpou_img .box_slide_option_arrows li:first-child i:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_slide_option_arrows li:first-child i:after {
    border-width: 0 0 6px 21px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_slide_option_arrows li:first-child i:after {
    border-width: 0 0 0.3em 0.9em;
  }
}
.con_sanpou_img .box_slide_option_arrows li:last-child {
  right: calc(-25 / 900 * 100%);
}
.con_sanpou_img .box_slide_option_arrows li:last-child i:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_slide_option_arrows li:last-child i:after {
    border-width: 6px 0 0 21px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_slide_option_arrows li:last-child i:after {
    border-width: 0.3em 0 0 0.9em;
  }
}
.con_sanpou_img .box_slide_option_arrows i {
  display: block;
  height: 6px;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.con_sanpou_img .box_slide_option_arrows i:before, .con_sanpou_img .box_slide_option_arrows i:after {
  content: "";
  position: absolute;
  bottom: 0;
}
.con_sanpou_img .box_slide_option_arrows i:before {
  width: 100%;
  height: 1px;
  background: #fff;
  left: 0;
}
.con_sanpou_img .box_slide_option {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_slide_option {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_slide_option {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_slide_option {
    margin-top: calc(30 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_slide_option {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_sanpou_img .box_slide_option {
    width: calc(800 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_sanpou_img .box_slide_option {
    width: 100%;
  }
}
.con_sanpou_img .box_slide_option li {
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  list-style-type: none;
}
.con_sanpou_img .box_slide_option li:not(:first-child) {
  margin-left: 10px;
}
.con_sanpou_img .box_slide_option li.is-active {
  background: #fff;
}
.con_sanpou_img .box_slide_option li:not(.is-acitve) {
  cursor: pointer;
}

.wrp_summer {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1441px) {
  .wrp_summer {
    padding-top: calc(180 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_summer {
    padding-top: calc(180 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_summer {
    padding-top: calc(180 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer {
    padding-top: 5em;
  }
}
@media only screen and (min-width: 1441px) {
  .wrp_summer {
    padding-bottom: calc(180 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_summer {
    padding-bottom: calc(180 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_summer {
    padding-bottom: calc(180 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer {
    padding-bottom: 5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_summer.lazyloaded {
    background-image: url(../images/home/bg_summer-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer.lazyloaded {
    background-image: url(../images/home/bg_summer-sp.jpg);
  }
}
.wrp_summer .box_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #070a04;
}
@media only screen and (min-width: 768px) {
  .wrp_summer .box_img {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_summer .box_img {
    -webkit-animation: bg_loop_anime 50s linear infinite;
            animation: bg_loop_anime 50s linear infinite;
  }
  @-webkit-keyframes bg_loop_anime {
    from {
      background-position: 3839px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes bg_loop_anime {
    from {
      background-position: 3839px 0;
    }
    to {
      background-position: 0 0;
    }
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_img {
    background-size: cover;
    background-position: center;
    padding-top: calc(982 / 768 * 100%);
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_summer .box_img.lazyloaded {
    background-image: url(../images/home/img_summer-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_img.lazyloaded {
    background-image: url(../images/home/img_summer-sp.jpg);
  }
}
.wrp_summer .box_img .box_text {
  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;
  margin: auto;
  background: #070a04;
}
@media only screen and (min-width: 1025px) {
  .wrp_summer .box_img .box_text {
    width: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_summer .box_img .box_text {
    width: 130px;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_summer .box_img .box_text {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_img .box_text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_img .box_text .tmp_st_h3 {
    background: #000;
    padding: 1.5em .75em;
    white-space: nowrap;
  }
}
.wrp_summer .tmp_st_h3 {
  color: #fff;
}
.wrp_summer .tmp_st_h3 .inner {
  padding-top: 0;
}
.wrp_summer .tmp_st_h3 .inner:before {
  content: none;
}
.wrp_summer .box_summer {
  max-width: 780px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_summer {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_summer .box_summer {
    margin-top: calc(40 / 1920 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_summer {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_summer .box_summer {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_summer {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_summer {
    width: calc(640 / 768 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .wrp_summer .box_btn {
    margin-top: calc(55 / 780 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_btn {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_summer .box_btn {
    text-align: center;
  }
}

.con_info {
  --slide: 587;
  --pr: 246;
  max-width: 1424px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_info {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .con_info {
    margin-top: calc(180 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    margin-top: calc(180 * var(--base-margin-raito) * 1em);
  }
}
@media only screen and (min-width: 768px) {
  .con_info {
    margin-bottom: calc(80 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    margin-bottom: calc(80 * var(--base-margin-raito) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    display: block;
  }
}
.con_info .tmp_st {
  --zoom: 1;
  font-size: calc((35 / var(--base-font-size)) * var(--zoom) * 1em);
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_info .tmp_st {
    --zoom: .7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info .tmp_st {
    --zoom: .7;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .tmp_st {
    --zoom: .6;
  }
}
@media only screen and (min-width: 768px) {
  .con_info .tmp_st {
    margin-bottom: calc(55 * var(--base-margin-raito) * 1px);
  }
}
@media only screen and (max-width: 767px) {
  .con_info .tmp_st {
    margin-bottom: calc(55 * var(--base-margin-raito) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .con_info .tmp_st {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .box_info {
    margin-left: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info {
    margin-left: -0.25rem;
  }
}
.box_info .js-info_slider:not(.no_slide) > .slide:not(:first-of-type) {
  display: none;
}
.box_info .js-info_slider.no_slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider.no_slide .slide {
    width: 50%;
  }
}
.box_info .js-info_slider.no_slide .view_more {
  display: none;
}
.box_info .js-info_slider.no_slide .view_more .inner {
  padding: 0;
}
.box_info .js-info_slider.no_slide .view_more .box_btn {
  position: static;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.box_info .js-info_slider .slick-list {
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .box_info .slide {
    margin: 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .slide {
    margin: 0 0.25rem;
  }
}
.box_info .slide a {
  display: block;
}
.mouse .box_info .slide a {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.box_info .slide a:hover, .box_info .slide a:focus {
  opacity: .7;
}
@media only screen and (max-width: 1024px) {
  .box_info .slide a:hover, .box_info .slide a:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
}
.box_info .view_more .inner {
  padding-top: calc(240 / 360 * 100%);
  position: relative;
}
.box_info .view_more .inner .box_btn {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.box_info .view_more .inner a {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .box_info .view_more .inner a {
    padding-right: 0;
  }
  .box_info .view_more .inner a i {
    display: block;
    width: 50%;
    margin: .5em auto 0;
    position: relative;
  }
  .box_info .view_more .inner a i:before {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_info .slick-list {
    padding-right: calc(var(--pr) / 1420 * 100%);
  }
}
.box_info .js-info_slider_bar {
  max-width: 1665px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-left: 10px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_bar {
    width: 88%;
  }
}
@media only screen and (min-width: 1441px) {
  .box_info .js-info_slider_bar {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_info .js-info_slider_bar {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info .js-info_slider_bar {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_bar {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_bar {
    height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_bar {
    height: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_bar {
    width: calc(100% - .25rem);
    margin-left: .25rem;
  }
}
.box_info .js-info_slider_bar:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #bdbdbd;
  position: absolute;
  top: 50%;
  left: 0;
}
.box_info .js-info_slider_bar ul {
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box_info .js-info_slider_bar li {
  list-style-type: none;
}
.box_info .js-slide_bar {
  height: 100%;
  position: absolute;
  background: #bdbdbd;
  -webkit-transition: .2s left ease-in-out;
  transition: .2s left ease-in-out;
  cursor: -webkit-grab;
  cursor: grab;
}
.box_info .js-slide_bar.ui-draggable-dragging {
  -webkit-transition: 0s left  ease-in-out;
  transition: 0s left  ease-in-out;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.box_info .js-info_slider_option {
  width: 100%;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) {
  .box_info .js-info_slider_option {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info .js-info_slider_option {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_option {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_option {
    width: calc(100% - .25rem);
    margin-left: .25rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.box_info .js-info_slider_option ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_option ul {
    margin: auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_option ul {
    margin: auto 1.5em;
  }
}
.box_info .js-info_slider_option li {
  list-style-type: none;
  border: 1px solid #424242;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_option li {
    width: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_option li {
    width: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_option li {
    height: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_option li {
    height: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_option li:not(:first-of-type) {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_option li:not(:first-of-type) {
    margin-left: 0.75em;
  }
}
.box_info .js-info_slider_option li:not(.is-active) {
  cursor: pointer;
}
.box_info .js-info_slider_option li.is-active {
  background: #424242;
}
.box_info .js-info_slider_arrows {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_arrows {
    width: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_arrows {
    width: 2.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_arrows {
    height: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_arrows {
    height: 0.3em;
  }
}
.box_info .js-info_slider_arrows:before, .box_info .js-info_slider_arrows:after {
  content: "";
  position: absolute;
  bottom: 0;
}
.box_info .js-info_slider_arrows:before {
  width: 100%;
  height: 1px;
  background: #424242;
  left: 0;
}
.box_info .js-info_slider_arrows:after {
  width: 0;
  height: 0;
  border-style: solid;
}
.box_info .js-info_slider_arrows.prev:after {
  border-color: transparent transparent #424242 transparent;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_arrows.prev:after {
    border-width: 0 0 6px 21px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_arrows.prev:after {
    border-width: 0 0 0.3em 0.9em;
  }
}
.box_info .js-info_slider_arrows.next:after {
  border-color: transparent transparent transparent #424242;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .box_info .js-info_slider_arrows.next:after {
    border-width: 6px 0 0 21px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info .js-info_slider_arrows.next:after {
    border-width: 0.3em 0 0 0.9em;
  }
}

.wrp_news {
  position: relative;
}
@media only screen and (min-width: 1441px) {
  .wrp_news {
    margin-top: calc(120 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_news {
    margin-top: calc(120 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_news {
    margin-top: calc(120 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_news {
    margin-top: 5.5em;
  }
}
@media only screen and (min-width: 1441px) {
  .wrp_news {
    padding-bottom: calc(140 / 1920 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_news {
    padding-bottom: calc(140 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_news {
    padding-bottom: calc(140 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_news {
    padding-bottom: 5.5em;
  }
}
.wrp_news h3 {
  --zoom: 1;
  font-size: calc((35 / var(--base-font-size)) * var(--zoom) * 1em);
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_news h3 {
    --zoom: .7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_news h3 {
    --zoom: .7;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_news h3 {
    --zoom: .6;
  }
}
.wrp_news .bg {
  max-width: 1332px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .wrp_news .bg {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_news .bg {
    width: 150%;
  }
}
.wrp_news .bg span {
  display: block;
  padding-top: calc(384 / 1332 * 100%);
  position: relative;
  overflow: hidden;
}
.wrp_news .bg span img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.con_news {
  max-width: 1240px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1400px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .con_news {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .con_news {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .box_btn {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_btn {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news .box_btn {
    margin-top: calc(50 / 1240 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .box_btn {
    margin-top: calc(30 / 1024 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_btn {
    margin-top: 1.5em;
  }
}

.box_news .item:not(:first-of-type) {
  border-top: 1px solid #ccc;
}
.box_news a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .box_news a {
    padding: 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a {
    padding: 17.5px 5px 15px;
  }
}
@media only screen and (min-width: 768px) {
  .box_news a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1025px) {
  .box_news .date {
    width: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_news .date {
    width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .date {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .box_news .date {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .date {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .box_news .date {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .date {
    margin-bottom: 5px;
  }
}
.box_news .article {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .box_news .article {
    width: calc(100% - 190px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_news .article {
    width: calc(100% - 150px);
  }
}
@media only screen and (max-width: 767px) {
  .box_news .article {
    width: 100%;
  }
}