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

file name  : concept.css
author     : Abilive
style info : コンセプト
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@media only screen and (min-width: 768px) {
  .wrp_lower_links {
    margin-top: 13.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_lower_links {
    margin-top: 6em;
  }
}

@media only screen and (min-width: 768px) {
  .con_st .jp {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_st .jp {
    font-size: 1.21rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_st .jp {
    line-height: 1.8;
  }
}
@media only screen and (max-width: 767px) {
  .con_st .jp {
    text-align: center;
  }
}
.con_st + .txt {
  margin-top: .75em;
}

.tmp_con_int .tmp_st_l .jp {
  line-height: 1.6;
  letter-spacing: .08em;
}
@media only screen and (max-width: 767px) {
  .tmp_con_int .tmp_st_l .jp {
    font-size: 1.36rem;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_con_int .main_img {
    width: calc(1350 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_con_int .main_img {
    width: calc(690 / 750 * 100%);
  }
}

.wrp_con_view {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .wrp_con_view {
    padding-top: 2.66rem;
  }
}
.wrp_con_view > * {
  position: relative;
  z-index: 2;
}
.wrp_con_view::before {
  content: "";
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
}
.wrp_con_view::before .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .wrp_con_view::before .tmp_btn > *:hover, .touch .wrp_con_view::before .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .wrp_con_view::before .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .wrp_con_view::before .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.wrp_con_view::before .ic_arr::before {
  background: #fff;
}
.wrp_con_view::before .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (min-width: 768px) {
  .wrp_con_view::before {
    top: calc(245 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_view::before {
    top: 10%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_con_view::before {
    height: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_view::before {
    height: 35%;
  }
}

.con_view_ocean .main_img {
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .con_view_ocean .main_img {
    margin-top: calc(75 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_ocean .main_img {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_ocean .main_img {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_ocean .main_img {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .con_view_time {
    margin-top: calc(150 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time {
    margin-top: 2em;
  }
}
.con_view_time .box_view_time {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time {
    flex-direction: column;
  }
}
.con_view_time .box_view_time.main {
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
}
.con_view_time .box_view_time.main .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .con_view_time .box_view_time.main .tmp_btn > *:hover, .touch .con_view_time .box_view_time.main .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .con_view_time .box_view_time.main .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_view_time .box_view_time.main .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.con_view_time .box_view_time.main .ic_arr::before {
  background: #fff;
}
.con_view_time .box_view_time.main .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main {
    padding-bottom: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.main .box_txt {
    width: calc(595 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main .box_txt {
    order: 3;
    margin-top: 1.5em;
  }
}
.con_view_time .box_view_time.main .box_txt > .inner {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    width: calc(370 / 595 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    min-width: 350px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    padding-top: calc(80 / 370 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    margin-right: calc(60 / 595 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .con_view_time .box_view_time.main .box_txt > .inner {
    padding-top: calc(40 / 370 * 100%);
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.main .box_slide {
    width: calc(845 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main .box_slide {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main .box_slide {
    margin-right: 0;
    margin-left: auto;
    order: 2;
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.main .con_st {
    margin-right: auto;
    margin-left: auto;
    order: 1;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .con_view_time .box_view_time.main .con_st {
    width: calc(630 / 750 * 100%);
  }
}

@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub {
    margin-top: calc(280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub {
    margin-top: 8em;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub {
    align-items: center;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub .box_txt {
    width: calc(470 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_txt {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_txt {
    margin-right: auto;
    margin-left: auto;
    order: 2;
    margin-top: 1.5em;
  }
}
.con_view_time .box_view_time.sub .box_txt > .txt {
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_view_time .box_view_time.sub .box_txt > .txt {
    width: calc(255 / 470 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_view_time .box_view_time.sub .box_txt > .txt {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_txt > .txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub .box_txt > .txt {
    margin-left: calc(70 / 470 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_txt > .txt {
    margin-left: auto;
  }
}
@media only screen and (min-width: 1441px) {
  .con_view_time .box_view_time.sub .box_txt > .txt {
    min-width: 320px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_view_time .box_view_time.sub .box_txt > .txt {
    min-width: 255px;
  }
}
.con_view_time .box_view_time.sub .box_img {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub .box_img {
    width: calc(970 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_img {
    order: 1;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub .box_img .img1 {
    width: calc(436 / 970 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_img .img1 {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub .box_img .img1 {
    margin-right: calc(-140 / 970 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_img .img1 {
    margin-right: -10%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_view_time .box_view_time.sub .box_img .img1 {
    margin-top: calc(-360 / 970 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_view_time .box_view_time.sub .box_img .img1 {
    margin-top: calc(-340 / 970 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_img .img1 {
    margin-top: -20%;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_time .box_view_time.sub .box_img .img2 {
    width: calc(600 / 970 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_time .box_view_time.sub .box_img .img2 {
    width: 62%;
  }
}

.con_view_sunset {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_view_sunset {
    margin-top: calc(100 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_sunset {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset {
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .con_view_sunset {
    width: calc(630 / 750 * 100%);
  }
}

@media only screen and (max-width: 767px) {
  .con_view_sunset .con_st {
    order: 1;
  }
}
@media only screen and (min-width: 768px) {
  .con_view_sunset .box_txt {
    width: calc(660 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset .box_txt {
    order: 3;
    margin-top: 1.5em;
  }
}
.con_view_sunset .box_txt > .inner {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_view_sunset .box_txt > .inner {
    width: calc(320 / 660 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_view_sunset .box_txt > .inner {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset .box_txt > .inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_view_sunset .box_txt > .inner {
    min-width: 320px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_view_sunset .box_txt > .inner {
    margin-right: calc(140 / 660 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_view_sunset .box_txt > .inner {
    margin-right: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset .box_txt > .inner {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1441px) {
  .con_view_sunset .box_txt > .inner {
    max-width: 390px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .con_view_sunset .box_txt > .inner {
    margin-right: calc(100 / 660 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_view_sunset .img {
    width: calc(780 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_view_sunset .img {
    margin-top: 1.5em;
    order: 2;
  }
}

.wrp_con_cui {
  position: relative;
}
.wrp_con_cui > * {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .wrp_con_cui.navy {
    margin-top: calc(200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_cui.navy {
    margin-top: 5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_con_cui.navy {
    padding-top: calc(170 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_cui.navy {
    padding-top: 3em;
  }
}
.wrp_con_cui.navy::before {
  content: "";
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.wrp_con_cui.navy::before .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .wrp_con_cui.navy::before .tmp_btn > *:hover, .touch .wrp_con_cui.navy::before .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .wrp_con_cui.navy::before .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .wrp_con_cui.navy::before .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.wrp_con_cui.navy::before .ic_arr::before {
  background: #fff;
}
.wrp_con_cui.navy::before .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (min-width: 768px) {
  .wrp_con_cui.navy::before {
    height: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_cui.navy::before {
    height: 68%;
  }
}
.wrp_con_cui.navy .tmp_st_l .jp {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .wrp_con_cui.beige {
    padding-bottom: calc(240 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_cui.beige {
    padding-bottom: 5em;
  }
}
.wrp_con_cui.beige::before {
  content: "";
  background: url("../images/common/bg_k.jpg") #eee7d8 repeat center top;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  .wrp_con_cui.beige::before {
    height: 94%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_cui.beige::before {
    height: 88%;
  }
}

.con_cui_int .main_img {
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .con_cui_int .main_img {
    margin-top: calc(60 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_int .main_img {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_int .main_img {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_int .main_img {
    margin-left: 0;
  }
}
.con_cui_int .box_cui_ing {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .con_cui_int .box_cui_ing {
    margin-top: calc(110 / 1260 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_int .box_cui_ing {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_int .box_cui_ing {
    width: calc(1260 / 1440 * 100%);
    max-width: calc(1260px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_cui_int .box_cui_ing {
    max-width: calc(1260px * ((18 + 0) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_int .box_cui_ing {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_int .box_cui_ing {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_int .box_cui_ing .box_txt {
    margin-top: calc(60 / 1260 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_int .box_cui_ing .box_txt {
    margin-top: 2em;
  }
}
.con_cui_int .box_cui_ing .box_txt .txt {
  flex-direction: column;
  display: flex;
  align-items: center;
}
.con_cui_int .box_cui_ing .box_img {
  display: flex;
}
.con_cui_int .box_cui_ing .box_img > p {
  width: calc(420 / 1260 * 100%);
}
.con_cui_int .box_cui_ing .box_img > p:nth-child(2n) {
  margin-top: calc(50 / 1260 * 100%);
}

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

@media only screen and (min-width: 768px) {
  .con_cui_menu.main {
    margin-top: calc(110 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.main {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.main {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.main .box_txt {
    width: calc(540 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.main .box_txt {
    width: calc(560 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.main .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.main .box_txt {
    order: 3;
    margin-top: 1.5em;
  }
}
.con_cui_menu.main .box_txt > .inner {
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.main .box_txt > .inner {
    width: calc(290 / 540 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.main .box_txt > .inner {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.main .box_txt > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .con_cui_menu.main .box_txt > .inner {
    min-width: 300px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_cui_menu.main .box_txt > .inner {
    min-width: 290px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.main .box_txt > .inner {
    margin-left: calc(80 / 540 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.main .box_txt > .inner {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.main .box_txt > .inner {
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.main .box_txt > .inner {
    padding-bottom: calc(130 / 540 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.main .box_txt > .inner {
    padding-bottom: calc(100 / 540 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .con_cui_menu.main .box_txt > .inner {
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.main .box_slide {
    width: calc(900 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.main .box_slide {
    width: calc(880 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.main .box_slide {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.main .box_slide {
    margin-left: 0;
    margin-right: auto;
    order: 2;
    margin-top: 1.5em;
  }
}
.con_cui_menu.sub1 {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub1 {
    margin-top: calc(100 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub1 {
    padding-bottom: calc(240 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .con_st {
    order: 1;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub1 .img {
    width: calc(740 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .img {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .img {
    margin-right: 0;
    margin-left: auto;
    margin-top: 1.5em;
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub1 .box_txt {
    width: calc(700 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .box_txt {
    margin-top: 1.5em;
    order: 3;
  }
}
.con_cui_menu.sub1 .box_txt > .inner {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    width: calc(280 / 700 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    min-width: 300px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    min-width: 280px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    margin-right: calc(90 / 780 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    margin-right: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub1 .box_txt > .inner {
    padding-top: calc(40 / 780 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub1 .img_left {
    width: calc(494 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .img_left {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub1 .img_left {
    position: absolute;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .con_cui_menu.sub1 .img_left {
    left: calc(110 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_cui_menu.sub1 .img_left {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .con_cui_menu.sub1 .img_left {
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_cui_menu.sub1 .img_left {
    bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .con_cui_menu.sub1 .img_left {
    order: 4;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.5em;
  }
}
.con_cui_menu.sub2 {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 {
    padding-top: calc(190 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 {
    padding-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .con_st {
    order: 1;
  }
  .con_cui_menu.sub2 .con_st .jp {
    text-align: left;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub2 .box_txt {
    width: calc(605 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub2 .box_txt {
    width: calc(630 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_txt {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_txt {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_txt {
    margin-top: 1.5em;
  }
}
.con_cui_menu.sub2 .box_txt > .inner {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    width: calc(350 / 605 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    min-width: 350px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    margin-right: calc(90 / 605 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    margin-bottom: calc(-40 / 605 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    margin-bottom: calc(-90 / 605 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    margin-right: auto;
    margin-bottom: calc(-80 / 605 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub2 .box_txt > .inner {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub2 .img_left {
    width: calc(425 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cui_menu.sub2 .img_left {
    width: calc(400 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .img_left {
    width: 28%;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .img_left {
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .img_left {
    order: 4;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .img_left {
    position: absolute;
    right: calc(60 / 750 * 100%);
    top: 10%;
  }
}
.con_cui_menu.sub2 .img_left img {
  display: block;
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .img_left img {
    width: calc(265 / 425 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .img_left img {
    width: 100%;
  }
}
.con_cui_menu.sub2 .box_img {
  display: flex;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_cui_menu.sub2 .box_img {
    margin-bottom: calc(-20 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_img {
    width: calc(410 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_img {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_img {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_img {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_img {
    margin-right: auto;
    margin-left: auto;
    margin-top: 6em;
  }
}
.con_cui_menu.sub2 .box_img .img1 {
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_img .img1 {
    width: calc(458 / 410 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_img .img1 {
    width: 55%;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_img .img1 {
    right: calc(290 / 410 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_img .img1 {
    margin-top: calc(-300 / 410 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_img .img1 {
    margin-top: -15%;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_img .img1 {
    position: absolute;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_img .img1 {
    position: relative;
    margin-right: -5%;
  }
}
@media only screen and (min-width: 768px) {
  .con_cui_menu.sub2 .box_img .img2 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cui_menu.sub2 .box_img .img2 {
    width: 60%;
  }
}

.wrp_con_hosp {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .wrp_con_hosp {
    padding-top: calc(130 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_hosp {
    padding-top: 3em;
  }
}
.wrp_con_hosp > * {
  position: relative;
  z-index: 2;
}
.wrp_con_hosp::before {
  content: "";
  background: url("../images/common/bg_navy.jpg") #132235 repeat center top;
  color: #fff;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.wrp_con_hosp::before .tmp_btn > * {
  border-color: #575653 #575653 #ffffff #575653;
}
.mouse .wrp_con_hosp::before .tmp_btn > *:hover, .touch .wrp_con_hosp::before .tmp_btn > *.touchstart {
  border-color: #ffffff;
}
.touch .wrp_con_hosp::before .tmp_btn > * {
  -webkit-tap-highlight-color: transparent;
}
.touch .wrp_con_hosp::before .tmp_btn > *.touchend {
  transition-delay: 200ms;
}
.wrp_con_hosp::before .ic_arr::before {
  background: #fff;
}
.wrp_con_hosp::before .ic_arr::after {
  border-left-color: #fff;
}
@media only screen and (min-width: 768px) {
  .wrp_con_hosp::before {
    height: 58%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_hosp::before {
    height: 50%;
  }
}
.wrp_con_hosp .tmp_st_l .jp {
  color: #fff;
}

.con_hosp_main .main_img {
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .con_hosp_main .main_img {
    width: calc(1200 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_hosp_main .main_img {
    margin-top: calc(55 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hosp_main .main_img {
    margin-top: calc(60 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_main .main_img {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_hosp_main .main_img {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_main .main_img {
    margin-left: 0;
  }
}

.con_hosp_sub {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_hosp_sub {
    margin-top: calc(-80 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_sub {
    margin-top: -15%;
  }
}
@media only screen and (min-width: 768px) {
  .con_hosp_sub {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_sub {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .con_hosp_sub .box_txt {
    width: calc(996 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_sub .box_txt {
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .con_hosp_sub .box_txt {
    width: calc(630 / 750 * 100%);
  }
}

.con_hosp_sub .box_txt .txt {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_hosp_sub .box_txt .txt {
    width: calc(520 / 996 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hosp_sub .box_txt .txt {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_sub .box_txt .txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_hosp_sub .box_txt .txt {
    min-width: 600px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_hosp_sub .box_txt .txt {
    min-width: 520px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_hosp_sub .box_txt .txt {
    padding-bottom: calc(80 / 996 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_hosp_sub .box_txt .txt {
    margin-right: calc(110 / 996 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hosp_sub .box_txt .txt {
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_sub .box_txt .txt {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .con_hosp_sub .box_txt .txt {
    padding-bottom: calc(40 / 996 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hosp_sub .box_txt .txt {
    max-width: 450px;
  }
}
@media only screen and (min-width: 768px) {
  .con_hosp_sub .img {
    width: calc(444 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_sub .img {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hosp_sub .img {
    margin-right: 0;
    margin-left: auto;
  }
}