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

 file name  : booked.css
 author     : Ability Consultant
 style info :ご成約済みのお客様
=================================================================== */
.con_meeting, .schedule {
  max-width: 1260px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_meeting, .schedule {
    width: 95%;
  }
}

.con_meeting:after, .con_meeting .box_meeting:after, .con_meeting .box_meeting .box_l .more:after, .schedule:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
  background-image: url(../booked/images/img_title-pc.jpg);
}
@media only screen and (max-width: 767px) {
  .con_title {
    background-image: url(../booked/images/img_title-sp.jpg);
  }
}

/* -----------------------------------------------------------
	.con_booked
----------------------------------------------------------- */
.con_booked {
  margin: 0 auto;
  max-width: 1260px;
}

/* -----------------------------------------------------------
	.box_info
----------------------------------------------------------- */
.box_info p {
  text-align: center;
}
.box_info .box_inner {
  margin: 0 auto;
  width: 80%;
}
.box_info .box_inner ul li {
  float: left;
  margin: 40px 15px 0px 15px;
  width: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info .box_inner ul li {
    width: 45%;
    margin: 20px 12px 0px 6px;
  }
}
.box_info .box_inner ul li a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
}
.box_info .box_inner ul li a span {
  text-align: center;
}
.box_info .box_inner .select_smoothscroll {
  margin: 6% 0 0 10%;
  width: 80%;
  height: 35px;
}

/* -----------------------------------------------------------
	.con_meeting
----------------------------------------------------------- */
.con_meeting {
  margin-top: 180px;
  line-height: 2.0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_meeting {
    margin-top: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .con_meeting {
    margin-top: 20px;
  }
}
.con_meeting .st_mid_line {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_meeting .st_mid_line {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_meeting .st_mid_line {
    margin-bottom: 15px;
  }
}
.con_meeting .box_meeting {
  margin-bottom: 70px;
  padding-bottom: 35px;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_meeting .box_meeting {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_meeting .box_meeting {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_meeting .box_meeting {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_meeting .box_meeting {
    padding-bottom: 20px;
  }
}
.con_meeting .box_meeting .box_l {
  float: left;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .con_meeting .box_meeting .box_l {
    width: 100%;
  }
}
.con_meeting .box_meeting .box_l h3 {
  font-size: 113%;
}
.con_meeting .box_meeting .box_l .ex {
  margin: 6px 0;
}
.con_meeting .box_meeting .box_l .ex .btn_ex {
  text-align: left;
}
.con_meeting .box_meeting .box_l .ex .btn_ex i {
  margin-left: 15px;
}
.con_meeting .box_meeting .box_l .more {
  margin-bottom: 2em;
}
.con_meeting .box_meeting .box_l .more .btn_more {
  float: left;
  margin: 5px 20px 0 0;
}
.con_meeting .box_meeting .box_l .print {
  margin: 6px 0;
}
.con_meeting .box_meeting .box_l .print .btn_print {
  text-align: left;
  margin-bottom: 2em;
}
.con_meeting .box_meeting .box_l .btn_basic a, .con_meeting .box_meeting .box_l .btn_basic_bg a {
  padding: 10px 55px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_meeting .box_meeting .box_l .btn_basic a, .con_meeting .box_meeting .box_l .btn_basic_bg a {
    padding: 8px 55px;
  }
}
@media only screen and (max-width: 767px) {
  .con_meeting .box_meeting .box_l .btn_basic a, .con_meeting .box_meeting .box_l .btn_basic_bg a {
    padding: 3px 20px;
    min-width: 180px;
  }
}
.con_meeting .box_meeting .box_r {
  float: left;
  width: 38%;
}
.con_meeting .box_meeting .box_r .img {
  margin-left: 10px;
}

/* -----------------------------------------------------------
	.schedule
----------------------------------------------------------- */
.schedule {
  clear: both;
  margin-top: 40px;
}
.schedule .st_mid_line {
  margin-bottom: 0;
}
.schedule .box_schedule {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .schedule .box_schedule {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .schedule .box_schedule {
    margin-top: 10px;
  }
}
.schedule .box_schedule i {
  position: relative;
  margin-right: 6px;
}
.schedule .box_schedule i:after {
  position: absolute;
  font-family: Fontawesome;
  top: 0%;
  left: 0%;
  font-size: 12px;
}
.schedule .box_schedule .st {
  font-size: 113%;
}
.schedule .box_schedule .txt_att {
  font-size: 75%;
}
@media only screen and (max-width: 1024px) {
  .schedule .box_schedule .scroll {
    overflow: auto;
    white-space: nowrap;
  }
}
.schedule .box_schedule .scroll::-webkit-scrollbar {
  height: 5px;
}
.schedule .box_schedule .scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.schedule .box_schedule .scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
.schedule .box_schedule .tbl_primary {
  margin-top: 5px;
  width: 100%;
}