.hero_area {
  text-align: center;
  margin-bottom: 40px; }
  .hero_area img {
    width: 1000px;
    height: auto; }

.gnav_sp_area {
  background-color: #fff; }

.inner_contact {
  width: 78.94%;
  max-width: 900px;
  margin: 0px auto;
  margin-bottom: 60px;
  padding-top: 60px; }
  @media screen and (max-width: 959px) {
    .inner_contact {
      width: 100%;
      max-width: 100%;
      padding: 40px 25px 0px; } }
  .inner_contact .tit_con01 {
    text-align: center;
    color: #ff7700;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px; }
  .inner_contact .txt01 {
    text-align: center;
    color: #753103;
    margin-bottom: 15px; }
  .inner_contact .contents_area {
    border: 1px solid #ebddc8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 70px; }
    @media screen and (max-width: 959px) {
      .inner_contact .contents_area {
        padding: 20px; } }
    @media screen and (max-width: 768px) {
      .inner_contact .contents_area {
        padding: 0px;
        background: none;
        border: none; } }
    .inner_contact .contents_area .img {
      text-align: center;
      margin-bottom: 20px; }
      .inner_contact .contents_area .img img {
        width: 70px;
        height: auto; }
    .inner_contact .contents_area .btn {
      display: block;
      width: 54.68%;
      max-width: 350px;
      margin: 0px auto;
      font-size: 16px;
      line-height: 1;
      color: #fff;
      background-color: #ff7700;
      border-radius: 10px;
      padding: 20px 0px;
      text-align: center;
      position: relative;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .inner_contact .contents_area .btn {
          width: 100%;
          max-width: 100%;
          font-size: 16px;
          border: 1px solid #ebd064;
          padding: 15px 0px; } }
      .inner_contact .contents_area .btn::after {
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        border: solid 2px #fff;
        border-bottom: none;
        border-left: none;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 44%;
        right: 30px; }
        @media screen and (max-width: 768px) {
          .inner_contact .contents_area .btn::after {
            width: 8px;
            height: 8px;
            top: 42%;
            right: 15px; } }
    .inner_contact .contents_area .txt02 {
      text-align: center;
      font-weight: bold;
      color: #753103;
      font-size: 15px;
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 2px solid #ebddc8; }
      @media screen and (max-width: 768px) {
        .inner_contact .contents_area .txt02 {
          padding-bottom: 15px;
          margin-bottom: 15px; } }
  .inner_contact .nonenone {
    border: none;
    padding: 0px; }

.contact_app {
  padding-top: 30px; }

@media screen and (max-width: 768px) {
  .notice {
    width: 100%;
    max-width: 100%; } }

.wid2 {
  width: 30%; }
  @media screen and (max-width: 768px) {
    .wid2 {
      width: 100% !important; } }