@charset "utf-8";

/* =======================================

        CommonElements & TOP

======================================= */
.yugothic {
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",;
        font-weight: 400;
        font-style: normal;
      }


.mplus {
        font-family: "M PLUS 1", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
      }




.blue {
        color: #00BBFF;
}

.text_area {}

.img_area {
}


.fade-in {
        opacity: 0;
        transform: translateY(20px);
        transition:
          opacity 0.6s ease-out,
          transform 0.6s ease-out;
        /* 遅延はJSでセットする想定（data-delay） */
      }

      .fade-in.is-visible {
        opacity: 1;
        transform: none;
      }