@charset "utf-8";
/* 海外航空券サポートコール用　PCSP共通（レスポンシブ） */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap&subset=japanese');
/*リセット*/
h1, h2, h3, h4, h5, h6, p, ul {
  font-weight: inherit;
  font-size: 1em;
}
ol {
  margin: 0;
}
li {
  list-style: none;
}
img {
  max-width: 100%
}
em {
  font-style: normal;
}
.main *::before, .main *::after {
  box-sizing: border-box;
}
.main div:not([class])::after {
  content: none;
}
.main a {
  text-decoration: none;
}
.main .is-em {
  font-weight: bold;
}
.goTop {
  z-index: 3;
}
#simple-header {
  height: 88px;
  background: #fff;
}
.is-pc #simple-header {
  height: 85px;
}
#footer {
  padding-top: 1px;
  background: #fff;
}
.breadcrumb__contents {
  overflow: hidden;
  background: #fff;
}
.is-size-pc .breadcrumb__contents {
  padding-bottom: 5px;
}
.is-font-small {
  font-size: .8em;
}
.is-em {
  font-size: 1.5em;
  font-weight: bold;
}
/*＝＝ ベース ＝＝*/
body {
  background: #fff;
}
#hisApp {
  position: relative;
}
:root {
  --default-font-family: "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
  --default-font-size-pc: 18px;
  --default-font-size-sp: calc(30vw / 7.5);
  --default-font-size: min(var(--default-font-size-sp), var(--default-font-size-pc));
  --default-font-color: #333;
  --default-width-pc: 992px;
  --default-width-inner: min(calc(710vw / 7.5), var(--default-width-pc));
  --default-color-blue: #0067b4;
  --default-color-light-blue: #00a8e4;
  --default-color-orange: #ff6200;
  --default-color-red: #e90000;
  --default-bg-setting: no-repeat center center / cover;
  --default-icon-arrow-right-white: url("/cmn/icon/icon_arrow_right_white.svg") var(--default-bg-setting);
  --default-icon-arrow-down-white: url("/cmn/icon/icon_arrow_down_white.svg") var(--default-bg-setting);
  --default-icon-blank-white: url("/cmn/icon/icon_launch_white.svg") var(--default-bg-setting);
  --default-hover-speed: .3s;
  --default-hover-transition: opacity var(--default-hover-speed);
  --default-hover-opacity: .75;
}
.breadcrumb__contents {
  background: #fff;
}
.section__inner, .mv__inner{
  width: var(--default-width-inner);
  margin: auto;
  position: relative;
}
.section__inner {
  padding: min(calc(100vw / 7.5), 80px) 0;
}
.is-sp .section__inner {
  width: calc(640vw / 7.5);
}
.section:first-of-type .section__inner {
  padding-top: min(calc(140vw / 7.5), 110px);
}
.section__lead {
  font-size: var(--default-font-size);
  line-height: 1.7;
}
.is-pc .section__lead {
  width: 680px;
  margin: 0 auto;
}
.section__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: min(calc(50vw / 7.5), 40px);
}
.section__title--sub {
  color: var(--default-color-blue);
  font-weight: bold;
  font-size: min(calc(40vw / 7.5), 30px);
  text-align: center;
}
.base-button-link {
  width:  min(calc(500vw / 7.5), 380px);
  margin: 0 auto;
}
.base-button-link__item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: var(--default-color-orange);
  color: #fff;
  text-align: center;
  font-size: min(calc(30vw / 7.5), 18px);
  min-height: min(calc(90vw / 7.5), 50px);
  padding: .5em .8em;
  line-height: 1.2;
  border-radius: 5px;
  transition: background-color var(--default-hover-speed);
  cursor: pointer;
}
.base-button-link__item::after {
  content: "";
  width: 1em;
  height: 1.5em;
  background: var(--default-icon-arrow-right-white);
  margin-left: .5em;
}
.base-button-link__item[target="_blank"]:not([href^="#"])::after {
  width: 1em;
  height: 1em;
  background: var(--default-icon-blank-white);
}
.base-button-link__text {
  flex: 1;
  padding-left: 1.5em;
}
.push {
  font-weight: bold;
  color: var(--default-color-light-blue);
}
.notes {
  font-size: min(calc(24vw / 7.5), 14px);
}
.attention__list li, .preparation__list li {
  text-indent: -1em;
  padding-left: 1em;
  padding-top: min(calc(10vw / 7.5), 10px);
}
.attention__list li::before {
  content: '■';
}
.goTop__link {
  display: none;
}
.his-top__link {
  background: #fff;
  padding-top: min(calc(50vw / 7.5), 50px);
}
.his-top__button {
  display: block;
  font-size: calc(26vw / (750 / 100));
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  padding: calc(30vw/ (750 / 100)) calc(20vw/ (750 / 100));
  background: #0057B8 url("/cmn/icon/icon_arrow_right_white.svg") no-repeat right calc(10vw/ (750 / 100)) center / calc(48vw/ (750 / 100));
}

