@charset "utf-8";

/* 料金 */
/* ----------------------------------------------------- */
.mv.contact_fee {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.4em 0 1em;
  background: url("../../contact_fee/images/mv_contact_fee.jpg")  top center;
  background-size: cover;
}
.column1 .incolumn_pic-alignright440 {
  width: 440px;
  float: right;
  margin: 0 0 1em 1em;
}
  .column1 .incolumn_pic-alignright440 img {
    width: 100%;
  }
.incolumn_pic-center {
    width: 100%;
    text-align: center;
    margin: 2em auto 0;
  }

.contact_fee  {
    line-height: 1.6;
  }

.contact_fee .plan {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 400;
  }
  .contact_fee .plan dl {
      margin: 1em;
      background: #e2f6fe;
      font-size: 16px;
    }
    .contact_fee .plan dl dt {
        padding: 5px;
        color: #fff;
        font-size: 24px;
        text-align: center;
      }
      .contact_fee .plan dl dt .plan_num {
          font-size: 36px;
        }
      .contact_fee .plan dl .plan22 {
          background: #88cef7;
        }
      .contact_fee .plan dl .plan33 {
          background: #0f87e6;
        }
    .contact_fee .plan dl dd {
        padding: 1em;
        background: #e2f6fe;
      }
      .contact_fee .plan dl dd .p_white {
          padding: 1em;
          text-align: center;
          width: 100%;
          background: #fff;
        }
        .contact_fee .plan dl dd .p_white .p_title {
            font-size: 24px;
            font-weight: 600;
          }
        .contact_fee .plan dl dd .p_white .p_fee {
            font-size: 24px;
            color: #ee606e;
            font-weight: 600;
          }
      .contact_fee .plan dl dd .p_white .p_yen {
            font-size: 18px;
            color: #ee606e;
            font-weight: 600;
          }
        .contact_fee .plan dl dd .conditions {
            border: solid 2px #0f87e6;
            color: #0f87e6;
            margin: 0 0 1em;
          }
          .contact_fee .plan dl dd .conditions dt {
              font-size: 20px;
              color: #0f87e6;
              padding: 10px;
            }
          .contact_fee .plan dl dd .conditions dd {
              color: #0f87e6;
              padding: 0 1em 1em 1em;
              }
      .contact_fee .plan dl dd img {
          width: 100%;
          text-align: center;
        }


.contact_fee table {
  width: 100%;
  margin: 1em 0;
  border: solid 2px #eee;
}
.contact_fee table th {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  padding: 1em;
  border: solid 2px #eee;
  background: #0f87e6;
  font-size: 18px;
}
.contact_fee table td {
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  border: solid 2px #eee;
  background: #fff;
  font-size: 16px;
}
.contact_fee table .lightblue01 {
  background: #88cef7;
}
.contact_fee table .lightblue02 {
  color: #0f87e6;
  background: #e2f6fe;
}
.contact_fee table .lightblue03 {
  background: #c3e6fb
}
.contact_fee table .gray01 {
  color: #333;
  background: #eee;
}
.contact_fee table .blue-yellow {
  background: #0f87e6;
  color: #ffff00;
  font-weight: 600;
  font-size: 18px;
}
.contact_fee table .t_left {
  text-align: left;
}
.contact_fee table .th_l {
  font-size: 24px;
  padding: 0.5em;
}
.contact_fee table span.pink {
  color: #ee606e;
  font-weight: 600;
  font-size: 24px;
}
.contact_fee table span.tax_note14 {
  font-weight: 400;
  font-size: 14px;
}
.contact_fee .note {
  width: 100%;
  margin: 2em 0 0;
  padding: 2em;
  border: solid 2px #0f87e6;
}
.contact_fee .note dl {
  color: #0f87e6;
  width: 100%;
}
.contact_fee .note dt {
  font-size: 24px;
  text-align: center;
}

.contact_fee .other {
  width: 100%;
  margin: 1em 0;
  padding: 2em;
  border: solid 2px #eee;
}
.contact_fee .other dl {
  width: 100%;
}
.contact_fee .other dt {
  color: #0f87e6;
  font-size: 18px;
  font-weight: 600;
}

h2.underline01_blue {
    position:relative;
    display: inline-block;
    margin: 1.5em auto;
    padding: 0 0 .4em 0;
    text-align:center;
    border-bottom:5px solid #d0f0fe;
    font-size: 3.6rem;
    font-weight: 700;
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
    h2.underline01_blue:before,
    h2.underline01_blue:after {
        border: solid transparent;
        content:'';
        height:0;
        width:0;
        pointer-events:none;
        position:absolute;
        top:100%;
        left:50%;
    }
      h2.underline01_blue:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-width:30px;
        border-bottom-width:30px;
        border-left-width:15px;
        border-right-width:15px;
        margin-left: -15px;
        border-top-color:#FFFFFF;
      }
      h2.underline01_blue:before {
        border-color: rgba(196, 236, 253, 0);
        border-top-width:35px;
        border-bottom-width:35px;
        border-left-width:20px;
        border-right-width:20px;
        margin-left: -20px;
        margin-top: 5px;
        border-top-color:#c4ecfd;
      }
      h2.underline01_blue span {
        color: #0f87e6;
        font-size: 120%;
      }
