/* line 4, mission.scss */
.page-title .top-img {
  translate: 38% 0;
  width: 16.6%; }
  @media screen and (max-width: 800px) {
    /* line 4, mission.scss */
    .page-title .top-img {
      right: 64px;
      width: 106px;
      translate: 0 0; } }

/* line 15, mission.scss */
.mission-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    /* line 15, mission.scss */
    .mission-content {
      flex-direction: column-reverse;
      align-items: flex-start;
      gap: 56px 0; } }
  /* line 24, mission.scss */
  .mission-content .l-mission {
    width: 26.3%;
    margin-left: 3.1%; }
    @media screen and (max-width: 800px) {
      /* line 24, mission.scss */
      .mission-content .l-mission {
        width: 40.3%;
        margin: 0 auto; } }
    /* line 31, mission.scss */
    .mission-content .l-mission img {
      width: 100%; }
  /* line 35, mission.scss */
  .mission-content .r-mission {
    width: 54.7%; }
    @media screen and (max-width: 800px) {
      /* line 35, mission.scss */
      .mission-content .r-mission {
        width: 100%; } }
    /* line 40, mission.scss */
    .mission-content .r-mission h2 {
      margin-bottom: 40px; }
      @media screen and (max-width: 800px) {
        /* line 40, mission.scss */
        .mission-content .r-mission h2 {
          margin-bottom: 24px; } }
      /* line 45, mission.scss */
      .mission-content .r-mission h2 .jp {
        font-size: 30px; }
        @media screen and (max-width: 800px) {
          /* line 45, mission.scss */
          .mission-content .r-mission h2 .jp {
            font-size: 20px; } }
    /* line 52, mission.scss */
    .mission-content .r-mission .read-mission {
      color: #0E2841;
      font-family: "BIZ UDPMincho", serif;
      font-size: 60px;
      letter-spacing: 0.1em;
      line-height: 1;
      margin-bottom: 88px; }
      @media screen and (max-width: 800px) {
        /* line 52, mission.scss */
        .mission-content .r-mission .read-mission {
          font-size: 40px;
          margin-bottom: 56px; } }
    /* line 64, mission.scss */
    .mission-content .r-mission .cap-mission {
      font-size: 18px;
      line-height: 2;
      margin: 0; }
      @media screen and (max-width: 800px) {
        /* line 64, mission.scss */
        .mission-content .r-mission .cap-mission {
          font-size: 15px;
          line-height: 1.8; } }

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