@charset "UTF-8";
body {
  background-color: #ffffff !important;
  margin: 0 !important;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Osaka, 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic'; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
html {
  background-color: #ffffff !important;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 750px) {
    html {
      font-size: 1.3333333333vw; } }
  @media (min-width: 750px) {
    html {
      font-size: 1.3333333333vw; } }
  @media only screen and (min-width: 1025px) {
    html {
      font-size: 0.5vw; } }
  @media (min-width: 2000px) {
    html {
      font-size: 10px; } }

.verbara *,
.verbara *::before,
.verbara *::after {
  box-sizing: border-box; }
.verbara h1,
.verbara h2,
.verbara h3,
.verbara h4,
.verbara h5,
.verbara div,
.verbara p,
.verbara ul,
.verbara li {
  margin: 0;
  padding: 0; }
.verbara li {
  list-style: none; }
.verbara img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }
.verbara a:hover img {
  filter: saturate(130%);
  opacity: 1; }
.verbara .pcOnly {
  display: none; }
  @media only screen and (min-width: 1025px) {
    .verbara .pcOnly {
      display: inline; } }
.verbara .spOnly {
  display: inline; }
  @media only screen and (min-width: 1025px) {
    .verbara .spOnly {
      display: none; } }
@media only screen and (min-width: 420px) {
  .verbara a[href*='tel:'] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

.verbara {
  /******* キービジュアル*******/ }
  .verbara .logoarea {
    background-image: linear-gradient(90deg, #c2950e, #efc51d 11%, #ead980 29%, #fbf7cf 54%, #ead980 77%, #efc51d 86%, #c2950e);
    height: 5.8rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .verbara .logoarea .logo {
      width: 42.8rem;
      margin-left: 1.3rem; }
  .verbara .keyvisual {
    position: relative;
    width: 100%;
    height: 99.2rem;
    background-image: url(../img/bg_kv_base.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0 0 0 0; }
    .verbara .keyvisual .kv_oscar {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .verbara .keyvisual .kv_marie {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .verbara .keyvisual .kv-title {
      position: absolute;
      width: 70.1rem;
      top: -0.5rem;
      left: 0;
      right: 0;
      margin: auto;
      filter: drop-shadow(0.8rem 0.8rem 1rem rgba(0, 0, 0, 0.7)); }
    .verbara .keyvisual .kv_prod {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
    .verbara .keyvisual .kv_baloon {
      position: absolute;
      top: 30.9rem;
      left: 0;
      right: 0;
      margin: auto;
      width: 25rem; }
    .verbara .keyvisual .kv_oscar_slideIn {
      opacity: 0; }
      .verbara .keyvisual .kv_oscar_slideIn.active {
        animation: slidein 0.4s ease-in 0.5s forwards; }
@keyframes slidein {
  from {
    opacity: 0;
    transform: translateX(50%); }
  to {
    opacity: 1;
    transform: translateX(0%); } }
    .verbara .keyvisual .kv_marie_slideIn {
      opacity: 0; }
      .verbara .keyvisual .kv_marie_slideIn.active {
        animation: slidein02 0.4s ease-in 0.5s forwards; }
@keyframes slidein02 {
  from {
    opacity: 0;
    transform: translateX(-50%); }
  to {
    opacity: 1;
    transform: translateX(0%); } }
    .verbara .keyvisual .kv-ti-fadeIn {
      opacity: 0; }
      .verbara .keyvisual .kv-ti-fadeIn.active {
        animation: kv-fadein 0.4s ease-in 1.1s forwards; }
@keyframes kv-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    .verbara .keyvisual .bom {
      opacity: 0; }
      .verbara .keyvisual .bom.active {
        animation: bom 0.35s ease-in 1.6s forwards; }
@keyframes bom {
  0% {
    opacity: 0;
    transform: scale(3); }
  95% {
    opacity: 1;
    transform: scale(0.9); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.verbara {
  /******* PC表示用 *******/ }
  .verbara .pc-left,
  .verbara .pc-right {
    display: none; }
  @media only screen and (min-width: 1025px) {
    .verbara .contents-wrap {
      width: 100%; }
    .verbara .lp-contents {
      background-image: url("../img/bg_grade.png");
      background-size: 100% auto;
      background-repeat: repeat-y;
      background-position: top center;
      margin: 0 auto;
      width: 75rem;
      height: 100vh; }
    .verbara .pc-left {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      width: calc(50% - 37.5rem);
      height: 100%;
      background-image: url("../img/bg_rose_left.png"), url("../img/bg_pc_left.jpg");
      background-size: cover, cover;
      background-position: top right,top right;
      background-repeat: no-repeat,no-repeat; }
    .verbara .pc-right {
      position: relative;
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      right: 0;
      width: calc(50% - 37.5rem);
      height: 100%;
      background-image: url("../img/bg_rose_right.png"), url("../img/bg_pc_right.jpg");
      background-size: cover, cover;
      background-position: top left,top left;
      background-repeat: no-repeat,no-repeat; } }