/*＝＝ MV ＝＝*/
.mv {
  background: #76caf2;
  position: relative;
}
.mv::after {
  content: '';
  width: 100%;
  height: min((42vw / 7.5), 34px);
  background:url(../images/bg_wave01.png) repeat-x center bottom;
  background-size: auto 100%;
  position: absolute;
  bottom: max((-40vw / 7.5), -32px);
  left: 0;
}
.is-sp .mv__inner{
  width: calc(739vw / 7.5);
  padding: calc(40vw / 7.5) 0;
}
.is-pc .mv__inner{
  padding: 25px 0 50px;
}

/*＝＝ about ＝＝*/
.is-pc #about .base-title__text{
  width: 357px;
}
.is-sp #about .base-title__text {
  width: calc(476vw / 7.5);
}
.is-sp #about .section__title::before {
  content: '';
  background: url(../images/ill_woman01.png) no-repeat 0 0 / contain;
  width: calc(267vw / 7.5);
  height: calc(209vw / 7.5);
  margin-bottom: calc(25vw / 7.5);
}
#about .section__title--sub {
  width: min(calc(486vw / 7.5), 337px);
  height: min(calc(338vw / 7.5), 229px);
  margin: calc(120vw / 7.5) auto 0;
}
.is-pc #about .section__title--sub {
  margin: 95px auto 25px;
}
.is-pc .example__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -30px;
}
.example__list--item {
  border: min(calc(7vw / 7.5), 6px) #4ac0f0 solid;
  background: #dff2fc;
  border-radius: min(calc(10vw / 7.5), 10px);
  margin-bottom: min(calc(95vw / 7.5), 80px);
  padding: min(calc(40vw / 7.5), 30px) 0;
  text-align: center;
  position: relative;
}
.is-pc .example__list--item {
  width: min(calc((100% - 60px) / 2), 440px);
  margin-left: 30px;
}
.is-pc .example__list--item:nth-last-child(-n+2), .is-sp .example__list--item:last-child {
  margin-bottom: 0;
}
.example__list_case-num {
  width: min(calc(206vw / 7.5), 156px);
  height: min(calc(65vw / 7.5), 50px);
  position: absolute;
  left: 0;
  top: max(calc(-69vw / 7.5), -53px)
}
.example__list--title {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--default-color-blue);
  font-size: min(calc(40vw / 7.5), 30px);
  font-weight: bold;
  position: relative;
}
.example__list--title::after {
  content: '';
  background: url(../images/ill_answer.png) no-repeat 0 0 / contain;
  margin: min(calc(25vw / 7.5), 20px) 0 min(calc(30vw / 7.5), 25px);
}
.is-sp .example__list--title::after {
  width: calc(166vw / 7.5);
  height: calc(18vw / 7.5);
}
.is-pc .example__list--title::after {
  width: 125px;
  height: 14px;
}
.is-pc .is-case03 .example__list--title {
  padding: 0 65px;
}
.example__list--item::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: min(calc(20vw / 7.5), 13px);
  left: min(calc(18vw / 7.5), 13px);
}
.example__list--item.is-case01::before {
  background: url(../images/ill_bg_case01.png) no-repeat 0 0 / contain;
  width: calc(89vw / 7.5);
  height: calc(93vw / 7.5);
}
.is-pc .example__list--item.is-case01::before {
  width: 66px;
  height: 71px;
}
.example__list--item.is-case02::before {
  background: url(../images/ill_bg_case02.png) no-repeat 0 0 / contain;
  width: calc(102vw / 7.5);
  height: calc(87vw / 7.5);
}
.is-pc .example__list--item.is-case02::before {
  width: 77px;
  height: 66px;
}
.example__list--item.is-case03::before {
  background: url(../images/ill_bg_case03.png) no-repeat 0 0 / contain;
  width: calc(72vw / 7.5);
  height: calc(123vw / 7.5);
}
.is-pc .example__list--item.is-case03::before {
  width: 54px;
  height: 93px;
}
.example__list--item.is-case04::before {
  background: url(../images/ill_bg_case04.png) no-repeat 0 0 / contain;
  width: calc(146vw / 7.5);
  height: calc(77vw / 7.5);
}
.is-pc .example__list--item.is-case04::before {
  background: url(../images/ill_bg_case04.png) no-repeat 0 0 / contain;
  width: 109px;
  height: 58px;
}
.example__list--detail {
  color: var(--default-color-blue);
  font-size: min(calc(30vw / 7.5), 20px);
  font-weight: bold;
  line-height: 1.7;
  padding: 0 min(calc(20vw / 7.5), 15px);
}
.is-pc .example__list--detail {
  font-size: min(calc(15vw / 7.5), 20px);
}
.example__list--detail--text {
  display: inline-block;
}

