@media only screen and (min-width: 769px) {
  .mail-content {
    padding: 40px 0 0; }
    .mail-content:after {
      content: "";
      display: block;
      clear: both; }
    .mail-content .catchBox {
      text-align: center;
      max-width: 1000px;
      padding: 30px 40px 60px 140px;
      margin: 0 auto;
      position: relative; }
      .mail-content .catchBox .catch {
        font-size: 178%;
        display: inline-block;
        position: relative; }
        .mail-content .catchBox .catch:before {
          width: 60px;
          height: 65px;
          position: absolute;
          left: -60px;
          bottom: 0;
          content: "";
          background: url(/commons/images/form/bar_left.png) no-repeat;
          background-size: 60px auto; }
        .mail-content .catchBox .catch:after {
          width: 60px;
          height: 65px;
          position: absolute;
          right: -60px;
          bottom: 0;
          content: "";
          background: url(/commons/images/form/bar_right.png) no-repeat;
          background-size: 60px auto; }
        .mail-content .catchBox .catch b {
          font-size: 120%;
          font-weight: 400; }
      .mail-content .catchBox:before {
        width: 195px;
        height: 180px;
        content: "";
        background: url(/commons/images/form/fig_planner.png) no-repeat;
        background-size: 175px auto;
        position: absolute;
        left: 0px;
        top: -20px;
        z-index: 2; }
      .mail-content .catchBox > p {
        text-align: center;
        padding-top: 10px;
        clear: both; }
        .mail-content .catchBox > p a {
          text-decoration: underline; }
          .mail-content .catchBox > p a:hover {
            text-decoration: none; } }
@media only screen and (max-width: 768px) {
  .mail-content {
    padding: 2rem 0 0; }
    .mail-content .catchBox {
      text-align: center;
      padding: 1rem 0 2rem;
      overflow: hidden; }
      .mail-content .catchBox .catch {
        font-size: 114%;
        letter-spacing: 1px;
        line-height: 1.4;
        display: inline-block;
        position: relative; }
        .mail-content .catchBox .catch:before {
          width: 6rem;
          height: 6.5rem;
          position: absolute;
          left: -6rem;
          bottom: 0;
          content: "";
          background: url(/commons/images/form/bar_left.png) no-repeat;
          background-size: 6rem auto; }
        .mail-content .catchBox .catch:after {
          width: 6rem;
          height: 6.5rem;
          position: absolute;
          right: -6rem;
          bottom: 0;
          content: "";
          background: url(/commons/images/form/bar_right.png) no-repeat;
          background-size: 6rem auto; }
      .mail-content .catchBox b {
        font-size: 120%;
        font-weight: 400; }
      .mail-content .catchBox > p {
        font-size: 86%;
        text-align: center;
        padding: 1rem 1rem 0;
        clear: both;
        letter-spacing: 0px; }
        .mail-content .catchBox > p a {
          text-decoration: underline; } }