.mt {
  background: url("../images/common/title_bg.png") no-repeat center 0;
  background-size: cover;
  height: 23.4375vw; }
  @media (max-width: 768px) {
    .mt {
      background-image: url("../images/common/title_bg_sp.png");
      height: 26.666666666666668vw; } }

.contact-area {
  padding: 5.0rem 0 10.0rem; }
  @media (max-width: 768px) {
    .contact-area {
      padding: 13.333333333333334vw 0 18.666666666666668vw; } }
  .contact-area.c_contents {
    background: none; }
  .contact-area .text01 {
    margin-bottom: 6.0rem; }
    @media (max-width: 768px) {
      .contact-area .text01 {
        font-size: 3.733333333333334vw;
        margin-bottom: 8vw; } }
  .contact-area .form-area .point {
    font-size: 1.4rem;
    color: #A8A8A8;
    margin-bottom: 1.5rem; }
    @media (max-width: 768px) {
      .contact-area .form-area .point {
        font-size: 3.2vw;
        margin-bottom: 2.666666666666667vw; } }
    .contact-area .form-area .point span {
      color: #E40D0D;
      font-size: 1.8rem; }
      @media (max-width: 768px) {
        .contact-area .form-area .point span {
          font-size: 4.266666666666667vw; } }
  .contact-area .form-area .form-list {
    text-align: center; }
    .contact-area .form-area .form-list table {
      width: 100%;
      border-spacing: 0;
      margin-bottom: 3.0rem;
      text-align: left; }
      @media (max-width: 768px) {
        .contact-area .form-area .form-list table {
          margin-bottom: 4vw; } }
      .contact-area .form-area .form-list table th {
        padding: 2.5rem 3.0rem;
        border-bottom: 1px solid #cccccc;
        font-weight: 300;
        background-color: #f9e5f1;
        line-height: 1.5;
        vertical-align: top;
        width: 24.54%; }
        @media (max-width: 768px) {
          .contact-area .form-area .form-list table th {
            padding: 4vw 2.666666666666667vw;
            width: 100%;
            display: block;
            border-bottom: none;
            font-size: 3.733333333333334vw; } }
        .contact-area .form-area .form-list table th .required {
          color: #E40D0D;
          font-size: 3.0rem; }
          @media (max-width: 768px) {
            .contact-area .form-area .form-list table th .required {
              font-size: 4.8vw; } }
        .contact-area .form-area .form-list table th .subtext {
          display: block;
          font-size: 1.2rem; }
          @media (max-width: 768px) {
            .contact-area .form-area .form-list table th .subtext {
              font-size: 3.2vw; } }
      .contact-area .form-area .form-list table td {
        padding: 2.5rem 3.0rem;
        border-bottom: 1px solid #CCCCCC;
        line-height: 1.5; }
        @media (max-width: 768px) {
          .contact-area .form-area .form-list table td {
            padding: 4vw 2.666666666666667vw;
            width: 100%;
            display: block;
            font-size: 3.733333333333334vw; } }
        .contact-area .form-area .form-list table td a {
          text-decoration: underline;
          color: #D10003; }
          .contact-area .form-area .form-list table td a:hover {
            text-decoration: none;
            color: #000; }
        .contact-area .form-area .form-list table td input[type="text"] {
          border: 1px solid #A8A8A8;
          padding: 1.0rem; }
          @media (max-width: 768px) {
            .contact-area .form-area .form-list table td input[type="text"] {
              padding: 1.3333333333333335vw; } }
        .contact-area .form-area .form-list table td textarea {
          width: 100%;
          height: 19.0rem;
          border: 1px solid #A8A8A8;
          padding: 1.0rem; }
          @media (max-width: 768px) {
            .contact-area .form-area .form-list table td textarea {
              height: 26.666666666666668vw;
              padding: 1.3333333333333335vw; } }
        .contact-area .form-area .form-list table td .form01 {
          width: 100%; }
        .contact-area .form-area .form-list table td .form02 {
          width: 10%;
          margin-bottom: 1.5rem; }
          @media (max-width: 768px) {
            .contact-area .form-area .form-list table td .form02 {
              width: 30%;
              margin-bottom: 2.666666666666667vw; } }
      .contact-area .form-area .form-list table tr:last-child th {
        border-bottom: none; }
      .contact-area .form-area .form-list table tr:last-child td {
        border-bottom: none; }
    .contact-area .form-area .form-list .text02 {
      margin: 0 0 3.0rem 3.0rem;
      text-align: left; }
      @media (max-width: 768px) {
        .contact-area .form-area .form-list .text02 {
          margin: 0 0 4vw 0; } }
      .contact-area .form-area .form-list .text02 li {
        padding-left: 1em;
        text-indent: -1em; }
        @media (max-width: 768px) {
          .contact-area .form-area .form-list .text02 li {
            font-size: 3.733333333333334vw; } }
    .contact-area .form-area .form-list .button-area {
      display: flex;
      justify-content: center; }
      @media (max-width: 768px) {
        .contact-area .form-area .form-list .button-area {
          display: block; } }
      .contact-area .form-area .form-list .button-area .button {
        width: 28.0rem;
        border: none;
        color: #fff;
        line-height: 6.5rem;
        padding-left: 2.0rem;
        background: url("../images/common/arrow01.svg") no-repeat 3.7rem 50% #e3007f;
        background-size: 1.3rem;
        border-radius: 5.0rem;
        cursor: pointer;
        margin: 0 1.0rem; }
        @media (max-width: 768px) {
          .contact-area .form-area .form-list .button-area .button {
            font-size: 4.266666666666667vw;
            margin: 0 auto;
            width: 80%;
            line-height: 12vw; } }
        .contact-area .form-area .form-list .button-area .button:hover {
          opacity: .6; }
      .contact-area .form-area .form-list .button-area .button01 {
        width: 28.0rem;
        border: none;
        line-height: 6.5rem;
        font-weight: 300;
        padding-left: 2.0rem;
        background: url("../images/common/arrow02.svg") no-repeat 3.7rem 50% #ccc;
        background-size: 1.3rem;
        border-radius: 5.0rem;
        cursor: pointer;
        margin: 0 1.0rem; }
        @media (max-width: 768px) {
          .contact-area .form-area .form-list .button-area .button01 {
            font-size: 4.266666666666667vw;
            margin: 0 auto;
            width: 80%;
            line-height: 12vw; } }
        .contact-area .form-area .form-list .button-area .button01:hover {
          opacity: .6; }
  .contact-area .error_messe {
    margin-bottom: 1em;
    color: #FF0004; }