.mincho{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.g-column {
    max-width: 1500px !important;
    padding-left: 30px;
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 30px;
}
.site_frame,.title-block {
    margin: 0 auto;
    max-width: 960px;
    font-family: Helvetica Neue, Helvetica, YuGothic, Yu Gothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
}
header .site_frame{
    max-width: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.title-area {
    margin: 0 auto;
    max-width: 100%;
    font-family: Helvetica Neue, Helvetica, YuGothic, Yu Gothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
}
.title-area span{
    display: :inline-block;
}
.text-365 {
    border-top: solid 1px #9c9c9c;
    border-bottom: solid 1px #9c9c9c;
    padding: 3px 15px 10px 15px;
    display: block;
    margin: 10px 40px 0 40px;
    font-size: 18px;
    line-height: 18px;
    color: #6d6d6d;
    font-weight: 500;
    background: linear-gradient(90deg, rgb(187 187 187 / 0%), rgb(196 196 196 / 50%), rgb(187 187 187 / 0%));
}
header{
    box-shadow: 0 0 20px #d5d5d5;
}
main{
    position: relative;
}
main::before {
    content: "";
    background: linear-gradient(179deg, #6cb7d1, #ffffff);
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.3;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}
.title-block {
    padding: 40px 0 20px 0;
}
.logo-area{
    text-align: center;
}
h3 {
    font-size: 22px;
    line-height: 22px;
    background: rgb(255 255 255 / 72%);
    padding: 13px;
    color: #404040;
    text-align: center;
    margin: 20px 0 30px 0;
    border-radius: 40px;
}
.logo-iplan{
    width: 450px;
    margin: 40px auto;
}
.jibai-table {
    margin: 0 0 70px 0;
}
.jibai-table td, .jibai-table th {
    border: solid 1px #ccc;
    padding: 10px 15px;
    text-align: justify;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    vertical-align: middle;
    background: rgb(255 255 255 / 45%);
}
.jibai-table thead td {
    font-weight: bold;
    background: rgb(208 208 208 / 44%);
    font-size: 14px;
}
.jibai-table th {
    font-size: 16px;
    background: rgb(212 238 245 / 48%);
    font-weight: 500;
}
.jibai-button-area{
    text-align: center;
}
.jibai-button-area h4 {
    font-size: 27px;
}
.jibai-button-list li {
    /*margin: 0 0 30px 0;*/
    margin: 0 auto;
    width: calc(50% - 5px);
}
.jibai-button-list{
    display: flex;
    flex-wrap: wrap;
}
.jibai-btn {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    background: #fff;
    padding: 0px 20px 16px 20px;
    border-radius: 17px;
    margin: 6px 0 20px 0;
    cursor: pointer;
    width: 404px;
    max-width: 100%;
    font-feature-settings: "palt";
    transition: ease 0.4s;
}
.jibai-btn:hover{
    color: #fff;
}
.btn-1 {
    border: solid 4px #001871;
    color: #001871;
}
.btn-2 {
    border: solid 4px #1c6cb1;
    color: #1c6cb1;
}
.btn-3 {
    border: solid 4px #0095dd;
    color: #0095dd;
}
.btn-4 {
    border: solid 4px #147d63;
    color: #147d63;
}
.btn-1:hover{ background: #001871;}
.btn-2:hover{ background: #1c6cb1;}
.btn-3:hover{ background: #0095dd;}
.btn-4:hover{ background: #147d63;}

.jibai-banner{
    padding: 20px;
    box-sizing: border-box;
}
.jibai-btn .material-icons {
    font-size: 36px;
    position: relative;
    display: inline-block;
    margin: 0 0 0 7px;
    top: 9px;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.hosho-btn {
    display: block;
    width: 400px;
    background: #8d8d8d;
    text-align: center;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px;
    margin: 15px auto 70px auto;
    color: #fff !important;
    border-radius: 20px;
    max-width: 90%;
    transition: ease 0.3s;
}
.hosho-btn:hover {
    background: #ccc;
    color: #333 !important;
}
@media only screen and (max-width: 641px) {
.jibai-button-area {
        margin: 0 auto;
        max-width: 100%;
}
.jibai-button-list li {
    margin: 0 auto 30px auto;
    width: 340px;
}
.column.-column1{
    margin: 0 35px;
}
.logo-iplan {
    width: 290px;
    margin: 30px auto;
}
.jibai-table thead td {
    font-size: 13px;
}
.jibai-table td, .jibai-table th {
    font-size: 13px !important;
    line-height: 20px;
    min-width: 102px;
}
.title-area h2 span{
    display:inline-block;
}
.jibai-btn .material-icons {
    font-size: 28px;
    top: 7px;
}
.jibai-btn {
    font-size: 18px;
    line-height: 20px;
    padding: 3px 20px 14px 20px;
    width: 300px;
}
}