@charset "utf-8";
/* 「海外出張」 PCSP共通CSS */
/*------------------------------------------------*/
/*★ リセット ★*/
h1, h2, h3, h4, h5, h6, p, ul {
  font-weight: inherit;
}
ol, pre {
  margin: 0;
}
li {
  list-style: none;
}
img {
  max-width: 100%
}
picture {
  display: block;
}
em {
  font-style: normal;
}
div:after {
  content: none;
}
.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;
}
.goTop__link {
  display: none;
}
.js-accordion-button, .js-toggleControl {
  cursor: pointer;
}
#simple-header {
  height: 88px;
  background: #fff;
}
.is-pc #simple-header {
  height: 85px;
}
#footer {
  background: #fff;
}
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
#hisApp {
  position: relative;
}
:root {
  --default-font-family: "メイリオ", Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, "Noto Sans JP", sans-serif;
  --default-font-size-pc: 16; /*ok*/
  --default-font-size-sp: calc(26vw / 7.5); /*ok*/
  --default-font-size: min(var(--default-font-size-sp), 16px); /*ok*/
  --default-font-color: #1f2c5c; /*ok*/
  --default-width-pc: 992px; /*ok*/
  --default-width-inner: min(calc(680vw / 7.5), var(--default-width-pc));
  --default-section-padding: min(calc(70vw / 7.5), 80px) 0 min(calc(90vw / 7.5), 80px);
  --default-color-blue: #1f2c5c; /*ok*/
  --default-color-light-blue: #0a65cc; /*ok*/
  --default-color-yellow: #fff462; /*ok*/
  --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-arrow-down-black: url("/cmn/icon/icon_arrow_down_black.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);
}
.main {
  font-family: var(--default-font-family);
  font-size: var(--default-font-size);
  color: var(--default-font-color);
  line-height: calc(20 / 14);
  overflow: hidden;
  background: none;
}
.is-pc .is-dsp-sp {
  display: none !important;
}
.is-sp .is-dsp-pc {
  display: none !important;
}
.is-font-small {
  font-size: .9em;
}
.is-font-small2 {
  font-size: .6em;
}
.is-font-big {
  font-size: 1.5em;
  line-height: 1;
}
.is-inline-block {
  display: inline-block;
}
.is-indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}
.toggle__contents:not([class*="--active"]) {
  display: none;
}
.section__inner, .contents__wrapper {
  width: var(--default-width-inner);
  margin: auto;
  position: relative;
  z-index: 2s;
}
/*@media (min-width:581px) {
  .section__inner, .contents__wrapper {
    width: min(calc((680 / 750) * 100%), var(--default-width-pc));
  }
}*/
.his-top__link {
  background: #fff;
  padding-top: min(calc(50vw / 7.5), 50px);
}
.his-top__button {
  display: block;
  color: #fff;
  font-size: min(calc(26vw / 7.5), var(--default-font-size-pc));
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  padding: calc(30em / 26) calc(20em / 26);
  background: #0057B8 url("/cmn/icon/icon_arrow_right_white.svg") no-repeat right calc(10em / 26) center / calc(48em / 26);
}
/*★ 共通画像 ★*/
.base-picture {
  text-align: center;
}
.base-picture:not(:first-child) {
  margin-top: min(calc(50vw / 7.5), 30px);
}
/*★ 共通バナー ★*/
.base-banner {
  text-align: center;
}
.base-banner:not(:first-child) {
  margin-top: min(calc(50vw / 7.5), 30px);
}
.base-banner__link {
  background: #fff;
  display: inline-block;
  transition: var(--default-hover-transition);
}
/*★ 共通タイトル ★*/
.base-title {
  font-weight: bold;
  text-align: center;
}
.base-marker-title {
  font-weight: bold;
  text-align: center;
  font-size: min(calc(36vw / 7.5), 24px);
}
.base-marker-title__text {
  padding: 0 .5em;
  background: linear-gradient(transparent 60%, var(--default-color-yellow) 60%);
}
/*★ 共通ボタン ★*/
.base-button {
  margin: auto;
  width: min(100%, 420px);
}
.base-button.is-size-small {
  width: min(((500 / 654) * 100%), 300px);
}
.base-button:not(:first-child), .base-button__wrapper {
  margin-top: min(calc(80vw / 7.5), 30px);
}
.base-button__wrapper .base-button:not(:first-child) {
  margin-top: min(calc(30vw / 7.5), 20px);
}
.base-button__link {
  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-weight: bold;
  min-height: min(calc(65vw / 7.5), 50px);
  padding: .25em 1em;
  line-height: 1.2;
  border-radius: 500px;
  transition: background-color var(--default-hover-speed);
  cursor: pointer;
}
.base-button.is-size-small .base-button__link {
  min-height: min(calc(60vw / 7.5), 36px);
  background-color: var(--default-color-blue);
}
.base-button__link::after {
  content: "";
  width: 1em;
  height: 1.5em;
  background: var(--default-icon-arrow-right-white);
  margin-left: .5em;
}
.base-button__link[href^="#"]:not(.is-modal)::after {
  transform: rotate(90deg);
}
.base-button__link.is-modal::after, .base-button__link[target="_blank"]::after {
  height: 1em;
  background: var(--default-icon-blank-white);
  margin-right: .25em;
}
.base-button__link.is-close::after {
  width: 2em;
  height: 2em;
  background-image: url(/cmn/icon/icon_close_white.svg);
}
.base-button__text {
  flex: 1;
  padding-left: 1.5em;
}
.base-button__text span:not([class]) {
  font-size: .8em;
}
/*★ 共通テキストリンク ★*/
.base-text-link {
  color: #0057B8;
}
.base-text-link:not(:first-child) {
  margin-top: min(calc(20vw / 7.5), 10px);
}
.base-text-link__link {
  display: flex;
  align-items: center;
  color: inherit;
}
.base-text-link.is-center .base-text-link__link {
  justify-content: center;
}
.base-text-link__link::after {
  content: "";
  width: 1.5em;
  height: .7em;
  background: no-repeat center center / cover;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231f2c5c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_arrow_right%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M20.58579%2C14.27206h0a2%2C2%2C0%2C0%2C0%2C0%2C2.82842L30.48529%2C27l-9.89951%2C9.89951a2%2C2%2C0%2C0%2C0%2C0%2C2.82842h0a2%2C2%2C0%2C0%2C0%2C2.82842%2C0L34.72794%2C28.41421a2%2C2%2C0%2C0%2C0%2C0-2.82842L23.41421%2C14.27206A2%2C2%2C0%2C0%2C0%2C20.58579%2C14.27206Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.base-text-link__link[target="_blank"]::after {
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%231f2c5c%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M19%2C19H5V5h7V3H5C3.9%2C3%2C3%2C3.9%2C3%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2v-7h-2V19z%20M14%2C3v2h3.6l-9.8%2C9.8%20l1.4%2C1.4L19%2C6.4V10h2V3H14z%22%2F%3E%3C%2Fsvg%3E');
  margin-left: .25em;
}
.is-pc .base-text-link__link:hover {
  text-decoration: underline;
}
/*★ 注釈 ★*/
.main small, .notes, .is-notes {
  font-size: min((20vw / 7.5), 11px);
  line-height: calc(14 / 10);
}
.notes, .is-notes {
  color: var(--default-color-gray);
}
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
/*★ area__navi ★*/
.area__navi {
  font-weight: bold;
  color: #fff;
  font-size: min(calc(40vw / 7.5), 20px);
}
.is-pc .area__navi {
  font-size: min(calc(26vw / 7.5), 14px);
}
.is-pc .area__navi--inner, .is-sp .area__navi--title, .area__navi--title--text, .is-pc .area__list {
  display: flex;
  align-items: center;
}
.is-pc .area__navi--title, .is-sp .area__navi--title--text {
  margin-right: min(calc(20vw / 7.5), 15px);
}
.is-pc .area__navi, .is-sp .area__navi--title {
  padding: min(calc(20vw / 7.5), 10px) 0;
}
.area__navi--title--arrows {
  display: grid;
  grid-template-columns: repeat(3, 5px);
  gap: 5px;
  margin-left: min(calc(20vw / 7.5), 15px);
}
.area__navi--title--arrow {
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid #fff;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.is-pc .area__list--wrapper, .is-sp .area__navi--button, .area__list, .area__list--item {
  flex: 1;
}
.is-sp .area__navi--button, .area__list--item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: .4em .4em .3em;
}
.is-pc .area__list--item {
  margin-left: min(calc(20vw / 7.5), 10px);
}
.is-sp .area__navi--button, .area__list--item[class*="-active"], .area__list--item:hover {
  background: #0a65cc;
}
.is-sp .area__list--item:not([class*="-active"]) {
  color: var(--default-color-blue);
  background: #fff;
}
.is-sp .js-area-open-target:not(.is-open) {
  display: none;
}
.is-sp .js-area-open-target.is-open {
  background: var(--default-color-blue);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.is-sp .area__list--inner {
  padding: min((80vw / 7.5), 40px) min((40vw / 7.5), 20px);
  height: 100%;
  overflow-y: auto;
}
.is-sp .area__list--title {
  text-align: center;
  margin-bottom: 1.25em;
}
.is-sp .area__list {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - .4em));
  gap: .8em;
}
/*★ MV ★*/
#headerArea {
  background-color: var(--default-color-blue);
}
.is-sp .mv {
  background: url("../images/mv_bg_sp.jpg") no-repeat top center / cover;
}
.is-pc .mv {
  background: url("../images/mv_bg_pc.jpg") no-repeat top center / contain;
}
.is-pc .mv {
  min-height: 780px;
}
.mv__inner {
  display: flex;
  justify-content: space-between;
  padding: min(calc(30vw / 7.5), 30px) 0 min(calc(45vw / 7.5), 45px);
}
.is-sp .mv__inner {
  flex-direction: column;
}
.is-pc .mv__inner {
  width: var(--default-width-inner);
  margin: auto;
}
.is-sp .mv__title {
  padding-right: calc(35vw / 7.5);
}
.is-sp .mv__search {
  display: flex;
  justify-content: center;
  padding: 0 calc(95vw / 7.5);
  margin-top: calc(55vw / 7.5);
}
.is-pc .mv__search {
  width: 440px;
  background: #fff;
  border: 10px solid var(--default-color-blue);
  margin-top: 20px;
}
.mv__text {}
/*★ ＝＝ breadcrumbArea ＝＝ ★*/
#breadcrumbArea {
  background: #fff;
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea .section__inner {
  padding: var(--default-section-padding);
}
.base-title__text--sub {
  display: block;
  font-size: min(calc(36vw / 7.5), 28px);
}
.base-title__text--main {
  display: block;
  font-size: min(calc(48vw / 7.5), 38px);
}
.is-sp .base-title__text--main {
  line-height: 1.2;
}
/*★ corp ★*/
.is-sp #corp .section__inner {
  width: 100%;
  padding: 0 0 calc(220vw / 7.5);
}
.corp__banner {
  display: grid;
  justify-items: center;
}
.corp__banner--text {
  margin-top: min(calc(15vw / 7.5), 15px);
  text-align: center;
}
.corp__banner--text .base-text-link__link {
  font-weight: bold;
  color: var(--default-color-blue);
  text-decoration: underline;
}
.is-pc .corp__banner--text .base-text-link__link:hover {
  color: var(--default-color-blue);
  text-decoration: none;
}
/*★ anshin ★*/
#anshin.section {
  background: var(--default-color-blue);
}
.is-sp #anshin.section {
  background: var(--default-color-blue) url("../images/anshin_bg_sp.jpg") no-repeat bottom center / contain;
}
.is-sp #anshin .section__inner {
  padding-bottom: calc(430vw / 7.5)
}
.anshin__title {
  color: #fff;
  margin-bottom: min(calc(40vw / 7.5), 20px)
}
.anshin__title2 {
  color: var(--default-color-yellow);
  margin-bottom: min(calc(60vw / 7.5), 50px)
}
.anshin__list {
  display: flex;
}
.is-sp .anshin__list {
  flex-direction: column;
  padding: 0 calc(20vw / 7.5);
}
.is-pc .anshin__list {
  margin-left: -30px;
}
.anshin__list--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: min(calc(65vw / 7.5), 50px) min(calc(20vw / 7.5), 15px) min(calc(40vw / 7.5), 25px);
  position: relative;
}
.is-sp .anshin__list--item {
  margin-bottom: calc(60vw / 7.5);
}
.is-sp .anshin__list--item:last-child {
  margin-bottom: 0;
}
.is-pc .anshin__list--item {
  width: 310px;
  margin-left: 30px;
}
.anshin__list--item:before {
  content: "";
  display: inline-block;
  background: no-repeat center center / contain;
  position: absolute;
  top: max(calc(-45vw / 7.5), -30px);
  left: max(calc(-25vw / 7.5), -16px);
}
.is-sp .anshin__list--item:before {
  width: calc(225vw / 7.5);
  height: calc(115vw / 7.5);
}
.is-pc .anshin__list--item:before {
  width: 145px;
  height: 75px;
}
.anshin__list--item.is-anshin01:before {
  background-image: url("../images/anshin_icon01.png");
}
.anshin__list--item.is-anshin02:before {
  background-image: url("../images/anshin_icon02.png");
}
.anshin__list--item.is-anshin03:before {
  background-image: url("../images/anshin_icon03.png");
}
.anshin__list--title {
  font-weight: bold;
  font-size: min(calc(38vw / 7.5), 24px);
  color: var(--default-color-light-blue);
  text-align: center;
}
.anshin__list--detail {
  margin-top: min(calc(20vw / 7.5), 20px);
  text-align: center;
}
.anshin__list--link {
  margin-top: min(calc(15vw / 7.5), 15px);
  text-align: center;
}
.anshin__list--link .base-text-link__link {
  font-weight: bold;
  color: var(--default-color-blue);
  text-decoration: underline;
}
.is-pc .anshin__list--link .base-text-link__link:hover {
  color: var(--default-color-blue);
  text-decoration: none;
}
/*★ example ★*/
.is-sp #example .section__inner {
  padding-bottom: calc(160vw / 7.5);
}
.example__title {
  margin-bottom: min(calc(40vw / 7.5), 30px);
}
.is-pc .example__text {
  width: 750px;
  margin: 0 auto;
}
/*★ reason ★*/
.reason__title {
  margin-bottom: min(calc(40vw / 7.5), 30px);
  position: relative;
}
.reason__title::after {
  content: "";
  display: inline-block;
  width: min(calc(190vw / 7.5), 135px);
  height: min(calc(199vw / 7.5), 141px);
  background: url("../images/anytime_icon.png") no-repeat center center / contain;
  position: absolute;
}
.is-pc .reason__title::after {
  top: -20px;
  right: 130px;
}
.is-sp .reason__title::after {
  top: -95px;
  right: -10px;
}
.reason__list {
  display: flex;
  flex-direction: column;
}
.is-pc .reason__list {
  padding: 0 60px;
}
.reason__list--item {
  display: flex;
  position: relative;
  padding: min(calc(40vw / 7.5), 20px) 0;
  background-image: linear-gradient(to right, #8d93ab, #8d93ab 2px, transparent 2px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 2px;
}
.reason__list--item:last-child {
  background: none;
}
.reason__list--image {
  width: min(calc(260vw / 7.5), 120px);
  height: min(calc(260vw / 7.5), 120px);
  margin-right: min(calc(20vw / 7.5), 20px);
}
.is-sp .reason__list--text {
  width: calc(400vw / 7.5);
}
.is-pc .reason__list--text {
    width: 752px;
}
.reason__list--title {
  color: var(--default-color-light-blue);
  font-weight: bold;
  font-size: min(calc(32vw / 7.5), 28px);
  margin-bottom: min(calc(15vw / 7.5), 10px);
}
.is-pc .reason__list--title {
  line-height: 1.3;
}
.reason__list--title strong {
  background-position: left -100% center;
  padding: 0 0.2em 0.5em;
  background-size: 200% 0.6em;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #fffc00 50%);
}
.reason__list--notes {
  color: var(--default-color-light-blue);
}
.reason__list--text .base-text-link__link {
  font-weight: bold;
  color: var(--default-color-blue);
  text-decoration: underline;
}
.is-pc .reason__list--text .base-text-link__link:hover {
  color: var(--default-color-blue);
  text-decoration: none;
}
/*★ arrange ★*/
#arrange .section__inner {
  padding: 0;
}
#arrange .area__contents:not(:empty) {
  padding: var(--default-section-padding);
}
#arrange.section {
  background: var(--default-color-blue);
}
.arrange__title {
  color: #fff;
  margin-bottom: min(calc(40vw / 7.5), 20px);
}
.arrange__title::after {
  content: "";
  display: inline-block;
  width: min(calc(190vw / 7.5), 135px);
  height: min(calc(199vw / 7.5), 141px);
  background: url("../images/anytime_icon.png") no-repeat center center / contain;
  position: absolute;
}
.is-sp .arrange__title::after {
  top: -60px;
  right: -10px;
}
.is-pc .arrange__title::after {
  top: -20px;
  right: 0; /*旧130px*/
}
@media (max-width: 1200px) and (min-width: 600px) {
  .is-pc .arrange__title::after {right: -20px;}
}
.arrange__banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 min(calc(50vw / 7.5), 116px);
}
.is-sp .arrange__banner {
  flex-direction: column;
}
.arrange__banner--item {
  width: min(calc(580vw / 7.5), 360px);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: min(calc(55vw / 7.5), 45px);
}
.arrange__banner--text {
  order: 2;
  color: var(--default-color-yellow);
  font-size: min(calc(32vw / 7.5), 18px);
  font-weight: bold;
  padding-top: min(calc(8vw / 7.5), 8px);
}
.arrange__banner--inner {
  transition: opacity var(--default-hover-speed);
}
.is-pc:not(.is-ipad) .arrange__banner--inner {
  background: #fff;
  transition: opacity var(--default-hover-speed);
}
/*------------------------------------------------*/
/*★ ＝＝ footerArea ＝＝ ★*/
/*★ banner__reco★*/
.banner__reco {
  background: var(--default-color-blue);
  padding: min((60vw / 7.5), 40px) 0;
}
.banner__reco--list {
  background: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fill, min((135vw / 3.5), 196px));
  /*grid-template-columns: repeat(2, min((50% - ((12vw / 7.5), 15px)), 196px));*/
  gap: min((24vw / 7.5), 30px);
  justify-content: center;
  padding: min((20vw / 7.5), 30px);
}
.banner__reco--inner {
  transition: opacity var(--default-hover-speed);
}
@media (min-width:800px) {
  .banner__reco--list {
    grid-template-columns: repeat(4, min(calc((100% / 4) - ((12vw / 7.5), 15px)), 196px));
    gap: min((15vw / 7.5), 30px);
  }
  .is-ipad .banner__reco--list {
    grid-template-columns: repeat(4, min(calc((100% / 4) - 15px), 196px));
    gap: 15px;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ ホバー設定 ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .is-pc .base-button__link:hover {
    background-color: #fac028;
  }
  .is-pc .base-button.is-size-small .base-button__link:hover {
    background-color: #54c2f0;
  }
  .is-pc .base-banner__link:hover, .is-pc .arrange__banner--inner img:hover {
    opacity: .7;
  }
}
/**/
/* ============================
検索ボックス searchModule.min.css リセット
============================ */
/*★ ＝＝ 下部検索BOX ＝＝ ★*/
#searchModSection {
  max-width: 992px;
  margin: auto;
}
@media (min-width:841px) {
  .main .rn-searchMod {
    width: 90%;
    margin: auto;
    display: block;
  }
  .main .rn-searchMod__navSection {
    margin-right: 0;
  }
  .main .rn-searchMod__navListItem {
    margin-bottom: 0;
  }
  .main .rn-searchMod__navListItem:not(:last-child) {
    margin-right: 8px;
  }
  .main .rn-searchMod__navList {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
  }
  .main .rn-searchMod__navListButton {
    border-radius: 4px 4px 0 0;
    border: 1px solid #000;
  }
  .main .rn-searchMod__navListButton.active {
    border-bottom-color: #fff;
    margin-right: 0;
  }
  .main .rn-searchMod__formSection {
    width: 100%;
    min-height: auto;
    border: 1px solid #000;
    border-radius: 0;
    padding: 30px 40px;
    margin-top: -1px;
  }
}
@media only screen and (max-width: 828px) and (orientation: landscape), only screen and (max-width: 740px) {
  .main .rn-searchMod__checkBox::after, .main .rn-searchMod__checkBox::before {
    top: -1px;
  }
  .main .rn-searchMod--ovs .rn-searchMod__navListButton, .main .rn-searchMod--dom .rn-searchMod__navListButton {
    font-size: calc(20vw / 7.5);
  }
}
/*★ ＝＝ 上部検索BOX（PCのみ） ＝＝ ★*/
.navi--ovsTour, .navi--ovsOptional, .navi--ovsCarRental {
  display: none;
}
.tabTour, .tabOptional, .tabOptional, .tabCarRental {
  display: none;
}
#searchModSection .rn-searchMod__navList {
  background: #fff;
  border: 1px solid #fff;
  z-index: 0;
}
#searchModSection .rn-searchMod__navListItem {
  width: calc(100% / 3);
}
#searchModSection .rn-searchMod__navListButton {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: #636c8d;
  color: #fff;
  font-size: .85rem;
  font-weight: bold;
  line-height: 1.16;
  border: none;
  border-radius: inherit;
  padding: 0 8px 10px;
  position: relative;
}
.is-pc #searchModSection .rn-searchMod__navListButton {
  font-size: 15px;
  padding: 0 8px 15px;
}
#searchModSection .rn-searchMod__navListButton.active, #searchModSection .rn-searchMod__navListButton:hover {
  background: #fff;
  color: var(--default-color-blue);
}
#searchModSection .rn-searchMod--ovs .rn-searchMod__navList--ovs .rn-searchMod__navListButton.active::after {
  background: none;
}
.rn-searchMod--ovs .rn-searchMod__navSection .rn-searchMod__navList br {
    display: none;
}
.rn-searchMod--ovs .rn-searchMod__navListButton::before {
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.is-pc .rn-searchMod--ovs .rn-searchMod__navListButton::before {
	top: 15px;
}
.rn-searchMod--ovs .rn-searchMod__navListButton.active::after {
  content: none;
}
.rn-searchMod--ovs .navi--ovsFlights .rn-searchMod__navListButton::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_plane%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M38.39968%2C48.12724l1.70984-1.70985a4%2C4%2C0%2C0%2C0%2C1.04356-3.83228L35.904%2C22.33864%2C47.54632%2C10.69632c2.11458-1.47817%2C2.92777-3.57757%2C1.13135-5.374s-3.89582-.98323-5.374%2C1.13135L31.66136%2C18.096%2C11.41489%2C12.84692a4%2C4%2C0%2C0%2C0-3.83228%2C1.04356L5.87276%2C15.60032l19.13349%2C9.15079-9.68633%2C9.68633L7.89529%2C31.96257l-1.591%2C1.591%2C7.5626%2C4.53754-.54457%2C2.58657%2C2.58657-.54457%2C4.53754%2C7.5626%2C1.591-1.591-2.47487-7.42463%2C9.68633-9.68633Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.rn-searchMod--ovs .navi--ovsFlights .rn-searchMod__navListButton.active::before, .rn-searchMod--ovs .navi--ovsFlights .rn-searchMod__navListButton:hover::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231f2c5c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_plane%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M38.39968%2C48.12724l1.70984-1.70985a4%2C4%2C0%2C0%2C0%2C1.04356-3.83228L35.904%2C22.33864%2C47.54632%2C10.69632c2.11458-1.47817%2C2.92777-3.57757%2C1.13135-5.374s-3.89582-.98323-5.374%2C1.13135L31.66136%2C18.096%2C11.41489%2C12.84692a4%2C4%2C0%2C0%2C0-3.83228%2C1.04356L5.87276%2C15.60032l19.13349%2C9.15079-9.68633%2C9.68633L7.89529%2C31.96257l-1.591%2C1.591%2C7.5626%2C4.53754-.54457%2C2.58657%2C2.58657-.54457%2C4.53754%2C7.5626%2C1.591-1.591-2.47487-7.42463%2C9.68633-9.68633Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.rn-searchMod--ovs .navi--ovsFlightsHotel .rn-searchMod__navListButton::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_pack%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M44.27269%2C11.39574a5.0147%2C5.0147%2C0%2C0%2C0-6.53281-2.706L26.78612%2C13.227%2C12.33255%2C4.90522a2%2C2%2C0%2C0%2C0-1.76331-.1145L7.49931%2C6.06233%2C18.82657%2C16.52391l-7.81435%2C3.23681L6.90854%2C17.01256a1.99994%2C1.99994%2C0%2C0%2C0-1.87822-.186l-.85886.35575%2C4.58614%2C4.7423.40767%2C4.01312Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M47.66406%2C27.02734A2.07445%2C2.07445%2C0%2C0%2C0%2C46%2C29.107V42H31V33a2%2C2%2C0%2C0%2C0-2-2H15A11%2C11%2C0%2C0%2C0%2C4%2C42v6a2%2C2%2C0%2C0%2C0%2C4%2C0V46H46v2a2%2C2%2C0%2C0%2C0%2C4%2C0V29A2.00138%2C2.00138%2C0%2C0%2C0%2C47.66406%2C27.02734Z%22%2F%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238.5%22%20cy%3D%2232.5%22%20r%3D%225.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.rn-searchMod--ovs .navi--ovsFlightsHotel .rn-searchMod__navListButton.active::before, .rn-searchMod--ovs .navi--ovsFlightsHotel .rn-searchMod__navListButton:hover::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231f2c5c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_pack%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M44.27269%2C11.39574a5.0147%2C5.0147%2C0%2C0%2C0-6.53281-2.706L26.78612%2C13.227%2C12.33255%2C4.90522a2%2C2%2C0%2C0%2C0-1.76331-.1145L7.49931%2C6.06233%2C18.82657%2C16.52391l-7.81435%2C3.23681L6.90854%2C17.01256a1.99994%2C1.99994%2C0%2C0%2C0-1.87822-.186l-.85886.35575%2C4.58614%2C4.7423.40767%2C4.01312Z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M47.66406%2C27.02734A2.07445%2C2.07445%2C0%2C0%2C0%2C46%2C29.107V42H31V33a2%2C2%2C0%2C0%2C0-2-2H15A11%2C11%2C0%2C0%2C0%2C4%2C42v6a2%2C2%2C0%2C0%2C0%2C4%2C0V46H46v2a2%2C2%2C0%2C0%2C0%2C4%2C0V29A2.00138%2C2.00138%2C0%2C0%2C0%2C47.66406%2C27.02734Z%22%2F%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238.5%22%20cy%3D%2232.5%22%20r%3D%225.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.rn-searchMod--ovs .navi--ovsHotel .rn-searchMod__navListButton::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_hotel%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.83557%2C9.01361A6%2C6%2C0%2C0%2C0%2C15.91724%2C4H14.08276A6%2C6%2C0%2C0%2C0%2C8.16443%2C9.01361L7%2C17H23Z%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%2214%22%20y%3D%2219%22%20width%3D%222%22%20height%3D%2210%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M47.66406%2C27.02734A2.07445%2C2.07445%2C0%2C0%2C0%2C46%2C29.107V42H31V33a2%2C2%2C0%2C0%2C0-2-2H15A11%2C11%2C0%2C0%2C0%2C4%2C42v6a2%2C2%2C0%2C0%2C0%2C4%2C0V46H46v2a2%2C2%2C0%2C0%2C0%2C4%2C0V29A2.00138%2C2.00138%2C0%2C0%2C0%2C47.66406%2C27.02734Z%22%2F%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238.5%22%20cy%3D%2232.5%22%20r%3D%225.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.rn-searchMod--ovs .navi--ovsHotel .rn-searchMod__navListButton.active::before, .rn-searchMod--ovs .navi--ovsHotel .rn-searchMod__navListButton:hover::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231f2c5c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_hotel%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.83557%2C9.01361A6%2C6%2C0%2C0%2C0%2C15.91724%2C4H14.08276A6%2C6%2C0%2C0%2C0%2C8.16443%2C9.01361L7%2C17H23Z%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%2214%22%20y%3D%2219%22%20width%3D%222%22%20height%3D%2210%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M47.66406%2C27.02734A2.07445%2C2.07445%2C0%2C0%2C0%2C46%2C29.107V42H31V33a2%2C2%2C0%2C0%2C0-2-2H15A11%2C11%2C0%2C0%2C0%2C4%2C42v6a2%2C2%2C0%2C0%2C0%2C4%2C0V46H46v2a2%2C2%2C0%2C0%2C0%2C4%2C0V29A2.00138%2C2.00138%2C0%2C0%2C0%2C47.66406%2C27.02734Z%22%2F%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238.5%22%20cy%3D%2232.5%22%20r%3D%225.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
#searchModSection .rn-searchMod__formTitle--ovs {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_search_ovs%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.078%2020.815%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231f2c5c%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1283%22%20data-name%3D%22%E3%83%91%E3%82%B9%201283%22%20class%3D%22cls-1%22%20d%3D%22M20.588%2C18.637l-5.825-5.82a8.151%2C8.151%2C0%2C1%2C0-1.65%2C1.726L18.9%2C20.325a1.223%2C1.223%2C0%2C0%2C0%2C1.669.258l.282-.282A1.217%2C1.217%2C0%2C0%2C0%2C20.588%2C18.637ZM8.13%2C14.347a6.217%2C6.217%2C0%2C0%2C1-4.4-10.612%2C6.216%2C6.216%2C0%2C1%2C1%2C8.79%2C8.79A6.163%2C6.163%2C0%2C0%2C1%2C8.13%2C14.347Z%22%20transform%3D%22translate(0%200)%22%2F%3E%3C%2Fsvg%3E');
  color: var(--default-color-blue);
}
#searchModSection .rn-searchMod__navListItem:not(:last-child) {
  margin-right: min((2vw / 7.5), 2px);
}
#searchModSection .rn-searchMod__navListItem.navi--ovsHotel {
  margin-right: 0;
}
#searchModSection .rn-searchMod__formSection {
  border: none;
  padding: min((35vw / 7.5), 25px) min((25vw / 7.5), 15px);
}
@media (min-width:841px) {
  .main #searchModSection .rn-searchMod {
    width: 100%;
  }
}