h3 {
  margin: 0 auto 2em auto !important;
}
h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 1.5em 0 0;
}
.contact_fee hr {
    height: 2px;
    background-color: #eee;
    border: none;
    margin: 40px 0;
}

.mt80 {
  margin-top: 80px;
}
.contents {
  margin-bottom: 60px;
}
.tax_note {
  font-weight: 400;
  font-size: 16px;
}

.main-contents #c-support h2 {
	background-image: url(../images/bg_contents_h2.png), url(../../contact_fee/images/pic_c-supporte.jpg);
	background-position: top 6px left 8px, bottom right;
	background-size: auto auto, auto 100%;
	background-repeat: no-repeat, no-repeat;
}
.main-contents #c-fee h2 {
	background-image: url(../images/bg_contents_h2.png), url(../../contact_fee/images/pic_c-fee.jpg);
	background-position: top 6px left 8px, bottom right;
	background-size: auto auto, auto 100%;
	background-repeat: no-repeat, no-repeat;
}
.main-contents #f-insurance h2 {
	background-image: url(../images/bg_contents_h2.png), url(../../contact_fee/images/pic_f-insurance.jpg);
	background-position: top 6px left 8px, bottom right;
	background-size: auto auto, auto 100%;
	background-repeat: no-repeat, no-repeat;
}
.main-contents #c-payrol h2 {
	background-image: url(../images/bg_contents_h2.png), url(../../contact_fee/images/pic_c-payrol.jpg);
	background-position: top 6px left 8px, bottom right;
	background-size: auto auto, auto 100%;
	background-repeat: no-repeat, no-repeat;
}
.main-contents #c-receipt h2 {
	background-image: url(../images/bg_contents_h2.png), url(../../contact_fee/images/pic_c-receipt.jpg);
	background-position: top 6px left 8px, bottom right;
	background-size: auto auto, auto 100%;
	background-repeat: no-repeat, no-repeat;
}
.main-contents #c-founded h2 {
	background-image: url(../images/bg_contents_h2.png), url(../../contact_fee/images/pic_c-founded.jpg);
	background-position: top 6px left 8px, bottom right;
	background-size: auto auto, auto 100%;
	background-repeat: no-repeat, no-repeat;
}
.main-contents #c-regulations h2 {
	background-image: url(../images/bg_contents_h2.png), url(../../contact_fee/images/pic_c-regulations.jpg);
	background-position: top 6px left 8px, bottom right;
	background-size: auto auto, auto 100%;
	background-repeat: no-repeat, no-repeat;
}

@media screen and (max-width: 768px) {

  .mv.contact_fee {
    background: url("../../contact_fee/images/mv_contact_fee_SP.jpg") no-repeat 35% top/auto 100%;
  }
  .column1 .incolumn_pic-alignright440 {
    width: 100%;
    float: none;
    margin: 0;
    text-align: center;
  }
  .column1 .incolumn_pic-alignright440 img {
    width: 80%;
    margin: 1em;
  }
  .incolumn_pic-center {
    width: 100%;
  }
  .incolumn_pic-center img {
    width: 100%;
  }

  .contact_fee .plan {
    display: block;
  }
  .contact_fee .plan dl {
    margin: 1em 0;
  }
  .contact_fee .plan dl dt {
    font-size: 1.8rem;
  }
  .contact_fee .plan dl dt .plan_num {
    font-size: 2.4rem;
  }
  .contact_fee .plan dl dd .p_white .p_title {
      font-size: 1.8rem;
  }
  .contact_fee .plan dl dd .p_white .p_fee {
      font-size: 1.8rem;
  }
  .contact_fee .plan dl dd .p_white .p_yen {
      font-size: 1.6rem;
  }
  .contact_fee .plan dl dd .conditions dt {
      font-size: 1.8rem;
  }

  .contact_fee table {
    font-size: 1.4rem;
  }
  .contact_fee table th {
    font-size: 1.4rem;
  }
  .contact_fee table td {
    font-size: 1.4rem;
  }
  .contact_fee table .th_l {
    font-size: 1.8rem;
  }
  .contact_fee table span.pink {
    font-size: 1.8rem;
  }
  .contact_fee table span.tax_note14 {
    font-size: 1.2rem;
  }

  h2.underline01_blue {
      margin: 0 auto 50px;
      padding: 0 0 15px 0;
      font-size: 2rem;
      letter-spacing: -0.07rem;
  }
  h4 {
      font-size: 1.6rem;
      line-height: 1.5;
      margin-top: 2em;
  }
}