@charset "UTF-8";
/*------------------------------
  共通
------------------------------*/
* {
  color: #000;
  font-family: 'Noto sans JP', serif;
  letter-spacing: 0.1em; }

html, body {
  margin: 0 !important;
  margin-top: 0 !important;
  overflow-x: hidden; }

a {
  color: #b499b2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }
  a:hover {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    color: #fff; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.sp {
  display: block !important; }
  @media all and (min-width: 769px) {
    .sp {
      display: none !important; } }

.pc {
  display: none !important; }
  @media all and (min-width: 769px) {
    .pc {
      display: block !important; } }

.se {
  display: none; }
  @media all and (max-width: 374px) {
    .se {
      display: block; } }

.f_120 {
  font-size: 120%; }

.f_80 {
  font-size: 80%; }

.f_60 {
  font-size: 60%; }

a, a:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }

.btn_top {
  position: fixed;
  right: 2%;
  bottom: 7%;
  z-index: 20000; }

.btn_top a {
  width: 44px;
  height: 44px;
  background: #b499b2;
  border-radius: 10px;
  display: block;
  line-height: 42px;
  text-align: center; }
  .btn_top a i {
    color: #fff; }

.animate {
  opacity: 0; }

.animate.animated {
  opacity: 1; }

.adjust-box {
  width: 50%;
  height: auto;
  background: #eee;
  position: relative; }

.box-1x1:before {
  padding-top: 100%;
  display: block;
  content: ""; }

.inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

/*# sourceMappingURL=common.css.map */