@charset "utf-8";
/* 「HIS海外旅行大感謝祭ページ 」レスポンシブCSS */
@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: 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;
}
.headfoot-is-sp #header, .headfoot-is-sp #simple-header {
  height: 87.02px;
}
.headfoot-is-pc #header {
  height: 146px;
}
.headfoot-is-pc #simple-header {
  height: 85px;
}
#footer {
  padding-top: 1px;
  background: #fff;
}
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
#hisApp {
  position: relative;
}
:root {
  --icon-arrow-right-white: url("/cmn/icon/icon_arrow_right_white.svg");
  --icon-arrow-down-white: url("/cmn/icon/icon_arrow_down_white.svg");
  --icon-blank-white: url("/cmn/icon/icon_launch_white.svg");
  --default-color-blue: #3d0054;
      --default-color-purple: #3d0054;
  --default-color-red: #e90000;
  --default-color-beige: #a58126;
  --default-color-bg: #efdfb6;
  --default-font-size-pc-val: 16;
  --default-font-size-pc: 16px;
  --default-font-size-sp: calc(24vw / 7.5);
  --default-font-size: min(var(--default-font-size-sp), var(--default-font-size-pc));
  --default-width-pc: 992px;
  --default-width: min((710vw / 7.5), var(--default-width-pc));
  --default-bg-width-pc: max(100%, 1920px);
  --default-bg-setting: no-repeat center center / cover;
  --default-icon-arrow-right-white: var(--icon-arrow-right-white) var(--default-bg-setting);
  --default-icon-arrow-down-white: var(--icon-arrow-down-white) var(--default-bg-setting);
  --default-icon-blank-white: var(--icon-blank-white) var(--default-bg-setting);
  --default-hover-speed: .3s;
  --default-hover-transition: opacity var(--default-hover-speed);
}
.js-accordion-button, .js-toggleControl {
  cursor: pointer;
}
.main {
  font-family: "Noto Sans JP", sans-serif;
  font-size: var(--default-font-size);
  color: #000;
  line-height: calc(33 / 24);
  overflow: hidden;
  background: var(--default-color-bg);
}
#pageApp.main {
  position: static;
}
.is-pc .is-dsp-sp, .is-sp .is-dsp-pc {
  display: none !important;
}
.is-font-small, .is-sp .is-font-small-sp, .is-pc .is-font-small-pc {
  font-size: .8em;
}
.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;
}
.is-pr-half {
  padding-right: .5em;
}
.is-attn {
  color: #f66868;
}
.toggle__contents:not([class*="--active"]) {
  display: none;
}
.section__inner, .contents__wrapper {
  width: var(--default-width);
  margin: auto;
  position: relative;
}
.his-top__link {
  background: #fff;
  padding-top: min((50vw / 7.5), 50px);
}
.his-top__button {
  display: block;
  color: #fff;
  font-size: min((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);
}
/*link__button*/
.button__wrapper {
  display: grid;
  gap: min((20vw / 7.5), 20px);
  text-align: center;
}
.is-pc .button__wrapper.is-column-2 {
  grid-template-columns: repeat(2, 1fr);
  gap: min((40vw / 7.5), 52px);
}
.is-pc .button__wrapper.is-column-3 {
  grid-template-columns: repeat(3, 1fr);
}
.base-button {
  display: grid;
  /*justify-content: center;*/
}
.base-button__link {
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr 1em;
  gap: 0 .5em;
  height: 100%;
  color: #fff;
  font-size: min((28vw/ 7.5), 1.3em);
  font-weight: bold;
  line-height: 1.2;
 padding: 1em 1.5em 1em;
   
  padding-left: calc(1.5em + .5em + 1em); /*余白値にgapとアイコン分追加*/
  background: #3e0055;
  border-radius: 200px;
  box-shadow: min((2vw/ 7.5), 2px) min((4vw/ 7.5), 4px) 0px 0px rgb(0, 0, 0, .49);
  transition: background var(--default-hover-speed);
}
.is-pc .base-button__link{  padding: 25px 1.5em 25px;}
.base-button__link::after {
  content: "";
  background: var(--default-icon-arrow-right-white);
  width: 100%;
  height: 1.5em;
}
.base-button__link[target="_blank"]::after {
  background: var(--default-icon-blank-white);
/*  height: .75em;*/  height: 1.5em;
}
.base-button__link[href^="#"]::after {
  transform: rotate(90deg);
}
.base-button__text{font-size: 2.0em;}
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
/*breadcrumb*/
.breadcrumb__contents {
  background: #fff;
  min-height: 28px;
  display: grid;
  align-content: center;
}
.headfoot-is-sp .breadcrumb__contents {
  overflow-x: scroll;
}
.breadcrumb__inner {
  padding: 0 24px;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  gap: 0 5px;
}
.breadcrumb__item + .breadcrumb__item::before {
  top: 0;
  bottom: 0;
  margin: auto 8px;
}
@media (min-width: 741px) {
  .breadcrumb__inner {
    gap: 0;
  }
  .breadcrumb__item {
    align-items: center;
  }
}
/*mv*/
.mv {
  text-align: center;
  position: relative;
  background: var(--default-color-blue) repeat center top / 100vw;
  color: #fff;
  padding-top: min((76vw/ 7.5), 40px);
}
.is-report .mv {
  padding-top: min((20vw/ 7.5), 20px);
}
.is-sp .mv {
  background-image: url("/info/thanksgiving/chubu/images/mv_bg_sp.jpg");
}
.is-pc .mv {
  padding-top: 4px;
  background-image: url("/info/thanksgiving/chubu/images/mv_bg_pc.jpg");
  background-size: 993px;
}

.mv__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.mv__bg ~ [class*="mv__"] {
  position: relative;
  z-index: 1;
}
.mv__logo {
  width: min((725vw/ 7.5), 940px);
  margin: auto;
}
.mv__lead {
  font-weight: bold;
  font-size: min((26vw/ 7.5), 24px);
  line-height: calc(54 / 26);
  margin-top: min((47vw/ 7.5), 23px);
}
.is-pc .mv__lead {
  line-height: calc(44 / 24);
}
.mv__obi {
  background: #be9c1a;
  color: #fff;
  margin-top: min((104vw/ 7.5), 70px);
}
.mv__logo + .mv__obi {
  margin-top: min((112vw/ 7.5), 123px);
}
.mv__obi--inner {
  width: min((714vw/ 7.5), 914px);
  margin: auto;
  position: relative;
}
.mv__obi--inner:empty {
  height: min((20vw/ 7.5), 10px);
}
.mv__obi--inner::before, .mv__obi--inner::after {
  content: "";
  display: block;
  background: var(--default-bg-setting);
  position: absolute;
}
.mv__obi--inner::before {
  left: 0;
}
.mv__obi--inner::after {
  right: 0;
}
.is-type-01 .mv__obi--inner::before {
  background-image: url("/info/thanksgiving/chubu/images/mv_obi_icon_01.png");
  width: min((226vw/ 7.5), 226px);
  height: min((96vw/ 7.5), 96px);
  top: max((-95vw/ 7.5), -95px);
}
.is-type-01 .mv__obi--inner::after {
  background-image: url("/info/thanksgiving/chubu/images/mv_obi_icon_02.png");
  width: min((218vw/ 7.5), 218px);
  height: min((111vw/ 7.5), 111px);
  top: max((-104vw/ 7.5), -104px);
}
.mv__obi--text {
  width: min((672vw/ 7.5), 839px);
  padding: min((38vw/ 7.5), 28px) 0;
  margin: auto;
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea {
  padding: min((60vw/ 7.5), 60px) 0;
}
.section__wrapper, .grid__wrapper {
  display: grid;
  gap: min((40vw/ 7.5), 45px);
}
.grid {
  background: #fff;
  border-radius: min((30vw/ 7.5), 30px);
  padding: min((40vw/ 7.5), 30px);
}
.grid__title {
  color: var(--default-color-blue);
  font-weight: bold;
}
.grid__title--obi {
  display: inline-block;
  background: var(--default-color-blue);
  color: #fff;
  font-size: min((28vw/ 7.5), 28px);
  padding: .5em;
}
.is-sp .grid__title--obi {
  text-align: center;
}
.grid__title--obi small {
  display: block;
  font-size: calc(20em / 32);
}
/*intro*/
.is-pc #intro .grid:first-child {
  padding: min((50vw/ 7.5), 25px) min((20vw/ 7.5), 18px) min((90vw/ 7.5), 45px) min((20vw/ 7.5), 35px);
}
.intro__list {
  display: grid;
  gap: min((35vw/ 7.5), 50px);
}
.intro__list--item {
  display: grid;
  grid-template-areas:
    "icon ttl"
    "txt txt"
    "img img";
  grid-template-columns: calc(142vw / 7.5) 1fr;
  gap: 0 calc(15vw / 7.5);
}
.is-pc .intro__list--item {
  grid-template-areas:
    "icon ttl img"
    "icon txt img";
  grid-template-columns: min((100vw/ 7.5), 152px) 1fr min((210vw/ 7.5), 261px);
  grid-template-rows: min((75vw/ 7.5), 125px) auto; /*上余白38+タイトル画像高さ87*/
  gap: min((15vw/ 7.5), 30px) 0;
}
.intro__list--icon {
  grid-area: icon;
}
.intro__list--title {
  grid-area: ttl;
  margin: auto;
  margin-left: 0;
}
.is-pc .intro__list--title {
  margin-bottom: 0;
  margin-left: 22px;
}
.intro__list--texts {
  grid-area: txt;
  font-size: min(var(--default-font-size-sp), 20px);
  font-weight: bold;
}
.intro__list--texts span{
font-size: min((20vw/ 7.5), 14.5px);
    font-weight: normal;
}
.intro__list--texts li{
    padding-top:5px; 
}
.intro__list--texts li{
font-size: min((20vw/ 7.5), 14.5px);
    font-weight: normal;
}

.is-sp .intro__list--texts {
  margin-top: calc(20vw / 7.5);
}
.is-pc .intro__list--texts {
  margin-left: 30px;
}
.intro__list--notes {
  font-size: min((20vw / 7.5), 14px);
  font-weight: normal;
  margin-top: 1em;
}
.is-pc .intro__list--notes {
  margin-left: .5em;
}
.intro__list--notes--item {
  text-indent: -1em;
  padding-left: 1em;
}
.intro__list--image {
  grid-area: img;
}
.learn_point{background: #be9c1a;
    padding: .3em;
    margin-top: 5px;
    font-size: min((26vw/ 7.5), 24px)!important;
    font-weight:bold!important;
    color: #fff;
    text-align: center;
}
.eat_point{background: #d6b9e5;
    padding: .3em;
    margin-top: 5px;
}
.schedule_point{background: #be9c1a;
    padding: .1em 1em;
    margin-top: 5px;
    font-size: min((26vw/ 7.5), 20px);
    font-weight:bold;
    color: #fff;
    text-align: center;
}
.is-sp .intro__list--image {
  margin: auto;
  margin-top: calc(10vw / 7.5);
}
.is-sp .intro__list--item.is-learn .intro__list--image {
  width: calc(540vw / 7.5);
  margin-top: calc(20vw / 7.5);
}
.is-sp .intro__list--item.is-eat .intro__list--image {
  width: calc(540vw / 7.5);
}
.is-sp .intro__list--item.is-experience .intro__list--image {
  width: calc(540vw / 7.5);
}
.is-pc .intro__list--image {
  text-align: right;
}
.is-pc .intro__list--item.is-learn .intro__list--image {
  margin-top: 50px;
  margin-right: 4px;
}
.is-pc .intro__list--item.is-eat .intro__list--image {
/*  margin-top: -12px;*/
  margin-right: 3px;
}
.is-pc .intro__list--item.is-experience .intro__list--image {
  margin-top: auto;
}
.point__list {
  display: grid;
  gap: min((40vw/ 7.5), 30px) min((20vw/ 7.5), 40px);
  text-align: center;
}
.is-pc .point__list {
  grid-template-columns: repeat(2, 1fr);
}
.is-pc .point__list--item.is-column-full {
  grid-column: span 2;
}
.is-sp .point__list--image .base-picture__image {
  width: 100%;
}
/*schedule*/
.schedule__title {
/*  display: grid;
  justify-content: start;
  gap: 0 min(var(--default-font-size-sp), 22px);*/

}
.is-sp .schedule__title {
  grid-template-areas:
    "obi sub"
    "main main";
  align-items: center;
  grid-row-gap: min((30vw / 7.5), 20px);
}
.is-pc .schedule__title {
  grid-template-areas:
    "obi sub"
    "obi main";
  align-items: start;
}
.schedule__title--obi {
  grid-area: obi;
}
.schedule__point{text-align: center;}
.schedule__title--sub {
  grid-area: sub;
  font-size: min((31vw/ 7.5), 25px);
  line-height: calc(33 / 26);
  margin-bottom: 5px;
 text-align: center;
}

.schedule__title--main {
  grid-area: main;
  font-size: min((55vw/ 7.5), 35px);
  line-height: calc(58 / 50);
  text-align: center;
}
.is-pc .schedule__title--sub {
  margin-top: auto;
  text-align: left;
}
.is-pc .schedule__point{text-align: left;}
.is-pc .schedule__title--main {
  margin-bottom: auto; text-align: left;
}
.schedule__lead {
  text-align: center;
  margin-top: min((25vw/ 7.5), 26px)
}
.is-pc .schedule__lead {
  line-height: calc(29 / var(--default-font-size-pc-val)); text-align: left;
}
.schedule__pickup {
  text-align: center;
  margin-top: min((46vw/ 7.5), 26px);
}
.schedule__list {
  display: grid;
  gap: min((52vw/ 7.5), 52px) min((28vw/ 7.5), 28px);
/*  margin-top: calc(26vw/ 7.5);*/
  text-align: center;
}
.is-pc .schedule__list {
/*  grid-template-columns: repeat(2, 1fr);
  margin-top: 8px;*/
}
.is-pc .schedule__list--item {
  display: grid; /*下揃え用*/
}
.schedule__list--timetable:not(:last-child) {
  margin-bottom: min((30vw/ 7.5), 32px);
}
.is-pc .schedule__list--timetable ~ [class*="schedule__list"] {
  margin-left: min((15vw/ 7.5), 15px); /*日付アイコンの差分*/
  margin-top: auto; /*下揃え用*/
}
.schedule__notes {
  font-size: min((22vw/ 7.5), var(--default-font-size-pc));
  margin-top: min((45vw/ 7.5), 35px);
  display: grid;
  justify-content: center;
}
.is-pc .schedule__notes {}
.schedule__notes--item {
  text-indent: -1em;
  padding-left: 1em;
}
/*detail*/
#detail .grid:first-child {
  padding: min((40vw/ 7.5), 40px) min((12vw/ 7.5), 12px) min((30vw/ 7.5), 30px);
}
.is-pc #detail .grid:first-child {
  padding: min((64vw/ 7.5), 32px) min((22vw/ 7.5), 11px) min((76vw/ 7.5), 38px) min((64vw/ 7.5), 32px);
}
.detail__contents {
  position: relative;
}
.is-sp .detail__title {
  margin: 0 min((28vw/ 7.5), 28px) min((25vw/ 7.5), 25px);
}
.is-pc .detail__title {
  position: absolute;
  top: 0;
  left: 0;
}
.detail__title--obi {
  font-size: min((36vw/ 7.5), 32px);
  padding: .2em .5em .3em;
}
.is-sp .detail__title--obi {
  display: block;
}
.is-pc .detail__title--obi {
  font-size: min((23vw/ 7.5), 32px);
  padding: 0 .4em .15em;
}
.detail__image {
  text-align: center;
}
/*info*/
.is-pc #info .grid {
  padding-right: min((32vw/ 7.5), 16px);
}
.info__contents {
  display: grid;
  gap: min((30vw/ 7.5), 20px);
}
.is-pc .info__contents {
  grid-template-columns: 1fr 363px;
}
.info__list {
  display: grid;
  grid-template-columns: 5em 1fr;
  gap: .5em 1em;
  font-weight: bold;
  font-size: min((22vw/ 7.5), var(--default-font-size-pc));
  align-items: baseline;
}
.info__list--title {
  background: var(--default-color-blue);
  color: #fff;
  text-align: center;
  line-height: 1.2;
  padding: .2em 0 .25em;
}
.info__list--title.is-font-length-2 {
  letter-spacing: 1em;
  text-indent: 1em;
}
.is-sp .info__list--title.is-font-length-2 {
  letter-spacing: .7em;
  text-indent: .7em;
}
.info__list--text {
  background: var(--default-color-blue);
  color: #fff;
  font-size: min(var(--default-font-size-sp), 18px);
}
.info__list--detail--list {
  font-size: min((22vw/ 7.5), 14px);
}
.info__list--detail--item {
  text-indent: -1em;
  padding-left: 1em;
}
.info__list--detail--item:not(:first-child) {
  margin-top: .25em;
}
.info__notes {
  font-size: min((20vw/ 7.5), 14px);
  margin-top: 2em;
}
.info__notes--item {
  text-indent: -1em;
  padding-left: 1em;
}
/*oe&report*/
.oe__contents, .report__contents {
  display: grid;
  justify-items: center;
  gap: min((30vw/ 7.5), 18px) 0;
}
.oe__title, .oe__lead, .report__title, .report__lead {
  font-weight: bold;
  text-align: center;
}
.oe__title, .report__title {
  color: var(--default-color-blue);
  font-size: min((28vw/ 7.5), 22px);
  display: grid;
  grid-template-columns: min((4vw/ 7.5), 2px) auto min((4vw/ 7.5), 2px);
  column-gap: 1em;
}
.is-pc .oe__title, .is-pc .report__title {
  column-gap: .75em;
}
.oe__title::before, .oe__title::after, .report__title::before, .report__title::after {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--default-color-blue);
}
.oe__title::before, .report__title::before {
  transform: rotate(-32deg)
}
.oe__title::after, .report__title::after {
  transform: rotate(32deg)
}
.is-pc .oe__title::before, .is-pc .report__title::before {
  transform: rotate(-45deg)
}
.is-pc .oe__title::after, .is-pc .report__title::after {
  transform: rotate(45deg)
}
.oe__lead, .report__lead {
  color: var(--default-color-beige);
  font-size: min((34vw/ 7.5), 34px);
}
.is-pc .oe__contents > .base-button, .is-pc .report__contents > .base-button {
  min-width: 437px;
}
/*report*/
.is-sp .report__list {
  padding: min((20vw/ 7.5), 20px) 0 min((40vw/ 7.5), 40px);
}
.is-pc .report__list {
  padding: min((20vw/ 7.5), 20px) min((30vw/ 7.5), 30px) min((30vw/ 7.5), 30px);
}
.report__list, .report__list--item {
  display: grid;
  justify-items: center;
}
.report__list {
  gap: min((60vw/ 7.5), 60px);
}
.report__list--item {
  gap: min((30vw/ 7.5), 30px);
}
.report__list--title {
  color: var(--default-color-purple);
  font-size: min((39vw/ 7.5), 36px);
  font-weight: bold;
  text-align: center;
}
.report__list--text {
  font-size: min(var(--default-font-size-sp), 20px);
  line-height: calc(32 /20);
}
.report__list--image {
  display: grid;
  gap: min((30vw/ 7.5), 30px);
  justify-content: center;
}
.is-pc .report__list--image {
  grid-template-columns: repeat(2, 1fr);
}
.is-sp .report__list--image {
  width: min((570vw/ 7.5), 570px);
  margin-top: min((15vw/ 7.5), 15px);
}
.is-sp .report__list--button {
  min-width: 100%;
}
.is-pc .report__list--button {
  min-width: 437px;
}
/*close-○○*/
.close-text__title {
  color: var(--default-color-blue);
  font-size: min((52vw/ 7.5), 72px);
  line-height: calc(110em / 78);
  font-weight: bold;
  text-align: center;
}
.close-text__lead {
  width: min((650vw/ 7.5), 935px);
  font-size: min(var(--default-font-size-sp), 20px);
  line-height: calc(34 /20);
  margin: 2em auto 0;
}
/*------------------------------------------------*/
/*★ ＝＝ footerArea ＝＝ ★*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .is-pc .base-button__link:hover {
    background: #91749b;
  }
}



.teasercopy {font-size: 20px;
color: #3d0054;
    text-align: center;
}
.teasercopy h2{font-size: 35px;
    font-weight: bold;
    text-align: center;
}

.teasercopy ul{ display: flex;
    
}
    
 .teasercopy li{  margin-bottom: 20px;
    
}  
.point03text{ margin: 8px; font-size: min((20vw/ 7.5), 14.5px);}
    
   .is-pc .schedule__contents{ 
       display: grid;
       grid-template-columns:50% 50%;
      grid-template-areas:
    "area1 area2"
    "area1 area2"
       "area3 area3";
  align-items: start;
}
.grid--area1 {grid-area: area1;}
.grid--area2 {grid-area: area2;}
.grid--area3 {grid-area: area3;}
.experience01{ display: flex; flex-wrap: wrap; justify-content: center; } 
.experience01 li { width:290px; font-size: min(var(--default-font-size-sp), 16px);
    font-weight: bold; margin:20px 10px 0; text-align: center;}
.experience01 li img{margin-bottom: 5px;}

.is-sp .experience01 li{width: 45%;margin:4% 2% 0; text-align: left;}