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

 file name  : useful_common.css
 author     : Ability Consultant
 style info : お役立ち情報共通
=================================================================== */
/* Hover animation */
/* -----------------------------------------------------------
	con_about
----------------------------------------------------------- */
.con_about {
  margin-bottom: 67px;
}
@media only screen and (max-width: 767px) {
  .con_about {
    margin-bottom: 0;
  }
}
.con_about .box_l {
  width: 56.5625%;
}
@media only screen and (min-width: 768px) {
  .con_about .box_l {
    overflow: hidden;
  }
  .con_about .box_l img {
    max-width: none;
  }
}
@media print {
  .con_about .box_l {
    overflow: hidden;
  }
  .con_about .box_l img {
    max-width: none;
  }
}
.ie8 .con_about .box_l {
  overflow: hidden;
}
.ie8 .con_about .box_l img {
  max-width: none;
}
@media only screen and (max-width: 767px) {
  .con_about .box_l {
    width: 100%;
  }
}
.con_about .box_r {
  width: 43.4375%;
  background: #faf3f0;
}
@media only screen and (max-width: 767px) {
  .con_about .box_r {
    width: 100%;
    padding: 1.5em 0 3em;
  }
}
.con_about .box_r .st_useful_title span.en {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  font-size: 139%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_about .box_r .st_useful_title span.en {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_about .box_r .st_useful_title span.en {
    font-size: 124%;
  }
}
.con_about .box_r .box_txt {
  width: 78.125%;
  margin: auto;
}
.con_about .box_r .box_txt .txt {
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .con_about .box_r .box_txt .txt {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .con_about .box_r .box_txt {
    width: 95%;
  }
}

/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */
.box_banquet, .box_flow, .con_clothing, .box_sit {
  max-width: 1708px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 67px;
}
@media only screen and (max-width: 767px) {
  .box_banquet .box_txt .txt, .box_flow .box_txt .txt, .con_clothing .box_txt .txt, .box_sit .box_txt .txt {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .box_banquet, .con_clothing {
    margin-bottom: 4em;
  }
}
.box_banquet .box_l, .con_clothing .box_l {
  float: right;
  width: 50.05855%;
}
@media only screen and (min-width: 768px) {
  .box_banquet .box_l .box_img, .con_clothing .box_l .box_img {
    overflow: hidden;
  }
  .box_banquet .box_l .box_img img, .con_clothing .box_l .box_img img {
    max-width: none;
  }
}
@media print {
  .box_banquet .box_l .box_img, .con_clothing .box_l .box_img {
    overflow: hidden;
  }
  .box_banquet .box_l .box_img img, .con_clothing .box_l .box_img img {
    max-width: none;
  }
}
.ie8 .box_banquet .box_l .box_img, .ie8 .con_clothing .box_l .box_img {
  overflow: hidden;
}
.ie8 .box_banquet .box_l .box_img img, .ie8 .con_clothing .box_l .box_img img {
  max-width: none;
}
@media only screen and (max-width: 767px) {
  .box_banquet .box_l, .con_clothing .box_l {
    float: none !important;
    width: 100%;
    margin-bottom: 1em;
  }
}
.box_banquet .box_r, .con_clothing .box_r {
  float: left;
  width: 49.94145%;
}
@media only screen and (max-width: 767px) {
  .box_banquet .box_r, .con_clothing .box_r {
    float: none !important;
    width: 95%;
    margin: auto;
  }
}
.box_banquet .box_r .box_txt, .con_clothing .box_r .box_txt {
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_banquet .box_r .box_txt, .con_clothing .box_r .box_txt {
    width: 95% !important;
  }
}
@media only screen and (max-width: 767px) {
  .box_banquet .box_r .box_txt, .con_clothing .box_r .box_txt {
    width: 95% !important;
  }
}

.con_flow, .con_sit {
  padding-top: 67px;
  padding-bottom: 67px;
  margin-bottom: 67px;
  background: #f7f7f7;
}
@media only screen and (max-width: 767px) {
  .con_flow, .con_sit {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow, .con_sit {
    padding-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow, .con_sit {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow .box_flow, .con_flow .box_sit, .con_sit .box_flow, .con_sit .box_sit {
    margin-bottom: 0;
  }
}
.con_flow .box_flow .box_l, .con_flow .box_sit .box_l, .con_sit .box_flow .box_l, .con_sit .box_sit .box_l {
  float: left;
  width: 49.94145%;
}
@media only screen and (min-width: 768px) {
  .con_flow .box_flow .box_l, .con_flow .box_sit .box_l, .con_sit .box_flow .box_l, .con_sit .box_sit .box_l {
    overflow: hidden;
  }
  .con_flow .box_flow .box_l img, .con_flow .box_sit .box_l img, .con_sit .box_flow .box_l img, .con_sit .box_sit .box_l img {
    max-width: none;
  }
}
@media print {
  .con_flow .box_flow .box_l, .con_flow .box_sit .box_l, .con_sit .box_flow .box_l, .con_sit .box_sit .box_l {
    overflow: hidden;
  }
  .con_flow .box_flow .box_l img, .con_flow .box_sit .box_l img, .con_sit .box_flow .box_l img, .con_sit .box_sit .box_l img {
    max-width: none;
  }
}
.ie8 .con_flow .box_flow .box_l, .ie8 .con_flow .box_sit .box_l, .ie8 .con_sit .box_flow .box_l, .ie8 .con_sit .box_sit .box_l {
  overflow: hidden;
}
.ie8 .con_flow .box_flow .box_l img, .ie8 .con_flow .box_sit .box_l img, .ie8 .con_sit .box_flow .box_l img, .ie8 .con_sit .box_sit .box_l img {
  max-width: none;
}
@media only screen and (max-width: 767px) {
  .con_flow .box_flow .box_l, .con_flow .box_sit .box_l, .con_sit .box_flow .box_l, .con_sit .box_sit .box_l {
    float: none !important;
    width: 100%;
    margin-bottom: 1em;
  }
}
.con_flow .box_flow .box_r, .con_flow .box_sit .box_r, .con_sit .box_flow .box_r, .con_sit .box_sit .box_r {
  float: right;
  width: 50.05855%;
}
@media only screen and (max-width: 767px) {
  .con_flow .box_flow .box_r, .con_flow .box_sit .box_r, .con_sit .box_flow .box_r, .con_sit .box_sit .box_r {
    float: none !important;
    width: 95%;
    margin: auto;
  }
}
.con_flow .box_flow .box_r .box_txt, .con_flow .box_sit .box_r .box_txt, .con_sit .box_flow .box_r .box_txt, .con_sit .box_sit .box_r .box_txt {
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_flow .box_flow .box_r .box_txt, .con_flow .box_sit .box_r .box_txt, .con_sit .box_flow .box_r .box_txt, .con_sit .box_sit .box_r .box_txt {
    width: 95% !important;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow .box_flow .box_r .box_txt, .con_flow .box_sit .box_r .box_txt, .con_sit .box_flow .box_r .box_txt, .con_sit .box_sit .box_r .box_txt {
    width: 100% !important;
  }
}

 /* -----------------------------------------------------------
	個別
----------------------------------------------------------- */
.con_banquet .box_banquet .box_l .box_txt {
  width: 76.43611%;
}

.con_flow .box_flow .box_r .box_txt {
  width: 62.71981%;
}
@media only screen and (max-width: 1024px) {
  .con_flow .box_flow .box_r .box_txt {
    width: 95%;
    margin: auto;
  }
}
.con_flow .tbl_flow {
  width: 49.32292%;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_flow .tbl_flow {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow .tbl_flow {
    width: 95%;
    margin-top: 1.5em;
  }
}
.con_flow .tbl_flow tr {
  border-bottom: 1px solid #999999;
}
.con_flow .tbl_flow tr:first-child {
  border-top: 1px solid #999999;
}
.con_flow .tbl_flow tr th, .con_flow .tbl_flow tr td {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  -webkit-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
  font-weight: bold;
  font-size: 108%;
  padding: 1.2em 0;
  letter-spacing: .1em;
  line-height: 1.857;
}
@media only screen and (max-width: 767px) {
  .con_flow .tbl_flow tr th, .con_flow .tbl_flow tr td {
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_flow .tbl_flow tr th, .con_flow .tbl_flow tr td {
    font-size: 108%;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow .tbl_flow tr th, .con_flow .tbl_flow tr td {
    font-size: 100%;
  }
}
.con_flow .tbl_flow tr th {
  width: 30.51742%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_flow .tbl_flow tr th {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
  }
}
.con_flow .tbl_flow tr td {
  width: 69.48258%;
}
@media only screen and (max-width: 767px) {
  .con_flow .tbl_flow tr td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 1em 1em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_clothing .box_clothing .box_l img {
    margin-left: -60%;
  }
}
.con_clothing .box_clothing .box_r .box_txt {
  width: 57.20985%;
}

.con_sit {
  background: #fff;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .con_sit {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_sit {
    margin-bottom: 4em;
  }
}
.con_sit .box_sit .box_r .box_txt {
  width: 64.12661%;
}