@charset "UTF-8";
/* ===========================================================

  Title: top.css
  Created: 2018-05-02
  about専用スタイル

=========================================================== */
/*


=========================================================== */

.flex-greeting {
  display: flex;
  justify-content: space-between;
  flex-direction:column-reverse;
  gap: 28px;
}

@media print, screen and (min-width: 768px) {

  .flex-greeting {
    flex-direction: row;
  }

  .greeting-img {
    width: 200px;
    height: 300px;
  }
}

.access-map {
  display: block; padding: 0; margin: 1rem 0;
  width: 100%; height: 512px;
  background-color: #f1f1f1;
}
.access-map img {
  width: auto; height: auto; max-height: none; max-width: none;
}




.dl-table--history {
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  width: 100%
}
.dl-table--history dt,
.dl-table--history dd { vertical-align: top; position: relative; }
.dl-table--history dt {
  padding: 0.5em 2.0em;
  color: rgba(193,92,69,1.00);
}

.dl-table--history dd {
  padding: 0 0 1.0em 2.0em;
}

.dl-table--history dt::before,
.dl-table--history dt::after,
.dl-table--history dd::before,
.dl-table--history dd::after {
  display: block; padding: 0; margin: 0;
  position: absolute;
  content: "";
}
.dl-table--history dt::before,
.dl-table--history dd::before {
  top: 0; left: 1.0em;
  width: 1px; height: 100%;
  background-color: rgba(0,0,0,0.10);
}
.dl-table--history dt::before { }
.dl-table--history dt::after {
  margin-top: -2px;
  top: 50%; left: calc(1.0em - 2px);
  width: 5px; height: 5px; border-radius: 50%;
  background-color: rgba(164,130,42,1.00);
  z-index: 5;
}
.dl-table--history dd::before { }
.dl-table--history dd::after { }
.dl-table--history dd p { padding: 0; margin: 0; }

@media print, screen and (min-width: 768px) {
  .dl-table--history dt {
    padding: 1.0em 4.0em 1.0em 0;
    width: 1%; white-space: nowrap;
    vertical-align: top!important;
  }

  .dl-table--history dd {
    padding: 1.0em 0 1.0em 4.0em;
  }

  .dl-table--history dt::before {
    width: 6.0em; height: 1px;
    top: 1.8em; left: auto; right: -3.0em;
  }
  .dl-table--history dt::after {
    margin-top: 0;
    top: calc(1.8em - 2px); left: auto; right: -3px;
  }
  .dl-table--history dd::before { left: 0; }

  .dl-table--history dl:first-child dt,
  .dl-table--history dl:first-child dd { padding-top: 3.0em; }
  .dl-table--history dl:last-child dt,
  .dl-table--history dl:last-child dd { padding-bottom: 3.0em; }
  .dl-table--history dl:first-child dt::before { top: 3.8em; }
  .dl-table--history dl:first-child dt::after { top: calc(3.8em - 2px); }
}