@charset "utf-8";
/* Reset */
@import url("reset.css");
/* ************************************************
 *	共通設定
 * ************************************************ */
html {
  min-height: 100%;
  position: relative;
  font-size: 62.5%;
}
body {
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  color: #4b4948;
}
h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  line-height: 1;
}
p {
  margin: 0;
  padding: 0;
  line-height: 1.8;
}
dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
}
select, input, button {
  vertical-align: middle;
  line-height: 1;
}
input, textarea, select {
  padding: 5px;
}
img {
  vertical-align: bottom;
  border-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
img.btn_inquiry_2 {
  margin-bottom: 10px;
}
img.btn_tel {
  margin-top: 7%;
}
@media screen and (max-width: 480px) {
  img.btn_tel {
    margin-top: 0;
  }
}
table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table th, table td {
  word-break: break-all;
}
dl, dt {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
input, textarea {
  display: inline-block;
  width: 97%;
}
input, textarea, select {
  margin: 5px !important;
  font-size: 16px;
  vertical-align: middle;
}
input {
  overflow: hidden;
}
input.radio, input.checkbox {
  width: auto;
  padding-right: 10px;
}
a:link, a:visited {
  color: #0066cc;
  text-decoration: none;
}
a:hover, a:active {
  color: #828282;
  text-decoration: none;
}
/* ---------------------------------- Font */
.B {
  font-weight: 600;
}
.font24 {
  font-size: 24px;
  font-size: 2.4rem;
}
.font24b {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.font23 {
  font-size: 23px;
  font-size: 2.3rem;
}
.font23b {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: bold;
}
.font22 {
  font-size: 22px;
  font-size: 2.2rem;
}
.font22b {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.font21 {
  font-size: 21px;
  font-size: 2.1rem;
}
.font21b {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
}
.font20 {
  font-size: 20px;
  font-size: 2.0rem;
}
.font20b {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
}
.font19 {
  font-size: 19px;
  font-size: 1.9rem;
}
.font19b {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: bold;
}
.font18 {
  font-size: 18px;
  font-size: 1.8rem;
}
.font18b {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.font17 {
  font-size: 17px;
  font-size: 1.7rem;
}
.font17b {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
}
.font16 {
  font-size: 16px;
  font-size: 1.6rem;
}
.font16b {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.font15 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
}
.font15b {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  font-weight: bold;
}
.font14 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
}
.font14b {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
  font-weight: bold;
}
.font13 {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3em;
}
.font13b {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3em;
  font-weight: bold;
}
.font12 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
.font12b {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: bold;
}
.font11 {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.0em;
}
.font11b {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.0em;
  font-weight: bold;
}
.font10 {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.0em;
}
.font10b {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.0em;
  font-weight: bold;
}
.fontRED {
  color: #CC0000;
}
.fontORENGE {
  color: #FF6600;
}
.fontVIOLET {
  color: #CC0066;
}
.fontBLUE {
  color: #003399;
}
.txtBG_y {
  background: linear-gradient(transparent 40%, #F7FE2E 0%);
}
/* ---------------------------------- Page */
.brClear {
  clear: both;
}
.BtnArea {
  text-align: center !important;
  margin: 0px;
  padding-top: 30px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  clear: both;
}
.alignCnr {
  text-align: center;
}
.alignRgt {
  text-align: right;
}
.alignLft {
  text-align: left;
}
.floatR {
  float: right;
}
.floatL {
  float: left;
}
/*Space*/
.btm0 {
  margin-bottom: 0 !important;
}
.btm5 {
  margin-bottom: 5px;
}
.btm10 {
  margin-bottom: 10px;
}
.btm15 {
  margin-bottom: 15px;
}
.btm20 {
  margin-bottom: 20px;
}
.btm25 {
  margin-bottom: 25px;
}
.btm30 {
  margin-bottom: 30px;
}
.btm35 {
  margin-bottom: 35px;
}
.btm40 {
  margin-bottom: 40px;
}
.btm45 {
  margin-bottom: 45px;
}
.btm50 {
  margin-bottom: 50px;
}
.rgt5 {
  margin-right: 5px;
}
.rgt10 {
  margin-right: 10px;
}
.rgt15 {
  margin-right: 15px;
}
.rgt20 {
  margin-right: 20px;
}
.rgt30 {
  margin-right: 30px;
}
.rgt40 {
  margin-right: 40px;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* マウスオーバー */
a:hover img {
  filter: alpha(opacity=80); /* IE */
  opacity: 0.8; /* Firefox,Opera,Safari */
  -moz-opacity: 0.8; /* Firefox 0.9より前 */
  background: #fff;
}
/* Fireworksリンク対策 */
/*\*/
a {
  overflow: hidden;
}
/**/
/*202205追加*/
header {
  position: fixed;
  width: 100%;
  z-index: 100;
}
main {
  padding-top: 69px;
}
@media screen and (max-width: 480px) {
  main {
    padding-top: 145px;
  }
}
/*顧問内容・料金*/
table.price-table {
  width: 100%;
  text-align: center;
  background-color: #fff;
  font-size: 16px;
}
.price-table th, .price-table td {
  border: 1px solid #3783d1;
  padding: 0.5em 1em;
}
.price-table th {
  width: 40%;
}
.price-table td {
  width: 20%;
}
.small_cap {
  font-size: 12px;
}
table.price-table th {
  text-align: left;
  font-weight: normal;
  background-color: #f4f4f4;
}
.plan_contents th, .advisory_fee th {
  text-align: center !important;
}
.plan_contents, .plan_contents th {
  background-color: #e6f3ff !important;
  font-weight: bold !important;
}
.advisory_fee, .advisory_fee th {
  background-color: #fff5d4 !important;
  font-weight: bold !important;
}
.advisory_fee td {
  color: #ea7f00;
  font-size: 24px;
}
.off {
  display: block;
  background-color: red;
  color: #fff;
  border-radius: 10px;
  font-size: 18px;
}
@media screen and (max-width: 599px) {
  table.price-table {
    overflow: auto; /*スクロールさせる*/
    white-space: nowrap; /*文字の折り返しを禁止*/
  }
}