/*＝＝ anshin ＝＝*/
#anshin .section__inner{
  padding: min(calc(50vw / 7.5), 30px) 0 min(calc(100vw / 7.5), 100px);
}
.is-pc #anshin .base-title__text{
  width: 315px;
}
.is-sp #anshin .base-title__text {
  width: calc(419vw / 7.5);
}
.anshin__list {
  background: #dff2fc;
  padding: 0 calc(30vw / 7.5);
  margin: calc(60vw / 7.5) 0;
}
.is-pc .anshin__list {
  width: min(calc(700vw / 7.5), 910px);
  margin: 65px auto 0;
  padding: 15px 20px;
}
.anshin__list--item {
  border-bottom: dashed #68a3e3 2px;
  padding: calc(25vw / 7.5) 0;
}
.is-pc .anshin__list--item {
  padding: 15px 10px;
}
.anshin__list--item:last-child {
  border-bottom: none;
}
.anshin__list--title {
  color: var(--default-color-blue);
  font-size: min(calc(30vw / 7.5), 20px);
  font-weight: bold;
  padding-bottom: min(calc(10vw / 7.5), 5px);
}
.anshin__list--title::before {
  content: '■';
}
.anshin__list--detail {
  font-size: min(calc(30vw / 7.5), 18px);
}
.anshin__list--notes {
  text-indent: -1em;
  padding-left: 1em;
  padding-top: min(calc(10vw / 7.5), 5px);
}

/*＝＝ confirmation ＝＝*/
#confirmation {
  background: #76caf2;
  position: relative;
}
#confirmation::before {
  content: '';
  width: 100%;
  height: min((42vw / 7.5), 34px);
  background:url(../images/bg_wave02.png) repeat-x center bottom;
  background-size: auto 100%;
  position: absolute;
  top: max((-40vw / 7.5), -33px);
  left: 0;
}
.is-pc #confirmation .base-title__text{
  width: 474px;
}
.is-sp #confirmation .base-title__text {
  width: calc(630vw / 7.5);
}
.confirmation__list {
  background: #fff;
  padding: 0 calc(30vw / 7.5);
  margin: 0;
}
.is-pc .confirmation__list {
  width: min(calc(700vw / 7.5), 910px);
  margin: 0 auto;
  padding: 15px 20px;
}
.confirmation__list--item {
  border-bottom: dashed #68a3e3 2px;
  padding: calc(25vw / 7.5) 0;
}
.is-pc .confirmation__list--item {
  padding: 15px 10px;
}
.confirmation__list--item:last-child {
  border-bottom: none;
}
.confirmation__list--title {
  color: var(--default-color-blue);
  font-size: min(calc(30vw / 7.5), 20px);
  font-weight: bold;
  padding-bottom: min(calc(10vw / 7.5), 5px);
}
.confirmation__list--title::before {
  content: '■';
}
.confirmation__list--detail {
  font-size: min(calc(30vw / 7.5), 18px);
}
.confirmation__list--notes {
  text-indent: -1em;
  padding-left: 1em;
  padding-top: min(calc(10vw / 7.5), 5px);
}

/*＝＝ addition ＝＝*/
.is-pc #addition .base-title__text{
  width: 469px;
}
.is-sp #addition .base-title__text {
  width: calc(625vw / 7.5);
}
#addition .section__title--sub {
  padding-bottom: min(calc(40vw / 7.5), 30px);
}
#addition  .section__title--sub:not(:first-of-type) {
  margin-top: min(calc(140vw / 7.5), 90px);
}
.button-catch--text {
  display: flex;
  justify-content: center;
  color: var(--default-color-light-blue);
  font-size: min(calc(30vw / 7.5), 18px);
  font-weight: bold;
  text-align: center;
  margin: min(calc(55vw / 7.5), 40px) 0 min(calc(15vw / 7.5), 15px);
}
.button-catch--text::before, .button-catch--text::after {
  content: '/';
  display: block;
  margin: 0 .5em;
}
.button-catch--text::before {
  transform: scale(-1, 1);
  margin-right: .5em;
}

