@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 11, style.scss */
.enCatch { font-family: "Poppins", sans-serif; letter-spacing: .03em; line-height: 1.0; font-weight: 400; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); background-clip: border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; display: inline-block; }

/* line 12, style.scss */
.cmnCatch { font-size: 30px; font-weight: 500; line-height: 1.8; margin-bottom: 1em; }

/* line 13, style.scss */
.read { -webkit-text-stroke-width: .2px; text-align: justify; }

/* line 14, style.scss */
.ls1em { letter-spacing: 1em; margin-right: -1em; }

/* line 15, style.scss */
.ls05em { letter-spacing: .5em; margin-right: -.5em; }

/* line 16, style.scss */
.lsKana { letter-spacing: -.15em; margin-right: .015em; }

/*ul.listWrap { @include flexWrap;}*/
/* line 18, style.scss */
.wImage { position: relative; }
/* line 19, style.scss */
.wImage::after { content: "image"; font-size: 11px; color: #fff; line-height: 1.5; letter-spacing: 0; position: absolute; bottom: .5em; right: .75em; }
/* line 20, style.scss */
.wImage.b::after { color: #000; }
/* line 21, style.scss */
.wImage.l::after { right: auto; left: .75em; }

@media only screen and (max-width: 750px) { /* line 28, style.scss */
  .cmnCatch { font-size: 22px; }
  /* line 29, style.scss */
  .read { -webkit-text-stroke-width: 0; }
  /*ul.listWrap { @include flexWrap;}*/
  /* line 35, style.scss */
  .wImage::after { font-size: 10px; bottom: .5em; right: .5em; } }
/* line 43, style.scss */
.titMorooka { /* width: 194px;*/ }
/* line 44, style.scss */
.titMorooka .wrap { width: 100%; height: 0; padding-top: 243.71%; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 45, style.scss */
.titMorooka em, .titMorooka span { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 46, style.scss */
.titMorooka em strong, .titMorooka span strong { line-height: 0; }
/* line 48, style.scss */
.titMorooka em { width: 87.31%; height: 100%; }
/* line 49, style.scss */
.titMorooka em strong { width: 100%; }
/* line 50, style.scss */
.titMorooka em strong:nth-of-type(1) { margin-bottom: 10%; }
/* line 54, style.scss */
.titMorooka span { width: 100%; height: 14.7%; }
/* line 56, style.scss */
.titMorooka span strong:nth-of-type(1) { width: 74.88%; }
/* line 57, style.scss */
.titMorooka span strong:nth-of-type(2) { width: 100%; }

@media only screen and (max-width: 750px) { /* line 66, style.scss */
  .titMorooka .wrap { padding-top: 243.71%; }
  /* line 70, style.scss */
  .titMorooka em { width: 87.31%; }
  /* line 72, style.scss */
  .titMorooka em strong:nth-of-type(1) { margin-bottom: 10%; }
  /* line 76, style.scss */
  .titMorooka span { width: 100%; height: 14.7%; }
  /* line 78, style.scss */
  .titMorooka span strong:nth-of-type(1) { width: 74.88%; }
  /* line 79, style.scss */
  .titMorooka span strong:nth-of-type(2) { width: 100%; } }
/* line 87, style.scss */
.titleWrap { position: relative; width: 100%; height: 300px; margin-bottom: 50px; }
/* line 88, style.scss */
.titleWrap .title { color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 89, style.scss */
.titleWrap .title span.en { font-size: 55px; line-height: 1.5; }
/* line 90, style.scss */
.titleWrap .title em { font-size: 20px; line-height: 1.5; }
/* line 92, style.scss */
.titleWrap .ph { width: 100%; height: 100%; }
/* line 93, style.scss */
.titleWrap .ph::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 129, 165, 0.6); }
/* line 94, style.scss */
.titleWrap .ph::before { content: ""; background: #5ba8d8; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); width: 100%; height: 100%; opacity: .15; position: absolute; top: 0; left: 0; }
/* line 96, style.scss */
.titleWrap.noimage { /*height: 250px;*/ }
/* line 101, style.scss */
.titleWrap.noimage .ph { opacity: .5; }
/* line 102, style.scss */
.titleWrap.noimage .ph img { display: none; }
/* line 103, style.scss */
.titleWrap.noimage .ph::after { opacity: .5; }
/* line 104, style.scss */
.titleWrap.noimage .ph::before { content: ""; background: #5ba8d8; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); width: 100%; height: 100%; opacity: 1; position: absolute; top: 0; left: 0; }

@media only screen and (max-width: 750px) { /* line 112, style.scss */
  .titleWrap { height: 150px; margin-bottom: .5em; }
  /* line 114, style.scss */
  .titleWrap .title span.en { font-size: 30px; }
  /* line 115, style.scss */
  .titleWrap .title em { font-size: 18px; } }
/* line 137, style.scss */
.pankuzuList { max-width: 80%; margin: auto; transition: .4s all; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 480px; }
/* line 138, style.scss */
.pankuzuList ul.listWrap { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; }
/* line 139, style.scss */
.pankuzuList ul.listWrap li { font-size: 12px; }
/* line 143, style.scss */
.pankuzuList ul.listWrap li:not(:last-child) { /*&::after { content:"\e5e1"; font-family: 'Material Icons'; font-size: 80%; padding: 0 .5em;}*/ /*&::after { content: "arrow_forward_ios"; font-family: 'Material Symbols Sharp'; font-feature-settings: 'liga'; font-size: 80%; padding: 0 .5em;}*/ /*&::after { content: "\e5e1"; font-family: 'Material Symbols Sharp'; font-size: 80%; padding: 0 .5em;}*/ }
/* line 147, style.scss */
.pankuzuList ul.listWrap li:not(:last-child)::after { content: "arrow_forward_ios"; font-family: 'Material Symbols Sharp'; font-feature-settings: 'liga'; font-size: 80%; padding: 0 .5em; }

@media screen and (min-width: 751px) and (max-width: 1480px) { /* line 156, style.scss */
  .pankuzuList { max-width: calc(100% - 120px); } }
@media screen and (min-width: 751px) and (max-width: 1280px) { /* line 161, style.scss */
  .pankuzuList { max-width: calc(100% - 100px); } }
@media screen and (min-width: 751px) and (max-width: 1180px) { /* line 166, style.scss */
  .pankuzuList { max-width: calc(100% - 60px); } }
@media screen and (min-width: 751px) and (max-width: 1080px) { /*.pankuzuList { max-width: calc(100% - 0px);}*/ }
@media only screen and (max-width: 750px) { /* line 178, style.scss */
  .pankuzuList { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; max-width: 94%; margin-bottom: 1em; opacity: .8; }
  /* line 179, style.scss */
  .pankuzuList ul.listWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; }
  /* line 180, style.scss */
  .pankuzuList ul.listWrap li { font-size: 10px; }
  /* line 185, style.scss */
  .pankuzuList ul.listWrap li:not(:last-child)::after { font-size: 80%; padding: 0 .5em; } }
/* line 197, style.scss */
.telSec .t { font-size: 22px; margin-bottom: .25em; }
/* line 198, style.scss */
.telSec .tel { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: flex-end; }
/* line 199, style.scss */
.telSec .tel i { width: 80px; line-height: 0; margin-right: 1em; }
/* line 200, style.scss */
.telSec .tel em { font-size: 80px; line-height: 1; }
/* line 201, style.scss */
.telSec .tel em a { color: #fff; }
/* line 202, style.scss */
.telSec .tel em a:hover { opacity: 1; }
/* line 206, style.scss */
.telSec .cap { font-size: 20px; letter-spacing: .05em; margin-top: .75em; width: 100%; }

@media only screen and (max-width: 750px) { /* line 213, style.scss */
  .telSec .t { font-size: 18px; margin-bottom: .25em; }
  /* line 215, style.scss */
  .telSec .tel i { width: 50px; margin-right: .75em; }
  /* line 216, style.scss */
  .telSec .tel em { font-size: 45px; }
  /* line 222, style.scss */
  .telSec .cap { font-size: 14px; margin-top: .75em; } }
/* line 228, style.scss */
.cmnBtn { width: 420px; height: 80px; margin: auto; overflow: hidden; position: relative; background: #968223; }
/* line 229, style.scss */
.cmnBtn::before, .cmnBtn::after { content: ""; width: 100%; height: 1px; background: white; position: absolute; transform: scaleX(1); transition: transform .4s; }
/* line 230, style.scss */
.cmnBtn::before { top: 0; left: 0; transform-origin: right; }
/* line 231, style.scss */
.cmnBtn::after { bottom: 0; right: 0; transform-origin: left; }
/* line 233, style.scss */
.cmnBtn:hover::before, .cmnBtn:hover::after { width: 100%; transform: scaleX(0); }
/* line 234, style.scss */
.cmnBtn:hover::before { transform-origin: left; }
/* line 235, style.scss */
.cmnBtn:hover::after { transform-origin: right; /*transition-delay: .2s;*/ }
/* line 237, style.scss */
.cmnBtn a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color: #fff; width: 100%; height: 100%; position: relative; /*border: 1px solid rgba(#fff, 1);*/ /*filter: drop-shadow(0px 0px 15px rgba(#000, .15));*/ }
/* line 239, style.scss */
.cmnBtn a::before { content: ""; position: absolute; top: 0; left: -120%; width: 100%; height: 100%; background: #fff; transform: skewX(-30deg); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); opacity: .7; }
/* line 241, style.scss */
.cmnBtn a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0; transition: .4s all; }
/* line 242, style.scss */
.cmnBtn a em { font-family: "Poppins", sans-serif; font-size: 25px; letter-spacing: .25em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; position: relative; transition: .4s all; }
/* line 243, style.scss */
.cmnBtn a em::before, .cmnBtn a em::after { content: ""; width: 1px; height: 100%; background: white; position: absolute; transform: scaleY(1); transition: transform .4s; }
/* line 244, style.scss */
.cmnBtn a em::before { top: 0; right: 0; transform-origin: bottom; }
/* line 245, style.scss */
.cmnBtn a em::after { bottom: 0; left: 0; transform-origin: top; }
/* line 247, style.scss */
.cmnBtn a i { font-size: 80px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: .0em; transform: translateY(-50%) scaleY(0.5); transform-origin: center; /*opacity: 0;*/ transition: .4s all; }
/* line 248, style.scss */
.cmnBtn a:hover { opacity: 1; /*filter: drop-shadow(0px 0px 15px rgba(#000, .0));*/ /*border: 1px solid rgba(#fff, 0);*/ }
/* line 249, style.scss */
.cmnBtn a:hover::before { animation: shine .8s; }
/* line 250, style.scss */
.cmnBtn a:hover::after { opacity: .1; }
/* line 251, style.scss */
.cmnBtn a:hover em { letter-spacing: .45em; }
/* line 252, style.scss */
.cmnBtn a:hover em::before, .cmnBtn a:hover em::after { height: 100%; transform: scaleY(0); }
/* line 253, style.scss */
.cmnBtn a:hover em::before { transform-origin: top; /*transition-delay: .1s;*/ }
/* line 254, style.scss */
.cmnBtn a:hover em::after { transform-origin: bottom; /*transition-delay: .3s;*/ }
/* line 256, style.scss */
.cmnBtn a:hover i { right: -.15em; /*opacity: 1;*/ }

@keyframes shine { 100% { left: 100%;
    /*opacity: .25;*/ } }
@media only screen and (max-width: 750px) { /* line 267, style.scss */
  .cmnBtn { width: 90%; height: 60px; margin: auto; overflow: hidden; position: relative; background: #968223; }
  /* line 275, style.scss */
  .cmnBtn a em { font-size: 22px; }
  /* line 278, style.scss */
  .cmnBtn a i { font-size: 60px; }
  /* line 285, style.scss */
  .cmnBtn a:hover i { right: -.15em; } }
/* line 295, style.scss */
.cmnBtnMore { width: 190px; height: 46px; }
/* line 296, style.scss */
.cmnBtnMore a { background: #4281a5; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; position: relative; }
/* line 297, style.scss */
.cmnBtnMore a em { font-family: "Poppins", sans-serif; font-size: 15px; letter-spacing: .1em; }
/* line 298, style.scss */
.cmnBtnMore a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 2em; transition: .4s all; opacity: 0; /*&::before { content: "arrow_right"; font-family: 'Material Symbols Sharp'; font-feature-settings: 'liga';}*/ }
/* line 299, style.scss */
.cmnBtnMore a i::before { content: "\e037"; font-family: 'Material Symbols Sharp'; font-variation-settings: "FILL" 1; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 303, style.scss */
.cmnBtnMore a:hover i { right: 1.5em; opacity: 1; }

@media only screen and (max-width: 750px) { /* line 311, style.scss */
  .cmnBtnMore { width: 180px; height: 40px; }
  /* line 313, style.scss */
  .cmnBtnMore a em { font-size: 15px; }
  /* line 314, style.scss */
  .cmnBtnMore a i { right: 2em; } }
/* line 328, style.scss */
#mvAnimation { position: relative; width: 100%; height: 0%; padding-top: 58.85%; overflow: hidden; /*opacity: .5;*/ /*&::after { content: ""; background: url("../img/mv/mv.webp") no-repeat bottom center; background-size: 100% auto !important; position: absolute; top: 0px; left: 0; z-index: 0; width: 100%; height: 100%; opacity: .5;}*/ }
/* line 330, style.scss */
#mvAnimation .tit { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 8%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; }
/* line 331, style.scss */
#mvAnimation .tit span { width: 240px; opacity: 0; }
/* line 332, style.scss */
#mvAnimation .tit em { font-size: 60px; }
/* line 333, style.scss */
#mvAnimation .tit em strong { font-family: "YakuHanMP", "Shippori Mincho B1", serif; letter-spacing: -.015em; font-weight: 600; position: relative; opacity: 0; background: -webkit-linear-gradient(180deg, #0079D3, #008ED7); background: linear-gradient(180deg, #0079D3, #008ED7); background-clip: border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; mix-blend-mode: multiply; }
/* line 334, style.scss */
#mvAnimation .tit em strong:not(:last-child) { margin-right: .5em; }
/* line 335, style.scss */
#mvAnimation .tit em strong:nth-of-type(1) { left: 0; }
/* line 336, style.scss */
#mvAnimation .tit em strong:nth-of-type(2) { right: 0; }
/* line 340, style.scss */
#mvAnimation .bgWrap { width: 100%; height: 0; padding-top: 75.21%; position: absolute; /*bottom: 0;*/ opacity: 0; }
/* line 341, style.scss */
#mvAnimation .bgWrap .mv { position: absolute; width: 100%; bottom: 0; }
/* line 343, style.scss */
#mvAnimation .bgWrap .mv02-1 { opacity: 0; mix-blend-mode: screen; }
/* line 344, style.scss */
#mvAnimation .bgWrap .mv02-2 { opacity: 0; }
/* line 345, style.scss */
#mvAnimation .bgWrap .mv02-3 { opacity: 0; }
/* line 346, style.scss */
#mvAnimation .bgWrap .mv02-4 { opacity: 0; }
/* line 349, style.scss */
#mvAnimation .bgWrap .mv03, #mvAnimation .bgWrap .mv04 { /* 下が白で見える／上端だけフェードして消えるグラデ */ -webkit-mask-image: linear-gradient(to top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 100%); mask-image: linear-gradient(to top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; /* 下に固定（常に bottom に張り付く） */ -webkit-mask-position: 50% 100%; mask-position: 50% 100%; /* ←ここが肝：高さを 0% から伸ばす（最初は見えない） */ -webkit-mask-size: 100% 0%; mask-size: 100% 0%; }
/* line 363, style.scss */
#mvAnimation .bgWrap .plotWrap .plot { position: absolute; line-height: 0; opacity: 0; }
/* line 364, style.scss */
#mvAnimation .bgWrap .plotWrap .plot01 { width: 4.32%; bottom: 12.5%; left: 47.1%; }
/* line 365, style.scss */
#mvAnimation .bgWrap .plotWrap .plot02 { width: 12.66%; bottom: 31.5%; right: 34%; }
/* line 366, style.scss */
#mvAnimation .bgWrap .plotWrap .plot03 { width: 6.61%; bottom: 18.8%; right: 35.2%; }
/* line 367, style.scss */
#mvAnimation .bgWrap .plotWrap .plot04 { width: 7.14%; bottom: 34.3%; right: 24.7%; }
/* line 368, style.scss */
#mvAnimation .bgWrap .plotWrap .plot05 { width: 7.6%; bottom: 36.9%; right: 4.3%; }
/* line 369, style.scss */
#mvAnimation .bgWrap .plotWrap .plot06 { width: 7.08%; bottom: 29.2%; left: 4.3%; }
/* line 370, style.scss */
#mvAnimation .bgWrap .plotWrap .plot07 { width: 5.57%; bottom: 44%; right: 27.9%; }
/* line 371, style.scss */
#mvAnimation .bgWrap .plotWrap .plot08 { width: 4.48%; bottom: 43.3%; right: 12.9%; }

@media only screen and (max-width: 750px) { /* line 379, style.scss */
  #mvAnimation { padding-top: 110%; /*&::after { background: url("../img/mv/mvSp.webp") no-repeat bottom center;}*/ }
  /* line 381, style.scss */
  #mvAnimation .tit { top: 6%; }
  /* line 382, style.scss */
  #mvAnimation .tit span { width: 150px; margin-bottom: 1em; }
  /* line 383, style.scss */
  #mvAnimation .tit em { font-size: 28px; line-height: 1.5; display: flex; flex-direction: column; flex-wrap: wrap; }
  /* line 384, style.scss */
  #mvAnimation .tit em strong { background: transparent; background-clip: initial; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: #fff; text-fill-color: #fff; mix-blend-mode: normal; color: #fff; }
  /* line 385, style.scss */
  #mvAnimation .tit em strong:not(:last-child) { margin-right: 0em; }
  /* line 386, style.scss */
  #mvAnimation .tit em strong:nth-of-type(1) { left: 0; }
  /* line 387, style.scss */
  #mvAnimation .tit em strong:nth-of-type(2) { right: 0; }
  /* line 391, style.scss */
  #mvAnimation .bgWrap { padding-top: 124.8%; }
  /* line 392, style.scss */
  #mvAnimation .bgWrap::before { content: ""; height: 10%; width: 100%; background: linear-gradient(0deg, transparent, #ffffff); position: absolute; top: -10px; left: 0; z-index: 10; }
  /* line 403, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot01 { width: 6.54%; bottom: 7.2%; left: 46.5%; }
  /* line 404, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot02 { width: 21.07%; bottom: 22.5%; right: 32%; }
  /* line 405, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot03 { width: 10.93%; bottom: 14.9%; right: 31.2%; }
  /* line 406, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot04 { width: 11.73%; bottom: 25.3%; right: 19.8%; }
  /* line 407, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot05 { width: 12.67%; bottom: 26.8%; right: -.5%; }
  /* line 408, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot06 { width: 11.73%; bottom: 21.8%; left: .5%; }
  /* line 409, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot07 { width: 9.2%; bottom: 31.5%; right: 23%; }
  /* line 410, style.scss */
  #mvAnimation .bgWrap .plotWrap .plot08 { width: 7.47%; bottom: 31.2%; right: 7.3%; } }
/* line 418, style.scss */
#locationAnimation { position: relative;                                          /*opacity: .5;
&::after { content: ""; background: url("../img/locationAnim/topLocation.webp") no-repeat top center; background-size: 100% auto !important; position: absolute; top: 0px; left: 0; z-index: 0; width: 100%; height: 100%; opacity: .5;}*/ }
/* line 420, style.scss */
#locationAnimation .animWrap { width: 100%; height: 0; /*padding-top: 71.41%;*/ padding-top: 59.89%; position: relative; }
/* line 422, style.scss */
#locationAnimation .animWrap .bgWrap .mv { position: absolute; width: 100%; top: 0; }
/* line 424, style.scss */
#locationAnimation .animWrap .bgWrap .mv02 { /* 下が白で見える／上端だけフェードして消えるグラデ */ -webkit-mask-image: linear-gradient(to top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 100%); mask-image: linear-gradient(to top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; /* 下に固定（常に bottom に張り付く） */ -webkit-mask-position: 50% 100%; mask-position: 50% 100%; /* ←ここが肝：高さを 0% から伸ばす（最初は見えない） */ -webkit-mask-size: 100% 0%; mask-size: 100% 0%; }
/* line 437, style.scss */
#locationAnimation .animWrap .bgWrap .mv03 { /* 下が白で見える／上端だけフェードして消えるグラデ */ -webkit-mask-image: linear-gradient(to bottom, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 100%); mask-image: linear-gradient(to bottom, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; /* 下に固定（常に bottom に張り付く） */ -webkit-mask-position: 50% 0%; mask-position: 50% 0%; /* ←ここが肝：高さを 0% から伸ばす（最初は見えない） */ -webkit-mask-size: 100% 0%; mask-size: 100% 0%; }
/* line 450, style.scss */
#locationAnimation .animWrap .bgWrap .mv04 { opacity: 0; }
/* line 453, style.scss */
#locationAnimation .animWrap .plotWrap .plot { position: absolute; line-height: 0; opacity: 0; }
/* line 454, style.scss */
#locationAnimation .animWrap .plotWrap .plot01 { width: 3.8%; top: 24.6%; left: 28%; }
/* line 455, style.scss */
#locationAnimation .animWrap .plotWrap .plot02 { width: 10%; top: 22.8%; left: 33.5%; }
/* line 456, style.scss */
#locationAnimation .animWrap .plotWrap .plot03 { width: 11.04%; top: 22.8%; right: 29.2%; }
/* line 457, style.scss */
#locationAnimation .animWrap .plotWrap .plot04 { width: 16.09%; top: 48.1%; right: 30.5%; }
/* line 458, style.scss */
#locationAnimation .animWrap .plotWrap .plot05 { width: 19.48%; top: 61.5%; left: 15.6%; }

@media only screen and (max-width: 750px) { /* line 466, style.scss */
  #locationAnimation { /*&::after { background: url("../img/locationAnim/topLocationSp.webp") no-repeat top center;}*/ }
  /* line 468, style.scss */
  #locationAnimation .animWrap { width: 100%; height: 0; /*padding-top: 84.67%;*/ padding-top: 70.93%; position: relative; }
  /* line 479, style.scss */
  #locationAnimation .animWrap .plotWrap .plot01 { width: 4.5%; top: 24.6%; left: 14.7%; }
  /* line 480, style.scss */
  #locationAnimation .animWrap .plotWrap .plot02 { width: 11.73%; top: 22.8%; left: 21.2%; }
  /* line 481, style.scss */
  #locationAnimation .animWrap .plotWrap .plot03 { width: 12.93%; top: 22.8%; right: 34.7%; }
  /* line 482, style.scss */
  #locationAnimation .animWrap .plotWrap .plot04 { width: 18.93%; top: 48.1%; right: 36.2%; }
  /* line 483, style.scss */
  #locationAnimation .animWrap .plotWrap .plot05 { width: 22.93%; top: 61.5%; left: .1%; } }