@charset "UTF-8";
/**
 * レスポンシブのブレイクポイント設定
 */
main {
  background-color: #f2f2f2; }
  main #contents {
    clear: both; }
    main #contents .page_title {
      margin: 120px 0 0 50px; }
      @media (max-width: 768px) {
        main #contents .page_title {
          margin: 0px 0 20px 0; } }
      main #contents .page_title h2 {
        font-size: 6rem;
        color: #6699cc; }
        @media (max-width: 768px) {
          main #contents .page_title h2 {
            font-size: 4rem; } }
        main #contents .page_title h2::before {
          content: "";
          border: 2px solid #6699cc;
          width: 60px;
          position: absolute;
          top: -28px;
          left: 0; }
        main #contents .page_title h2 span {
          color: #333;
          font-size: 2rem;
          display: block;
          margin: 20px 0 0 0;
          letter-spacing: 1px; }
      main #contents .page_title .sub {
        font-size: 1.2rem;
        color: #999;
        margin: 10px 0; }
    main #contents #contact {
      margin: 120px 50px 0 0;
      width: 690px;
      float: right; }
      @media (max-width: 768px) {
        main #contents #contact {
          margin: 0;
          width: 100%;
          float: none; } }
      main #contents #contact p {
        font-size: 1.4rem;
        line-height: 160%;
        margin-bottom: 20px; }
        main #contents #contact p a {
          color: #c70003;
          text-decoration: underline; }
      main #contents #contact dl {
        font-size: 1.3rem;
        line-height: 180%; }
      main #contents #contact dt {
        letter-spacing: 2px;
        margin-bottom: 5px; }
        main #contents #contact dt span {
          color: #999; }
      main #contents #contact dd {
        padding-bottom: 30px;
        margin: 0; }
        main #contents #contact dd input[type="text"], main #contents #contact dd input[type="email"], main #contents #contact dd textarea {
          background: #e2e2e2;
          padding: 15px;
          width: 96%;
          border: none; }
          @media (max-width: 768px) {
            main #contents #contact dd input[type="text"], main #contents #contact dd input[type="email"], main #contents #contact dd textarea {
              width: 90%; } }
        main #contents #contact dd textarea {
          height: 150px;
          width: 100%; }
      main #contents #contact .text-center {
        text-align: center;
        padding-bottom: 100px; }
        main #contents #contact .text-center input[type="submit"] {
          cursor: pointer;
          background: #999;
          color: #FFF;
          font-size: 2rem;
          padding: 20px 120px;
          border: none;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          main #contents #contact .text-center input[type="submit"]:hover {
            background: #777; }
          @media (max-width: 768px) {
            main #contents #contact .text-center input[type="submit"] {
              padding: 10px 20px;
              font-size: 1.5rem; } }
      @media (max-width: 768px) {
        main #contents #contact dl {
          flex-flow: column nowrap; }
        main #contents #contact dt, main #contents #contact dd {
          width: 100%;
          border-top: none; }
        main #contents #contact dt {
          font-weight: bold;
          padding: 10px 0 0 0; }
        main #contents #contact dd {
          border-left: none;
          padding: 0 0 10px 0; } }
    main #contents .mw_wp_form_complete {
      font-size: 14px;
      line-height: 160%;
      margin: 20px 0 100px; }
      main #contents .mw_wp_form_complete p {
        margin-bottom: 20px; }
      main #contents .mw_wp_form_complete .p_end {
        font-size: 12px; }