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

file name  : info.css
author     : Abilive
style info : ゴルフ場・会社概要
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@media only screen and (min-width: 768px) {
  .st_com {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .st_com {
    margin-bottom: 3.07rem;
  }
}

.con_com_int, .con_comp {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_com_int, .con_comp {
    width: calc(1200 / 1440 * 100%);
    max-width: calc(1200px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_com_int, .con_comp {
    max-width: calc(1200px * ((16 + 1) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_com_int, .con_comp {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_com_int, .con_comp {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_com_int .tmp_table th, .con_comp .tmp_table th {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_com_int .tmp_table th, .con_comp .tmp_table th {
    width: 32%;
  }
}
@media only screen and (min-width: 768px) {
  .con_com_int .tmp_table th, .con_comp .tmp_table th {
    padding: 1.25em 1.5em 1.25em 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  .con_com_int {
    margin-bottom: 10.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_com_int {
    margin-bottom: 8.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_com_int {
    margin-top: 1em;
  }
}

@media only screen and (min-width: 768px) {
  .box_int_flex {
    margin-bottom: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_flex {
    margin-bottom: 4.23rem;
  }
}
@media only screen and (min-width: 768px) {
  .box_int_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 1025px) {
  .box_int_flex .txt_l {
    width: calc(530 / 1200 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_int_flex .txt_l {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_flex .txt_l {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_int_flex .txt_l {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_flex .txt_l {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_int_flex .txt_l .in_tit {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_int_flex .txt_l .in_tit {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_flex .txt_l .in_tit {
    margin-bottom: 2.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_flex .txt_l .in_tit {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .box_int_flex .img_r {
    width: calc(600 / 1200 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_int_flex .img_r {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_flex .img_r {
    width: 100%;
  }
}

.box_in_table > .tmp_catch {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .box_in_table > .tmp_catch {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_in_table > .tmp_catch {
    margin-bottom: 1.5em;
  }
}