@charset "utf-8";

/*--------------------------------------------
エージェント別
--------------------------------------------*/
/********* pc *********/
.u-pc {
  display: block !important;
}

.u-pc__flex {
  display: flex !important;
}

.u-pc__inline {
  display: inline !important;
}

.u-sp,
.u-sp__flex,
.u-sp__inline {
  display: none !important;
}

/********* sp *********/
@media only screen and (max-width: 750px) {
  .u-pc,
  .u-pc__flex,
  .u-pc__inline {
    display: none !important;
  }

  .u-sp {
    display: block !important;
  }

  .u-sp__flex {
    display: flex !important;
  }

  .u-sp__inline {
    display: inline !important;
  }
}

/*--------------------------------------------
フェード表示
--------------------------------------------*/
.fadein {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 1s ease, transform 1s ease;
}

.fadein.show {
  opacity: 1;
  transform: translateY(0);
}

/*--------------------------------------------
マーカー
--------------------------------------------*/
.marker {
  background: linear-gradient(transparent 60%, #e0d7c4 0%);
}