@charset "UTF-8";
/* //////////////////////////////////////////////////

Title : style.scss
For   : Page/feature/2025/250403_travel/

Created       : 2025-03-18
Last Modified : 2025-03-27

==========================================

Content

////////////////////////////////////////////////// */
/**
 * variables, layouts
 */

html {
  font-size: 62.5%;
}

#FR250403travel {
  --color-dark: #000000;
  --color-gray: #58595B;
  --color-white: #ffffff;
  --color-light-gray: #F3F3EE;
  --font-hiragino: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "MS PMincho", "MS Mincho", serif;
  --font-yu-mincho: "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --font-en: "aktiv-grotesk-condensed", sans-serif;
  --fw-regular: 400;
  --fw-semibold: 600;
  overflow: clip;
}

#FR250403travel {
  width: 100%;
  margin-inline: auto;
  border-bottom: 1px solid var(--color-dark);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #FR250403travel {
    --rate: 100vw / 750;
  }
  #FR250403travel .hidden-sml {
    display: none !important;
  }
  .archive {
    border-top: none !important;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #FR250403travel {
    --rate: 100vw/1400;
  }
  #FR250403travel .hidden-lrg {
    display: none !important;
  }
}

/* --- for middle viewport --- */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/**
 * common
 */
.lpFrayID img,
.lpFrayID picture {
  display: var(--display, block);
}
.lpFrayID img {
  width: 100%;
  height: auto;
}
.lpFrayID a {
  display: var(--display, inline-block);
}
.lpFrayID .credit-tate a {
  display: var(--display, block);
}
.lpFrayID a:has(img) {
  --display: block;
}
.lpFrayID * {
  font-feature-settings: "palt" 1;
  font-family: var(--font-family, var(--font-ja));
  font-weight: var(--font-weight, 400);
  color: var(--font-color, var(--color-dark));
  box-sizing: border-box;
  text-align: var(--text-align, initial);
}
.lpFrayID .en {
  --font-family: var(--font-en);
}
.lpFrayID .ja {
  --font-family: var(--font-ja);
}
.lpFrayID__section {
  width: 100%;
  margin-inline: auto;
  position: relative;
}
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpFrayID {
    overflow-x: hidden;
  }
  .main-inner .archive {
    padding-bottom: 12.9333333333vw !important;
  }
}
/**
 * firstview
 */
.firstview__lead {
  position: relative;
  margin-inline: auto;
}
.firstview__title {
  position: absolute;
  pointer-events: none;
}

.firstview__heading {
  line-height: 1;
}
.firstview__heading > span {
  --font-weight: 600;
  display: block;
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .firstview__heading > span {
    font-family: var(--font-yu-mincho);
  }
  .firstview__lead {
    width: min(1200*(100vw / 1400), 1200px);
  }
  .firstview__title {
    width: min(410* var(--rate),410px);
    left: min(61* var(--rate),61px);
    bottom: min(52* var(--rate),52px);
  }

  .text_anim p {
    font-family: var(--font-en);
    font-size: min(54 * (100vw/1400), 54px);
    letter-spacing: 0.06em;
    line-height: 1.1;
    margin: 0;
    text-align: left;
    color: #9a3a49;
  }
  .text_anim span {
    opacity: 0;
    display: inline-block;
    transform: translateY(min(5 * (100vw/1400), 5px));
    transition: opacity 0.5s ease, transform 0.5s ease;
    font-family: var(--font-en);
    font-weight: 400;
    font-style: normal;
    position: relative;
    z-index: 10;
    color: #9a3a49;
  }
  .text_anim p:nth-child(4) {
    padding-top: min(13 * (100vw/1400), 13px);
  }
  
  .text_anim p:nth-child(n+4) {
    font-size: min(21 * (100vw/1400), 21px);
    letter-spacing: 0.06em;
    margin-top: min(1 * (100vw/1400), 1px);
    line-height: 1.32;
    padding-left: min(2 * (100vw/1400), 2px);
  }
  .lpFrayID .credit-tate a::after {
    display: none;
  }
}
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .firstview__title {
    width: min(428 * var(--rate),428px);
    left: min(37 * var(--rate),37px);
    bottom: min(80 * var(--rate),80px);
  }

  .firstview__heading--secondary {
    font-size: min(27 * var(--rate),27px);
    letter-spacing: 0.14em;
  }
  .firstview__heading--primary {
    -webkit-margin-before: min(30 * var(--rate),30px);
            margin-block-start: min(30 * var(--rate),30px);
    font-size: min(36 * var(--rate),36px);
    letter-spacing: 0.14em;
  }
}
/**
 * main contents: common
 */
