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

file name  : facilities.css
author     : Abilive
style info : クラブハウス & 施設案内
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.reverse {
  flex-direction: row-reverse;
}

.con_basic {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .con_basic {
    flex-direction: column;
  }
}
.con_basic .box_img {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_img {
    order: 1;
  }
}
.con_basic .box_img .img2 {
  margin-top: 5rem;
}
.con_basic .box_txt {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .con_basic .box_txt {
    order: 2;
    margin-top: 1.42rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_basic .box_txt .tmp_st_m {
    margin-bottom: 2.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_txt .tmp_st_m {
    margin-bottom: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_txt .tmp_st_m {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_basic .box_txt .tmp_catch {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_basic .box_txt .tmp_catch {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_basic .box_txt .tmp_catch {
    margin-bottom: 1.42rem;
  }
}
.con_basic .box_txt .tmp_btn {
  margin-top: 2.14rem;
}
.con_basic .box_txt .tmp_btn a {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_basic .box_txt .tmp_btn a {
    max-width: 330px;
  }
}

.tmp_table {
  margin-top: 2.14rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_table tr th, .tmp_table tr td {
    padding: 1em 0.5em !important;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_hr {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_hr {
    width: calc(690 / 750 * 100%);
  }
}

.wrap_intro {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .wrap_intro {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro {
    margin-top: 1.42rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .tmp_catch {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .tmp_catch {
    margin-bottom: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .tmp_catch {
    margin-bottom: 1.42rem;
  }
}
.wrap_intro .con_intro {
  position: relative;
}
.wrap_intro .con_intro:before {
  background: url(../images/common/bg_pat.jpg) repeat center top;
  content: "";
  display: block;
  position: absolute;
  left: -1000px;
  right: -1000px;
  z-index: -1;
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .con_intro:before {
    bottom: -20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro:before {
    bottom: -20%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro:before {
    bottom: -5%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .con_intro:before {
    height: 40vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro:before {
    height: 35vh;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro:before {
    height: 25vh;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrap_intro .con_intro:before {
    height: 25vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro:before {
    height: 15vh;
  }
}
.wrap_intro .con_intro .box_intro {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .con_intro .box_intro .main_img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro .box_intro .main_img {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro .main_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro .main_img {
    order: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro .box_intro .main_img {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .con_intro .box_intro .box_txt {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro .box_intro .box_txt {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro .box_txt {
    order: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .con_intro .box_intro .box_txt .tmp_text {
    margin: 2.85rem auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro .box_intro .box_txt .tmp_text {
    margin: 2.14rem auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro .box_txt .tmp_text {
    margin: 1.42rem auto 0;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .con_intro .box_intro .box_txt .tmp_text {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro .box_intro .box_txt .tmp_text {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro .box_txt .tmp_text {
    width: 100%;
  }
}
.wrap_intro .con_intro .box_intro .box_txt .box_img_s {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .wrap_intro .con_intro .box_intro .box_txt .box_img_s {
    margin: 5.71rem 1.42rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro .box_intro .box_txt .box_img_s {
    margin: 4.28rem auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_intro .con_intro .box_intro .box_txt .box_img_s {
    margin: 2.85rem 0 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_intro .con_intro .box_intro .box_txt .box_img_s {
    width: 90%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrap_intro .con_intro .box_intro .box_txt .box_img_s {
    max-width: 580px;
    width: 80%;
    margin: 4.28rem auto 0;
  }
}
.wrap_intro .con_intro .box_intro .box_txt .box_img_s .img2 {
  margin-left: -10%;
  margin-bottom: -15%;
  z-index: 1;
}

@media only screen and (min-width: 1025px) {
  .cms_link.m_t {
    margin-top: 12.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cms_link.m_t {
    margin-top: 11.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .cms_link.m_t {
    margin-top: 5.71rem;
  }
}
@media only screen and (min-width: 1025px) {
  .cms_link.m_t {
    margin-bottom: 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cms_link.m_t {
    margin-bottom: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .cms_link.m_t {
    margin-bottom: 4.28rem;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_res {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrap_res {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_res {
    margin: 0 auto 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_res {
    margin: 0 auto 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_res {
    margin: 0 auto 4.28rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrap_res .box_img {
    width: 55%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_res .box_img {
    width: 50%;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_hotel {
    width: calc(1200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrap_hotel {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_hotel {
    margin: 0 auto 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_hotel {
    margin: 0 auto 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_hotel {
    margin: 0 auto 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_hotel .box_txt {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_hotel .box_txt {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_hotel .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrap_hotel .box_txt {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_hotel .box_img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_hotel .box_img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_hotel .box_img {
    width: 100%;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_cafe {
    width: calc(1200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrap_cafe {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_cafe {
    margin: 0 auto 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_cafe {
    margin: 0 auto 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_cafe {
    margin: 0 auto 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_cafe .box_txt {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_cafe .box_txt {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_cafe .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrap_cafe .box_txt {
    margin-left: 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_cafe .box_img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_cafe .box_img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_cafe .box_img {
    width: 100%;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_compe {
    width: calc(1200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrap_compe {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_compe {
    margin: 0 auto 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_compe {
    margin: 0 auto 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_compe {
    margin: 0 auto 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_compe .box_txt {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_compe .box_txt {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_compe .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .wrap_compe .box_txt {
    margin-left: 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_compe .box_img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_compe .box_img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_compe .box_img {
    width: 100%;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_faci {
    width: calc(1200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrap_faci {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_faci {
    margin: 7.14rem auto 7.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_faci {
    margin: 5.71rem auto 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_faci {
    margin: 4.28rem auto 4.28rem;
  }
}
.wrap_faci .con_faci {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .wrap_faci .con_faci {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_faci .con_faci .box_faci {
    width: 33.33333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_faci .con_faci .box_faci {
    width: 33.33333%;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_faci .con_faci .box_faci {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrap_faci .con_faci .box_faci {
    margin: 0 2.14rem 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap_faci .con_faci .box_faci {
    margin: 0 2.14rem 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrap_faci .con_faci .box_faci {
    margin: 0 0 2.85rem;
  }
}
.wrap_faci .con_faci .box_faci:nth-of-type(3) {
  margin-right: 0;
}
.wrap_faci .con_faci .box_faci .box_txt .tmp_catch {
  margin: 0.71rem 0;
}
.wrap_faci .con_faci .box_faci .box_txt .tmp_table {
  margin-top: 0.71rem;
}

@media only screen and (max-width: 767px) {
  .cms_txt_img {
    margin-top: 1.42rem !important;
  }
}
.cms_txt_img .inner {
  margin-right: auto;
  margin-left: auto;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .cms_txt_img .inner {
    width: calc(1200 / 1440 * 100%);
    max-width: calc(1200px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .cms_txt_img .inner {
    max-width: calc(1200px * ((16 + 1) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cms_txt_img .inner {
    width: calc(1200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .cms_txt_img .inner {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .cms_txt_img .inner.ali_top {
    align-items: flex-start !important;
  }
}
@media only screen and (max-width: 767px) {
  .cms_txt_img .inner.ali_top .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cms_txt_img .inner.ali_top .tmp_table {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
  .cms_txt_img .inner.ali_top .tmp_table {
    width: calc(1300 / 1440 * 100%);
    max-width: calc(1300px);
  }
}
@media only screen and (max-width: 767px) and (min-width: 1025px) and (min-width: 1441px) {
  .cms_txt_img .inner.ali_top .tmp_table {
    max-width: calc(1300px * ((16 + 1) / 14));
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .cms_txt_img .inner.ali_top .tmp_table {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .cms_txt_img .inner.ali_top .tmp_table {
    width: calc(690 / 750 * 100%);
  }
}

.cms_txt_img .inner.ali_top .box_txt .tmp_catch {
  margin-top: 0;
}
@media only screen and (min-width: 1025px) {
  .cms_txt_img .inner .box_txt {
    width: calc(470 / 1200 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cms_txt_img .inner .box_txt {
    width: calc(470 / 1200 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .cms_txt_img .inner .box_txt {
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  .cms_txt_img .inner .box_txt {
    margin-left: 3%;
  }
}
.cms_txt_img .inner .box_txt .tmp_catch {
  margin: 1.42rem 0;
}
.cms_txt_img .inner .box_txt .tmp_table {
  margin-top: 1.42rem;
}
@media only screen and (min-width: 1025px) {
  .cms_txt_img .inner .box_img {
    width: calc(690 / 1200 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cms_txt_img .inner .box_img {
    width: calc(690 / 1200 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .cms_txt_img .inner .box_img {
    width: auto;
  }
}

@media only screen and (min-width: 1025px) {
  .tmp_frame {
    padding: 2.14rem 2.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_frame {
    padding: 2.14rem 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame {
    padding: 2.14rem 1.42rem;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_frame {
    margin: 4.28rem auto 0rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_frame {
    margin: 3.57rem auto 0rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame {
    margin: 2.85rem auto 0rem;
  }
}
.tmp_frame .inner {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .tmp_frame .inner {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_frame .inner .box_img {
    width: calc(280 / 980 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_frame .inner .box_img {
    width: calc(280 / 980 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame .inner .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame .inner .box_img {
    order: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_frame .inner .box_txt {
    width: calc(650 / 980 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_frame .inner .box_txt {
    width: calc(650 / 980 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame .inner .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame .inner .box_txt {
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_frame .inner .box_txt {
    margin-left: 3%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_frame .inner .box_txt .tmp_catch {
    margin: 0 0 1.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_frame .inner .box_txt .tmp_catch {
    margin: 0 0 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame .inner .box_txt .tmp_catch {
    margin: 1.42rem 0 1.42rem;
  }
}
.tmp_frame .inner .box_txt .phone {
  margin: 1.42rem 0 0;
  display: flex;
  align-items: center;
}
.tmp_frame .inner .box_txt .phone .sst {
  padding: 0 1.07rem;
}
.tmp_frame .inner .box_txt .phone .tel {
  color: #ff0000;
  font-family: 'Cinzel', "Times New Roman", Times, Garamond, Georgia, serif;
}
@media only screen and (min-width: 768px) {
  .tmp_frame .inner .box_txt .phone .tel {
    font-size: 1.64rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_frame .inner .box_txt .phone .tel {
    font-size: 1.54rem;
  }
}
.tmp_frame .inner .box_txt .phone .tel i {
  padding-right: 0.35rem;
  font-family: "Ionicons";
}