@charset "UTF-8";
/* ↓↓↓↓↓↓↓↓↓ flow↓↓↓↓↓↓↓↓↓ */
.title_bg.main_bg_4 {
  background: url("../img/cost_of_service.jpg") no-repeat center/cover;
  opacity: 0.6; }
  .title_bg.main_bg_4::after {
    content: "COST OF SERVICE"; }

.cost {
  padding-top: 380px;
  padding-bottom: 100px;
  overflow: hidden; }
  .cost .bg_area_content {
    position: relative;
    z-index: 1; }
  .cost .content_area {
    max-width: 870px;
    padding-top: 100px;
    padding-bottom: 100px; }
  .cost h2.h2_line {
    margin-bottom: 60px; }
  .cost .bg {
    background: #d5edf0;
    height: 100%;
    width: 100%;
    max-width: 1720px;
    margin-left: auto;
    border-radius: 100px 0 0 100px;
    position: relative;
    z-index: 1; }
  @media screen and (max-width: 1100px) {
    .cost {
      padding-top: 120px;
      padding-bottom: 80px; }
      .cost h2.h2_line {
        margin-bottom: 40px; }
      .cost .bg {
        border-radius: 0; } }

.cost_list {
  border-bottom: 1px solidrgba(255, 255, 255, 0.7);
  position: relative; }
  .cost_list::before {
    content: "COST ITEM";
    font-size: 12rem;
    font-weight: bold;
    letter-spacing: 0.075em;
    color: #797f80;
    opacity: .1;
    position: absolute;
    top: -30px;
    right: -155px;
    transform: translate(0, -100%); }
  .cost_list .cost_list_item {
    padding: 40px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.7); }
    .cost_list .cost_list_item dt {
      font-weight: bold;
      font-size: 2rem;
      display: flex;
      align-items: center;
      margin-bottom: 14px; }
      .cost_list .cost_list_item dt::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 2px;
        background: #0099a9;
        margin-right: 8px; }
    .cost_list .cost_list_item dd {
      font-size: 1.6rem;
      color: #797f80;
      line-height: 1.75; }
  @media screen and (max-width: 1100px) {
    .cost_list::before {
      content: none; }
    .cost_list .cost_list_item {
      padding: 24px 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.7); }
      .cost_list .cost_list_item dt {
        font-size: 1.8rem;
        margin-bottom: 10px; } }