@import url("//fonts.googleapis.com/css2?family=BIZ+UDPMincho&family=Cardo:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@100..900&display=swap");
.topAccess {
  background: #1E3024;
  padding: 20px 0 120px;
  max-width: 100%;
  width: 100%;
  position: relative;
  top: -1px; }
  .topAccess.topAccess2 {
    padding: 20px 0 180px; }
  .topAccess .head02 {
    margin-bottom: 60px; }
  .topAccess .topAccessBox {
    padding: 0 2.5vw;
    text-align: center;
    transition: 1s ease 0.2s; }
    .topAccess .topAccessBox .topAccessFlex {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1240px;
      width: 100%; }
    .topAccess .topAccessBox .map {
      width: 43%; }
      .topAccess .topAccessBox .map iframe {
        filter: grayscale(100%);
        height: 430px;
        overflow: hidden;
        width: 100%; }
    .topAccess .topAccessBox .accessData {
      text-align: left;
      width: 52%; }
      .topAccess .topAccessBox .accessData dl {
        border-bottom: 1px solid #dddfc5;
        display: flex;
        padding: 20px 12px 28px; }
      .topAccess .topAccessBox .accessData dt {
        font-family: "BIZ UDPMincho", serif;
        font-size: 1.125rem;
        font-weight: 600;
        min-width: 130px; }
      .topAccess .topAccessBox .accessData dd {
        color: #7e8976;
        font-size: 1rem;
        letter-spacing: 0;
        min-width: 140px; }
    .topAccess .topAccessBox .companyData {
      text-align: left;
      margin: 0 auto;
      max-width: 1000px; }
      .topAccess .topAccessBox .companyData dl {
        border-bottom: 1px solid #dddfc5;
        display: flex;
        padding: 24px 24px; }
      .topAccess .topAccessBox .companyData dt {
        font-family: "BIZ UDPMincho", serif;
        font-size: 1.125rem;
        font-weight: 600;
        min-width: 25%; }
      .topAccess .topAccessBox .companyData dd {
        color: #7e8976;
        font-size: 1rem;
        letter-spacing: 0;
        min-width: 140px; }

@media only screen and (max-width: 768px) {
  .topAccess {
    padding: 0 5vw 60px;
    		/*
      .topAccessBox {
        padding: 10px 0 60px;
        text-align: center;
        width: 100%;
        transition: 1s ease 0.2s;
    
        .map {
          iframe {
            height: 85.5vw;
            max-height: auto;
    								max-height: none;
            width: 100%;
          }
        }
    
        .accessData {
          grid-template-columns: 18% 1fr;
          gap: 12px 24px;
          padding-top: 28px;
          dt {
    							font-size: 12px;
            min-width: auto;
    								min-width: none;
          }
          dd {
    						font-size: 13px;
            min-width: auto;
    								min-width: none;
          }
        }
    
        .contactData {
          display: block;
          padding-top: 24px;
          dt {
           	font-size: 17px;
    								padding-bottom: 8px;
            width: 100%;
          }
          dd {
            font-size: 13px;
            .tel {
              font-size: 28px;
            }
          }
        }
    
        .contactBtnList {
          display: flex;
    						justify-content: space-between;
          margin-top: 40px;
    	
          li {
            font-family: $font-en;
            @include fs(18);
            font-weight: 600;
            line-height: 1.4;
            min-width: auto;
    								min-width: none;
            margin: 0;
    								width: 47%;
            a {
              background: $color-beige;
              border: 1px solid $color-beige;
              border-radius: 4px;
              color: #1E3024;
              display: block;
              padding: 8px 20px;
              transition: 0.2s;
              &:hover {
                background: #FFF;
                color: #1E3024;
              }
            }
          }
        }
    
        .desc {
          @include fs(13);
          margin-bottom: 28px;
        }
    
        .btn {
          a {
            background: #6C705D;
            border-radius: 30px;
            font-family: $font-en;
            @include fs(11);
            line-height: 1;
            display: inline-block;
            min-width: 140px;
            padding: 14px 20px 12px;
            transition: 0.2s;
            &:hover { opacity: 0.7; }
          }
        }
      }
    		*/ }
    .topAccess.topAccess2 {
      padding: 0 0 60px; }
    .topAccess .head02 {
      margin-bottom: 40px; }
    .topAccess .topAccessBox {
      padding: 0; }
      .topAccess .topAccessBox .topAccessFlex {
        display: block;
        width: 100%; }
      .topAccess .topAccessBox .map {
        margin-bottom: 16px;
        width: 100%; }
        .topAccess .topAccessBox .map iframe {
          height: 85.5vw;
          max-height: auto;
          max-height: none;
          width: 100%; }
      .topAccess .topAccessBox .accessData {
        text-align: left;
        width: 100%; }
        .topAccess .topAccessBox .accessData dl {
          border: none;
          letter-spacing: 0;
          padding: 8px 0;
          width: 100%; }
        .topAccess .topAccessBox .accessData dt {
          font-size: 12px;
          min-width: 80px; }
        .topAccess .topAccessBox .accessData dd {
          font-size: 13px;
          min-width: auto;
          min-width: none; }
      .topAccess .topAccessBox .companyData {
        padding: 0 5vw;
        text-align: left;
        width: 100%; }
        .topAccess .topAccessBox .companyData dl {
          border: none;
          letter-spacing: 0;
          padding: 8px 0;
          width: 100%; }
        .topAccess .topAccessBox .companyData dt {
          font-size: 12px;
          min-width: 80px; }
        .topAccess .topAccessBox .companyData dd {
          font-size: 13px;
          min-width: auto;
          min-width: none; } }