/*＝＝ banner ＝＝*/
#banner .section__inner{
  padding-top: 0;
}
.banner__list--link {
  display: block;
}

/*＝＝ season-banners ＝＝*/
/*season-banners*/
#season-banners .section__inner {
  padding-top: 0;
}
#season-banners .base-title {
	font-size: min((32vw / 7.5), 28px);
	font-weight: bold;
	text-align: center;
	margin-bottom: min((30vw / 7.5), 25px);
}
.season-air-banner__list {
  display: grid;
  grid-template-columns: var(--column, repeat(3, 1fr));
  gap: min((26vw / 7.5), 42px);
  @media (width >=750px) {
    --column: repeat(5, 1fr);
    gap: 0 20px;
  }
}

/*＝＝ search ＝＝*/
.is-pc #search {
  background: #76caf2;
  padding: 80px 0;
}
.is-ipad  #search {
  padding: 80px 20px;
}
.is-sp #search .section__inner {
  width: 100%;
  padding: 0;
  margin: 0;
}
.is-pc #search .base-title__text{
  width: 469px;
}
.is-sp #search .base-title__text {
  width: calc(625vw / 7.5);
}
.navi--ovsTour, .navi--ovsHotel, .navi--ovsOptional, .navi--bothOnline, .main #search #searchApp .rn-searchMod__navLinkItem.navi--dom {
  display: none !important;
}
.tabTour, .tabHotel, .tabOptional, .tabOnline {
  display: none;
}
.is-pc .rn-searchMod--ovs .rn-searchMod__navSection .rn-searchMod__navList br {
  display: none;
}
@media screen and (min-width: 841px) {
  .main #search .navi03.rn-searchMod__navListItem {
    margin-right: 0;
  }
}
@media only screen and (orientation: landscape) and (max-width: 828px), only screen and (max-width: 740px) {
  .main #search .rn-searchMod--ovs .rn-searchMod__navListItem {
    width: 50%;
  }
  .main #search .rn-searchMod--ovs .rn-searchMod__navListButton {
    width: 100%;
  }
}
.is-ipad .main .rn-searchMod {
  width: 100%;
  margin: auto;
  display: block;
}
.is-ipad  .main .rn-searchMod__navSection {
  margin-right: 0;
}
.is-ipad  .main .rn-searchMod__navListItem {
  margin-bottom: 0;
}
.is-ipad  .main .rn-searchMod__navListItem:not(:last-child) {
  margin-right: 8px;
}
.main #search .navi03.rn-searchMod__navListItem {
  margin-right: 0;
}
.is-ipad .main .rn-searchMod--all .rn-searchMod__navListItem:not(:last-child) {
  margin-right: 5px;
}
.is-ipad .main .rn-searchMod__navList {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.is-ipad .main .rn-searchMod--all .rn-searchMod__navListButton {
  font-size: 13px;
  line-height: 1.3;
  height: 70px;
}
.is-ipad .main .rn-searchMod__navListButton {
  border-radius: 4px 4px 0 0;
  border: 1px solid #000;
}
.is-ipad .main .rn-searchMod__navListButton.active {
  border-bottom-color: #fff;
  margin-right: 0;
}
.is-ipad .main .rn-searchMod__formSection {
  width: 100%;
  min-height: auto;
  border: 1px solid #000;
  border-radius: 0;
  padding: 30px 40px;
  margin-top: -1px;
}

/*=======================================*/
@media screen and (min-width: 751px) {
  .is-dsp-sp {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .is-dsp-pc {
    display: none;
  }
}
/*=======================================*/
@media (hover : hover) and (pointer : fine) {
  .is-pc .base-text-link:hover {
    text-decoration: none;
  }
  .is-pc .base-button-link__item:hover {
    background-color: #f39813;
  }
  .banner__list--link {
    transition: var(--default-hover-transition);
  }
  .banner__list--link:hover {
    opacity: var(--default-hover-opacity);
  }
  .season-air-banner__list--item--link:hover {
    transition: var(--default-hover-transition);;
    &:hover {
      opacity:.75;
    }
  }
}