/* line 4, office.scss */
.wrapper section {
  margin-bottom: 120px; }
  @media screen and (max-width: 800px) {
    /* line 4, office.scss */
    .wrapper section {
      margin-bottom: 40px; } }

/* line 14, office.scss */
.office-content {
  max-width: 1048px;
  margin: 0 auto; }

@media screen and (max-width: 800px) {
  /* line 22, office.scss */
  table.t-history tr:first-of-type th {
    padding-top: 0; } }
@media screen and (max-width: 800px) {
  /* line 29, office.scss */
  table.t-history th,
  table.t-history td {
    display: block;
    width: 100%; } }
@media screen and (max-width: 800px) {
  /* line 36, office.scss */
  table.t-history th {
    border: none;
    padding-bottom: 0; } }
@media screen and (max-width: 800px) {
  /* line 42, office.scss */
  table.t-history td {
    padding-top: 0; } }
/* line 48, office.scss */
table.half {
  margin: -40px 0 40px; }
  @media screen and (max-width: 800px) {
    /* line 48, office.scss */
    table.half {
      margin: 0 0 20px; } }
  /* line 53, office.scss */
  table.half tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2.8%; }
    @media screen and (max-width: 800px) {
      /* line 53, office.scss */
      table.half tbody {
        display: block; } }
    /* line 60, office.scss */
    table.half tbody tr {
      display: flex;
      width: 48.4%; }
      @media screen and (max-width: 800px) {
        /* line 60, office.scss */
        table.half tbody tr {
          display: block;
          width: 100%; } }

/* line 71, office.scss */
.accessmap {
  margin-bottom: 24px; }

/* line 74, office.scss */
.map-content {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    /* line 74, office.scss */
    .map-content {
      flex-direction: column;
      gap: 24px 0; } }
  /* line 81, office.scss */
  .map-content .l-map {
    width: 48.5%; }
    @media screen and (max-width: 800px) {
      /* line 81, office.scss */
      .map-content .l-map {
        width: 100%; } }
    /* line 86, office.scss */
    .map-content .l-map p {
      font-size: 14px;
      line-height: 1.7;
      margin: 0; }
  /* line 92, office.scss */
  .map-content .r-map {
    width: 47.7%; }
    @media screen and (max-width: 800px) {
      /* line 92, office.scss */
      .map-content .r-map {
        width: 100%; } }
    /* line 97, office.scss */
    .map-content .r-map p {
      font-size: 12px; }
      /* line 99, office.scss */
      .map-content .r-map p:last-child {
        margin-bottom: 0; }

/* line 108, office.scss */
.roots-content {
  max-width: 1048px;
  margin: 0 auto; }

/* line 112, office.scss */
.roots-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 6.1%;
  background-color: #F2F0E7;
  border-radius: 8px;
  margin-bottom: 64px;
  padding: 50px 16px; }
  @media screen and (max-width: 800px) {
    /* line 112, office.scss */
    .roots-head {
      flex-direction: column;
      gap: 25px 0;
      margin-bottom: 16px;
      padding: 24px 14px; } }
  /* line 127, office.scss */
  .roots-head figure {
    width: 18.1%; }
    @media screen and (max-width: 800px) {
      /* line 127, office.scss */
      .roots-head figure {
        width: 100%;
        max-width: 184px;
        margin: 0 auto; } }
    /* line 134, office.scss */
    .roots-head figure img {
      width: 100%;
      border-radius: 8px; }
  /* line 139, office.scss */
  .roots-head p {
    width: 62.2%;
    color: #88826B;
    margin: 0; }
    @media screen and (max-width: 800px) {
      /* line 139, office.scss */
      .roots-head p {
        width: 100%; } }

/* line 148, office.scss */
.read-roots {
  margin-bottom: 40px; }
  @media screen and (max-width: 800px) {
    /* line 148, office.scss */
    .read-roots {
      margin-bottom: 24px; } }

/* line 155, office.scss */
.historic-site-content {
  display: flex;
  gap: 0 2.5%; }
  @media screen and (max-width: 800px) {
    /* line 155, office.scss */
    .historic-site-content {
      flex-direction: column;
      gap: 16px 0; } }
  /* line 162, office.scss */
  .historic-site-content .historic-site {
    width: 100%;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    padding: 0 30px 30px; }
    @media screen and (max-width: 800px) {
      /* line 162, office.scss */
      .historic-site-content .historic-site {
        padding: 0 28px 24px; } }
    /* line 170, office.scss */
    .historic-site-content .historic-site figure {
      width: calc(100% + 60px);
      margin: 0 0 32px -30px; }
      @media screen and (max-width: 800px) {
        /* line 170, office.scss */
        .historic-site-content .historic-site figure {
          width: calc(100% + 56px);
          margin: 0 0 24px -28px; } }
      /* line 177, office.scss */
      .historic-site-content .historic-site figure img {
        width: 100%;
        border-radius: 8px 8px 0 0; }
    /* line 182, office.scss */
    .historic-site-content .historic-site h3 {
      font-size: 24px;
      margin-bottom: 24px; }
      @media screen and (max-width: 800px) {
        /* line 182, office.scss */
        .historic-site-content .historic-site h3 {
          margin-bottom: 16px; } }
    /* line 189, office.scss */
    .historic-site-content .historic-site p {
      margin: 0; }

/*# sourceMappingURL=office.css.map */