@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@keyframes surusuruL {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.bg_kvw {
  position: relative;
}
.bg_kvw::before {
  content: "";
  position: absolute;
  background-color: var(--color-bg);
  width: 100%;
  display: block;
  padding-bottom: calc(185 / 1440 * 100%);
  left: 0;
  right: 0;
  bottom: 100%;
  bottom: 0;
  z-index: 0;
}

.wrp_under_kv {
  background-color: var(--color-bg);
  padding-top: 2.66rem;
}
.wrp_under_kv.no-active {
  padding-bottom: 2.66rem;
}

.con_bnr {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_bnr {
    padding-bottom: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_bnr {
    padding-bottom: 6.07rem;
  }
}
.con_bnr .st_bnr {
  text-align: center;
}
.con_bnr .st_bnr .en {
  color: #000;
}
@media only screen and (min-width: 768px) {
  .con_bnr .st_bnr .en {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_bnr .st_bnr .en {
    font-size: 1.43rem;
  }
}
.con_bnr > .inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_bnr > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_bnr > .inner {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bnr > .inner {
    margin-top: 1.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_bnr > .inner {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_bnr > .inner {
    width: calc(1300 / 1440 * 100%);
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .con_bnr > .inner .slide {
    width: calc(353 / 630 * 100%);
  }
}
.con_bnr > .inner .slide .inner {
  background-color: #fff;
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: calc(290 / 325 * 100%);
}
@media only screen and (max-width: 767px) {
  .con_bnr > .inner .slide .inner {
    width: calc(338 / 353 * 100%);
  }
}
.con_bnr > .inner .slide .inner::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  width: calc(300 / 338 * 100%);
  height: calc(300 / 338 * 100%);
  left: calc(19 / 338 * 100%);
  border-radius: 3em;
  bottom: 0;
  z-index: -1;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
}
.con_bnr.no-slide .swiper-wrapper {
  justify-content: center;
}

.bg_dark {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
}
.bg_dark .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .bg_dark .tmp_btn > *:hover, .touch .bg_dark .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .bg_dark .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .bg_dark .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.bg_dark .ic_arr::before {
  background: #fff;
}
.bg_dark .ic_arr::after {
  border-left-color: #fff;
}

.con_conc {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  display: flex;
  position: relative;
  flex-direction: column;
  padding-bottom: 19.32rem;
}
.con_conc .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .con_conc .tmp_btn > *:hover, .touch .con_conc .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .con_conc .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_conc .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.con_conc .ic_arr::before {
  background: #fff;
}
.con_conc .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_conc {
    padding-bottom: 14.28rem;
  }
}
.con_conc .box_conc {
  position: relative;
  order: 1;
  z-index: 1;
}
.con_conc .box_conc > .inner {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_conc .box_conc > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_conc .box_conc > .inner {
    padding: 9.33rem 0 0;
    width: calc(680 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_conc .box_conc > .inner {
    padding-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_conc .box_conc > .inner .tmp_txt p {
    margin-top: 2.5em;
  }
  .con_conc .box_conc > .inner .tmp_txt p:last-child {
    margin-bottom: 2.5em;
  }
}
.con_conc .box_conc > .inner .tmp_btn {
  margin-top: 3.21rem;
}
.con_conc .box_conc .bg_grad {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  -webkit-mask-image: linear-gradient(0deg, black 0%, transparent 100%);
  mask-image: linear-gradient(0deg, black 0%, transparent 100%);
  z-index: -1;
}
.con_conc .box_conc .bg_grad::after {
  content: "";
  display: block;
  padding-bottom: 8em;
}
.con_conc .img_conc {
  order: 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_conc .img_conc .change_img {
    overflow: hidden;
  }
  .con_conc .img_conc .change_img .change_inner {
    height: calc(150 * var(--vh));
  }
  .con_conc .img_conc .change_img .change_inner .box_img {
    height: calc(100 * var(--vh));
    position: relative;
  }
  .con_conc .img_conc .change_img .change_inner .box_img::before {
    background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
    color: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .con_conc .img_conc .change_img .change_inner .box_img::before .tmp_btn > * {
    border-color: #575653 #575653 #ffffff #575653;
  }
  .mouse .con_conc .img_conc .change_img .change_inner .box_img::before .tmp_btn > *:hover, .touch .con_conc .img_conc .change_img .change_inner .box_img::before .tmp_btn > *.touchstart {
    border-color: #ffffff;
  }
  .touch .con_conc .img_conc .change_img .change_inner .box_img::before .tmp_btn > * {
    -webkit-tap-highlight-color: transparent;
  }
  .touch .con_conc .img_conc .change_img .change_inner .box_img::before .tmp_btn > *.touchend {
    transition-delay: 200ms;
  }
  .con_conc .img_conc .change_img .change_inner .box_img::before .ic_arr::before {
    background: #fff;
  }
  .con_conc .img_conc .change_img .change_inner .box_img::before .ic_arr::after {
    border-left-color: #fff;
  }
  .con_conc .img_conc .change_img .change_inner .box_img img.js-zoom-img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
  }
}
.con_conc .bg_conc {
  width: calc(1287 / 1440 * 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  background: no-repeat center bottom/cover;
}
.con_conc .bg_conc::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: calc(970 / 1287 * 100%);
}
.con_conc .bg_conc.lazyloaded {
  background-image: url("../images/home/bg_conc.jpg");
}

@media only screen and (min-width: 768px) {
  .img_conc_l {
    width: calc(290 / 680 * 100%);
    position: absolute;
    top: -4rem;
    right: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .img_conc_l {
    width: calc(320 / 565 * 100%);
    margin-left: calc(34 / 630 * 100%);
  }
}

@media only screen and (min-width: 768px) {
  .img_conc_r {
    width: calc(290 / 680 * 100%);
    left: calc(100% + calc(90 / 680 * 100%));
    position: absolute;
    top: 21rem;
  }
}
@media only screen and (max-width: 767px) {
  .img_conc_r {
    width: calc(260 / 630 * 100%);
    margin-top: calc(-320 / 630 * 100%);
    margin-right: calc(30 / 630 * 100%);
    margin-left: auto;
  }
}

@media only screen and (min-width: 768px) {
  .img_conc_b {
    width: calc(320 / 680 * 100%);
    margin-top: 5.33rem;
  }
}

@media only screen and (max-width: 767px) {
  .box_conc_b {
    margin-top: calc(-12 / 630 * 100%);
    width: calc(260 / 630 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}

.con_hs {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .con_hs {
    margin-bottom: 12.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_hs {
    margin-bottom: 6.78rem;
  }
}
.con_hs .img_hs {
  margin-right: auto;
  margin-left: auto;
  order: 0;
  margin-top: -10.66rem;
}
@media only screen and (max-width: 767px) {
  .con_hs .img_hs {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_hs .img_hs {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hs .img_hs {
    margin-top: -5.71rem;
  }
}
.con_hs .img_hs span {
  display: block;
}
@media only screen and (min-width: 768px) {
  .con_hs .img_hs span {
    margin-right: calc(-90 / 1260 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hs .img_hs span {
    margin-right: calc(-30 / 690 * 100%);
  }
}
.con_hs .box_hs {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  order: 1;
}
@media only screen and (min-width: 1025px) {
  .con_hs .box_hs {
    width: calc(1260 / 1440 * 100%);
    max-width: calc(1260px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_hs .box_hs {
    max-width: calc(1260px * ((18 + 0) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hs .box_hs {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_hs .box_hs {
    display: flex;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .con_hs .box_hs .box_txt {
    width: calc(630 / 1260 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .box_txt {
    width: 100%;
  }
}
.con_hs .box_hs .box_txt > .inner {
  margin-right: 0;
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .con_hs .box_hs .box_txt > .inner {
    width: calc(500 / 630 * 100%);
  }
}
.con_hs .box_hs .box_txt > .inner .st_hs {
  transform: translateY(-3rem);
  width: 3rem;
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .box_txt > .inner .st_hs {
    transform: translateY(-2.5rem);
    width: 2.14rem;
  }
}
.con_hs .box_hs .box_txt > .inner > .inner2 {
  width: calc(100% - 3rem);
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .box_txt > .inner > .inner2 {
    width: calc(100% - 2.14rem);
  }
}
.con_hs .box_hs .box_txt > .inner > .inner2 .tmp_catch {
  padding-top: 2.33rem;
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .box_txt > .inner > .inner2 .tmp_catch {
    padding-top: 2.32rem;
  }
}
.con_hs .box_hs .box_txt > .inner > .inner2 .tmp_btn a {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .tmp_btn {
    margin-top: 2.85rem;
  }
}
.con_hs .box_hs .box_img {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_hs .box_hs .box_img {
    width: calc(630 / 1260 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .box_img {
    margin-right: 0;
    margin-left: auto;
    width: calc(100% - 2.14rem);
    margin-top: 2.32rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_hs .box_hs .box_img .img_hs_sub01 {
    margin-top: -4rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .box_img .img_hs_sub01 {
    width: calc(270 / 570 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_hs .box_hs .box_img .img_hs_sub02 {
    margin-left: calc(25 / 630 * 100%);
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_hs .box_hs .box_img .img_hs_sub02 {
    margin-left: calc(-20 / 570 * 100%);
    width: calc(320 / 570 * 100%);
    margin-top: calc(110 / 570 * 100%);
  }
}

.con_cui {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .con_cui {
    margin-bottom: 11rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui {
    margin-bottom: 6.6rem;
  }
}

.box_cui {
  margin-right: auto;
  margin-left: auto;
  order: 1;
}
@media only screen and (max-width: 767px) {
  .box_cui {
    width: calc(630 / 750 * 100%);
  }
}
.box_cui .st_cui {
  position: relative;
  z-index: 2;
  margin-top: -5rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .box_cui .st_cui {
    margin-top: -0.9rem;
  }
}
.box_cui .tmp_btn {
  margin-top: 2.14rem;
}

.box_cui_img {
  order: 0;
  position: relative;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  display: flex;
  align-items: flex-start;
  width: calc(2000 / 1440 * 100vw);
  margin-left: calc((1440 - 2000) / 2 / 1440 * 100vw);
  margin-right: calc((1440 - 2000) / 2 / 1440 * 100vw);
}
@media only screen and (max-width: 1024px) {
  .box_cui_img {
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .box_cui_img {
    width: calc(1440 / 750 * 100vw);
    margin-right: calc((750 - 1440) / 2 / 750 * 100vw);
    margin-left: calc((750 - 1440) / 2 / 750 * 100vw);
  }
}
.box_cui_img > .inner {
  display: flex;
  z-index: 1;
  width: 100%;
}
.box_cui_img > .inner .slide {
  width: 26.66rem;
}
@media only screen and (max-width: 767px) {
  .box_cui_img > .inner .slide {
    width: 17.14rem;
  }
}
.box_cui_img > .inner .slide span {
  display: block;
  margin-right: auto;
  margin-left: auto;
  transition: .3s all ease-out;
  transform: none;
}
@media only screen and (min-width: 768px) {
  .box_cui_img > .inner .slide span {
    width: calc(350 / 400 * 100%);
    padding-bottom: calc(45 / 400 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_cui_img > .inner .slide span {
    width: calc(430 / 480 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_cui_img > .inner .slide.swiper-slide-prev span, .box_cui_img > .inner .slide.swiper-slide-next span {
    transform: translateY(calc(45 / 400 * 100%));
    transform: translateY(3rem);
  }
}

.con_roo {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_roo {
    margin-bottom: 16.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_roo {
    margin-bottom: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_roo {
    flex-direction: column;
  }
}

.box_roo {
  order: 1;
  display: flex;
  justify-content: center;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .box_roo {
    width: calc(550 / 1440 * 100%);
  }
}
.box_roo > .inner {
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  align-items: flex-start;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_roo > .inner {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_roo > .inner {
    width: calc(630 / 750 * 100%);
  }
}
.box_roo > .inner .st_roo {
  width: 3rem;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_roo > .inner .st_roo {
    width: 1.96rem;
    margin-top: -2.33rem;
  }
}
@media only screen and (min-width: 768px) {
  .box_roo > .inner > .inner2 {
    height: 100%;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_roo > .inner > .inner2 {
    width: calc(100% - 1.96rem);
  }
  .box_roo > .inner > .inner2 .tmp_catch {
    padding-top: 2.32rem;
  }
  .box_roo > .inner > .inner2 .tmp_btn {
    margin-left: calc(-55 / 575 * 100%);
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_roo > .inner {
    max-width: 75%;
  }
}
.box_roo .img {
  position: absolute;
  left: 100%;
}
@media only screen and (min-width: 768px) {
  .box_roo .img {
    bottom: calc(-35 / 550 * 100%);
    width: calc(170 / 550 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_roo .img {
    width: calc(190 / 750 * 100%);
    z-index: 2;
    left: auto;
    right: 0;
    top: calc(-140 / 750 * 100%);
    top: calc(-190 / 750 * 100%);
  }
}

.box_roo_img {
  order: 0;
}
@media only screen and (min-width: 768px) {
  .box_roo_img {
    width: calc(720 / 1440 * 100%);
  }
}
.box_roo_img > .inner {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_roo_img {
    width: calc(690 / 750 * 100%);
  }
  .box_roo_img.pagination_on_slider.pagination_right .js-swiper-pagination {
    top: 1.25rem;
    right: 1.25rem;
    bottom: auto;
    left: auto;
    width: auto;
  }
}

.con_faci {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  position: relative;
}
.con_faci .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .con_faci .tmp_btn > *:hover, .touch .con_faci .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .con_faci .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_faci .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.con_faci .ic_arr::before {
  background: #fff;
}
.con_faci .ic_arr::after {
  border-left-color: #fff;
}
.con_faci .img {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_faci .img img {
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .con_faci .img::after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: calc(720 / 750 * 100%);
  }
}

.box_faci {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: calc(115 / 1440 * 100%);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .box_faci {
    padding-bottom: calc(80 / 750 * 100%);
  }
}
.box_faci > .inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .box_faci > .inner {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_faci > .inner {
    max-width: calc(1100px * ((18 + 0) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_faci > .inner {
    width: calc(1100 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_faci > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_faci > .inner {
    display: flex;
    align-items: flex-end;
  }
}
.box_faci > .inner .box_st {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .box_faci > .inner .box_st .st_faci {
    transform: translateY(-5.67rem);
    width: 3.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_faci > .inner .box_st .st_faci {
    transform: translateY(-3.75rem);
    width: 1.96rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_faci > .inner .box_st .tmp_catch {
    margin-bottom: 1.96rem;
    width: calc(100% - 1.96rem);
  }
}
.box_faci > .inner .btn_faci {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .box_faci > .inner .btn_faci {
    width: 21.33rem;
  }
}

.con_sig {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  position: relative;
  padding-top: 13.33rem;
  padding-bottom: 8.66rem;
  overflow: hidden;
  width: 100%;
}
.con_sig .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .con_sig .tmp_btn > *:hover, .touch .con_sig .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .con_sig .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_sig .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.con_sig .ic_arr::before {
  background: #fff;
}
.con_sig .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_sig {
    padding-top: 4.64rem;
    padding-bottom: 5.35rem;
  }
}
.con_sig a {
  text-decoration: none;
  display: block;
  overflow: hidden;
}
.con_sig a img {
  transition: .25s transform ease-out;
}
.mouse .con_sig a:hover img, .touch .con_sig a.touchstart img {
  transform: scale(1.1);
}
.touch .con_sig a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_sig a.touchend {
  transition-delay: 200ms;
}

.box_sig {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sig {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sig {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .box_sig {
    width: calc(1000 / 1440 * 100%);
  }
}
.box_sig .st_sig {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .box_sig .st_sig {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .box_sig .st_sig {
    margin-bottom: 1.42rem;
    text-align: center;
  }
}
.box_sig .st_sig .jp {
  display: block;
}
@media only screen and (min-width: 768px) {
  .box_sig .st_sig .jp {
    margin-bottom: -2em;
  }
}
.box_sig .txt_bg_en {
  opacity: .02;
  height: 0;
  overflow: visible;
  display: flex;
  align-items: center;
  line-height: 1;
  z-index: 0;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .box_sig .txt_bg_en {
    font-size: 10rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sig .txt_bg_en {
    font-size: 8.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_sig .txt_bg_en {
    font-size: 3.93rem;
  }
}
@media only screen and (min-width: 1025px) {
  .box_sig .txt_bg_en {
    transform: translateX(-14.67rem);
  }
}
@media only screen and (max-width: 1024px) {
  .box_sig .txt_bg_en {
    align-items: flex-end;
    text-align: center;
  }
  .box_sig .txt_bg_en .en {
    transform: translate(-0.5em, 0.25em);
  }
}
.box_sig .img {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1025px) {
  .box_sig .img {
    margin-right: calc(-220 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sig .img {
    margin-right: calc(-90 / 1260 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_sig .img {
    margin-right: calc(-60 / 630 * 100%);
  }
}

.con_plan {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_plan {
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan {
    margin-top: 5.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan {
    margin-top: 5.71rem;
    margin-bottom: 6.25rem;
    overflow: hidden;
  }
}

.box_plan {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_plan {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_plan {
    padding-bottom: 15.33rem;
    width: calc(565 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_plan .inner {
    width: calc(345 / 565 * 100%);
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_plan .inner {
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .box_plan .inner .st_plan {
    margin-bottom: 3.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_plan .inner .st_plan {
    margin-bottom: 1.5rem;
  }
}
.box_plan .inner .btn_plan a {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .box_plan_slider {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .box_plan_slider {
    width: calc(630 / 750 * 100%);
  }
}

@media only screen and (min-width: 768px) {
  .box_plan_slider {
    padding-bottom: 15.33rem;
    overflow: hidden;
    margin-top: -7.34rem;
    width: calc(875 / 1440 * 100%);
    padding-right: calc(43 / 875 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_plan_slider {
    margin-top: 0;
    padding-bottom: 8rem;
  }
}
.box_plan_slider .tmp_fraction_slider {
  overflow: visible;
}
.box_plan_slider .slide {
  width: calc(416 / 832 * 100%);
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .box_plan_slider .slide {
    width: 100%;
  }
}
.box_plan_slider .slide .inner {
  background-color: #fff;
  width: calc(400 / 416 * 100%);
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.box_plan_slider .slide .inner .img {
  position: relative;
  display: block;
  position: relative;
}
.box_plan_slider .slide .inner .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_plan_slider .slide .inner .img::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(290 / 400 * 100%);
}
.box_plan_slider .slide .inner .box_txt {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: calc(335 / 400 * 100%);
  padding-bottom: 3.33rem;
}
.box_plan_slider .slide .inner .box_txt .txt {
  font-size: 1.07rem;
  padding-top: 1.66rem;
  padding-bottom: 1.66rem;
  display: block;
  height: 8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.box_plan_slider .slide .inner .box_txt .fee {
  display: block;
  font-size: 0.87rem;
}
.box_plan_slider .slide .inner .box_txt .fee .num {
  font-family: "EB Garamond", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 185%;
  line-height: 1;
  padding-left: .25em;
}
.box_plan_slider .swiper_ctrls {
  width: calc(495 / 832 * 100%);
  z-index: 1;
  position: relative;
  height: 0;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .box_plan_slider .swiper_ctrls {
    display: none;
  }
}
.box_plan_slider .swiper_ctrls > .inner {
  display: flex;
  justify-content: flex-end;
}

.btn_plan {
  margin-right: auto;
  margin-left: auto;
  margin-top: 2.85rem;
}
@media only screen and (max-width: 767px) {
  .btn_plan {
    width: calc(630 / 750 * 100%);
  }
}

html .swiper-horizontal .swiper-scrollbar {
  position: relative;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 1em;
  border-radius: 0;
  margin-top: 1.42rem;
  display: flex;
  align-items: center;
  background: none;
}
html .swiper-horizontal .swiper-scrollbar::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #c7c4bb;
  transform: translateY(-1px);
  display: block;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
}
html .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  height: 2px;
  background-color: #0e3858;
}

.con_spend {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
  position: relative;
}
.con_spend .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .con_spend .tmp_btn > *:hover, .touch .con_spend .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .con_spend .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_spend .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.con_spend .ic_arr::before {
  background: #fff;
}
.con_spend .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend {
    padding-bottom: 12rem;
  }
}
@media only screen and (max-width: 1024px) {
  .con_spend {
    overflow: visible;
    padding-bottom: 8.75rem;
  }
}
.con_spend > .inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_spend > .inner {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_spend > .inner {
    max-width: calc(1000px * ((18 + 0) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend > .inner {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_spend > .inner {
    width: calc(630 / 750 * 100%);
  }
}
.con_spend .bg_spend {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  display: block;
  position: absolute;
  left: -50vw;
  top: 0;
  width: 200vw;
  height: calc(200 * var(--vh));
  z-index: 0;
}
.con_spend .bg_spend .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .con_spend .bg_spend .tmp_btn > *:hover, .touch .con_spend .bg_spend .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .con_spend .bg_spend .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_spend .bg_spend .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.con_spend .bg_spend .ic_arr::before {
  background: #fff;
}
.con_spend .bg_spend .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img {
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
  }
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img .change_inner {
    padding-top: 8.66rem;
    height: 248.61111vw;
    height: calc(248.61111vw - 8.66rem);
  }
}
@media only screen and (max-width: 1024px) {
  .con_spend .change_img .change_inner {
    transform: none !important;
  }
}
.con_spend .change_img .change_inner .box_st {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img .change_inner .box_st {
    justify-content: flex-start;
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img .change_inner .box_st .st_spend {
    margin-right: 13.33rem;
  }
}
@media only screen and (max-width: 1024px) {
  .con_spend .change_img .change_inner .box_st .st_spend {
    margin-bottom: 1.6rem;
    text-align: center;
  }
}
.con_spend .change_img .change_inner .box_st .st_spend .en {
  color: var(--color-point-brown);
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img .change_inner .box_st .st_spend .jp {
    margin-bottom: -2em;
  }
}
@media only screen and (max-width: 1024px) {
  .con_spend .change_img .change_inner .box_st .st_spend .jp {
    text-align: center;
  }
}
.con_spend .change_img .change_inner .box_st .txt_bg_en {
  opacity: .02;
  height: 0;
  overflow: visible;
  display: flex;
  align-items: center;
  line-height: 1;
  z-index: 0;
  position: absolute;
  bottom: -.35em;
  left: 0;
  width: 100%;
  transform: translateX(-14.67rem);
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img .change_inner .box_st .txt_bg_en {
    font-size: 10rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .change_img .change_inner .box_st .txt_bg_en {
    font-size: 8.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .change_img .change_inner .box_st .txt_bg_en {
    font-size: 3.93rem;
  }
}
@media only screen and (max-width: 1024px) {
  .con_spend .change_img .change_inner .box_st .txt_bg_en {
    transform: none;
    justify-content: center;
    text-align: center;
    bottom: .25em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img .change_inner .change_list {
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
    z-index: 1;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  .con_spend .change_img .change_inner .change_list {
    transform: none !important;
  }
}
.con_spend .change_img .change_inner .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .change_img .change_inner .item {
    margin-right: auto;
    margin-left: auto;
  }
  .con_spend .change_img .change_inner .item:not(:first-child) {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item .box_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item .box_txt p {
    width: calc(280 / 390 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .change_img .change_inner .item .box_txt p {
    width: 100%;
  }
}
.con_spend .change_img .change_inner .item .img img {
  box-shadow: 0.2rem 0.2rem 3.33rem 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.checkin {
    width: 59.02778vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .change_img .change_inner .item.checkin {
    width: 66.40625vw;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.checkin .img {
    width: calc(460 / 850 * 100%);
  }
  .con_spend .change_img .change_inner .item.checkin .box_txt {
    width: calc(390 / 850 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .change_img .change_inner .item.checkin {
    width: 100%;
  }
  .con_spend .change_img .change_inner .item.checkin .img {
    width: 100%;
  }
  .con_spend .change_img .change_inner .item.checkin .box_txt {
    margin-top: 1.43em;
    margin-bottom: 3.93em;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.hotspring {
    width: 47.22222vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .change_img .change_inner .item.hotspring {
    width: 53.125vw;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.hotspring .img {
    width: calc(315 / 680 * 100%);
  }
  .con_spend .change_img .change_inner .item.hotspring .box_txt {
    width: calc(365 / 680 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .change_img .change_inner .item.hotspring {
    width: 100%;
    display: block;
  }
  .con_spend .change_img .change_inner .item.hotspring .img {
    width: calc(380 / 630 * 100%);
  }
  .con_spend .change_img .change_inner .item.hotspring .box_txt p {
    width: calc(345 / 630 * 100%);
    margin-right: 0;
    margin-left: auto;
    margin-top: -6em;
    margin-bottom: 3.11em;
  }
}
.con_spend .change_img .change_inner .item.food img {
  display: block;
}
.con_spend .change_img .change_inner .item.food img.sub {
  width: calc(229 / 495 * 100%);
  margin-right: auto;
  margin-left: 0;
  position: relative;
  z-index: 1;
}
.con_spend .change_img .change_inner .item.food img.main {
  width: calc(409 / 495 * 100%);
  margin-right: 0;
  margin-left: auto;
  margin-top: calc(-100 / 495 * 100%);
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.food {
    width: 63.54167vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .change_img .change_inner .item.food {
    width: 71.48438vw;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.food .img {
    width: calc(495 / 915 * 100%);
  }
  .con_spend .change_img .change_inner .item.food .box_txt {
    width: calc(420 / 915 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .change_img .change_inner .item.food {
    width: 100%;
  }
  .con_spend .change_img .change_inner .item.food .box_txt {
    margin-top: 1.43em;
    margin-bottom: 4.11em;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.morning {
    width: 56.59722vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .change_img .change_inner .item.morning {
    width: 63.67188vw;
  }
}
@media only screen and (min-width: 768px) {
  .con_spend .change_img .change_inner .item.morning .img {
    width: calc(460 / 815 * 100%);
  }
  .con_spend .change_img .change_inner .item.morning .box_txt {
    width: calc(355 / 815 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .change_img .change_inner .item.morning {
    width: 100%;
  }
  .con_spend .change_img .change_inner .item.morning .box_txt {
    margin-top: 1.43em;
    margin-bottom: 3.21em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_spend .change_img .change_inner .item.btn {
    width: 22.22222vw;
  }
}
@media only screen and (max-width: 1024px) {
  .con_spend .change_img .change_inner .item.btn {
    width: 100%;
  }
}
.con_spend .change_img .change_inner .item.btn p {
  width: 100%;
}
.con_spend .change_img .change_inner .item.btn a {
  width: 100%;
}

.box_progress_bar {
  width: 28rem;
  color: #575653;
  padding-bottom: 4rem;
}
.box_progress_bar > .inn {
  width: 100%;
  position: relative;
  justify-content: space-between;
  display: flex;
}
.box_progress_bar .line {
  position: absolute;
  overflow: hidden;
  display: block;
  top: 50%;
  left: 7px;
  right: 7px;
  height: 1px;
  background-color: #575653;
}
.box_progress_bar .line .inner {
  height: 100%;
  background-color: #825109;
  display: block;
}
.box_progress_bar .dot {
  position: relative;
  width: 14px;
  z-index: 1;
}
.box_progress_bar .dot .d {
  display: block;
  position: relative;
  border-radius: 100px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: transparent;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_progress_bar .dot .d::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 100px;
  background-color: #825109;
}
.box_progress_bar .dot .d .text {
  font-size: 0.8rem;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 8em;
  text-align: center;
}
.box_progress_bar .dot.is-active {
  color: #825109;
}
.box_progress_bar .dot.is-active ~ .dot .d::before {
  background-color: #575653;
}
.box_progress_bar .dot.is-active .d {
  border-color: #825109;
}

.con_gal {
  width: 100%;
  overflow: hidden;
}
.con_gal.lazyloaded .box_gal.gal_top {
  width: calc(5320 / 1440 * 100%);
  animation: surusuruL 140s linear both infinite;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gal.lazyloaded .box_gal.gal_top {
    width: calc(6916 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_gal.lazyloaded .box_gal.gal_top {
    width: calc(8512 / 1440 * 100%);
  }
}
.con_gal.lazyloaded .box_gal.gal_top.rtl {
  animation-direction: reverse;
}
.con_gal.lazyloaded .box_gal.gal_bottom {
  width: calc(4560 / 1440 * 100%);
  animation: surusuruL 120s linear both infinite;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gal.lazyloaded .box_gal.gal_bottom {
    width: calc(5928 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_gal.lazyloaded .box_gal.gal_bottom {
    width: calc(7296 / 1440 * 100%);
  }
}
.con_gal.lazyloaded .box_gal.gal_bottom.rtl {
  animation-direction: reverse;
}

.box_gal {
  order: 1;
  position: relative;
  display: flex;
  align-items: flex-start;
  width: calc(7600 / 1440 * 100%);
  animation: surusuruL 200s linear both infinite;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_gal {
    width: calc(9880 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_gal {
    width: calc(12160 / 1440 * 100%);
  }
}
.box_gal.rtl {
  animation-direction: reverse;
}
.box_gal > .inner {
  display: flex;
  width: 50%;
  z-index: 1;
}
.box_gal > .inner p {
  width: calc(380 / 1440 * 100%);
  position: relative;
}
.box_gal > .inner p img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_gal > .inner p::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(250 / 380 * 100%);
}

.con_news {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .con_news {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_news {
    max-width: calc(1100px * ((18 + 0) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    padding-top: 5rem;
  }
}
.con_news .img {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .con_news .img {
    width: calc(355 / 340 * 100%);
    margin-left: calc(-170 / 340 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_news .img {
    width: calc(240 / 750 * 100%);
    margin-left: calc(-30 / 750 * 100%);
  }
}
.con_news .box_sp_img {
  height: 0;
  overflow: visible;
  display: flex;
  align-items: flex-start;
}
.con_news .box_sp_img .img {
  padding-top: 3.57rem;
}

@media only screen and (min-width: 768px) {
  .box_news_st {
    width: calc(340 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_news_st {
    width: 100%;
    text-align: center;
  }
}
.box_news_st .st_news {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .box_news_st .st_news {
    margin-left: 1rem;
    border-left: 1px solid var(--color-point-brown);
    padding-left: 2rem;
    padding-bottom: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news_st .st_news {
    margin-bottom: 2.5rem;
  }
  .box_news_st .st_news .en {
    line-height: 1;
  }
  .box_news_st .st_news::before {
    content: "";
    display: block;
    width: 1px;
    margin-right: auto;
    margin-left: auto;
    height: 2.14rem;
    background-color: var(--color-point-brown);
    margin-bottom: 0.71rem;
  }
}

@media only screen and (min-width: 768px) {
  .box_news {
    width: calc(760 / 1100 * 100%);
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .box_news {
    width: 100%;
  }
}
.box_news .inner p a {
  border-top: 1px solid var(--color-line);
  text-decoration: none !important;
  display: block;
}
@media only screen and (min-width: 768px) {
  .box_news .inner p a {
    padding: 1.5em 1.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .inner p a {
    padding: 1em 0;
  }
}
.box_news .inner p a > .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .box_news .inner p a > .inner {
    margin-right: auto;
    margin-left: auto;
    width: calc(630 / 690 * 100%);
  }
}
.box_news .inner p a > .inner time {
  font-family: "EB Garamond", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 500;
  text-transform: uppercase;
  width: 6.66rem;
}
@media only screen and (min-width: 768px) {
  .box_news .inner p a > .inner time {
    font-size: 0.93rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .inner p a > .inner time {
    font-size: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .inner p a > .inner time {
    width: auto;
    margin-right: 1em;
  }
}
.box_news .inner p a > .inner .cate {
  width: 5rem;
  color: #515151;
  padding-right: 1em;
}
@media only screen and (min-width: 768px) {
  .box_news .inner p a > .inner .cate {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .inner p a > .inner .cate {
    font-size: 0.71rem;
  }
}
.box_news .inner p a > .inner .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: calc(100% - 6.66rem - 5rem);
}
@media only screen and (max-width: 767px) {
  .box_news .inner p a > .inner .txt {
    font-size: 0.89rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news .inner p a > .inner .txt {
    width: 100%;
  }
}
.box_news .inner p:last-child a {
  border-bottom: 1px solid var(--color-line);
}
.box_news .btn_news {
  margin-top: 2.66rem;
}
.box_news .btn_news .ic_list {
  margin-right: .5em;
}
.box_news .btn_news .ic_list::before {
  content: "\f0ca";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}

.wrp_news_acc {
  background-color: var(--color-bg);
}
@media only screen and (min-width: 768px) {
  .wrp_news_acc {
    padding-top: 14rem;
  }
}

.con_acc {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .con_acc {
    padding-bottom: 6.66rem;
    margin-top: -1.47rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_acc {
    padding-bottom: 4rem;
    display: flex;
    flex-direction: column-reverse;
  }
}
.con_acc > .inner {
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_acc > .inner {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_acc > .inner {
    max-width: calc(1100px * ((18 + 0) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_acc > .inner {
    width: calc(1100 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_acc > .inner {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_acc > .inner {
    height: 0;
    overflow: visible;
  }
}
.con_acc > .inner .box_acc {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  display: flex;
  justify-content: center;
}
.con_acc > .inner .box_acc .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .con_acc > .inner .box_acc .tmp_btn > *:hover, .touch .con_acc > .inner .box_acc .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .con_acc > .inner .box_acc .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_acc > .inner .box_acc .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.con_acc > .inner .box_acc .ic_arr::before {
  background: #fff;
}
.con_acc > .inner .box_acc .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (min-width: 1025px) {
  .con_acc > .inner .box_acc {
    padding: 5.33rem 0;
    width: calc(500 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_acc > .inner .box_acc {
    padding: 2rem 0;
    width: calc(500 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_acc > .inner .box_acc {
    padding: 3.39rem 0;
    width: 100%;
  }
}
.con_acc > .inner .box_acc > .inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_acc > .inner .box_acc > .inner {
    max-width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_acc > .inner .box_acc > .inner {
    max-width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_acc > .inner .box_acc > .inner {
    width: calc(570 / 690 * 100%);
  }
}
.con_acc > .inner .box_acc > .inner .st_acc {
  margin-bottom: .75em;
}
@media only screen and (max-width: 767px) {
  .con_acc > .inner .box_acc > .inner .st_acc {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_acc > .inner .box_acc > .inner .tmp_catch {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_acc > .inner .box_acc > .inner .tmp_btn {
    margin-top: 2.67rem;
  }
}
.con_acc .img_map {
  position: relative;
  margin-top: -3.34rem;
}

@keyframes circleanime {
  0% {
    transform: scale(0.68);
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.hmn {
  position: relative;
  display: block;
  width: calc(22 / 1440 * 100%);
  padding-bottom: calc(22 / 1440 * 100%);
  border-radius: 50%;
  color: #ccc;
  outline: none;
  transition: all .3s;
  position: absolute;
  right: calc(502 / 1440 * 100%);
  top: calc(420 / 670 * 100%);
  transform: translate(50%, -50%);
}
@media only screen and (max-width: 767px) {
  .hmn {
    width: calc(22 / 750 * 100%);
    padding-bottom: calc(22 / 750 * 100%);
    right: calc(452 / 750 * 100%);
    top: calc(425 / 670 * 100%);
  }
}
.hmn:after, .hmn:before {
  content: "";
  position: absolute;
  left: -50%;
  top: -50%;
  border: 1px solid #113f5f;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  opacity: 1;
  animation: 1s circleanime linear infinite;
}
.hmn:before {
  animation-delay: .5s;
}