head {
  font-size: 0; }

.contact {
  padding: 6rem 0; }
  @media screen and (max-width: 868px) {
    .contact {
      padding: 32px 0; } }
  .contact .cont_in {
    width: 100%;
    max-width: 760px;
    padding: 0 1.5rem;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif; }
    .contact .cont_in .txt {
      margin-bottom: 3rem;
      font-size: 93%;
      line-height: 1.84;
      letter-spacing: .06em; }
      @media screen and (max-width: 768px) {
        .contact .cont_in .txt {
          margin-bottom: 1.5rem; } }
    .contact .cont_in .error {
      margin-top: .5rem;
      color: red;
      font-size: 83%; }
    .contact .cont_in .form_list .item_box .item {
      width: 100%;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem;
      border-bottom: dotted 1px #eee; }
      .contact .cont_in .form_list .item_box .item .md {
        display: flex;
        align-items: center;
        font-size: 100%;
        margin-bottom: .75em;
        letter-spacing: .02em; }
        .contact .cont_in .form_list .item_box .item .md span {
          font-weight: bold; }
        .contact .cont_in .form_list .item_box .item .md .rec {
          margin-left: .25rem;
          color: red; }
      .contact .cont_in .form_list .item_box .item dd input,
      .contact .cont_in .form_list .item_box .item dd textarea {
        padding: 1rem 1.5rem;
        box-sizing: border-box;
        width: 100%;
        border: solid #d6d6d6 1px;
        line-height: 1; }
        .contact .cont_in .form_list .item_box .item dd input:focus,
        .contact .cont_in .form_list .item_box .item dd textarea:focus {
          border-color: #aaa;
          background: #f6f6f6; }
      .contact .cont_in .form_list .item_box .item dd p {
        margin-bottom: 1rem; }
        .contact .cont_in .form_list .item_box .item dd p:last-child {
          margin-bottom: 0px; }
      .contact .cont_in .form_list .item_box .item dd #zip1,
      .contact .cont_in .form_list .item_box .item dd #zip2 {
        width: inherit; }
      .contact .cont_in .form_list .item_box .item dd .check_item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap; }
      .contact .cont_in .form_list .item_box .item dd .check_item2 {
        background: #f6f6f6;
        padding: 1rem; }
        .contact .cont_in .form_list .item_box .item dd .check_item2 .check_box {
          margin-bottom: 0px !important; }
      .contact .cont_in .form_list .item_box .item dd .check_box {
        margin-right: 2rem;
        margin-bottom: 1rem;
        /* checkbox aspect */
        /* checked mark aspect */
        /* checked mark aspect changes */
        /* disabled checkbox */
        /* accessibility */
        /* hover style just for information */ }
        .contact .cont_in .form_list .item_box .item dd .check_box input:not(:checked),
        .contact .cont_in .form_list .item_box .item dd .check_box input:checked {
          position: absolute;
          left: -9999px; }
        .contact .cont_in .form_list .item_box .item dd .check_box input:not(:checked) + label,
        .contact .cont_in .form_list .item_box .item dd .check_box input:checked + label {
          position: relative;
          padding-left: 1.95em;
          cursor: pointer; }
        .contact .cont_in .form_list .item_box .item dd .check_box input:not(:checked) + label:before,
        .contact .cont_in .form_list .item_box .item dd .check_box input:checked + label:before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          width: 1.25em;
          height: 1.25em;
          margin-top: -.625rem;
          border: 1px solid #ccc;
          background: #fff;
          border-radius: 4px;
          box-shadow: none; }
        .contact .cont_in .form_list .item_box .item dd .check_box input:not(:checked) + label:after,
        .contact .cont_in .form_list .item_box .item dd .check_box input:checked + label:after {
          content: '\2713\0020';
          position: absolute;
          top: 0;
          left: .22em;
          margin-top: 3px;
          font-size: 1.3em;
          line-height: 0.8;
          color: #000;
          transition: all 0.2s;
          font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial; }
        .contact .cont_in .form_list .item_box .item dd .check_box input:not(:checked) + label:after {
          opacity: 0;
          transform: scale(0); }
        .contact .cont_in .form_list .item_box .item dd .check_box input:checked + label:after {
          opacity: 1;
          transform: scale(1); }
        .contact .cont_in .form_list .item_box .item dd .check_box input:disabled:not(:checked) + label:before,
        .contact .cont_in .form_list .item_box .item dd .check_box input:disabled:checked + label:before {
          box-shadow: none;
          border-color: #bbb;
          background-color: #ddd; }
        .contact .cont_in .form_list .item_box .item dd .check_box input:disabled:checked + label:after {
          color: #999; }
        .contact .cont_in .form_list .item_box .item dd .check_box input:disabled + label {
          color: #aaa; }
        .contact .cont_in .form_list .item_box .item dd .check_box input:checked:focus + label:before,
        .contact .cont_in .form_list .item_box .item dd .check_box input:not(:checked):focus + label:before {
          border: 1px solid #ddd; }
        .contact .cont_in .form_list .item_box .item dd .check_box label:hover:before {
          border: 1px solid #d6d6d6 !important; }
    @media screen and (max-width: 768px) {
      .contact .cont_in .form_list .item_box .item {
        margin-bottom: 1.5rem; } }
    .contact .cont_in .btn_area {
      display: flex;
      align-items: stretch;
      justify-content: center; }
      .contact .cont_in .btn_area .btn {
        position: relative;
        overflow: hidden;
        border: none;
        border-radius: 0px;
        cursor: pointer;
        background: #222;
        margin: 0 12px;
        border: none;
        transition: .2s;
        border-radius: 3rem; }
        .contact .cont_in .btn_area .btn i {
          position: relative;
          z-index: 1;
          display: block;
          color: #fff;
          line-height: 1;
          padding: 1.25rem 2.25rem 1.5rem; }
        .contact .cont_in .btn_area .btn:hover {
          background: #555; }
      .contact .cont_in .btn_area .btn_submit i {
        padding: 1.25rem 4rem 1.5rem; }