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

 file name  :homepage.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*----------------------------------------------------
	.con_intro
----------------------------------------------------*/
.con_intro {
  overflow: hidden;
  padding: 0 0 60px;
  border-bottom: 1px solid #c1c1c1;
  margin-bottom: 40px;
}
.con_intro .box_item {
  float: left;
  width: 310px;
  margin-left: 10px;
}
.con_intro .box_item a {
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.con_intro .box_item:first-child {
  margin-left: 0;
}
.con_intro .box_item .txt {
  padding: 10px 0 0;
  color: #000;
  font-size: 14px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}

/* -----------------------------------------------------------
	.con_roo
----------------------------------------------------------- */
.wrp_roo {
  background: url(../images/common/bg_roo.png) repeat 0 0;
  margin-bottom: 5em;
}
.wrp_roo h3 {
  text-align: center;
  width: 320px;
  margin: 0 auto 2em;
}
.wrp_roo .con_roo {
  padding: 20px;
  overflow: hidden;
  background: #FFF;
}
.wrp_roo .con_roo .wbox_roo {
  overflow: hidden;
  margin-bottom: 3em;
}
.wrp_roo .con_roo .wbox_roo.last {
  margin-bottom: 0;
}
.wrp_roo .con_roo .wbox_roo.last .box_roo {
  overflow: hidden;
  width: 100%;
}
.wrp_roo .con_roo .wbox_roo.last .box_roo .img_roo {
  float: left;
  width: 439px;
}
.wrp_roo .con_roo .wbox_roo.last .box_roo .box_right {
  float: right;
  width: 439px;
}
.wrp_roo .con_roo .wbox_roo .box_roo {
  width: 439px;
}
.wrp_roo .con_roo .wbox_roo .box_roo:nth-child(odd) {
  float: left;
}
.wrp_roo .con_roo .wbox_roo .box_roo:nth-child(even) {
  float: right;
}
.wrp_roo .con_roo .wbox_roo .box_roo:nth-child(n+3) {
  margin-top: 65px;
}
.wrp_roo .con_roo .wbox_roo .box_roo h4 {
  text-align: center;
  margin-top: 25px;
}
.wrp_roo .con_roo .wbox_roo .box_roo .txt_roo {
  font-size: 100%;
  margin-top: 20px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}
.wrp_roo .con_roo .wbox_roo .box_roo dl {
  font-size: 100%;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  padding: 0 1.5em;
}
.wrp_roo .con_roo .wbox_roo .box_roo dl + dl {
  margin-top: 5px;
}
.wrp_roo .con_roo .wbox_roo .box_roo dl dt, .wrp_roo .con_roo .wbox_roo .box_roo dl dd {
  float: left;
  padding: 0 0.5em;
}
.wrp_roo .con_roo .wbox_roo .box_roo dl dt {
  color: #000;
  background-color: #d4e1e3;
}
.wrp_roo .con_roo .wbox_roo .box_roo dl dd {
  margin-right: 10px;
  background-color: #fff;
}

/*----------------------------------------------------
	.con_faci .con_food
----------------------------------------------------*/
.con_faci, .con_food {
  margin-bottom: 5em;
}
.con_faci h3, .con_food h3 {
  text-align: center;
  margin-bottom: 2em;
}

/*----------------------------------------------------
	.con_pack
----------------------------------------------------*/
.con_pack {
  overflow: hidden;
  background: #000;
  padding: 35px 25px;
}
.con_pack h3 {
  text-align: center;
}
.con_pack .box_pack {
  overflow: hidden;
  margin: 30px 0;
  background: #fff;
  padding: 15px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}
.con_pack .box_pack a {
  display: block;
  overflow: hidden;
}
.con_pack .box_pack a .box_img {
  float: left;
  width: 409px;
}
.con_pack .box_pack a .box_txt {
  float: right;
  width: 430px;
}
.con_pack .box_pack a .box_txt .ss {
  background: #000;
  color: #B79433;
  font-weight: bold;
  font-size: 124%;
  padding: 0.3em 1em;
  display: inline-block;
}
.con_pack .box_pack a .box_txt .txt {
  font-size: 14px;
  color: #000;
  padding: 10px 0 12px;
}
.con_pack .box_pack a .box_txt .txt strong {
  display: block;
  padding-bottom: 10px;
  font-size: 116%;
}
.con_pack .box_pack a .box_txt .tbl_basic {
  width: 100%;
}
.con_pack .box_pack a .box_txt .tbl_basic th, .con_pack .box_pack a .box_txt .tbl_basic td {
  background: #e8f0f1;
  font-weight: normal;
  padding: 3px 0;
  color: #000;
  font-size: 16px;
}
.con_pack .box_pack a .box_txt .tbl_basic th {
  padding: 3px 0 3px 12px;
  width: 48px;
}
.con_pack .btn {
  text-align: center;
}

/*----------------------------------------------------
	.con_access
----------------------------------------------------*/
.con_access {
  overflow: hidden;
  margin: 60px 0 45px;
}
.con_access h3 {
  text-align: center;
  margin-bottom: 20px;
}
.con_access .box_access {
  overflow: hidden;
}
.con_access .box_access .box_img {
  float: left;
  width: 251px;
}
.con_access .box_access .box_txt {
  float: right;
  width: 662px;
}
.con_access .box_access .box_txt .btn {
  margin-top: 14px;
}

/*----------------------------------------------------
	.con_services
----------------------------------------------------*/
.con_services {
  overflow: hidden;
  margin: 29px 0;
  background: #fff;
  padding: 30px 46px;
}
.con_services .box_item {
  float: left;
  width: 418px;
  margin-right: 20px;
}
.con_services .box_item.customer {
  margin-right: 0;
}