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

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
/*Animate */
body, pre, input, textarea, select {
  color: #333333;
  line-height: 1.7;
  font-size: 13px;
}

a, a:link {
  color: #333333;
}

body {
  background-color: transparent !important;
  overflow: hidden;
  min-width: 1230px !important;
}

a img:hover {
  opacity: 0.5;
  transition: all 300ms 0s ease;
}

h3.st {
  text-align: center;
  margin: 0 0 50px;
}

/* -----------------------------------------------------------
	メインビジュアルが1190px仕様
----------------------------------------------------------- */
#htlContents {
  width: 1200px !important;
  margin: auto !important;
  min-width: 1200px !important;
}

#htlBrdCrmbs, #htlHeader, #trvlHtlTabNav, #trvlHtlSubNav {
  width: 1200px !important;
  margin: auto !important;
  min-width: 1200px !important;
}

#htlMainContent {
  width: 1200px !important;
  margin: auto !important;
  width: 100% !important;
  margin-left: 0 !important;
}

#htlMainContent #cus_page .cus_contents {
  width: 950px !important;
  margin: 15px 0 100px;
  margin-left: auto !important;
}

#RthCustomizeW {
  width: auto !important;
}

.con_topicpatch {
  position: relative;
  margin-top: 15px !important;
  width: 50%;
}
.con_topicpatch ul {
  overflow: hidden;
}
.con_topicpatch ul li {
  display: inline-block;
}
.con_topicpatch ul li a {
  color: #333333 !important;
  margin-right: 10px;
  text-decoration: underline;
}
.con_topicpatch ul li a:hover {
  text-decoration: none;
}

/* -----------------------------------------------------------
	#con_gnav
----------------------------------------------------------- */
#con_gnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
}
#con_gnav .logo img {
  width: 70%;
}
#con_gnav .box_nav {
  display: flex;
  width: 850px;
  justify-content: flex-end;
  align-items: center;
}
#con_gnav .box_nav ul {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  margin: 15px 0 0;
  transform: skew(-30deg);
  line-height: 1.2;
}
#con_gnav .box_nav ul li {
  padding: 2px 22px;
  border-right: solid #b1d2d2 1px;
}
#con_gnav .box_nav ul li:last-of-type {
  border-right: solid #b1d2d2 0px;
  padding-right: 0;
}
#con_gnav .box_nav ul a:hover {
  text-decoration: none !important;
}
#con_gnav .box_nav ul p {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 124%;
  transform: skew(30deg);
  border-bottom: solid 3px #fff;
  text-decoration: none !important;
}
#con_gnav .box_nav ul p:hover {
  text-decoration: none !important;
  opacity: 1;
  border-bottom: solid 3px #00a19e;
  transition: all 300ms 0s ease;
}
#con_gnav .box_nav .in_box_tel_nav {
  margin-right: 26px;
  padding-top: 4px;
}
#con_gnav .box_nav .in_box_tel_nav .tel_box {
  display: flex;
}
#con_gnav .box_nav .tel_img {
  margin: 0 20px 0 auto;
  display: block;
}
#con_gnav .box_nav .rsv_btn {
  width: 100%;
  margin: 0 0 0 auto;
  display: block;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
.con_footer {
  width: 950px !important;
  margin: 30px 0 100px;
  margin-left: auto !important;
  /*.box_f_nav*/
}
.con_footer .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  padding: 0 30px;
  background: #f5f5f5;
}
.con_footer .f_logo {
  width: 25%;
}
.con_footer .f_logo img {
  width: 80%;
}
.con_footer .box_f_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.con_footer .box_f_nav ul {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  transform: skew(-30deg);
  margin: 0 10px 0 0;
}
.con_footer .box_f_nav ul li {
  padding: 2px 15px;
  border-right: solid #b1d2d2 1px;
}
.con_footer .box_f_nav ul li:last-of-type {
  border-right: solid #b1d2d2 0px;
  padding-right: 0;
}
.con_footer .box_f_nav ul p {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 93%;
  transform: skew(30deg);
}
.con_footer .box_f_nav img {
  margin: 0 0 0 10px;
}