@charset "UTF-8";
/* 館内施設 */
/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit {
  background: url(../../facility/img/pagetit_bg.jpg) no-repeat center;
  background-size: cover;
}

/* ---------------------------------------------------
	sec1
------------------------------------------------------ */
#sec1 .fac_flex > .pic_col,
#sec2 .fac_flex > .pic_col,
#sec3 .fac_flex > .pic_col {
  width: 50%;
}
#sec1 .fac_flex > .pic_col img,
#sec2 .fac_flex > .pic_col img,
#sec3 .fac_flex > .pic_col img {
  display: block;
  float: right;
}
#sec1 .fac_flex > .txt_col,
#sec2 .fac_flex > .txt_col,
#sec3 .fac_flex > .txt_col {
  width: calc(50% - 70px);
}
#sec1 .fac_flex > .txt_col .main_tit,
#sec2 .fac_flex > .txt_col .main_tit,
#sec3 .fac_flex > .txt_col .main_tit {
  text-align: left;
}
#sec1 .fac_flex > .txt_col .btn_wrap,
#sec2 .fac_flex > .txt_col .btn_wrap,
#sec3 .fac_flex > .txt_col .btn_wrap {
  margin-top: 40px;
}
#sec1 .fac_flex.reverse > .pic_col img,
#sec2 .fac_flex.reverse > .pic_col img,
#sec3 .fac_flex.reverse > .pic_col img {
  float: left;
}
#sec1 .banquet_box,
#sec2 .banquet_box,
#sec3 .banquet_box {
  margin-top: 40px;
  background: #fff;
  padding: 15px 15px 20px;
  color: #001c42;
  text-align: center;
}
#sec1 .banquet_box .tit,
#sec2 .banquet_box .tit,
#sec3 .banquet_box .tit {
  margin-bottom: 10px;
  font-size: 1.188em;
  line-height: 1.4;
  letter-spacing: .06em;
}

@media screen and (max-width: 768px) {
  #sec1 .container,
  #sec2 .container,
  #sec3 .container {
    padding: 0;
  }
  #sec1 .fac_flex,
  #sec2 .fac_flex,
  #sec3 .fac_flex {
    display: block;
  }
  #sec1 .fac_flex > .pic_col,
  #sec2 .fac_flex > .pic_col,
  #sec3 .fac_flex > .pic_col {
    width: 100%;
  }
  #sec1 .fac_flex > .pic_col img,
  #sec2 .fac_flex > .pic_col img,
  #sec3 .fac_flex > .pic_col img {
    float: none;
  }
  #sec1 .fac_flex > .txt_col,
  #sec2 .fac_flex > .txt_col,
  #sec3 .fac_flex > .txt_col {
    width: 100%;
    padding: 15px 15px 40px;
  }
  #sec1 .fac_flex > .txt_col .main_tit,
  #sec2 .fac_flex > .txt_col .main_tit,
  #sec3 .fac_flex > .txt_col .main_tit {
    text-align: left;
  }
  #sec1 .fac_flex > .txt_col .btn_wrap,
  #sec2 .fac_flex > .txt_col .btn_wrap,
  #sec3 .fac_flex > .txt_col .btn_wrap {
    margin-top: 15px;
    text-align: center;
  }
  #sec1 .fac_flex.reverse > .pic_col img,
  #sec2 .fac_flex.reverse > .pic_col img,
  #sec3 .fac_flex.reverse > .pic_col img {
    float: none;
  }
  #sec1 .banquet_box,
  #sec2 .banquet_box,
  #sec3 .banquet_box {
    margin-top: 20px;
    background: #fff;
    padding: 15px 15px 20px;
    color: #001c42;
    text-align: center;
  }
  #sec1 .banquet_box .tit,
  #sec2 .banquet_box .tit,
  #sec3 .banquet_box .tit {
    margin-bottom: 10px;
  }
  #sec1 .banquet_box img,
  #sec2 .banquet_box img,
  #sec3 .banquet_box img {
    width: 250px;
  }
}
/* ---------------------------------------------------
	sec4
------------------------------------------------------ */
#sec4 .fac_col2 > .col {
  width: 490px;
  padding: 50px 0 80px;
}
#sec4 .fac_col2 > .col .pic {
  margin-bottom: 25px;
}
#sec4 .fac_col2 > .col .btn_wrap {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  #sec4 .fac_col2 > .col {
    width: 100%;
    padding: 30px 0 40px;
  }
  #sec4 .fac_col2 > .col .pic {
    margin-bottom: 15px;
  }
  #sec4 .fac_col2 > .col .btn_wrap {
    margin-top: 15px;
  }
  #sec4 #sec4_1 {
    padding-bottom: 10px;
  }
}
/* ---------------------------------------------------
	sec5
------------------------------------------------------ */
#sec5 {
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  #sec5 {
    padding-bottom: 40px;
  }
}
/* ---------------------------------------------------
	sec6
------------------------------------------------------ */
#sec6 {
  padding-bottom: 80px;
}
#sec6 .cancel_list {
  line-height: 1.8;
}
#sec6 .cancel_list dt {
  display: inline-block;
  min-width: 120px;
  vertical-align: middle;
}
#sec6 .cancel_list dd {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #sec6 {
    padding-bottom: 40px;
  }
}