@charset "UTF-8";

/* ===================================================================
CSS information

 file name  : facilities.css
 author     : Ability Consultant
 style info : 館内施設
=================================================================== */
.con_intro,
.con_safety .box_txt,
.con_facilities .box_flo,
.con_facilities .box_fac .layout2,
.con_service .box_ser,
.con_information {
  max-width: 1100px;
  margin: auto;
  width: 90%;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  text-align: center;
}

.con_intro .st {
  text-align: center;
  font-size: 170%;
  font-family: "游明朝 Demibold", "My Yu Mincho Demibold", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #48839b;
  letter-spacing: .01em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_intro .st {
    font-size: 154%;
  }
}

@media only screen and (max-width: 767px) {
  .con_intro .st {
    font-size: 139%;
    letter-spacing: .05em;
  }
}

.con_intro .txt {
  font-size: 124%;
  line-height: 2;
  margin-top: 1.5em;
}

@media only screen and (max-width: 767px) {
  .con_intro .txt {
    margin-top: .5em;
    font-size: 108%;
    text-align: left;
    line-height: 1.6;
  }
}

/* -----------------------------------------------------------
	con_safety
----------------------------------------------------------- */
@media only screen and (min-width: 1100px) {
  .con_safety {
    padding-bottom: 160px;
  }
}

@media print {
  .con_safety {
    padding-bottom: 160px;
  }
}

.con_safety h3>* {
  color: #FFF;
}

