@charset "utf-8";

/* CSS Document */
/* リセットcss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
dl,
dt,
dd,
ol,
figure {
  padding: 0;
  margin: 0;
  line-height: 1.8;
}

img {
  vertical-align: top;
}

body {
  line-height: 1.8;
}

.new_body-font_ja_en {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}

.new_body-font_zh {
  font-family: 'Noto Sans SC', sans-serif, "微软雅黑", "宋体";
}

/* 轮播 */
.new_swiper-wrapper {
  display: flex;
  align-items: center;
  /* 垂直居中 */
}

.new_swiper-slide img {
  width: 100%;
  /* 图片自适应宽度 */
  height: auto;
  /* 保持图片纵横比 */
}

/* 确保导航按钮和分页也相对居中 */
.new_swiper-button-next,
.new_swiper-button-prev {
  color: #fff;
}

.new_swiper-pagination {
  text-align: center;
  bottom: 10px;
  /* 调整分页的位置 */
}

/*Googleフォント微软雅黑*/
.new_font_zh-text {
  font-family: "Noto Sans SC", sans-serif;
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul,
ol,
dl,
h2 {
  list-style-type: none;
}

.new_inner {
  width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.new_inner2 {
  margin: 0 auto;
}

/* リセットcss ここまで*/
/* ページ共通 */

/* ここからheader */
header {
    background-color: #fff;
    margin-top: 30px;
    border-bottom: 1px solid #00a7ea;
}

header .new_inner {
  position: relative;
}

header h1 {
  position: absolute;
  bottom: auto;
}

/* 電話 */
.new_top_phone-hd {
  position: absolute;
  right: 280px;
}

.new_top_phone-hd_text-cl {
  font-size: 10px;
  color: #e50150;
}

.new_top_phone-hd_text {
  font-size: 18px;
  font-weight: bold;
}

/* お問い合わせ */
.new_top_info-hd {
  height: 42.8px;
  background-color: #fdd03c;
  /* 全体の色 */
  background: linear-gradient(to right, #fdd03c, #ff704f);
  border-radius: 10px;
  display: flex;
  width: 140px;
  position: absolute;
  right: 130px;
  justify-content: center;
  align-items: center;
}

/*↓マウスが乗った時透明になる*/
.new_top_info-hd:hover {
  opacity: 0.7;
  filter: brightness(110%);
}

.new_top_info-hd_text {
  font-size: 14px;
  color: #fff;
}

.new_top_info-hd figure {

}

.new_top_info-hd_img{
  height: 12px;
  width: 20px;
}

/* ログイン */
.new_top_logu-hd {
  height: 42.8px;
  background-color: #fdd03c;
  /* 全体の色 */
  background: linear-gradient(to right, #00a7ea, #0088ce);
  border-radius: 10px;
  display: flex;
  width: 120px;
  position: absolute;
  right: 0px;
  justify-content: center;
  align-items: center;
}

/*↓マウスが乗った時透明になる*/
.new_top_logu-hd:hover {
  opacity: 0.new;
  filter: brightness(110%);
}

.new_top_logu-hd_text {
  color: #fff;
  font-size: 14px;
}

.new_top_logu-hd figure {

}

.new_top_logu-hd_img{
  height: 12px;
  width: 20px;
}

/* アウト・インバウンドナビここから*/
#g-nav_top-logo-out {
  margin-left: 5%;
  /* 左右空き */
  margin-right: 5%;
  /* 左右空き */
}

#g-nav_top-logo-out ul {
  list-style-type: none;
  display: flex;
  /* 横並び */
  /*flex-wrap: wrap;*/
  /*　折り返しあり */
}

#g-nav_top-logo-out li {
  flex-grow: 3;
  /*border-left: 1px solid #fff;*/
  /*　Gナビ縦線 */
  margin-top: 60px;
  /*↑トップからさげた*/
}

#g-nav_top-logo-out a {
  color: #3147ab;
  font-size: 12px;
  font-weight: normal;
  display: flex;
  height: 30px;
  /*justify-content: center;*/
  align-items: center;
}

#g-nav_top-logo-out a:hover {
  color: #ff6f4f;
  /*マウスが乗ったときの色*/
  text-decoration: none;
}

/* アウトバウンドナビここまで*/

/*海外　文字を縦に*/
.new_top_out_text-area-out {
  background-color: #3147ab;
  border-radius: 5px;
  width: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

.new_top_out_text {
  color: #fff;
  font-weight: bold;
  writing-mode: vertical-rl;
  font-size: 15px;
}

/*国内　文字を縦に*/
.new_top_out_text-area-in {
  background-color: #e50150;
  border-radius: 5px;
  width: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

.new_top_in_text {
  color: #fff;
  font-weight: bold;
  writing-mode: vertical-rl;
  font-size: 15px;
}

/* グローバルナビゲーションここから*/
#g-nav_top {
  margin-left: 0px;
  /*padding-bottom: 30px;*/
}

#g-nav_top ul {
  list-style-type: none;
  display: flex;
  /* 横並び */
  /*flex-wrap: wrap;*/
  /*　折り返しあり */
}

