@media only screen and (min-width: 769px) {
  .container .container-ttl {
    height: auto; }
    .container .container-ttl:after {
      display: none; }
    .container .container-ttl p {
      font-size: 1.2rem;
      line-height: 1.2;
      text-align: center;
      padding: 20px 0 0px;
      position: relative;
      z-index: 10; }

  .present-about {
    background: url(/commons/images/common/bg_keytec.png);
    background-size: 1860px auto;
    padding-bottom: 20px;
    margin-bottom: 60px; }
    .present-about .present-content header {
      width: 700px;
      margin: 0 auto;
      background-color: #fff;
      position: relative;
      padding: 25px 30px 25px 170px; }
      .present-about .present-content header:after {
        content: "";
        border: 1px solid #ff9ca8;
        box-sizing: border-box;
        position: absolute;
        left: 5px;
        top: 5px;
        width: 100%;
        height: 100%;
        opacity: 0.8; }
      .present-about .present-content header h3 {
        text-align: left;
        font-weight: 400;
        font-size: 2rem;
        letter-spacing: 0; }
      .present-about .present-content header .total {
        position: absolute;
        left: 30px;
        top: 50%;
        margin-top: -60px;
        width: 120px;
        height: 120px;
        background: #ff9ca8;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        line-height: 1.1;
        padding-top: 30px; }
        .present-about .present-content header .total b {
          font-size: 3.6rem; }
        .present-about .present-content header .total span {
          font-size: 1.6rem; }
      .present-about .present-content header dl dt {
        display: inline-block;
        font-size: 1rem;
        line-height: 20px;
        background: #CCCCCC;
        color: #fff;
        margin-right: 5px;
        padding: 0 15px;
        border-radius: 10px; }
      .present-about .present-content header dl dd {
        display: inline-block;
        font-size: 1.2rem;
        bottom: -3px;
        position: relative; }
        .present-about .present-content header dl dd b {
          font-size: 1.7rem;
          font-weight: 400; }
        .present-about .present-content header dl dd span {
          font-size: 1rem; }
    .present-about .present-content .present-content-inner {
      width: 1000px;
      padding-top: 45px;
      overflow: hidden;
      margin: 0 auto; }
      .present-about .present-content .present-content-inner > p {
        font-size: 1.6rem;
        line-height: 2;
        text-align: center;
        padding: 0 0 30px; }
        .present-about .present-content .present-content-inner > p small {
          font-size: 1.2rem; }
      .present-about .present-content .present-content-inner .present-list article {
        width: 31%;
        float: left;
        margin: 0 1% 30px;
        position: relative; }
        .present-about .present-content .present-content-inner .present-list article:nth-of-type(3n+1) {
          clear: both; }
        .present-about .present-content .present-content-inner .present-list article:nth-of-type(3n+2) {
          margin: 0 1.5% 30px; }
        .present-about .present-content .present-content-inner .present-list article figure {
          height: 225px;
          overflow: hidden;
          background: #fff; }
          .present-about .present-content .present-content-inner .present-list article figure img {
            width: 100%;
            height: auto; }
        .present-about .present-content .present-content-inner .present-list article .num {
          text-align: center;
          color: #ff9ca8;
          padding-bottom: 5px; }
          .present-about .present-content .present-content-inner .present-list article .num b {
            font-weight: 400;
            font-size: 1.8rem; }
        .present-about .present-content .present-content-inner .present-list article .count {
          width: 70px;
          height: 70px;
          border-radius: 50%;
          position: absolute;
          top: 180px;
          right: 10px;
          font-size: 1.2rem;
          line-height: 70px;
          text-align: center;
          color: #fff;
          position: absolute;
          z-index: 1;
          letter-spacing: 0; }
          .present-about .present-content .present-content-inner .present-list article .count:before {
            content: "";
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: #ff9ca8;
            opacity: 0.8; }
          .present-about .present-content .present-content-inner .present-list article .count b {
            font-size: 2.4rem;
            font-weight: 400; }
        .present-about .present-content .present-content-inner .present-list article h4 {
          font-size: 1.6rem;
          line-height: 1.3;
          font-weight: 400;
          letter-spacing: 0;
          text-align: center;
          padding: 15px 0 10px; }
        .present-about .present-content .present-content-inner .present-list article .text {
          background: rgba(255, 255, 255, 0.8);
          padding: 15px;
          font-size: 1.2rem;
          line-height: 1.3;
          letter-spacing: 0;
          text-align: left; }
          .present-about .present-content .present-content-inner .present-list article .text p {
            text-align: left;
            padding-bottom: 10px; }
          .present-about .present-content .present-content-inner .present-list article .text .suport {
            font-size: 1rem;
            color: #ff9ca8; }
            .present-about .present-content .present-content-inner .present-list article .text .suport p {
              text-align: center;
              line-height: 1.2; } }
.form-contents {
  position: relative; }
  .form-contents .checkbox .vertical-item {
    margin: 10px 0;
    padding-left: 30px;
    letter-spacing: 1px;
    position: relative; }
    .form-contents .checkbox .vertical-item input[type='checkbox'] {
      position: absolute;
      left: 0;
      top: 5px; }
  .form-contents .radiobox .vertical-item {
    margin: 10px 0;
    padding-left: 30px;
    letter-spacing: 1px;
    position: relative; }
    .form-contents .radiobox .vertical-item input[type='radio'] {
      position: absolute;
      left: 0;
      top: 5px; }
  .form-contents .radio {
    padding: 5px 0 0 0; }
  .form-contents .check {
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: 1px;
    margin: 35px 0; }

@media only screen and (max-width: 768px) {
  .container .container-ttl {
    height: auto; }
    .container .container-ttl:after {
      display: none; }
    .container .container-ttl p {
      font-size: 1.1rem;
      line-height: 1.2;
      text-align: center;
      padding: 1rem 1rem 1.5rem;
      position: relative;
      z-index: 10; }

  .present-about {
    background: url(/commons/images/common/bg_keytec.png);
    background-size: 1860px auto;
    margin-bottom: 3rem; }
    .present-about .present-content header {
      margin: 0 .5rem;
      text-align: center;
      background-color: #fff;
      position: relative;
      padding: 1rem 1.5rem .5rem; }
      .present-about .present-content header:after {
        content: "";
        border: 1px solid #ff9ca8;
        box-sizing: border-box;
        position: absolute;
        left: .3rem;
        top: .3rem;
        width: 100%;
        height: 100%;
        opacity: 0.5; }
      .present-about .present-content header h3 {
        text-align: left;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.4;
        letter-spacing: 0;
        padding-top: 1rem; }
        .present-about .present-content header h3 br {
          display: none; }
      .present-about .present-content header .total {
        width: 9rem;
        height: 9rem;
        float: left;
        font-size: 1.2rem;
        position: relative;
        left: -2rem;
        background: #ff9ca8;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        line-height: 1.1;
        padding-top: 1.5rem;
        margin-right: -1rem;
        z-index: 10; }
        .present-about .present-content header .total b {
          font-size: 3rem; }
        .present-about .present-content header .total span {
          font-size: 1.6rem; }
      .present-about .present-content header dl {
        clear: both;
        letter-spacing: 0;
        text-align: center; }
        .present-about .present-content header dl dt {
          display: inline-block;
          font-size: 1rem;
          line-height: 2rem;
          background: #CCCCCC;
          color: #fff;
          margin-right: .5rem;
          padding: 0 1rem;
          border-radius: 1rem; }
        .present-about .present-content header dl dd {
          display: inline-block;
          font-size: 1.2rem;
          bottom: -3px;
          position: relative; }
          .present-about .present-content header dl dd b {
            font-size: 1.7rem;
            font-weight: 400; }
          .present-about .present-content header dl dd span {
            font-size: 1rem; }
    .present-about .present-content .present-content-inner {
      padding-top: 1.5rem;
      overflow: hidden;
      margin: 0 1rem; }
      .present-about .present-content .present-content-inner > p {
        font-size: 1.3rem;
        line-height: 1.4;
        letter-spacing: 0;
        text-align: left;
        padding: 0 0 1rem; }
        .present-about .present-content .present-content-inner > p small {
          font-size: 1rem; }
      .present-about .present-content .present-content-inner .present-list article {
        margin: 0 0 2rem;
        position: relative; }
        .present-about .present-content .present-content-inner .present-list article figure {
          height: 22.5rem;
          overflow: hidden;
          background: #fff; }
          .present-about .present-content .present-content-inner .present-list article figure img {
            width: 100%;
            height: auto; }
        .present-about .present-content .present-content-inner .present-list article .num {
          text-align: center;
          color: #ff9ca8;
          padding-bottom: .5rem; }
          .present-about .present-content .present-content-inner .present-list article .num b {
            font-weight: 400;
            font-size: 1.8rem; }
        .present-about .present-content .present-content-inner .present-list article .count {
          width: 7rem;
          height: 7rem;
          border-radius: 50%;
          position: absolute;
          top: 18rem;
          right: 1rem;
          font-size: 1.2rem;
          line-height: 7rem;
          text-align: center;
          color: #fff;
          position: absolute;
          z-index: 1;
          letter-spacing: 0; }
          .present-about .present-content .present-content-inner .present-list article .count:before {
            content: "";
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: #ff9ca8;
            opacity: 0.8; }
          .present-about .present-content .present-content-inner .present-list article .count b {
            font-size: 2.4rem;
            font-weight: 400; }
        .present-about .present-content .present-content-inner .present-list article h4 {
          font-size: 1.6rem;
          line-height: 1.3;
          font-weight: 400;
          letter-spacing: 0;
          text-align: center;
          padding: 1.5rem 0 1rem; }
        .present-about .present-content .present-content-inner .present-list article .text {
          background: rgba(255, 255, 255, 0.8);
          padding: 1rem 1rem 0;
          font-size: 1rem;
          line-height: 1.3;
          letter-spacing: 0;
          text-align: left; }
          .present-about .present-content .present-content-inner .present-list article .text p {
            text-align: left;
            padding-bottom: 1rem; }
          .present-about .present-content .present-content-inner .present-list article .text .suport {
            font-size: 1rem;
            color: #ff9ca8; }
            .present-about .present-content .present-content-inner .present-list article .text .suport p {
              text-align: center;
              line-height: 1.2; } }