.con_safety .box_txt {
  margin-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_safety .box_txt {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .con_safety .box_txt {
    margin-top: 1em;
  }
}

@media only screen and (min-width: 1100px) {
  .con_safety .box_txt {
    text-align: left;
    letter-spacing: -.5em;
  }
}

@media print {
  .con_safety .box_txt {
    text-align: left;
    letter-spacing: -.5em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_safety .box_txt {
    width: 90%;
    max-width: 862px;
    margin: 1.5em auto 0;
  }
}

.con_safety .box_txt .wrp_img {
  letter-spacing: -.5em;
}

@media only screen and (min-width: 768px) {
  .con_safety .box_txt .wrp_img {
    width: 40.54545%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

@media print {
  .con_safety .box_txt .wrp_img {
    width: 40.54545%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}

@media only screen and (max-width: 767px) {
  .con_safety .box_txt .wrp_img img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .con_safety .box_txt .wrp_txt {
    letter-spacing: normal;
    width: 58%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6%;
  }
}

@media print {
  .con_safety .box_txt .wrp_txt {
    letter-spacing: normal;
    width: 58%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6%;
  }
}

@media only screen and (max-width: 767px) {
  .con_safety .box_txt .wrp_txt {
    margin-top: 1em;
    text-align: center;
  }
}

.con_safety .box_txt .wrp_txt h4 {
  font-family: "游明朝 Demibold", "My Yu Mincho Demibold", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 154%;
  letter-spacing: .1em;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_safety .box_txt .wrp_txt h4 {
    font-size: 147%;
  }
}

@media only screen and (max-width: 767px) {
  .con_safety .box_txt .wrp_txt h4 {
    font-size: 139%;
  }
}

.con_safety .box_txt .wrp_txt h4 i {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.con_safety .box_txt .wrp_txt .txt {
  font-size: 124%;
  margin-top: 1.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_safety .box_txt .wrp_txt .txt {
    margin-top: 1em;
    font-size: 112%;
  }
}

@media only screen and (max-width: 767px) {
  .con_safety .box_txt .wrp_txt .txt {
    margin-top: 1em;
    font-size: 108%;
  }
}

/* -----------------------------------------------------------
	con_facilities
----------------------------------------------------------- */
.con_facilities {
  background: url(../images/common/bg_pattern2.png) repeat top left;
  padding-top: 146px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities {
    padding-top: 3em;
  }
}

@media only screen and (min-width: 768px) {
  .con_facilities .box_flo {
    margin-top: 1em;
    text-align: center;
    letter-spacing: -.5em;
  }

  .con_facilities .box_flo>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    letter-spacing: normal;
  }
}

@media print {
  .con_facilities .box_flo {
    margin-top: 1em;
    text-align: center;
    letter-spacing: -.5em;
  }

  .con_facilities .box_flo>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    letter-spacing: normal;
  }
}

.con_facilities .box_flo .wrp_img {
  width: 24.63636%;
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_flo .wrp_img {
    width: 50%;
    margin: 0 auto;
  }
}

.con_facilities .box_flo .wrp_img .st {
  font-family: "Dancing Script", cursive;
  font-size: 354%;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  text-indent: -4em;
  line-height: 1;
  color: #48839b;
  margin-bottom: .4em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_flo .wrp_img .st {
    font-size: 270%;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_flo .wrp_img .st {
    text-indent: 0;
    font-size: 231%;
    text-indent: -1.5em;
    white-space: nowrap;
  }
}

.con_facilities .box_flo .wrp_txt {
  width: 48.18182%;
  margin-left: 6.27273%;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_flo .wrp_txt {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_flo .wrp_txt {
    width: 100%;
    margin: 1em auto 0;
  }
}

.con_facilities .box_flo .wrp_txt table {
  width: 100%;
}

.con_facilities .box_flo .wrp_txt table tr th,
.con_facilities .box_flo .wrp_txt table tr td {
  border-bottom: 1px solid #c1c1c1;
  padding: .7em;
  font-weight: normal;
  font-size: 116%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {

  .con_facilities .box_flo .wrp_txt table tr th,
  .con_facilities .box_flo .wrp_txt table tr td {
    font-size: 108%;
    padding: .5em;
  }
}

.con_facilities .box_flo .wrp_txt table tr th {
  padding: .7em 0 .7em 1em;
  border-bottom: 1px solid #2b677b;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_flo .wrp_txt table tr th {
    padding: .5em 0 .5em 1em;
  }
}

.con_facilities .box_flo .wrp_txt table tr td {
  width: 90%;
  padding-left: 1.5em;
  text-align: left;
}

.con_facilities .box_fac {
  margin-top: 64px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_fac {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac {
    margin-top: 2em;
  }
}

.con_facilities .box_fac .layout1 {
  max-width: 1900px;
  width: 90%;
  margin: auto;
}

.con_facilities .box_fac .layout1 li {
  letter-spacing: normal;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .con_facilities .box_fac .layout1 li {
    width: 49.94737%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-left: 0.10526%;
  }

  .con_facilities .box_fac .layout1 li:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media print {
  .con_facilities .box_fac .layout1 li {
    width: 49.94737%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-left: 0.10526%;
  }

  .con_facilities .box_fac .layout1 li:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac .layout1 li {
    margin-top: 2em;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac .layout2 {
    margin-top: 1em;
  }
}

.con_facilities .box_fac .layout2 li {
  margin-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_fac .layout2 li {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac .layout2 li {
    margin-top: 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  .con_facilities .box_fac .layout2 li {
    width: 29.54545%;
    margin-left: 5.63636%;
  }

  .con_facilities .box_fac .layout2 li:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media print {
  .con_facilities .box_fac .layout2 li {
    width: 29.54545%;
    margin-left: 5.63636%;
  }

  .con_facilities .box_fac .layout2 li:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac .layout2 li {
    width: 48%;
    margin: 4% 0 0 4%;
  }

  .con_facilities .box_fac .layout2 li:nth-child(2n+1) {
    margin-left: 0;
  }
}

.con_facilities .box_fac .layout2 li .sst {
  display: block;
  padding: .7em 0;
  max-width: 100%;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac .layout2 li .sst {
    padding: .5em 0;
    font-size: 116%;
  }
}

.con_facilities .box_fac .layout2 li .txt {
  max-width: 100%;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac .layout2 li .txt {
    margin-top: .5em;
    font-size: 100%;
  }
}

.con_facilities .box_fac ul {
  letter-spacing: -.5em;
}

.con_facilities .box_fac ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  letter-spacing: normal;
  text-align: center;
}

.con_facilities .box_fac ul li .img {
  position: relative;
}

.con_facilities .box_fac ul li .img span {
  background: #309bae;
  color: #FFF;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
  padding: .4em 1.3em;
  font-size: 124%;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_fac ul li .img span {
    font-size: 116%;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac ul li .img span {
    font-size: 100%;
    padding: .3em .5em;
  }
}

.con_facilities .box_fac ul li .sst {
  text-align: center;
  font-weight: bold;
  font-size: 170%;
  color: #424242;
  padding: .5em 3em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-bottom: 1px solid #b8c8d1;
  max-width: 90%;
  margin: .5em auto 0;
  line-height: 1.3;
  font-family: "游明朝 Demibold", "My Yu Mincho Demibold", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_fac ul li .sst {
    font-size: 139%;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac ul li .sst {
    font-size: 124%;
  }
}

.con_facilities .box_fac ul li .txt {
  font-size: 124%;
  max-width: 90%;
  margin: 1em auto 0;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_fac ul li .txt {
    font-size: 116%;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac ul li .txt {
    font-size: 108%;
  }
}

.con_facilities .box_fac ul li .link {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-top: 2em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_facilities .box_fac ul li .link {
    margin-top: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .con_facilities .box_fac ul li .link {
    margin-top: 1em;
  }
}

.con_facilities .box_fac ul li .link a {
  display: block;
  text-decoration: none;
  font-size: 116%;
  border-bottom: 1px solid #c1c1c1;
  padding: 0 1.5em .3em;
  color: #424242;
  font-weight: bold;
  position: relative;
}

.con_facilities .box_fac ul li .link a:before,
.con_facilities .box_fac ul li .link a:after {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: baseline;
}

.con_facilities .box_fac ul li .link a:after {
  content: "";
  margin-left: .5em;
}

.con_facilities .box_fac ul li .link a:before {
  content: '';
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  background: #000;
  -moz-transition: width 400ms;
  -o-transition: width 400ms;
  -webkit-transition: width 400ms;
  transition: width 400ms;
}

.con_facilities .box_fac ul li .link a:hover:before {
  width: 100%;
}

/* -----------------------------------------------------------
	con_service
----------------------------------------------------------- */
.con_service {
  background: url(../images/common/bg_pattern2.png) repeat top left;
  padding: 95px 0 65px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_service {
    padding: 70px 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  .con_service {
    padding: 3em 0 2em;
  }
}

.con_service .box_ser {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_service .box_ser {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .con_service .box_ser {
    margin-top: 1em;
  }
}

.con_service .box_ser ul {
  overflow: hidden;
  border-left: 1px solid #b8c8d1;
  border-top: 1px solid #b8c8d1;
}

.con_service .box_ser ul li {
  background: #FFF;
  letter-spacing: -.5em;
  text-align: center;
  text-align: left;
  border-bottom: 1px solid #b8c8d1;
  border-right: 1px solid #b8c8d1;
  padding: 40px 45px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_service .box_ser ul li {
    padding: 15px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .con_service .box_ser ul li {
    padding: 0.8em;
  }
}

.con_service .box_ser ul li:nth-child(2n+1) {
  clear: both;
}

@media only screen and (min-width: 768px) {
  .con_service .box_ser ul li {
    width: 50%;
    float: left;
  }
}

@media print {
  .con_service .box_ser ul li {
    width: 50%;
    float: left;
  }
}

.con_service .box_ser ul li>* {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: normal;
  vertical-align: middle;
}

.con_service .box_ser ul li .wrp_ic {
  width: 12.3913%;
  margin-right: 6.52174%;
}

.con_service .box_ser ul li .wrp_txt {
  width: 81.08696%;
}

.con_service .box_ser ul li .wrp_txt .sst {
  font-weight: bold;
  color: #48839b;
  letter-spacing: .05em;
  font-size: 154%;
  font-family: "游明朝 Demibold", "My Yu Mincho Demibold", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_service .box_ser ul li .wrp_txt .sst {
    font-size: 131%;
  }
}

@media only screen and (max-width: 767px) {
  .con_service .box_ser ul li .wrp_txt .sst {
    font-size: 124%;
    line-height: 1;
  }
}

.con_service .box_ser ul li .wrp_txt .txt {
  font-size: 124%;
  margin-top: .5em;
}

@media only screen and (max-width: 1099px) {
  .con_service .box_ser ul li .wrp_txt .txt {
    font-size: 108%;
    margin-top: .3em;
  }
}

@media only screen and (max-width: 767px) {
  .con_service .box_ser ul li .wrp_txt .txt {
    font-size: 100%;
  }
}

/* -----------------------------------------------------------
	con_information
----------------------------------------------------------- */
.con_information {
  padding-top: 107px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_information {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .con_information {
    padding-top: 2em;
  }
}

.con_information h3 {
  text-align: left;
}

@media only screen and (min-width: 1100px) {
  .con_information h3>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
  }

  .con_information h3 span {
    padding-right: .2em;
  }
}

@media print {
  .con_information h3>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
  }

  .con_information h3 span {
    padding-right: .2em;
  }
}

@media only screen and (max-width: 767px) {
  .con_information h3>* {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
  }
}

.con_information .box_info {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_information .box_info {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .con_information .box_info {
    margin-top: 1em;
  }
}

.con_information .box_info>table {
  width: 100%;
}

.con_information .box_info>table>tbody>tr>th,
.con_information .box_info>table>tbody>tr>td {
  border-bottom: 1px dotted #c1c1c1;
  padding: .5em 1em;
  font-size: 124%;
  font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {

  .con_information .box_info>table>tbody>tr>th,
  .con_information .box_info>table>tbody>tr>td {
    font-size: 116%;
  }
}

@media only screen and (max-width: 767px) {

  .con_information .box_info>table>tbody>tr>th,
  .con_information .box_info>table>tbody>tr>td {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 108%;
  }
}

.con_information .box_info>table>tbody>tr>th>table,
.con_information .box_info>table>tbody>tr>td>table {
  width: 100%;
}

.con_information .box_info>table>tbody>tr>th>table tr:last-child th,
.con_information .box_info>table>tbody>tr>th>table tr:last-child td,
.con_information .box_info>table>tbody>tr>td>table tr:last-child th,
.con_information .box_info>table>tbody>tr>td>table tr:last-child td {
  border-bottom: none;
}

.con_information .box_info>table>tbody>tr>th>table tr .th1,
.con_information .box_info>table>tbody>tr>td>table tr .th1 {
  border-bottom: none !important;
}

.con_information .box_info>table>tbody>tr>th>table tr th,
.con_information .box_info>table>tbody>tr>th>table tr td,
.con_information .box_info>table>tbody>tr>td>table tr th,
.con_information .box_info>table>tbody>tr>td>table tr td {
  padding: .5em;
  border-right: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  text-align: center;
}

.con_information .box_info>table>tbody>tr>th>table tr th:last-child,
.con_information .box_info>table>tbody>tr>th>table tr td:last-child,
.con_information .box_info>table>tbody>tr>td>table tr th:last-child,
.con_information .box_info>table>tbody>tr>td>table tr td:last-child {
  border-right: none;
}

.con_information .box_info>table>tbody>tr>th {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .con_information .box_info>table>tbody>tr>th {
    background: rgba(193, 193, 193, 0.2);
  }
}

.con_information .wrp_cancel {
  margin-top: 5em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .con_information .wrp_cancel {
    margin-top: 4em;
  }
}

@media only screen and (max-width: 767px) {
  .con_information .wrp_cancel {
    margin-top: 3em;
  }
}

.con_information .wrp_cancel .st {
  font-weight: bold;
  font-size: 162%;
  color: #5f5f5f;
  font-family: "游明朝 Demibold", "My Yu Mincho Demibold", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: .05em;
}

@media only screen and (max-width: 767px) {
  .con_information .wrp_cancel .st {
    font-size: 147%;
  }
}

.con_information .wrp_cancel .txt {
  font-size: 108%;
  margin-top: .5em;
}

.con_information .wrp_cancel .txt2 {
  font-size: 116%;
  margin-top: .5em;
}

.con_information .wrp_cancel ul.txt2 {
  padding-left: 1.5em;
}

.con_information .wrp_cancel ul.txt2 li {
  list-style: disc;
  margin-top: 0.3em;
}

.con_information .wrp_cancel table {
  max-width: 750px;
  margin: 1em 0 0;
  width: 90%;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
}

@media only screen and (max-width: 767px) {
  .con_information .wrp_cancel table {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    margin: .8em 0 0;
    display: block;
    text-align: left;
    overflow-x: scroll;
  }
}

.con_information .wrp_cancel table tr th,
.con_information .wrp_cancel table tr td {
  padding: .5em;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
  font-size: 116%;
  font-weight: normal;
}