#g-nav_top li {
  flex-grow: 1;
  /*border-left: 1px solid #fff;*/
  /*　Gナビ縦線 */
}

#g-nav_top a {
  color: #3147ab;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  padding-bottom: 20px;
}

#g-nav_top a:hover {
  color: #ff6f4f;
  /*マウスが乗ったときの色*/
  text-decoration: none;
  /*border-bottom: 1px solid #3147ab;*/
}

.new_top_g-nav-text {
  color: #000;
  font-size: 10px;
}

/* グローバルナビゲーションここまで*/

/*footerここから*/
footer {}

.new_footer_bg {
  background-color: #ecf5fb;
}

.new_footer_bg-blue {
  background: linear-gradient(to right, #00a7ea, #0086cd);
}

/*h4ここから*/
.new_titl_area_bg {
  background-color: #003F8E;
}

.new_footer_area {
  padding-top: 150px;
}

/* footer電話番号 */
.new_footer_phone_area {
  background-color: #fdd03c;
  /* 全体の色 */
  background: linear-gradient(to right, #fdd03c, #ff704f);
  border-radius: 10px;
  display: flex;
  width: 300px;
  position: absolute;
  right: 360px;
  margin-top: -50px;
}

/*↓マウスが乗った時透明になる*/
.new_footer_phone_area:hover {
  opacity: 0.7;
  filter: brightness(110%);
}

.new_footer_phone_text {
  margin-left: 10px;
  margin-top: 8px;
  font-size: 22px;
  color: #fff;
}

.new_footer_phone_text-small {
  margin-left: 10px;
  margin-top: 8px;
  font-size: 12px;
  color: #fff;
}

.new_footer_phone_area figure {
  margin-top: 14px;
  margin-left: 10px;
}

.new_footer_company_area {
  margin-top: 65px;
  width: 400px;
}

.new_footer_company_day {
  color: #fc7f65;
  font-size: 12px;
}

.new_footer_company_day-text {
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

.new_footer_company_text {
  font-size: 12px;
  margin-top: 25px;
}

/* footerナビここから*/
.new_footer_link-nation_box {
  margin-top: 70px;
}

.new_footer_h4 {
  font-size: 15px;
  color: #000;
  padding-bottom: 20px;
}

.new_footer_link-nation_box a {
  color: #000;
  font-size: 12px;
}

.new_footer_link-nation_box a:hover {
  color: #ff704f;
  /*マウスが乗ったときの色*/
  text-decoration: none;
}

.new_footer_disc {
  list-style-type: "▶ ";
  color: #6bc8f2;
  padding-bottom: 10px;
}

.new_footer_link-nation_area {
  display: flex;
  /* 横並び */
  flex-wrap: wrap;
  /*　折り返しあり */
  justify-content: space-between;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 60px;
  padding-left: 0px;
}

.new_footer_link-nation_area::after {
  content: "";
  display: block;
  width: 400px;
  padding-right: 0px;
}

/* footerナビここまで*/

/* footerサブナビ*/
footer .new_footer_link a {
  padding: 0 25px;
  text-decoration: none;
  color: #fff;
}

.new_footer_link {
  margin-bottom: 40px;
  padding-top: 40px;
}

.new_footer_link a:hover {
  color: #000;
  /* 上に乗った時の色 */
}

.new_footer_link ul {
  display: flex;
  /* 横並び */
  list-style-type: none;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: lighter;
}

.new_footer_link li::before,
.new_footer_link li:last-child::after {
  /*content: "|";*/
  color: #fff;
}

/* footerサブナビここまで*/
.new_footer_logo-area {
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;

  display: flex;
  /* 横並び */
  list-style-type: none;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: lighter;
}

.new_footer_logo-area::after {
  content: "";
  display: block;
  padding-right: 0px;
}

.new_footer_logo-text {
  font-size: 12px;
  line-height: 1.new_5em;
  margin-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

.new_footer_logo-area figure {
  text-align: center;
}

.new_footer_logo-area figure:hover {
  opacity: 0.new_5;
  filter: brightness(110%);
}

/*↓マウスが乗った時透明になる*/
.new_footer_logo-area figure:hover {
  opacity: 0.new_5;
  filter: brightness(110%);
}

.new_footer_cp-text {
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.new_top_air_text-border {
  background: linear-gradient(transparent 80%, #fedf75 30%);
}

/*ボタンここから*/
a.new_btn_travel {
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  margin: auto;
  padding-top: 0.5rem;
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: 0.5rem;
  font-weight: bold;
  background-color: #fdd03c;

  /* 全体の色 */
  background: linear-gradient(to right, #fdd03c, #ff704f);
  color: #fff;
  transition: 0.5s;
  border-radius: 5px;
  font-size: 14px;
  width: 150px;
}

a.new_btn_travel:hover {
    color: #000;
}

/* トップページに戻る ここから*/
html {
  scroll-behavior: smooth;
  /* cssのみでトップページに戻る */
}

.new_gotop {
  position: fixed;
  bottom: 0;
  right: 20px;
  opacity: 0.8;
  z-index: 1000;
}

.new_gotop:hover {
  opacity: 1;
}

.new_gotop figure {
  margin-top: 30px;
}
/* トップページに戻る ここまで*/

/* ↓中ページここから中ページサブナビ */
.new_sidenav .new_topic {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 0px;
    padding-bottom: 20px;
    font-size: 15px;
}
.new_sidenav a {
    color: #00a7ea;
}
.new_sidenav .new_topic li {
    display: inline;
}
.new_sidenav .new_topic li+li:before {
    content: "> ";
}
.new_sidenav_white .new_topic {
    padding-top: 120px;
    padding-right: 30px;
    padding-left: 0px;
    padding-bottom: 20px;
    font-size: 15px;
}
/*文字　白色*/
.new_sidenav_white {
    color: #fff;
}
.new_sidenav_white a {
    color: #2399e9;
}
.new_sidenav_white .new_topic li {
    display: inline;
}
.new_sidenav_white .new_topic li+li:before {
    content: "> ";
}
/* 中ページサブナビここまで */

.new_color_bass01 {
    color: #e50150;
}




@media screen and (max-width:767px) {

  /*ビューポートの幅が1040以下の場合のcss*/
  /* リセットcss */
  img {
    max-width: 100%;
    height: auto;
  }

  .new_inner {
    width: calc(100% - 40px);
  }

  .new_inner2 {
    width: calc(100% - 40px);
  }

  nav ul {
    flex-wrap: wrap;
    /*ナビが下に落ちる*/
  }

  nav a {
    padding: 0 10px;
  }

  /* リセットcssここまで */

/*ビューポートの幅が600以下の場合のcss*/
  /* リセットcss */
  figure {
    text-align: center;
  }

  header h1 {
    width: 25vw;
  }

  .new_gotop {
    width: 11vw;
  }

  /*ナビセンターに寄せる*/
  .new_inner {
    padding: 0 0px;
  }

  /* リセットcssここまで */
  .new_top-sec1,
  .new_top-sec2,
  .new_top-sec3,
  .new_top-sec4,
  .new_top-sec5,
  .new_top-sec6,
  .new_top-sec7,
  .new_top-sec8,
  .new_top-sec9,
  .new_top-sec10,
  .new_top-sec11,
  .new_top-sec12,
  .new_top-sec13,
  .new_top-sec14,
  .new_top-sec15,
  .new_top-sec16,
  .new_top-sec17,
  .new_top-sec18,
  .new_top-sec19,
  .new_top-sec20 {
    width: 100%;
  }

  .new_top_info dt {
    float: none;
  }

  .new_top_info dd {
    padding-left: 0em;
  }

  /*ナビセンターに寄せる*/
  #g-nav_top {
    margin-left: 0;
  }

  #g-nav_nav {
    margin-left: 0;
  }

  nav ul {
    display: block;
  }

  #g-nav_top li {
    border-left: none;
    padding-left: 0px;
    /* 左幅広げるたのを消す*/
  }

  /* 電話 */
  .new_top_phone-hd {
    right: 0px;
    width: 50%;
  }

  .new_top_phone-hd_text {
    font-size: 12px;
  }

  .new_top_phone-hd_text-cl {
    font-size: 5px;
    line-height: 2em;
  }

  /* お問い合わせ */
  .new_top_info-hd {
    display: none;
  }

  /* ログイン */
  .new_top_logu-hd {
    display: none;
  }

  .new_top_logu-hd_text {
    margin-left: 10px;
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
  }

  .new_top_logu-hd figure {
    margin-top: 14px;
    margin-left: 10px;
  }

  .new_top_out_text {
    writing-mode: horizontal-tb;
    font-size: 15px;
  }

  .new_top_in_text {
    writing-mode: horizontal-tb;
    font-size: 15px;
  }

  /*ボタンここから600*/
  a.new_btn_travel {
    width: 100%;
  }

  .new_footer_area {
    padding-top: 20px;
  }

  .new_footer_phone_area {
    border-radius: 0px;
    width: 100%;
    right: 0px;
    margin-top: 10px;
    text-align: center;
  }

  /* footerナビここから*/
  .new_footer_link-nation_box {
    margin-top: 30px;
  }

  .new_footer_h4 {
    font-size: 15px;
    padding-bottom: 10px;
  }

  .new_footer_link-nation_box a {
    color: #000;
    font-size: 12px;
  }

  .new_footer_link-nation_area {
    display: block;
    /* 横並びトル */
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 30px;
    text-align: center;
  }

  .new_footer_disc {
    list-style-type: " ";
  }

  .new_footer_company_text {
    text-align: left;
  }

  .new_footer_company_day {
    text-align: left;
  }

  /* footerナビここまで*/
  .new_footer_company_text {
    margin-top: 0px;
  }

  .new_footer_logo-area {
    border-radius: 5px;
    padding: 20px;
    display: block;
    /* 横並びトル */
    font-size: 10px;
  }

  .new_footer_cp-text {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .new_footer_company_area {
    width: 100%;
  }

  .new_footer_company_text {
    margin-top: 0px;
  }





}

