/*! Writen  by SCSS */
.inner_main {
  position: relative;
  overflow: hidden; }
  .inner_main .main_bg {
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    @media screen and (max-width: 480px) {
      .inner_main .main_bg {
        height: 150px; } }
    .inner_main .main_bg:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(45deg, rgba(0, 101, 172, 0.3) 0%, rgba(0, 170, 204, 0.3) 100%);
      mix-blend-mode: multiply; }
  .inner_main .main_title {
    position: absolute;
    inset: 0;
    top: auto;
    max-width: 1280px;
    margin: 0 auto;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    color: #FFF;
    font-size: clamp(18px, 2vw, 24px);
    row-gap: 20px; }
    @media screen and (max-width: 480px) {
      .inner_main .main_title {
        row-gap: 10px; } }
    .inner_main .main_title .main_jp {
      line-height: 1; }
    .inner_main .main_title .main_en {
      font-size: 416%;
      line-height: 0.72; }
      @media screen and (max-width: 480px) {
        .inner_main .main_title .main_en {
          font-size: 291%; } }

section.first_sec {
  padding: clamp(60px, 9.167vw, 110px) 0 clamp(60px, 9.167vw, 110px); }

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