@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap");
/*レスポンシブ*/
/*
@include lineHeightCrop;
@include sp($sm){}
*/
/*基本*/
html,
body {
  width: 100%;
  overflow-x: hidden;
}

body {
  line-height: 1.7;
  background-image: url("img/bg_main.png");
  background-size: 24.1025641026vw;
  color: #212121;
  font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  font-size: 4.1025641026vw;
}
@media screen and (min-width: 628px) {
  body {
    font-size: 16px;
  }
}
body {
  position: relative;
}
@media screen and (min-width: 628px) {
  body {
    background-size: 94px;
  }
}

#wrap {
  width: 100%;
}

img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.inner {
  width: 90vw;
  margin-inline: auto;
}
@media screen and (min-width: 628px) {
  .inner {
    width: 90%;
  }
}
@media screen and (min-width: 1080px) {
  .inner {
    width: 1010px;
  }
}

@media screen and (min-width: 628px) {
  .pc_none {
    display: none;
  }
}

.sp_none {
  display: none;
}
@media screen and (min-width: 628px) {
  .sp_none {
    display: inline;
  }
}

.mincho {
  font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

a {
  cursor: pointer;
}

/*ヘッダー*/
header {
  position: relative;
  background-color: #fff;
  z-index: 1000;
  height: 14.1025641026vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 628px) {
  header {
    height: 5.7291666667vw;
  }
}
@media screen and (min-width: 1080px) {
  header {
    height: 4.8780487805vw;
  }
}
header h1 {
  width: 47.4358974359vw;
  margin-left: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  header h1 {
    width: 19.2708333333vw;
  }
}
@media screen and (min-width: 1080px) {
  header h1 {
    width: 12.8919860627vw;
    padding: 1.0452961672vw 0;
  }
}
header .pc_menu {
  display: none;
}
@media screen and (min-width: 1080px) {
  header .pc_menu {
    display: block;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.0905923345vw;
  }
}
header .pc_menu a {
  display: inline-block;
  margin: 0 0.5em;
  font-size: 1.114vw;
}
header .pc_menu .booking {
  background-color: #dd4027;
  color: #fff;
  border-radius: 0.3484320557vw;
  padding: 0.2090592334vw 0.6968641115vw;
}
header .pc_menu .booking span {
  font-weight: bold;
  background-image: url("img/icon_arrow.svg");
  background-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 1.2em;
}
header .hum_btn_wrap {
  position: fixed;
  top: 0;
  right: 0vw;
  z-index: 10001;
  width: 15.3846153846vw;
  height: 14.1025641026vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
@media screen and (min-width: 628px) {
  header .hum_btn_wrap {
    width: 6.25vw;
    height: 5.7291666667vw;
  }
}
@media screen and (min-width: 1080px) {
  header .hum_btn_wrap {
    display: none;
  }
}
header .hum_btn {
  width: 10.2564102564vw;
  height: 6.4102564103vw; /* 3px × 3 + 11px × 2 = 25px */
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 628px) {
  header .hum_btn {
    width: 4.1666666667vw;
    height: 2.6041666667vw;
  }
}
header .hum_btn span {
  display: block;
  width: 10.2564102564vw;
  height: 0.7692307692vw;
  background: #2a4073;
  transform-origin: center;
  transition: transform 0.3s;
}
@media screen and (min-width: 628px) {
  header .hum_btn span {
    width: 4.1666666667vw;
    height: 0.3125vw;
  }
}
header .active_menu {
  right: 55vw;
  background-color: #2a4073;
}
header .active_menu span {
  background: #fff;
}
header .active_menu span:nth-of-type(1) {
  transform: translateY(2.8205128205vw) rotate(45deg);
}
@media screen and (min-width: 628px) {
  header .active_menu span:nth-of-type(1) {
    transform: translateY(1.1458333333vw) rotate(45deg);
  }
}
header .active_menu span:nth-of-type(2) {
  opacity: 0;
  transform: scaleX(0);
}
header .active_menu span:nth-of-type(3) {
  transform: translateY(-2.8205128205vw) rotate(-45deg);
}
@media screen and (min-width: 628px) {
  header .active_menu span:nth-of-type(3) {
    transform: translateY(-1.1458333333vw) rotate(-45deg);
  }
}

/*メニュー*/
.menu_sp {
  height: 100vh;
  width: 55vw;
  background-color: #fff;
  position: fixed;
  right: -55vw;
  top: 0;
  z-index: 1000;
  padding-top: 12.8205128205vw;
  padding: 12.8205128205vw 3.8461538462vw;
  transition: 0.3s;
}
@media screen and (min-width: 1080px) {
  .menu_sp {
    display: none;
  }
}
.menu_sp nav a:nth-last-of-type(2), .menu_sp nav a:nth-last-of-type(1) {
  border-bottom: none;
}
.menu_sp nav a {
  display: block;
  text-align: center;
  padding: 1em;
  font-weight: bold;
  border-bottom: 1px solid #d9b36c;
}
.menu_sp nav .booking {
  background-color: #dd4027;
  color: #fff;
  border-radius: 2.5641025641vw;
}
.menu_sp nav .booking span {
  font-weight: bold;
  background-image: url("img/icon_arrow.svg");
  background-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 5.1282051282vw;
}

.active_menu_sp {
  right: 0;
}

/*TOP*/
.top {
  position: relative;
  padding-top: 11.5384615385vw;
  padding-bottom: 8.9743589744vw;
  background-image: url("img/bg_top_over.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  overflow: hidden;
}
@media screen and (min-width: 628px) {
  .top {
    padding-top: 3.4843205575vw;
    padding-bottom: 5.2264808362vw;
    background-image: url("img/bg_top_over_pc.png");
  }
}
.top h2 {
  width: 90%;
  margin-inline: auto;
}
@media screen and (min-width: 628px) {
  .top h2 {
    width: 100%;
    max-width: 90%;
  }
}
.top .catch {
  text-align: center;
  margin-top: 5.1282051282vw;
}
@media screen and (min-width: 628px) {
  .top .catch {
    margin-top: 1.7421602787vw;
  }
}
.top .catch p:first-child span {
  margin-top: 0;
}
@media screen and (min-width: 628px) {
  .top .catch p {
    font-size: 1.114vw;
  }
}
.top .catch p span {
  display: inline-block;
  background-color: #fff;
  font-weight: bold;
  margin-top: 1.2820512821vw;
  line-height: 1.5;
}
@media screen and (min-width: 628px) {
  .top .catch p span {
    margin-top: 0.3484320557vw;
  }
}
.top .ul_top {
  width: 90vw;
  margin-inline: auto;
}
@media screen and (min-width: 628px) {
  .top .ul_top {
    width: 90%;
  }
}
.top .ul_top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 2.5641025641vw;
       column-gap: 2.5641025641vw;
  margin-top: 76.1538461538vw;
  justify-content: center;
  margin-inline: auto;
}
@media screen and (min-width: 628px) {
  .top .ul_top {
    -moz-column-gap: 0.6968641115vw;
         column-gap: 0.6968641115vw;
    margin: 0 auto;
    margin-top: 1.393728223vw;
    grid-template-columns: 7.1777003484vw 7.1777003484vw 7.1777003484vw;
    justify-content: center;
  }
}
.top .ul_top li {
  background-image: url("img/icon_top.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  aspect-ratio: 1/1;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
}
@media screen and (min-width: 628px) {
  .top .ul_top li {
    font-size: 1.114vw;
  }
}
.top .line {
  background-color: #06c755;
  font-weight: bold;
  color: #fff;
  display: block;
  border-radius: 2.5641025641vw;
  padding: 3.8461538462vw;
  width: 100%;
}
@media screen and (min-width: 628px) {
  .top .line {
    padding: 15px;
    width: 100%;
    border-radius: 10px;
  }
}
.top .line span {
  padding: 3.8461538462vw;
  padding-left: 6.9230769231vw;
  background-image: url("img/icon_line.png");
  background-repeat: no-repeat;
  background-size: 5.1282051282vw;
  background-position: left center;
}
@media screen and (min-width: 628px) {
  .top .line span {
    background-size: 20px;
    padding: 15px;
    padding-left: 27px;
  }
}
.top .line {
  width: 90vw;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
  margin-top: 5.1282051282vw;
}
@media screen and (min-width: 628px) {
  .top .line {
    margin-top: 2.4390243902vw;
    font-size: 1.114vw;
    width: 24.4599303136vw;
  }
}
@media screen and (min-width: 628px) {
  .top .txt_area_pc {
    margin-left: 6.2717770035vw;
    margin-right: auto;
    width: 38.606271777vw;
  }
}
.top {
  /*TOP画像*/
}
.top .photo_top {
  position: absolute;
}
.top .photo_01 {
  width: 27.1794871795vw;
  top: 87.1794871795vw;
  left: 0;
}
@media screen and (min-width: 628px) {
  .top .photo_01 {
    width: 25.0174216028vw;
    top: 23.2055749129vw;
    left: 45.574912892vw;
    z-index: 2;
  }
}
.top .photo_02 {
  width: 69.4871794872vw;
  top: 92.0512820513vw;
  left: auto;
  right: 0;
}
@media screen and (min-width: 628px) {
  .top .photo_02 {
    width: 37.0731707317vw;
    top: 4.3205574913vw;
    left: auto;
    right: 4.181184669vw;
    z-index: 1;
  }
}
.top .photo_03 {
  width: 43.3333333333vw;
  top: 123.0769230769vw;
  left: 0;
}
@media screen and (min-width: 628px) {
  .top .photo_03 {
    width: 15.331010453vw;
    top: 33.7282229965vw;
    left: auto;
    right: 0;
  }
}
.top {
  /*雲*/
}
.top .cloud_01 {
  width: 45.8974358974vw;
  top: -5.8974358974vw;
  left: -17.6923076923vw;
}
@media screen and (min-width: 628px) {
  .top .cloud_01 {
    width: 20.7665505226vw;
    top: -3.0662020906vw;
    left: -9.6167247387vw;
  }
}
.top .cloud_02 {
  width: 28.2051282051vw;
  top: 25.1282051282vw;
  left: auto;
  right: -11.2820512821vw;
}
@media screen and (min-width: 628px) {
  .top .cloud_02 {
    width: 12.543554007vw;
    top: 9.5470383275vw;
    right: 39.8606271777vw;
  }
}
.top .cloud_03 {
  width: 28.7179487179vw;
  top: 50vw;
  left: -9.2307692308vw;
}
@media screen and (min-width: 628px) {
  .top .cloud_03 {
    width: 14.7735191638vw;
    top: 19.1637630662vw;
    left: -4.8780487805vw;
  }
}
.top .cloud_04 {
  width: 33.5897435897vw;
  top: 60.2564102564vw;
  left: auto;
  right: -10vw;
}
@media screen and (min-width: 628px) {
  .top .cloud_04 {
    width: 15.0522648084vw;
    top: 17.7700348432vw;
    right: 43.6933797909vw;
  }
}
.top .cloud_05 {
  width: 36.4102564103vw;
  top: 136.4102564103vw;
  right: -9.4871794872vw;
  z-index: 10;
}
@media screen and (min-width: 628px) {
  .top .cloud_05 {
    display: none;
  }
}

/*共通*/
.ichimatsu_bg {
  background: #f5e9d5;
  background-image: url("img/bg_ichimatsu.svg");
  background-size: 23.0769230769vw;
}
@media screen and (min-width: 628px) {
  .ichimatsu_bg {
    background-size: 90px;
  }
}

.m30 {
  font-size: 30px;
  font-size: 7.6923076923vw;
}
@media screen and (min-width: 628px) {
  .m30 {
    font-size: 30px;
  }
}
.m30 {
  text-align: center;
  line-height: 1.36;
}
@media screen and (min-width: 628px) {
  .m30 {
    font-size: 36px;
  }
}

.sec {
  padding: 8.9743589744vw 0 10.2564102564vw 0;
}
@media screen and (min-width: 628px) {
  .sec {
    padding: 45px 0 90px 0;
  }
}

.h3_heading {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .h3_heading {
    margin-top: 30px;
  }
}
.h3_heading {
  text-align: center;
  line-height: 1.36;
}
.h3_heading span {
  display: block;
}
.h3_heading span:first-of-type {
  color: #d9b36c;
  font-size: 12px;
  font-size: 3.0769230769vw;
}
@media screen and (min-width: 628px) {
  .h3_heading span:first-of-type {
    font-size: 12px;
  }
}
.h3_heading span:first-of-type {
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 628px) {
  .h3_heading span:first-of-type {
    font-size: 14px;
  }
}
.h3_heading span:last-of-type {
  font-size: 30px;
  font-size: 7.6923076923vw;
}
@media screen and (min-width: 628px) {
  .h3_heading span:last-of-type {
    font-size: 30px;
  }
}
@media screen and (min-width: 628px) {
  .h3_heading span:last-of-type {
    font-size: 36px;
  }
}

/*雲デコレーション*/
.sec {
  position: relative;
}

.cloud_deco_sec {
  position: absolute;
}
@media screen and (min-width: 628px) {
  .cloud_deco_sec {
    display: none;
  }
}

.cloud_deco_01 {
  width: 29.2307692308vw;
  top: -6.4102564103vw;
  left: -5.1282051282vw;
}

.cloud_deco_02 {
  width: 53.5897435897vw;
  top: -8.2051282051vw;
  right: -25.3846153846vw;
}

.cloud_deco_03 {
  width: 44.8717948718vw;
  top: -1.7948717949vw;
  left: -14.8717948718vw;
}

.cloud_deco_04 {
  width: 33.5897435897vw;
  top: 2.8205128205vw;
  right: -8.9743589744vw;
}

.cloud_deco_05 {
  width: 31.5384615385vw;
  top: 3.5897435897vw;
  left: -4.6153846154vw;
}

.cloud_deco_06 {
  width: 31.5384615385vw;
  top: 9.4871794872vw;
  right: -10.7692307692vw;
}

.cloud_deco_07 {
  width: 35.3846153846vw;
  top: -5.641025641vw;
  left: -5.1282051282vw;
}

.cloud_deco_08 {
  width: 43.3333333333vw;
  top: -5.641025641vw;
  right: -12.0512820513vw;
}

.cloud_deco_09 {
  width: 37.4358974359vw;
  top: -5.1282051282vw;
  left: -4.8717948718vw;
}

.cloud_deco_10 {
  width: 53.5897435897vw;
  top: -1.7948717949vw;
  right: -21.7948717949vw;
}

/*おすすめ*/
.wrap_ul {
  background-color: #fff;
  border-radius: 2.5641025641vw;
  display: flex;
  justify-content: center;
  padding: 6.4102564103vw 2.0512820513vw;
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .wrap_ul {
    margin-top: 30px;
  }
}
@media screen and (min-width: 628px) {
  .wrap_ul {
    border-radius: 10px;
    padding: 40px;
    width: 850px;
    max-width: 100%;
    margin-inline: auto;
  }
}
@media screen and (min-width: 628px) {
  .wrap_ul .ul_rec {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.wrap_ul .ul_rec li {
  display: flex;
  align-items: center;
  padding: 2.5641025641vw 0;
  border-top: 1px dotted #9e9e9e;
}
.wrap_ul .ul_rec li:nth-of-type(1) {
  border-top: none;
}
@media screen and (min-width: 628px) {
  .wrap_ul .ul_rec li:nth-of-type(2) {
    border-top: none;
  }
}
@media screen and (min-width: 628px) {
  .wrap_ul .ul_rec li {
    padding: 10px 10px;
  }
}
.wrap_ul .ul_rec img {
  width: 10.2564102564vw;
  height: auto;
}
@media screen and (min-width: 628px) {
  .wrap_ul .ul_rec img {
    width: 40px;
  }
}
.wrap_ul .ul_rec p {
  margin-left: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .wrap_ul .ul_rec p {
    margin-left: 15px;
  }
}
.wrap_ul .ul_rec p span {
  color: #2a4073;
  font-weight: bold;
}

/*南海の神域巡礼が選ばれる3つの理由*/
.ul_reason {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .ul_reason {
    margin-top: 30px;
  }
}
@media screen and (min-width: 628px) {
  .ul_reason {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 25px;
         column-gap: 25px;
    margin-top: 45px;
  }
}
.ul_reason li {
  background-color: #f5e9d5;
  border-radius: 2.5641025641vw;
  padding: 10.2564102564vw 4.6153846154vw 7.6923076923vw 4.6153846154vw;
  margin-top: 11.5384615385vw;
  position: relative;
}
@media screen and (min-width: 628px) {
  .ul_reason li {
    border-radius: 10px;
    padding: 40px 18px 30px 18px;
    margin-top: 0;
  }
}
.ul_reason li .num {
  position: absolute;
  left: 50%;
  top: -7.9487179487vw;
  transform: translateX(-50%);
  width: 16.1538461538vw;
}
@media screen and (min-width: 628px) {
  .ul_reason li .num {
    width: 60px;
    top: -31px;
  }
}
.ul_reason li h4 {
  text-align: center;
  color: #2a4073;
  font-size: 20px;
  font-size: 5.1282051282vw;
}
@media screen and (min-width: 628px) {
  .ul_reason li h4 {
    font-size: 20px;
  }
}
.ul_reason li h4 {
  font-weight: bold;
  margin-bottom: 0.7em;
}
.ul_reason li hr {
  border-color: #a78443;
  width: 30.7692307692vw;
  margin-inline: auto;
}
@media screen and (min-width: 628px) {
  .ul_reason li hr {
    width: 120px;
  }
}
.ul_reason li p {
  display: none;
  overflow: hidden;
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  .ul_reason li p {
    font-size: 14px;
  }
}
.ul_reason li p {
  margin-top: 1em;
}
.ul_reason li .active_open {
  display: block;
}
.ul_reason li .more {
  display: block;
  cursor: pointer;
  text-align: center;
  color: #2a4073;
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  .ul_reason li .more {
    font-size: 14px;
  }
}
.ul_reason li .more {
  margin-top: 1em;
}

/*知らなかった神社に、出会う旅*/
.poem {
  background-image: url("img/bg_poem.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
@media screen and (min-width: 628px) {
  .poem {
    background-image: url("img/bg_poem_pc.jpg");
  }
}
.poem p {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .poem p {
    margin-top: 30px;
  }
}
.poem p {
  text-align: center;
}

/*ツアー一覧*/
.tour .wrap_tour {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .tour .wrap_tour {
    margin-top: 30px;
  }
}
.tour .wrap_tour .item {
  position: relative;
}
.tour .wrap_tour .item:first-of-type {
  margin-top: 0;
}
.tour .wrap_tour .item {
  margin-top: 14.1025641026vw;
}
@media screen and (min-width: 628px) {
  .tour .wrap_tour .item {
    margin-top: 50px;
  }
}
.tour .wrap_tour .item .catch {
  color: #2a4073;
  text-align: center;
  font-size: 22px;
  font-size: 5.641025641vw;
}
@media screen and (min-width: 628px) {
  .tour .wrap_tour .item .catch {
    font-size: 22px;
  }
}
.tour .wrap_tour .item .catch {
  font-weight: bold;
}
@media screen and (min-width: 628px) {
  .tour .wrap_tour .item .catch {
    font-size: 20px;
  }
}
@media screen and (min-width: 1080px) {
  .tour .wrap_tour .item .catch {
    font-size: 34px;
  }
}
.tour .wrap_tour .item .catch span {
  text-align: center;
  position: relative;
  padding: 0 1.5em;
  display: inline-block;
  width: 95%;
}
.tour .wrap_tour .item .catch span:before, .tour .wrap_tour .item .catch span:after {
  content: "";
  background-color: #2a4073;
  height: 2px;
  width: 40px;
  position: absolute;
  bottom: 1em;
}
.tour .wrap_tour .item .catch span:before {
  left: 0;
  transform: rotate(60deg);
}
.tour .wrap_tour .item .catch span:after {
  left: auto;
  right: 0;
  transform: rotate(-60deg);
}
@media screen and (min-width: 628px) {
  .tour .wrap_tour .item .catch span {
    width: auto;
  }
  .tour .wrap_tour .item .catch span:before, .tour .wrap_tour .item .catch span:after {
    bottom: 0.5em;
  }
}
.tour .swipe {
  position: absolute;
  right: 2.5641025641vw;
  bottom: -5.1282051282vw;
}
@media screen and (min-width: 628px) {
  .tour .swipe {
    display: none;
  }
}
.tour .slider_tour {
  margin-top: 5.1282051282vw;
  max-width: 100vw;
  box-sizing: border-box;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour {
    display: grid;
    -moz-column-gap: 10px;
         column-gap: 10px;
    justify-content: center;
    margin-inline: auto;
    grid-template-columns: repeat(2, 240px);
    margin-top: 20px;
  }
}
@media screen and (min-width: 1080px) {
  .tour .slider_tour {
    grid-template-columns: repeat(2, 320px);
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
.tour .slider_tour .item_li {
  background-color: #fff;
  border-radius: 3.8461538462vw;
  text-align: center;
  padding-bottom: 5.1282051282vw;
  font-weight: bold;
  margin-left: 2.5641025641vw;
  width: 61.5384615385vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li {
    border-radius: 15px;
    padding-bottom: 30px;
    margin-left: 0;
    width: auto;
  }
}
.tour .slider_tour .item_li .mv {
  width: 100%;
  border-radius: 3.8461538462vw 3.8461538462vw 0px 0px;
  height: 33.3333333333vw;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .mv {
    border-radius: 15px 15px 0px 0px;
    height: 180px;
  }
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .mv img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: auto;
  }
}
.tour .slider_tour .item_li .mv .tag {
  position: absolute;
  right: 1.7948717949vw;
  bottom: 2.5641025641vw;
  display: flex;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .mv .tag {
    right: 10px;
    bottom: 15px;
  }
}
.tour .slider_tour .item_li .mv .tag li {
  line-height: 1;
  background-color: #dd4027;
  color: #fff;
  font-size: 12px;
  font-size: 3.0769230769vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .mv .tag li {
    font-size: 12px;
  }
}
.tour .slider_tour .item_li .mv .tag li {
  padding: 0.5em;
  margin: 0 0.7692307692vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .mv .tag li {
    margin: 0 3px;
  }
}
.tour .slider_tour .item_li .catch_tour {
  display: block;
  margin-top: 0.7em;
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .catch_tour {
    font-size: 14px;
  }
}
.tour .slider_tour .item_li .catch_tour {
  color: #2a4073;
}
.tour .slider_tour .item_li h4 {
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li h4 {
    font-size: 14px;
  }
}
.tour .slider_tour .item_li h4 {
  margin-top: 0em;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li h4 {
    font-size: 18px;
  }
}
.tour .slider_tour .item_li p {
  font-size: 18px;
  font-size: 4.6153846154vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li p {
    font-size: 18px;
  }
}
.tour .slider_tour .item_li p {
  margin-top: 1.2820512821vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li p {
    font-size: 20px;
    margin-top: 5px;
  }
}
.tour .slider_tour .item_li p span {
  font-size: 0.5em;
}
.tour .slider_tour .item_li .btn_area {
  padding: 0vw 3.3333333333vw 0vw 3.3333333333vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2.5641025641vw;
       column-gap: 2.5641025641vw;
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .btn_area {
    padding: 0 13px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    margin-top: 10px;
    justify-content: center;
    margin-inline: auto;
    grid-template-columns: 100px 100px;
  }
}
.tour .slider_tour .item_li .btn_area a {
  color: #fff;
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .btn_area a {
    font-size: 14px;
  }
}
.tour .slider_tour .item_li .btn_area a {
  border-radius: 1.2820512821vw;
  padding: 2.5641025641vw 0;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .btn_area a {
    font-size: 16px;
    border-radius: 5px;
    padding: 10px 0;
  }
}
.tour .slider_tour .item_li .btn_area .btn_01 {
  background-color: #2a4073;
}
.tour .slider_tour .item_li .btn_area .btn_02 {
  background-color: #dd4027;
}
.tour .slider_tour .item_li .btn_area .btn_02 span {
  padding-left: 4.358974359vw;
  background-image: url("img/icon_arrow.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.9em;
}
@media screen and (min-width: 628px) {
  .tour .slider_tour .item_li .btn_area .btn_02 span {
    padding-left: 18px;
  }
}
@media screen and (min-width: 628px) {
  .tour .colum_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1080px) {
  .tour .colum_3 {
    grid-template-columns: repeat(3, 320px);
  }
}

/*スライダー追加*/
.slick-dots {
  bottom: -7.6923076923vw;
}

.slick-dots li {
  margin: 0; /* 左右の間隔 */
}

.slick-dots li button:before {
  content: "";
  width: 2.5641025641vw;
  height: 2.5641025641vw;
  border-radius: 50%;
  border: 2px solid #bdbdbd; /* アクティブ：グレーの線のみ */
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  background-color: #bdbdbd; /* 非アクティブ：グレーの塗り丸 */
  opacity: 1;
}

/*モーダル*/
#modal {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 90vw;
  height: 75vh;
  transform: translate(-50%, -50%);
  z-index: 10000;
  overflow: hidden;
  transition: 0.3s;
}
@media screen and (min-width: 628px) {
  #modal {
    width: 90w;
  }
}
@media screen and (min-width: 1080px) {
  #modal {
    width: 100%;
    max-width: 500px;
  }
}
#modal .content {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}

.wrap_btn {
  background-color: #2a4073;
  position: relative;
  height: 10.7692307692vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 628px) {
  .wrap_btn {
    height: 45px;
  }
}
.wrap_btn p {
  font-weight: bold;
  color: #fff;
  padding: 0 0 0 2.5641025641vw;
}
@media screen and (min-width: 628px) {
  .wrap_btn p {
    padding: 0 0 0 10px;
  }
}
.wrap_btn .btn_area {
  background-color: #d9b36c;
  position: absolute;
  right: 0;
  top: 0;
  width: 10.7692307692vw;
  height: 10.7692307692vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 628px) {
  .wrap_btn .btn_area {
    width: 45px;
    height: 45px;
  }
}
.wrap_btn .btn_area button {
  font-size: 20px;
  font-size: 5.1282051282vw;
}
@media screen and (min-width: 628px) {
  .wrap_btn .btn_area button {
    font-size: 20px;
  }
}
.wrap_btn .btn_area button {
  color: #fff;
}

/*お客様の声*/
.voice .ul_voice {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .voice .ul_voice {
    margin-top: 30px;
  }
}
@media screen and (min-width: 628px) {
  .voice .ul_voice {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
.voice .ul_voice li:first-of-type {
  margin-top: 0;
}
.voice .ul_voice li {
  background-color: #fff;
  border-radius: 2.5641025641vw;
  padding: 6.4102564103vw 5.1282051282vw;
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .voice .ul_voice li {
    border-radius: 10px;
    padding: 25px 20px;
    margin-top: 0;
  }
}
.voice .ul_voice li .comment {
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  .voice .ul_voice li .comment {
    font-size: 14px;
  }
}
.voice .ul_voice li .comment span {
  color: #dd4027;
}
.voice .ul_voice li .customer {
  font-size: 12px;
  font-size: 3.0769230769vw;
}
@media screen and (min-width: 628px) {
  .voice .ul_voice li .customer {
    font-size: 12px;
  }
}
.voice .ul_voice li .customer {
  display: flex;
  align-items: center;
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .voice .ul_voice li .customer {
    margin-top: 15px;
  }
}
.voice .ul_voice li .customer img {
  width: 14.1025641026vw;
}
@media screen and (min-width: 628px) {
  .voice .ul_voice li .customer img {
    width: 55px;
  }
}
.voice .ul_voice li .customer p {
  margin-left: 2.5641025641vw;
}
@media screen and (min-width: 628px) {
  .voice .ul_voice li .customer p {
    margin-left: 10px;
  }
}
.voice a {
  display: block;
  text-align: center;
  color: #2a4073;
  font-weight: bold;
  margin-top: 1em;
  font-size: 18px;
  font-size: 4.6153846154vw;
}
@media screen and (min-width: 628px) {
  .voice a {
    font-size: 18px;
  }
}

/*もっと見る*/
.more_area {
  display: none;
}

/*スタッフ*/
.staff .ul_staff {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .staff .ul_staff {
    margin-top: 30px;
  }
}
@media screen and (min-width: 628px) {
  .staff .ul_staff {
    display: grid;
    grid-template-columns: 293px 293px;
    -moz-column-gap: 50px;
         column-gap: 50px;
    justify-content: center;
  }
}
.staff li:first-of-type {
  margin-top: 0;
}
.staff li {
  margin-top: 6.4102564103vw;
}
@media screen and (min-width: 628px) {
  .staff li {
    margin-top: 0;
  }
}
.staff li .img_name {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 628px) {
  .staff li .img_name {
    display: block;
    width: 160px;
    margin-inline: auto;
  }
}
.staff li .img_name img {
  width: 41.5384615385vw;
}
@media screen and (min-width: 628px) {
  .staff li .img_name img {
    width: 100%;
  }
}
.staff li .img_name .name {
  width: 22.5641025641vw;
  text-align: center;
  color: #2a4073;
  font-weight: bold;
  border-top: 2px solid #2a4073;
  border-bottom: 2px solid #2a4073;
  padding: 1.2820512821vw 0;
  margin-left: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .staff li .img_name .name {
    width: auto;
    padding: 5px 0;
    margin-left: 0;
    margin-inline: auto;
    margin-top: 15px;
  }
}
.staff li .comment {
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  .staff li .comment {
    font-size: 14px;
  }
}
.staff li .comment {
  width: 77%;
  margin-inline: auto;
  margin-top: 0.5em;
}
@media screen and (min-width: 628px) {
  .staff li .comment {
    width: 100%;
    margin-top: 1.2em;
  }
}

/*よくある質問*/
.question .wrap_question {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .question .wrap_question {
    margin-top: 30px;
  }
}
@media screen and (min-width: 628px) {
  .question .wrap_question {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 15px;
         column-gap: 15px;
    row-gap: 20px;
  }
}
.question .item:first-of-type {
  margin-top: 0;
}
.question .item {
  margin-top: 1em;
}
@media screen and (min-width: 628px) {
  .question .item {
    margin-top: 0;
  }
}
.question .item .que {
  cursor: pointer;
  background-color: #2a4073;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 0.5em 0;
  border-radius: 1.2820512821vw;
  position: relative;
}
@media screen and (min-width: 628px) {
  .question .item .que {
    border-radius: 10px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.question .item .que .arrow_wrap {
  display: inline-block;
  width: 3.8461538462vw;
  position: absolute;
  right: 3.8461538462vw;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 628px) {
  .question .item .que .arrow_wrap {
    width: 15px;
    right: 15px;
  }
}
.question .item .que .active_arrow {
  transform: rotate(180deg);
}
.question .item .ans {
  background-color: #fff;
  padding: 1em 1em;
  display: none;
  overflow: hidden;
}
.question .item .ans a {
  color: #2a4073;
  text-decoration: underline;
}

/*ステップ3*/
.step3 .ul_step {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .step3 .ul_step {
    margin-top: 30px;
  }
}
@media screen and (min-width: 628px) {
  .step3 .ul_step {
    display: grid;
    justify-content: center;
  }
}
.step3 .ul_step li {
  text-align: center;
}
.step3 .ul_step li .border {
  width: 1px;
  height: 12.8205128205vw;
  background-color: #e0e0e0;
  margin: 2.5641025641vw auto;
}
@media screen and (min-width: 628px) {
  .step3 .ul_step li .border {
    margin: 10px auto;
    height: 50px;
    width: 2px;
  }
}
.step3 .ul_step li img {
  width: 15.641025641vw;
  margin-inline: auto;
}
@media screen and (min-width: 628px) {
  .step3 .ul_step li img {
    width: 80px;
    margin: 0;
  }
}
.step3 .ul_step li .txt_area {
  margin-top: 3.0769230769vw;
}
@media screen and (min-width: 628px) {
  .step3 .ul_step li .txt_area {
    margin-top: 0;
    margin-left: 20px;
    text-align: left;
  }
}
.step3 .ul_step li .txt_area h4 {
  font-size: 22px;
  font-size: 5.641025641vw;
}
@media screen and (min-width: 628px) {
  .step3 .ul_step li .txt_area h4 {
    font-size: 22px;
  }
}
.step3 .ul_step li .txt_area h4 {
  font-weight: bold;
  color: #2a4073;
}
.step3 .ul_step li .txt_area p {
  margin-top: 0.3em;
}
.step3 .ul_step li .txt_area a {
  display: inline-block;
  background-color: #dd4027;
  color: #fff;
  padding: 3.5897435897vw 10.2564102564vw;
  border-radius: 2.5641025641vw;
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 628px) {
  .step3 .ul_step li .txt_area a {
    padding: 1em 40px;
    border-radius: 10px;
    margin-top: 10px;
  }
}
.step3 .ul_step li .txt_area a span {
  font-weight: bold;
  background-image: url("img/icon_arrow.svg");
  background-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 6.4102564103vw;
}
@media screen and (min-width: 628px) {
  .step3 .ul_step li .txt_area a span {
    padding-left: 25px;
  }
}
@media screen and (min-width: 628px) {
  .step3 .ul_step .break_pc {
    display: flex;
    align-items: center;
  }
}

/*まだ迷っている方へ*/
.foryou p {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .foryou p {
    margin-top: 30px;
  }
}
.foryou p {
  text-align: center;
}
.foryou a {
  background-color: #06c755;
  font-weight: bold;
  color: #fff;
  display: block;
  border-radius: 2.5641025641vw;
  padding: 3.8461538462vw;
  width: 100%;
}
@media screen and (min-width: 628px) {
  .foryou a {
    padding: 15px;
    width: 100%;
    border-radius: 10px;
  }
}
.foryou a span {
  padding: 3.8461538462vw;
  padding-left: 6.9230769231vw;
  background-image: url("img/icon_line.png");
  background-repeat: no-repeat;
  background-size: 5.1282051282vw;
  background-position: left center;
}
@media screen and (min-width: 628px) {
  .foryou a span {
    background-size: 20px;
    padding: 15px;
    padding-left: 27px;
  }
}
.foryou a {
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 628px) {
  .foryou a {
    margin-top: 30px;
    width: 455px;
    margin-inline: auto;
    text-align: center;
    padding: 15px 0;
    padding-left: 27px;
  }
}

/*フッター*/
footer {
  padding: 8.9743589744vw 0 25.641025641vw 0;
  background-color: #2a4073;
  color: #fff;
}
@media screen and (min-width: 628px) {
  footer {
    padding: 60px 0 100px 0;
  }
}
footer .link_area {
  margin-top: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  footer .link_area {
    margin-top: 30px;
  }
}
footer .link_area a {
  display: block;
  text-align: center;
  padding: 3.8461538462vw;
  border-radius: 2.5641025641vw;
  margin-top: 2.5641025641vw;
}
footer .link_area a:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 628px) {
  footer .link_area a {
    padding: 15px;
    margin-top: 15px;
    width: 420px;
    margin-inline: auto;
    border-radius: 10px;
  }
}
footer .link_area a span {
  padding-left: 6.6666666667vw;
  font-weight: bold;
  background-image: url("img/icon_arrow.svg");
  background-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 628px) {
  footer .link_area a span {
    padding-left: 25px;
  }
}
footer .link_area .link_tour {
  background-color: #dd4027;
}
footer .link_area .link_line {
  background-color: #06c755;
  font-weight: bold;
  color: #fff;
  display: block;
  border-radius: 2.5641025641vw;
  padding: 3.8461538462vw;
  width: 100%;
}
@media screen and (min-width: 628px) {
  footer .link_area .link_line {
    padding: 15px;
    width: 100%;
    border-radius: 10px;
  }
}
footer .link_area .link_line span {
  padding: 3.8461538462vw;
  padding-left: 6.9230769231vw;
  background-image: url("img/icon_line.png");
  background-repeat: no-repeat;
  background-size: 5.1282051282vw;
  background-position: left center;
}
@media screen and (min-width: 628px) {
  footer .link_area .link_line span {
    background-size: 20px;
    padding: 15px;
    padding-left: 27px;
  }
}
@media screen and (min-width: 628px) {
  footer .link_area .link_line {
    width: 420px;
    margin-inline: auto;
  }
}
footer .info {
  margin-top: 12.8205128205vw;
}
@media screen and (min-width: 628px) {
  footer .info {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
footer .info .nankai {
  display: inline-block;
  background: #fff;
  padding: 2.5641025641vw 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  footer .info .nankai {
    padding: 10px 15px;
  }
}
footer .info .nankai img {
  width: 46.9230769231vw;
}
@media screen and (min-width: 628px) {
  footer .info .nankai img {
    width: 254px;
  }
}
footer .site_tree {
  font-size: 12px;
  font-size: 3.0769230769vw;
}
@media screen and (min-width: 628px) {
  footer .site_tree {
    font-size: 12px;
  }
}
footer .site_tree {
  margin-top: 5.1282051282vw;
}
@media screen and (min-width: 628px) {
  footer .site_tree {
    font-size: 14px;
    margin-top: 0;
    margin-left: 40px;
  }
}
footer .site_tree .head {
  font-weight: bold;
  font-size: 14px;
  font-size: 3.5897435897vw;
}
@media screen and (min-width: 628px) {
  footer .site_tree .head {
    font-size: 14px;
  }
}
footer .site_tree .head {
  position: relative;
  padding-left: 3.0769230769vw;
}
@media screen and (min-width: 628px) {
  footer .site_tree .head {
    font-size: 16px;
    padding-left: 12px;
  }
}
footer .site_tree .head:before {
  content: "";
  display: inline-block;
  height: 100%;
  background-image: url("img/icon_footer_arrow.svg");
  background-repeat: no-repeat;
  background-size: 1.5384615385vw;
  background-position: left center;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5384615385vw;
}
@media screen and (min-width: 628px) {
  footer .site_tree .head:before {
    width: 6px;
    background-size: 6px;
  }
}
footer .site_tree ul li:first-of-type {
  margin-top: 0;
}
footer .site_tree ul li {
  margin-top: 5.1282051282vw;
}
@media screen and (min-width: 628px) {
  footer .site_tree ul li {
    margin-top: 20px;
  }
}
footer .site_tree ul li a:hover {
  text-decoration: underline;
}
footer .cr {
  text-align: center;
  margin-top: 20.5128205128vw;
}
@media screen and (min-width: 628px) {
  footer .cr {
    margin-top: 50px;
  }
}

/*固定ボタン*/
.fixed_btn_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #2a4073;
  color: #fff;
  padding: 2.5641025641vw 2.5641025641vw;
  width: 100%;
  z-index: 10000;
}
@media screen and (min-width: 628px) {
  .fixed_btn_wrap {
    padding: 15px 0;
  }
}
.fixed_btn_wrap .inner {
  display: flex;
  justify-content: center;
}
.fixed_btn_wrap a {
  text-align: center;
}
@media screen and (min-width: 628px) {
  .fixed_btn_wrap a {
    width: 240px !important;
  }
}
.fixed_btn_wrap a:first-of-type {
  background-color: #dd4027;
  border-radius: 1.2820512821vw;
  padding: 3.8461538462vw;
}
@media screen and (min-width: 628px) {
  .fixed_btn_wrap a:first-of-type {
    border-radius: 10px;
    padding: 15px;
  }
}
.fixed_btn_wrap a:first-of-type span {
  font-weight: bold;
  background-image: url("img/icon_arrow.svg");
  background-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 5.1282051282vw;
}
@media screen and (min-width: 628px) {
  .fixed_btn_wrap a:first-of-type span {
    padding-left: 20px;
  }
}
.fixed_btn_wrap a:last-of-type {
  background-color: #06c755;
  font-weight: bold;
  color: #fff;
  display: block;
  border-radius: 2.5641025641vw;
  padding: 3.8461538462vw;
  width: 100%;
}
@media screen and (min-width: 628px) {
  .fixed_btn_wrap a:last-of-type {
    padding: 15px;
    width: 100%;
    border-radius: 10px;
  }
}
.fixed_btn_wrap a:last-of-type span {
  padding: 3.8461538462vw;
  padding-left: 6.9230769231vw;
  background-image: url("img/icon_line.png");
  background-repeat: no-repeat;
  background-size: 5.1282051282vw;
  background-position: left center;
}
@media screen and (min-width: 628px) {
  .fixed_btn_wrap a:last-of-type span {
    background-size: 20px;
    padding: 15px;
    padding-left: 27px;
  }
}
.fixed_btn_wrap a:last-of-type {
  width: auto;
  margin-left: 2.5641025641vw;
  border-radius: 1.2820512821vw;
}
@media screen and (min-width: 628px) {
  .fixed_btn_wrap a:last-of-type {
    border-radius: 10px;
    margin-left: 15px;
  }
}

/*アニメーション*/
.fade_in_down {
  opacity: 0;
  animation: fadeInDown 0.7s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.anime_catch p:nth-of-type(1) {
  animation-delay: 0.5s;
}
.anime_catch p:nth-of-type(2) {
  animation-delay: 0.7s;
}
.anime_catch p:nth-of-type(3) {
  animation-delay: 0.9s;
}

.fade_in {
  opacity: 0;
  animation: fadeIn 0.8s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.photo_01 {
  animation-delay: 1.5s;
}

.photo_02 {
  animation-delay: 1.7s;
}

.photo_03 {
  animation-delay: 1.9s;
}

/*雲アニメ*/
.fade_in_left {
  opacity: 0;
  animation: fadeInLeft 1s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade_in_right {
  opacity: 0;
  animation: fadeInRight 1s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.cloud_01 {
  animation-delay: 0.3s;
}

.cloud_02 {
  animation-delay: 0.5s;
}

.cloud_03 {
  animation-delay: 0.7s;
}

.cloud_041 {
  animation-delay: 0.9s;
}

/*見えたらアニメ*/
.view_anime {
  opacity: 0;
}

.visible {
  animation: fadeIn 0.8s ease-in-out;
  animation-fill-mode: forwards;
}/*# sourceMappingURL=common.css.map */