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

 file name  : facilities.css
 author     : Ability Consultant
 style info : 館内案内＆ギャラリー
=================================================================== */
/* -----------------------------------------------------------
	con_main
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .con_main .st_main .en {
    background-image: url(../facilities/images/img_main-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .con_main .st_main .en {
    background-image: url(../facilities/images/img_main-sp.jpg);
    line-height: 1.0em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .st_main .en {
    line-height: 1.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .st_main .jp {
    line-height: 1.3em;
  }
}

/* -----------------------------------------------------------
	con_link
----------------------------------------------------------- */
.con_link {
  /*ul*/
}
@media only screen and (min-width: 768px) {
  .con_link {
    margin: 2em 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_link {
    margin: 2em 0 0 0;
  }
}
.con_link ul {
  max-width: 1200px;
  width: 92%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .con_link ul {
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link ul {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_link ul {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_link ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.con_link ul li {
  /*a*/
}
.con_link ul li a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: dashed 0.5px #161616;
  position: relative;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .con_link ul li a {
    width: 260px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link ul li a {
    width: 28vw;
  }
}
@media only screen and (max-width: 767px) {
  .con_link ul li a {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_link ul li a {
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link ul li a {
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_link ul li a {
    height: 45px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_link ul li a {
    margin: 2em 1em 0 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link ul li a {
    margin: 1em 0.5em 0 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_link ul li a {
    margin: 0 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_link ul li a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 0 0 20px;
    font-size: 87%;
    border-top: dashed 0.5px #161616;
    border-right: dashed 0.5px #161616;
    border-left: dashed 0.5px #161616;
    border-bottom: none;
  }
}
.con_link ul li a p {
  text-align: left;
}
.con_link ul li a:after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 5%;
  bottom: 32%;
}
.con_link ul li a:hover {
  background-color: #eaeaea;
  color: #eaeaea;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
.con_link ul li a:hover:after {
  right: 5%;
  bottom: 25%;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}
@media only screen and (max-width: 767px) {
  .con_link ul li:last-of-type a {
    border-bottom: dashed 0.5px #161616;
  }
}

.box_gallery {
  width: 100%;
}

table.tbl_fac tr:last-child th:before {
  background: url(../images/common/bd_dash.png) repeat-x 0 bottom;
  position: absolute;
  content: "";
  height: 1px;
  display: block;
  width: calc(100% - 1em);
  left: 0.5em;
  right: 0.5em;
  bottom: 0;
}
table.tbl_fac tr:last-child td:before {
  position: absolute;
  content: "";
  height: 1px;
  display: block;
  width: calc(100% - 1em);
  left: 0.5em;
  right: 0.5em;
  bottom: 0;
}

/* -----------------------------------------------------------
	基本の形　con_exterior .con_lounge .hotspring .con_garden .con_restaurant-cg .con_relaxation
----------------------------------------------------------- */
.con_exterior, .con_lounge, .con_hotspring, .con_garden, .con_restaurant-cg, .con_relaxation {
  max-width: 1760px;
  /*.tbl_fac*/
}
@media only screen and (min-width: 1025px) {
  .con_exterior, .con_lounge, .con_hotspring, .con_garden, .con_restaurant-cg, .con_relaxation {
    margin: 16em auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_exterior, .con_lounge, .con_hotspring, .con_garden, .con_restaurant-cg, .con_relaxation {
    margin: 6em auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior, .con_lounge, .con_hotspring, .con_garden, .con_restaurant-cg, .con_relaxation {
    margin: 5em auto 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_exterior h3.tmp_st_h3_enjp, .con_lounge h3.tmp_st_h3_enjp, .con_hotspring h3.tmp_st_h3_enjp, .con_garden h3.tmp_st_h3_enjp, .con_restaurant-cg h3.tmp_st_h3_enjp, .con_relaxation h3.tmp_st_h3_enjp {
    margin: 0 0 5em 8em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_exterior h3.tmp_st_h3_enjp, .con_lounge h3.tmp_st_h3_enjp, .con_hotspring h3.tmp_st_h3_enjp, .con_garden h3.tmp_st_h3_enjp, .con_restaurant-cg h3.tmp_st_h3_enjp, .con_relaxation h3.tmp_st_h3_enjp {
    margin: 0 0 2em 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior h3.tmp_st_h3_enjp, .con_lounge h3.tmp_st_h3_enjp, .con_hotspring h3.tmp_st_h3_enjp, .con_garden h3.tmp_st_h3_enjp, .con_restaurant-cg h3.tmp_st_h3_enjp, .con_relaxation h3.tmp_st_h3_enjp {
    margin: 0 0 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior h3.tmp_st_h3_enjp, .con_lounge h3.tmp_st_h3_enjp, .con_hotspring h3.tmp_st_h3_enjp, .con_garden h3.tmp_st_h3_enjp, .con_restaurant-cg h3.tmp_st_h3_enjp, .con_relaxation h3.tmp_st_h3_enjp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.con_exterior .box_ga_txt, .con_lounge .box_ga_txt, .con_hotspring .box_ga_txt, .con_garden .box_ga_txt, .con_restaurant-cg .box_ga_txt, .con_relaxation .box_ga_txt {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .con_exterior .box_ga_txt, .con_lounge .box_ga_txt, .con_hotspring .box_ga_txt, .con_garden .box_ga_txt, .con_restaurant-cg .box_ga_txt, .con_relaxation .box_ga_txt {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_exterior .box_ga_txt, .con_lounge .box_ga_txt, .con_hotspring .box_ga_txt, .con_garden .box_ga_txt, .con_restaurant-cg .box_ga_txt, .con_relaxation .box_ga_txt {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .box_ga_txt, .con_lounge .box_ga_txt, .con_hotspring .box_ga_txt, .con_garden .box_ga_txt, .con_restaurant-cg .box_ga_txt, .con_relaxation .box_ga_txt {
    width: 90%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_exterior .box_ga_txt, .con_lounge .box_ga_txt, .con_hotspring .box_ga_txt, .con_garden .box_ga_txt, .con_restaurant-cg .box_ga_txt, .con_relaxation .box_ga_txt {
    margin: 6em auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_exterior .box_ga_txt, .con_lounge .box_ga_txt, .con_hotspring .box_ga_txt, .con_garden .box_ga_txt, .con_restaurant-cg .box_ga_txt, .con_relaxation .box_ga_txt {
    margin: 2em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .box_ga_txt, .con_lounge .box_ga_txt, .con_hotspring .box_ga_txt, .con_garden .box_ga_txt, .con_restaurant-cg .box_ga_txt, .con_relaxation .box_ga_txt {
    margin: 3em auto;
  }
}
@media only screen and (min-width: 768px) {
  .con_exterior .tbl_fac, .con_lounge .tbl_fac, .con_hotspring .tbl_fac, .con_garden .tbl_fac, .con_restaurant-cg .tbl_fac, .con_relaxation .tbl_fac {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .tbl_fac, .con_lounge .tbl_fac, .con_hotspring .tbl_fac, .con_garden .tbl_fac, .con_restaurant-cg .tbl_fac, .con_relaxation .tbl_fac {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_exterior .tbl_fac, .con_lounge .tbl_fac, .con_hotspring .tbl_fac, .con_garden .tbl_fac, .con_restaurant-cg .tbl_fac, .con_relaxation .tbl_fac {
    margin: 2em auto 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .tbl_fac, .con_lounge .tbl_fac, .con_hotspring .tbl_fac, .con_garden .tbl_fac, .con_restaurant-cg .tbl_fac, .con_relaxation .tbl_fac {
    margin: 1em auto 5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_exterior .tbl_fac p.f_jp_goth, .con_lounge .tbl_fac p.f_jp_goth, .con_hotspring .tbl_fac p.f_jp_goth, .con_garden .tbl_fac p.f_jp_goth, .con_restaurant-cg .tbl_fac p.f_jp_goth, .con_relaxation .tbl_fac p.f_jp_goth {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .tbl_fac p.f_jp_goth, .con_lounge .tbl_fac p.f_jp_goth, .con_hotspring .tbl_fac p.f_jp_goth, .con_garden .tbl_fac p.f_jp_goth, .con_restaurant-cg .tbl_fac p.f_jp_goth, .con_relaxation .tbl_fac p.f_jp_goth {
    font-size: 134%;
  }
}
@media only screen and (min-width: 768px) {
  .con_exterior .tbl_fac .tmp_table, .con_lounge .tbl_fac .tmp_table, .con_hotspring .tbl_fac .tmp_table, .con_garden .tbl_fac .tmp_table, .con_restaurant-cg .tbl_fac .tmp_table, .con_relaxation .tbl_fac .tmp_table {
    margin: 0.5em 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .tbl_fac .tmp_table, .con_lounge .tbl_fac .tmp_table, .con_hotspring .tbl_fac .tmp_table, .con_garden .tbl_fac .tmp_table, .con_restaurant-cg .tbl_fac .tmp_table, .con_relaxation .tbl_fac .tmp_table {
    margin: 0.5em 0 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_exterior .tbl_fac th, .con_lounge .tbl_fac th, .con_hotspring .tbl_fac th, .con_garden .tbl_fac th, .con_restaurant-cg .tbl_fac th, .con_relaxation .tbl_fac th {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_exterior .tbl_fac th, .con_lounge .tbl_fac th, .con_hotspring .tbl_fac th, .con_garden .tbl_fac th, .con_restaurant-cg .tbl_fac th, .con_relaxation .tbl_fac th {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .tbl_fac th, .con_lounge .tbl_fac th, .con_hotspring .tbl_fac th, .con_garden .tbl_fac th, .con_restaurant-cg .tbl_fac th, .con_relaxation .tbl_fac th {
    width: 35%;
  }
}
@media only screen and (min-width: 768px) {
  .con_exterior .tbl_fac td, .con_lounge .tbl_fac td, .con_hotspring .tbl_fac td, .con_garden .tbl_fac td, .con_restaurant-cg .tbl_fac td, .con_relaxation .tbl_fac td {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_exterior .tbl_fac td, .con_lounge .tbl_fac td, .con_hotspring .tbl_fac td, .con_garden .tbl_fac td, .con_restaurant-cg .tbl_fac td, .con_relaxation .tbl_fac td {
    width: auto;
  }
}
.con_exterior .link_fac a, .con_lounge .link_fac a, .con_hotspring .link_fac a, .con_garden .link_fac a, .con_restaurant-cg .link_fac a, .con_relaxation .link_fac a {
  margin: 0 auto;
}

/* -----------------------------------------------------------
	.con_restaurant.con_rooms .con_letter .con_terrace .con_meet
----------------------------------------------------------- */
/*sp表示用のtitleボックス*/
.box_titel_bottom_con {
  margin-top: 5em;
}
@media only screen and (max-width: 767px) {
  .box_titel_bottom_con .tmp_st_h3_enjp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_titel_bottom_con .tmp_st_h3_enjp {
    margin: 0 0 2em 5em;
  }
}

.con_tenman, .con_restaurant, .con_rooms, .con_letter, .con_terrace, .con_meet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) {
  .con_tenman, .con_restaurant, .con_rooms, .con_letter, .con_terrace, .con_meet {
    padding: 12em 0 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_tenman, .con_restaurant, .con_rooms, .con_letter, .con_terrace, .con_meet {
    padding: 0 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_tenman, .con_restaurant, .con_rooms, .con_letter, .con_terrace, .con_meet {
    padding: 0 0 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_tenman, .con_restaurant, .con_rooms, .con_letter, .con_terrace, .con_meet {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_tenman, .con_restaurant, .con_rooms, .con_letter, .con_terrace, .con_meet {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
  .con_tenman .tmp_st_h3_enjp .en, .con_restaurant .tmp_st_h3_enjp .en, .con_rooms .tmp_st_h3_enjp .en, .con_letter .tmp_st_h3_enjp .en, .con_terrace .tmp_st_h3_enjp .en, .con_meet .tmp_st_h3_enjp .en {
    font-size: 360%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .con_tenman .tmp_st_h3_enjp .en, .con_restaurant .tmp_st_h3_enjp .en, .con_rooms .tmp_st_h3_enjp .en, .con_letter .tmp_st_h3_enjp .en, .con_terrace .tmp_st_h3_enjp .en, .con_meet .tmp_st_h3_enjp .en {
    font-size: 320%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .con_tenman .tmp_st_h3_enjp .en, .con_restaurant .tmp_st_h3_enjp .en, .con_rooms .tmp_st_h3_enjp .en, .con_letter .tmp_st_h3_enjp .en, .con_terrace .tmp_st_h3_enjp .en, .con_meet .tmp_st_h3_enjp .en {
    font-size: 280%;
  }
}
.con_tenman .box_gallery, .con_restaurant .box_gallery, .con_rooms .box_gallery, .con_letter .box_gallery, .con_terrace .box_gallery, .con_meet .box_gallery {
  width: 73.56805%;
}
@media only screen and (max-width: 1300px) {
  .con_tenman .box_gallery, .con_restaurant .box_gallery, .con_rooms .box_gallery, .con_letter .box_gallery, .con_terrace .box_gallery, .con_meet .box_gallery {
    width: 65%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_tenman .box_gallery, .con_restaurant .box_gallery, .con_rooms .box_gallery, .con_letter .box_gallery, .con_terrace .box_gallery, .con_meet .box_gallery {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tenman .box_gallery, .con_restaurant .box_gallery, .con_rooms .box_gallery, .con_letter .box_gallery, .con_terrace .box_gallery, .con_meet .box_gallery {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 1.5em;
    width: 100%;
  }
}
.con_tenman .box_txt, .con_restaurant .box_txt, .con_rooms .box_txt, .con_letter .box_txt, .con_terrace .box_txt, .con_meet .box_txt {
  width: 26.43195%;
  padding: 0 5em;
}
@media only screen and (max-width: 1500px) {
  .con_tenman .box_txt, .con_restaurant .box_txt, .con_rooms .box_txt, .con_letter .box_txt, .con_terrace .box_txt, .con_meet .box_txt {
    padding: 0 2.5em;
  }
}
@media only screen and (max-width: 1300px) {
  .con_tenman .box_txt, .con_restaurant .box_txt, .con_rooms .box_txt, .con_letter .box_txt, .con_terrace .box_txt, .con_meet .box_txt {
    width: 35%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_tenman .box_txt, .con_restaurant .box_txt, .con_rooms .box_txt, .con_letter .box_txt, .con_terrace .box_txt, .con_meet .box_txt {
    width: 85%;
    margin: 1.5em auto;
  }
}
@media only screen and (max-width: 991px) {
  .con_tenman .box_txt, .con_restaurant .box_txt, .con_rooms .box_txt, .con_letter .box_txt, .con_terrace .box_txt, .con_meet .box_txt {
    padding: 0 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_tenman .box_txt, .con_restaurant .box_txt, .con_rooms .box_txt, .con_letter .box_txt, .con_terrace .box_txt, .con_meet .box_txt {
    padding: 0 1.5em 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_tenman .box_txt h3, .con_restaurant .box_txt h3, .con_rooms .box_txt h3, .con_letter .box_txt h3, .con_terrace .box_txt h3, .con_meet .box_txt h3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_tenman .box_txt h3 .jp, .con_restaurant .box_txt h3 .jp, .con_rooms .box_txt h3 .jp, .con_letter .box_txt h3 .jp, .con_terrace .box_txt h3 .jp, .con_meet .box_txt h3 .jp {
    margin: 2em 0 3.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_tenman .box_txt h3 .jp, .con_restaurant .box_txt h3 .jp, .con_rooms .box_txt h3 .jp, .con_letter .box_txt h3 .jp, .con_terrace .box_txt h3 .jp, .con_meet .box_txt h3 .jp {
    margin: 1em 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_tenman .box_txt h3 .jp, .con_restaurant .box_txt h3 .jp, .con_rooms .box_txt h3 .jp, .con_letter .box_txt h3 .jp, .con_terrace .box_txt h3 .jp, .con_meet .box_txt h3 .jp {
    margin: 1em 0 1.5em;
  }
}
.con_tenman .box_txt .txt, .con_restaurant .box_txt .txt, .con_rooms .box_txt .txt, .con_letter .box_txt .txt, .con_terrace .box_txt .txt, .con_meet .box_txt .txt {
  line-height: 2.5;
  letter-spacing: 2px;
}
@media only screen and (min-width: 1025px) {
  .con_tenman .link_fac a, .con_restaurant .link_fac a, .con_rooms .link_fac a, .con_letter .link_fac a, .con_terrace .link_fac a, .con_meet .link_fac a {
    margin: 3em auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_tenman .link_fac a, .con_restaurant .link_fac a, .con_rooms .link_fac a, .con_letter .link_fac a, .con_terrace .link_fac a, .con_meet .link_fac a {
    margin: 1em auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_tenman .link_fac a, .con_restaurant .link_fac a, .con_rooms .link_fac a, .con_letter .link_fac a, .con_terrace .link_fac a, .con_meet .link_fac a {
    margin: 1em auto 0;
  }
}

.box_ga_txt {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .box_ga_txt {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_ga_txt {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .box_ga_txt {
    width: 90%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_ga_txt {
    margin: 6em auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_ga_txt {
    margin: 2em auto;
  }
}
@media only screen and (max-width: 767px) {
  .box_ga_txt {
    margin: 0 auto 7em;
  }
}

/* -----------------------------------------------------------
.con_info
----------------------------------------------------------- */
.con_info {
  padding: 0 5em;
}
@media only screen and (min-width: 1025px) {
  .con_info {
    margin-top: 16em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info {
    margin-top: 12em;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 1200px) {
  .con_info {
    padding: 0 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    padding: 0 2.5%;
  }
}
.con_info .wrap {
  max-width: 1115px;
  width: 100%;
  margin: 0 auto;
}
.con_info h2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .con_info .tmp_table_respon {
    margin: 6em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info .tmp_table_respon {
    margin: 4em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .tmp_table_respon {
    margin: 1.5em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_info table.tmp_table {
    margin: 6em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info table.tmp_table {
    margin: 4em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table {
    margin: 2.5em 0;
  }
}
.con_info table.tmp_table th {
  width: 18%;
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table th {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table td {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table th, .con_info table.tmp_table td {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table tr:last-child th::before {
    display: block;
  }
}