/* ご提供サービス */
.list_circle li {
  position: relative;
  padding-left: 1.2em;
  font-size: 16px;
}
.list_circle li::before {
    content: "";
    display: block;
    width: 0.611111111111111em;
    height: 0.611111111111111em;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0.4em;
    border-radius: 10px;
}
.jp_pt_ttl {
    color: #000;
    font-size: 20px;
}
.jp_pt_ttl_sub {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
}

.service_red {
    background-color: #fdf0ef;
}
.service_red .jp_pt_ttl_sub,
.service_red .list_circle li::before {
    background-color: #e36d76;
}

.service_blue {
    background-color: #e1f2f6;
}
.service_blue .jp_pt_ttl_sub,
.service_blue .list_circle li::before {
    background-color: #4bbdcd;
}

.service_green {
    background-color: #eff8de;
}
.service_green .jp_pt_ttl_sub,
.service_green .list_circle li::before {
    background-color: #b7d24e;
}

.service_gold {
    background-color: #fef7dc;
}
.service_gold .jp_pt_ttl_sub,
.service_gold .list_circle li::before {
    background-color: #c5a983;
}

.hr_cc {
    color: #ccc;
}

.jp_pt_ttl_sub {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 20px;
    color: #fff;
    background-color: #000;
    font-size: 20px;
}

.jp_pt_ttl_large {
    color: #0087d2;
    font-size: 22px;
    margin-bottom: 16px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.service_detail {
    box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
  .flex {
    flex-direction: column;
  }
  .service_detail {
    width: 100%;
  }
}

.service_detail_title mb8 {
    color: #808080;
}

.service_detail .ttl {
    position: relative;
    padding-left: 1.2em;
    font-size: 16px;
}

.service_detail .ttl:before {
    content: "";
    display: block;
    width: 0.611111111111111em;
    height: 0.611111111111111em;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0.4em;
}

.list_circle li::before {
    content: "";
    display: block;
    width: 0.611111111111111em;
    height: 0.611111111111111em;
    background-color: #0087d2;;
    position: absolute;
    left: 0;
    top: 0.4em;
    border-radius: 10px;
}

.combinationbox {
        padding: 16px 20px;
        background: #f3f3f3;
        align-items: center;
}
.combinationbox .ftit {
        font-size: 16px;
}
.combinationbox .cp_red {
        font-size: 24px;
        color: #e36d76;
}
.combinationbox .cp_green {
        font-size: 24px;
        color: #b3ce4e;
}
.combinationbox .cp_blue {
        font-size: 24px;
        color: #4ab8c8;
}
.combinationbox .cp_gold {
        font-size: 24px;
        color: #c1a480;
}
.combinationbox .sep_border {
        border-left: 1px solid #000000;
        padding-left: 18px;
}

.combinationbox .w20 {
        width: 20%;
        box-sizing: border-box;
}
.combinationbox .w24 {
        width: 24%;
        box-sizing: border-box;
}
.combinationbox .w22 {
        width: 22%;
        box-sizing: border-box;
}
.combinationbox .w4 {
        width: 4%;
        text-align: center;
}
.combinationbox .w40 {
        width: 40%;
        box-sizing: border-box;
}
.combinationbox .w34 {
        width: 34%;
        box-sizing: border-box;
}

.combinationbox .w50 {
        width: 50%;
        box-sizing: border-box;
}

.combinationbox .pl20 {
        padding: 20px;
}


.combinationbox .list_ttl{
        color: #b3ce4e;
        font-size: 20px;
        margin-bottom: 4px;
}
.combinationbox .list_circle {
        display: flex;
        flex-wrap: wrap;
}
.combinationbox .list_circle li {
    position: relative;
    padding-left: 0.8em;
    font-size: 14px;
    padding-right: 1em;
}
.combinationbox .list_circle li::before {
    content: "";
    display: block;
    width: 0.611111111111111em;
    height: 0.611111111111111em;
    background-color: #b3ce4e;
    position: absolute;
    left: 0;
    top: 0.4em;
    border-radius: 10px;
}

.combinationbox .list_circle.blue li::before {
    background-color: #4ab8c8;
}


@media only screen and (max-width: 640px){
  .combinationbox {
      padding: 16px 14px;
      margin-bottom: 24px;
  }
  .combinationbox .w20,
  .combinationbox .w24,
  .combinationbox .w22,
  .combinationbox .w4,
  .combinationbox .w40,
  .combinationbox .w34,
  .combinationbox .w50 {
    width: 100%;
}
  .combinationbox .w4 {
    margin: 8px 0;
}
  .combinationbox .pl20 {
    padding:0;
}
  .combinationbox .sep_border {
    border-top: 1px solid #000000;
    border-left: none;
    padding-top: 12px;
    padding-left: 0;
    margin-top: 12px;
  }
}