/*! Writen  by SCSS */
.mb1em {
  margin-bottom: 1em !important; }

.sgt_container .sgh_bottom_bg_wrap {
  position: relative; }

.sgt_container .inner_main {
  background-image: url("../img/location/main_location.jpg"); }

.text_imgs {
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .text_imgs {
      flex-direction: column;
      row-gap: 30px;
      margin-bottom: 30px; } }
  .text_imgs.rev {
    flex-direction: row-reverse; }
    @media screen and (max-width: 480px) {
      .text_imgs.rev {
        flex-direction: column; } }
  .text_imgs .imgs {
    width: 47%; }
    @media screen and (max-width: 480px) {
      .text_imgs .imgs {
        width: 100%; } }
  .text_imgs .txts {
    width: 48%; }
    @media screen and (max-width: 480px) {
      .text_imgs .txts {
        width: 100%; } }

.list_item {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 25px 5%; }
  @media screen and (max-width: 480px) {
    .list_item {
      justify-content: space-between;
      gap: 25px 0; } }
  .list_item li {
    width: 30%; }
    @media screen and (max-width: 480px) {
      .list_item li {
        width: 48%; } }
    .list_item li figcaption {
      font-weight: bold;
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: 1.42;
      margin-top: 5px; }
      @media screen and (max-width: 480px) {
        .list_item li figcaption {
          font-size: 12px; } }
      @media screen and (max-width: 350px) {
        .list_item li figcaption {
          font-size: 10px; } }

.box_ttl {
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  color: #660000;
  display: flex;
  flex-direction: column;
  letter-spacing: 0.1em;
  margin-bottom: 1.2em; }
  @media screen and (max-width: 480px) {
    .box_ttl {
      font-size: 18px;
      margin-bottom: 20px; } }
  .box_ttl strong {
    font-size: 123%;
    line-height: 1.4;
    margin-top: 15px; }
    @media screen and (max-width: 480px) {
      .box_ttl strong {
        margin-top: 10px; } }

.txt1 {
  font-size: 32px;
  color: #660000;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 1.2em; }
  @media screen and (max-width: 480px) {
    .txt1 {
      font-size: 22px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 350px) {
    .txt1 {
      font-size: 19px; } }

.read {
  line-height: 2.14;
  letter-spacing: 0.055em; }

.sec02 {
  color: #333;
  font-feature-settings: "palt";
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 80px; } }

.sec03 {
  color: #333;
  font-feature-settings: "palt";
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec03 {
      margin-bottom: 80px; } }

.sec04 {
  color: #333;
  font-feature-settings: "palt";
  margin-bottom: 90px; }
  @media screen and (max-width: 480px) {
    .sec04 {
      margin-bottom: 80px; } }

.sec05 {
  margin-bottom: 100px;
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec05 {
      margin-bottom: 40px; } }
  .sec05 .map_ttl {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.1em;
    color: #7c1451; }
    @media screen and (max-width: 480px) {
      .sec05 .map_ttl {
        font-size: 30px;
        margin-bottom: 20px; } }
  .sec05 .map_img {
    max-width: 1000px;
    margin: 0 auto;
    position: relative; }
    .sec05 .map_img::after {
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0;
      margin: auto;
      border: 1px solid #d4bea7;
      display: block;
      z-index: 1; }

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