.mainContents__section, .mainContents__shell, .mainContents__block {
  position: relative;
}
.mainContents__section--footer {
  --font-family: var(--font-en);
  --text-align: center;
}
.mainContents__block {
  display: grid;
}
.mainContents__cell--decoration {
  position: absolute;
  pointer-events: none;
}
.mainContents__styling {
  position: relative;
}
.mainContents__styling::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.mainContents__styling01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.mainContents__styling02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.mainContents__heading--body {
  display: inline-block;
}
.mainContents__description {
  --text-align: justify;
  line-height: 2;
  line-break: strict;
}
.mainContents__prices {
  --font-color: var(--color-gray);
  --font-family: var(--font-en);
  position: relative;
}
.mainContents__prices .right_space {
  margin-right: min(2*(100vw / 1400), 2px);
}
.mainContents__prices > a:not(:last-child)::after {
  content: ",";
}
.mainContents__button {
  display: block;
  margin-inline: auto;
}
.mainContents__staff-credit {
  --font-color: var(--color-gray);
  line-height: 1.75;
}
.mainContents__details {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  /* transform: rotate(90deg); */
}
.mainContents__heading {
  position: var(--position, relative);
}
.mainContents__img_title {
  color: var(--color-blue);
  font-family: var(--font-en);
  font-weight: var(--fw-regular);
  letter-spacing: 0.06em;
  white-space: nowrap;
}
.mainContents__section--footer .c-text_btn {
  width: fit-content;
  margin-inline: auto;
  font-size: min(24*(100vw / 1400), 24px);
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-family: var(--font-en);
  font-weight: var(--fw-regular);
  color: var(--color-dark);
  border-bottom: min(3*(100vw / 1400), 3px) double var(--color-gray);
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .mainContents__section + * {
    -webkit-margin-before: var(--section-spacer, min(135 * var(--rate),135px));
            margin-block-start: var(--section-spacer, min(135 * var(--rate),135px));
  }
  .mainContents__section--footer {
    letter-spacing: 0.075em;
  }
  .mainContents__description {
    font-size: min(13 * var(--rate),13px);
    letter-spacing: 0.16em;
    font-family: var(--font-yu-mincho);
  }
  .mainContents__heading {
    --headig-spacer: min(7* var(--rate),7px);
}
  .mainContents__prices {
    -webkit-margin-before: var(--price-spacer, min(24 * var(--rate),24px));
            margin-block-start: var(--price-spacer, min(24 * var(--rate),24px));
    font-size: min(11 * var(--rate),11px);
    line-height: 1.75;
    letter-spacing: 0.06em;
  }
  .mainContents__prices > * {
    --prices-spacer: .1em;
  }
}
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .mainContents__section + * {
    -webkit-margin-before: var(--section-spacer, 79px);
            margin-block-start: var(--section-spacer, 79px);
  }
  .mainContents__heading {
    font-size: min(30 * var(--rate),30px);
    --headig-spacer: min(15* var(--rate),15px);
  }
  .mainContents__description {
    font-size: min(24 * var(--rate),24px);
    letter-spacing: 0.14em;
  }
  .mainContents__prices {
    -webkit-margin-before: 14.5px;
    margin-block-start: 14.5px;
    font-size: 11.5px;
    line-height: 1.85;
    letter-spacing: 0.06em;
  }
  .mainContents__prices > * {
    --prices-spacer: .06em;
  }
  .mainContents__prices > .colon_none::after {
    display: none;
  }
}
.mainContents__shell {
  width: 100%;
  margin: 0 auto;
}
/**
 * main contents: each contents
 */
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .mainContents {
    -webkit-margin-before: min(93 * var(--rate),93px);
            margin-block-start: min(93 * var(--rate),93px);
  }
  .mainContents__shell {
    display: flex;
    justify-content: flex-start;
  }
  .mainContents__shell01 {
    margin-top: min(100*(100vw / 1400), 100px);
  }

  .mainContents__shell01 .side__text01  {
    width: min(50 * (100vw/1400), 50px);
    height: 403px;
    margin-left: min(50*(100vw / 1400), 50px);
  }

  .mainContents__shell01 .mainContents__flex_box {
    width: min(1220 * (100vw/1400), 1220px);
    margin: 0 auto;
    /* margin-left: min(80 * (100vw/1400), 80px); */
  }
  .mainContents__block01 {
    width: min(1110*(100vw / 1400), 1110px);
    height: min(1893*(100vw / 1400), 1893px);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 auto;
    /* margin-left: min(241*(100vw / 1400), 241px); */
  }
  .mainContents__block01 .mainContents__cell01 {
    width: min(580*(100vw / 1400), 580px);
    position: relative;
    margin-top: min(60*(100vw / 1400), 60px);
    margin-left: min(215*(100vw / 1400), 215px);
    /* margin-left: min(121*(100vw / 1400), 121px); */
  }
  .mainContents__block01 .mainContents__cell01 .mainContents__styling02 {
    width: min(320 * (100vw/1400), 320px);
    position: absolute;
    left: max(-230*(100vw / 1400), -230px);
    top: min(660*(100vw / 1400), 660px);
    z-index: 5;
  }
  .mainContents__block01 .mainContents__cell02 {
    width: min(460*(100vw / 1400), 460px);
    margin-left: min(635*(100vw / 1400), 635px);
  }
  .mainContents__block01 .mainContents__prices {
    text-align: right;
  }


  .mainContents__section02 {
    background-color: var(--color-light-gray);
    padding-top: min(82*(100vw / 1400), 82px);
    padding-bottom: min(129 *(100vw / 1400), 129px);
  }
  .mainContents__shell02 {
    flex-direction: row-reverse;
  }

  .mainContents__shell02 .side__text02  {
    width: min(50 * (100vw/1400), 50px);
    height: 457px;
    margin-right: min(50*(100vw / 1400), 50px);
  }

  .mainContents__shell02 .mainContents__flex_box {
    width: min(1301 * (100vw/1400), 1301px);
    margin: 0 auto;
  }
  .mainContents__block02 {
    width: min(1040*(100vw / 1400), 1040px);
    height: min(910*(100vw / 1400), 910px);
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    row-gap: min(60 * (100vw/1400), 60px);
    margin-top: min(58 *(100vw / 1400), 58px);
  }
  .mainContents__block02 .mainContents__cell01 {
    width: min(420*(100vw / 1400), 420px);
    margin-top: min(210*(100vw / 1400), 210px);
  }
  .mainContents__block02 .mainContents__cell02 {
    width: min(560*(100vw / 1400), 560px);
  }
  .mainContents__block02 .mainContents__prices {
  -webkit-margin-before: var(--price-spacer, min(25* var(--rate), 25px));
  margin-block-start: var(--price-spacer, min(25* var(--rate), 25px));
  }
  .mainContents__block02 .mainContents__prices .right_space {
    margin-right: min(3*(100vw / 1400), 3px);
  }


  .mainContents__section03 {
    -webkit-margin-before: var(--section-spacer, min(82 * var(--rate),82px));
    margin-block-start: var(--section-spacer, min(82 * var(--rate),82px));
  }

  .mainContents__shell03 .side__text03  {
    width: min(50 * (100vw/1400), 50px);
    height: 336px;
    margin-left: min(50*(100vw / 1400), 50px);
  }

  .mainContents__shell03 .mainContents__flex_box {
    width: min(1162 * (100vw/1400), 1162px);
    margin: 0 auto;
  }

  .mainContents__block03 {
    width: min(825*(100vw / 1400), 825px);
    height: min(1085*(100vw / 1400), 1085px);
    margin-top: min(58*(100vw / 1400), 58px);
  }
  .mainContents__block03 .mainContents__cell01 {
    width: min(460*(100vw / 1400), 460px);
    position: relative;
    margin-left: min(701*(100vw / 1400), 701px);
  }
  .mainContents__block03 .mainContents__cell02 {
    width: min(430*(100vw / 1400), 430px);
    position: absolute;
    top: min(460*(100vw / 1400), 440px);
    left: min(337*(100vw / 1400), 337px);
  }
  .mainContents__block03 .mainContents__prices {
    text-align: right;
    -webkit-margin-before: var(--price-spacer, min(25* var(--rate), 25px));
    margin-block-start: var(--price-spacer, min(25* var(--rate), 25px));
  }

  .mainContents__section04 {
    background-color: var(--color-light-gray);
    padding-top: min(80*(100vw / 1400), 80px);
    padding-bottom: min(129 *(100vw / 1400), 129px);
    -webkit-margin-before: var(--section-spacer, min(140* var(--rate), 140px));
    margin-block-start: var(--section-spacer, min(140* var(--rate), 140px));
  }
  .mainContents__shell04 {
    flex-direction: row-reverse;
  }

  .mainContents__shell04 .side__text04  {
    width: min(50 * (100vw/1400), 50px);
    height: 442px;
    margin-right: min(50*(100vw / 1400), 50px);
  }

  .mainContents__shell04 .mainContents__flex_box {
    width: min(1080*(100vw / 1400), 1080px);
    margin: 0 auto;
  }

  .mainContents__block04 {
    width: min(1130*(100vw / 1400), 1130px);
    height: min(1610*(100vw / 1400), 1610px);
    display: flex;
    justify-content: space-between;
    row-gap: min(23 * (100vw/1400), 23px);
    margin-top: min(60*(100vw / 1400), 60px);
    /* margin-left: min(110*(100vw / 1400), 110px); */
  }
  .mainContents__block04 .mainContents__cell01 {
    width: min(560*(100vw / 1400), 560px);
  }
  .mainContents__block04 .mainContents__cell02 {
    width: min(340*(100vw / 1400), 340px);
    margin-top: min(590*(100vw / 1400), 590px);
  }
  .mainContents__block04 .mainContents__prices {
  -webkit-margin-before: var(--price-spacer, min(25* var(--rate), 25px));
  margin-block-start: var(--price-spacer, min(25* var(--rate), 25px));
  }
  .mainContents__block04 .mainContents__prices .right_space {
    margin-right: min(3*(100vw / 1400), 3px);
  }

  .mainContents__section--footer {
    --section-spacer: min(175 * var(--rate),175px);
    -webkit-margin-before: 0;
    margin-block-start: 0;
    background-color: var(--color-light-gray);
    padding-top: min(5* var(--rate), 5px);
    padding-bottom: min(135* var(--rate), 135px);
  }
  .mainContents__button {
    width: min(123 * var(--rate),123px);
    border-bottom: min(3 * var(--rate),3px) double var(--color-gray);
    -webkit-padding-after: min(10 * var(--rate),10px);
            padding-block-end: min(10 * var(--rate),10px);
  }
  .mainContents__staff-credit {
    -webkit-margin-before: min(136 * var(--rate),136px);
            margin-block-start: min(136 * var(--rate),136px);
    font-size: min(14 * var(--rate),14px);
    letter-spacing: 0.06em;
  }
}
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .mainContents {
    -webkit-margin-before: 50px;
            margin-block-start: 50px;
  }

  .mainContents__shell {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .mainContents__shell01 {
    margin-top: 60px;
    padding-bottom: 300px;
  }

  .mainContents__shell01 .styleview__title_img {
    width: 37.8px;
    height: 613px;
    margin-left: 14px;
  }

  .mainContents__block01 {
    width: 100%;
    height: 1150px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /* column-gap: min(21 * (100vw/750), 21px); */
  }
  .mainContents__block01 .mainContents__cell01 {
    width: 100%;
    position: relative;
    margin-top: 40px;
  }
  .mainContents__block01 .mainContents__cell01 .mainContents__styling02 {
    width: 220px;
    position: absolute;
    left: 36px;
    top: 537px;
    z-index: 2;
  }
  .mainContents__block01 .mainContents__cell02 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 346px;
  }
  .mainContents__block01 .mainContents__cell02 .mainContents__styling {
    width: 300px;
  }
  .mainContents__block01 .mainContents__prices {
    text-align: right;
    padding-right: 19px;
  }
  .mainContents__prices .right_space {
    margin-right: 3px;
  }

  .mainContents__section02 {
    background-color: var(--color-light-gray);
    padding-top: 50px;
    padding-bottom: 433px;
  }

  .mainContents__shell02 .styleview__title_img {
    width: 38.5px;
    height: 348px;
    right: 14px;
  }


  .mainContents__block02 {
    width: 680px;
    height: 705px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 0;
    margin-top: 40px;
  }
  .mainContents__block02 .mainContents__cell01 {
    width: min(610*(100vw / 750), 610px);
    margin-left: 35px;
  }
  .mainContents__block02 .mainContents__cell02 {
    width: min(680*(100vw / 750), 680px);
    margin-top: 40px;
  }
  .mainContents__block02 .mainContents__prices {
    padding-left: 20px;
  }
  .mainContents__block02 .mainContents__prices .right_space {
    margin-right: 3px;
  }

  .mainContents__section03 {
    -webkit-margin-before: 54px;
    margin-block-start: 54px;
  }

  .mainContents__shell03 .styleview__title_img {
    width: 38.5px;
    height: 522px;
    margin-left: 14px;
  }

  .mainContents__shell03 {
    padding-bottom: 300px;
}
  .mainContents__block03 {
    width: 100%;
    height: 785px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .mainContents__block03 .mainContents__cell01 {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: 36px;
  }

  .mainContents__block03 .mainContents__cell01 .mainContents__styling {
    width: 285px;
  }

  .mainContents__block03 .mainContents__cell02 {
    width: 325px;
    position: static;
    margin: 0 auto;
    margin-top: 40px;
  }
  .mainContents__block03 .mainContents__prices {
    -webkit-margin-before: var(--price-spacer, var(--price-spacer, 14px));
    margin-block-start: var(--price-spacer, 14px);
    text-align: right;
  }

  .mainContents__section04 {
    background-color: var(--color-light-gray);
    padding-top: 50px;
    padding-bottom: 370px;
    -webkit-margin-before: var(--section-spacer, 37px);
    margin-block-start: var(--section-spacer, 37px);
  }

  .mainContents__shell04 .styleview__title_img {
    width: 38.5px;
    height: 336px;
    right: 14px;
  }

  .mainContents__block04 {
    width: 100%;
    height: 1135px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 0;
    margin: 0 auto;
    margin-top: 40px;
  }
  .mainContents__block04 .mainContents__cell01 {
    width: 100%;
  }
  .mainContents__block04 .mainContents__cell02 {
    width: 275px;
    margin-top: 40px;
    margin-left: 20px;
  }
  .mainContents__block04 .mainContents__prices {
  -webkit-margin-before: var(--price-spacer, 14px);
  margin-block-start: var(--price-spacer, 14px);
  }

  .mainContents__section--footer {
    --section-spacer: min(185 * var(--rate),185px);
    -webkit-margin-before: 0;
    margin-block-start: 0;
    background-color: var(--color-light-gray);
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .mainContents__button {
    width: 110px;
    -webkit-padding-after: 10px;
            padding-block-end: 10px;
    border-bottom: 3px double var(--color-gray);
  }
  .mainContents__section--footer .c-text_btn {
    font-size: 21px;
    line-height: 1.25;
    letter-spacing: 0.06em;
    border-bottom: 3px double var(--color-gray);
    padding-bottom: 5px;
  }
  .mainContents__staff-credit {
    -webkit-margin-before: 75px;
            margin-block-start: 75px;
    font-size: 12.5px;
    letter-spacing: 0.06em;
  }
}
/**
 * animation
 */
.js-animation-trigger.anim-zoom-in {
  overflow: hidden;
}
.js-animation-trigger.anim-zoom-in img {
  opacity: 0;
  transform: scale(1.1);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-zoom-in.is-active img {
  opacity: 1;
  transform: scale(1);
}
.js-animation-trigger.anim-fade-toLeft {
  opacity: 0;
  transform: translateX(5%);
}
.js-animation-trigger.anim-fade-toLeft.is-active {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-toRight {
  opacity: 0;
  transform: translateX(-5%);
}
.js-animation-trigger.anim-fade-toRight.is-active {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-toTop {
  opacity: 0;
  transform: translateY(5%);
}
.js-animation-trigger.anim-fade-toTop.is-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-fadeTop {
  opacity: 0;
  transform: translateY(5%);
}
.js-fadeTop.showFade {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-toBottom {
  opacity: 0;
  transform: translateY(-5%);
}
.js-animation-trigger.anim-fade-toBottom.is-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in {
  opacity: 0;
}
.js-animation-trigger.anim-fade-in.is-active {
  opacity: 1;
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


/* ===============================================### 
サイドテキスト
###=============================================== */
.FR250403travel .side__text {
  position: fixed;
  top: 50%;
  left: min(50*(100vw / 1400),50px);
  width: min(50*(100vw / 1400),50px);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 800;
  /* transform: rotate(90deg); */
}

@media screen and (min-width: 767px) {
  .FR250403travel .side__text .txt_number {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 767px) {
  .FR250403travel .side__text {
    right: calc(30*(100vw / 750));
    width: calc(16.5*(100vw / 750))
  }
  .FR250403travel .side__text p {
      font-size: calc(20*(100vw / 750));
      letter-spacing: 0.1em;
  }
  .FR250403travel .side__text span {
      margin-left: calc(20*(100vw / 750));
  }
  .FR250403travel .side__text .italic {
    font-size: calc(18*(100vw / 750));
    margin-left: calc(20*(100vw / 750));
  }
}

/*** animation ***/
.FR250403travel .js-show-text {
  opacity: 0;
  /* transition: opacity 1s ease; */
}

.FR250403travel .js-show-text.is-active {
  opacity: 1;
  /* transition: opacity 1s ease; */
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
animation - common_sticky
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250403travel .c-position {
  position: absolute;
}
.FR250403travel .common_sticky {
  position: sticky;
  top: min(150*(100vw / 1400),150px);
  pointer-events: none;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .FR250403travel .common_sticky {
    top: 20px;
  }
}