@charset "UTF-8";
/*================================================
 *  一般・共通設定
 ================================================*/
/*マージン*/
.mb1 {
  margin: 0 0 1.5em 0;
}
.mb2 {
  margin: 0 0 2em 0;
}
.mb3 {
  /* margin: 0 0 4em 0; */
}
.mb4 {
  margin: 0 0 1em 0;
}
.mt1 {
  margin: 2em 0 0 0;
}
.mt2 {
  margin: 4em 0 0 0;
}
.inner_wrap .mb0 {
  margin: 0 0 0 0;
}
/*数字*/
.num {
  color: #7f8052;
  font-family: "Gaegu", cursive;
  font-size: 1.35em;
}
/*================================================
・PC
 ================================================*/
@media screen and (min-width: 320px) {
  /*================================================
共通
 ================================================*/
  .sp,
  .md,
  .md_br {
    display: none;
  }
  .pc {
    display: block;
  }
  /*KV*/
  .slideInner_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
  }
  .slideInner_underlayer li .pc {
    width: 100%;
  }
  .slide .kv_bg_icon {
    color: #fff;
    font-size: 2.5em;
  }
  .kv_bg_icon:after {
    background: url(../images/common/kv_bg_icon.svg) no-repeat;
    content: "";
    display: block;
    width: 150px;
    height: 200px;
    margin: 0 auto;
    position: absolute;
    top: -130%;
    right: -100%;
    left: -100%;
    z-index: -1;
  }
  /*アンカーリンク*/
  .anchor_link {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    width: 1200px;
    margin: 0 auto;
    padding: 3em 0 0 0;
    position: relative;
    z-index: 10;
  }
  .anchor_link ul {
    display: flex;
    justify-content: space-evenly;
  }
  .anchor_link ul li a {
    background: #ffebe3;
    border-radius: 50%;
    color: #82761b;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 180px;
    height: 180px;
    position: relative;
  }
  .anchor_link ul li a:hover {
    background: radial-gradient(#fffadc, #ffddd7);
  }
  .anchor_link .common_txt {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.35em;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: .05em;
    display: inline-block;
    position: relative;
    top: 3.75em;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .common_txt_line {
    font-size: .85em;
    line-height: 1.25em;
    display: inline-block;
    padding: 2.5em 0 0 0;
  }
  /*やじるし*/
  .anchor_link ul li .bottom_none_arrow:after {
    border-top: 3px solid #ff7f5b;
    border-right: 3px solid #ff7f5b;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateY(10%) rotate(135deg);
  }
  .anchor_link ul li .bottom_arrow:after {
    border-top: 3px solid #fb8f7c;
    border-right: 3px solid #fb8f7c;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateY(10%) rotate(135deg);
  }
  .anchor_link ul li a:after {
    transition: all .3s ease;
  }
  .anchor_link ul li .bottom_arrow:hover::after {
    border-top: 3px solid #f95a36;
    border-right: 3px solid #f95a36;
    bottom: 15%;
  }
  .anchor_link ul li .bottom_none_arrow:hover::after {
    border-top: 3px solid #2cd4dc;
    border-right: 3px solid #2cd4dc;
    bottom: 15%;
  }
  /*================================================
リダイレクト
 ================================================*/
  #redirect {
    overflow-y: hidden;
  }
  #redirect .inner_wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 35%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #redirect h3:before {
    top: -90%;
  }
  #redirect .inner_wrap p {
    text-align: center;
  }
  /*================================================
お問い合わせ
================================================*/
  /*KV*/
  #contact .kv_bg_icon:after {
    /* right: 14%; */
  }
  /*フォーム*/
  form {
    display: block;
    max-width: 1200px;
    margin: 3.5em auto 0 auto;
    margin-top: 0;
  }
  #form table {
    border-top: 1px solid #efefef !important;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
    margin: 0 auto;
  }
  #form button,
  #form input,
  #form select,
  #form textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  #form tbody {
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle;
  }
  #form tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
  }
  #form th {
    background: #ffe4db;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: .1em;
    text-align: left;
    width: 30%;
    padding: 1.1em;
  }
  #form td {
    background: #fff;
  }
  #form th,
  #form td {
    border-bottom: 1px solid #cbcbce;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: .13em;
    display: table-cell;
    padding: 1em;
  }
  #form th span {
    color: #fff;
    float: right;
  }
  #form span.must {
    background-color: #fb8f7c;
    border-radius: 6px;
    color: #fff;
  }
  #form span.free {
    background-color: #fff;
    border-radius: 6px;
    color: #a29d9c;
  }
  #form span.must,
  #form span.free {
    font-size: .75em;
    line-height: 1.7em;
    letter-spacing: .18em;
    display: inline-block;
    padding: 4px 15px;
    vertical-align: middle;
  }
  #form td {
    color: #333;
    font-size: .7em;
    line-height: 1.7em;
    letter-spacing: .18em;
  }
  #form th,
  #form td {
    padding: 4em;
    vertical-align: middle;
  }
  #form p {
    color: #333;
    font-size: .9em;
    line-height: 1.6em;
    letter-spacing: .15em;
    text-align: center;
  }
  #form .form_ex {
    font-size: 1.3em;
    text-align: left;
    margin: 0;
    padding: .3em 0 0 0;
  }
  #form textarea {
    width: 100%;
  }
  [tabindex],
  a,
  area,
  button,
  input,
  label,
  select,
  summary,
  textarea {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }
  #form textarea {
    margin: 0;
    overflow: auto;
    resize: vertical;
  }
  #form input,
  #form textarea,
  #form select,
  #form button {
    color: initial;
    font: 400 11px system-ui;
    letter-spacing: normal;
    text-align: start;
    text-indent: 0;
    text-transform: none;
    text-shadow: none;
    word-spacing: normal;
    display: inline-block;
    margin: 0;

    text-rendering: auto;
  }
  #form .tel {
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.3em;
    text-decoration: none;
    padding: 0 0 0 .5em;
  }
  #form .radio_btn label {
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: .05em;
    margin: 0 2em 0 0;
    vertical-align: middle;
  }
  #form .radio_btn input {
    width: 20px;
    margin: 0 .5em 0 0;
  }
  #form td input {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    overflow: visible;
  }
  form input,
  #form textarea {
    background: #fff;
    border: #ccc solid 1px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  /*ボタン*/
  #form .form_btn {
    display: flex;
    max-width: 250px;
    margin: 3.5em auto 0 auto;
  }
  #form .form_btn input {
    background: #f75032;
    border: none;
    border-radius: 100px;
    outline: none;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: .1em;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 350px;
    height: 65px;
    margin: 0;
    cursor: pointer;
    transition: all .6s ease;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  #form .form_btn input:hover {
    background-color: #7f8052;
    text-decoration-color: inherit;
    transition: all .15s ease;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  /*お問い合わせ：送信完了*/
  #form .form_btn_top {
    max-width: 250px;
    margin: 2em auto 2.5em auto;
  }
  #form .form_btn_top a {
    background: #1d9abc;
    border: none;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    display: block;
    min-width: 250px;
    height: 55px;
    margin: 0 2em 0 0;
    cursor: pointer;
    transition: all .6s ease;
  }
  #form .form_btn_top a:after {
    content: "";
    transition: all .6s;
  }
  #form .form_btn_top a:hover {
    background-color: #333;
  }
  #form .message {
    font-size: 1.1em;
    line-height: 1.65em;
    letter-spacing: .1em;
  }
  /*================================================
新着情報一覧
================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    /* right: 6%; */
  }
  /*ニュース*/
  .news #case01 {
    padding: 3.5em 0 6.5em 0;
  }
  .news {
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: .1em;
    text-align: left;
    margin: 0 0 4.5em 0;
  }
  .news:last-child {
    margin: 0 0 0 0;
  }
  .news dt {
    font-size: 1em;
    margin: 0 0 1.45em 0;
    position: relative;
  }
  .news .title {
    border-top: 1px solid #c7c3c3;
    border-bottom: 1px solid #c7c3c3;
    color: #7f804e;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.35em;
    font-weight: 400;
    letter-spacing: .05em;
    display: block;
    margin: 0 0 1.25em 0;
    padding: 1em 0;
    vertical-align: middle;
  }
  .news .ymd {
    color: #728080;
    line-height: 1.85em;
    letter-spacing: .07em;
    margin: 0 .5em 0 0;
  }
  .news .category {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    border-radius: 50px;
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    letter-spacing: .03em;
    display: inline-block;
    margin: 0;
    padding: .35em 1em;
    position: absolute;
    top: -.25em;
    left: 7.67em;
  }
  .news .txt {
    line-height: 1.75em;
    display: block;
  }
  /*ボタン*/
  .news button {
    width: 30%;
    padding: 2rem 0;
  }
  .news button span {
    font-size: 1.5rem;
  }
  /*================================================
料金・対応地域
 ================================================*/
  /*KV*/
  #price .kv_bg_icon:after {
    /* right: 27%; */
  }
  /*料金・対応地域:4つならび*/
  #price #case01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #price #case01 ul li {
    background: #fff;
    border: dotted 2px #d0caca;
    display: block;
    align-items: center;
    width: 48%;
    padding: 2em;
  }
  #price #case01 .point_deco {
    background-color: #fb8f7c;
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto 1.25em auto;
    padding: 1em;
    vertical-align: middle;
    position: relative;
  }
  #price #case01 .point_deco::before {
    border-width: 30px 0 30px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 0;
  }
  #price #case01 .point_deco::after {
    border-width: 30px 10px 30px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 0;
  }
  /*見出し*/
  #price #case02 .line1,
  #price #case02 .line2 {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.65em;
    font-weight: 500;
    line-height: 3em;
    letter-spacing: .02em;
    text-align: center;
    margin: 0 0 1.25em 0;
    position: relative;
  }
  #price #case02 .line1:before,
  #price #case02 .line2:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    position: absolute;
    top: -1px;
    left: 50%;
            transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
  }
  /*料金について*/
  #price .th_title th {
    font-size: 1.25em;
  }
  #price #case02 h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
  }
  #price .middle_title {
    color: #fff;
    margin: 0 0 1.25em 0;
  }
  #price .cp_pricetable3 {
    margin: 0 0 5.5em 0;
  }

  /*================================================
商業登記
 ================================================*/
  /*KV*/
  #service07 .kv_bg_icon:after {
    /* right: 13%; */
  }
  #service07 .slideInner_underlayer {
    background: radial-gradient(#ffddd7, #fdf5ca);
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  /*見出し*/
  #service07 h3 {
    margin: 0 auto;
  }
  /*コンテンツ*/
  #service07 .sec01_underlayer {
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 7em 0 6em 0;
  }
  #service07 .inner_wrap_list {
    background: #fffeee;
  }
  #service07 h3 {
    margin: 0 0 .75em 0;
  }
  #service07 .mb_none {
    margin: 0 0 0 0;
  }
  #service07 #case01,
  #service07 #case02,
  #service07 #case03,
  #service07 #case04,
  #service07 #case05,
  #service07 #case06 {
    position: relative;
  }
  #service07 #case01,
  #service07 #case02,
  #service07 #case04,
  #service07 #case05 {
    margin: 0 0 9.5em 0;
  }
  #service07 #case01,
  #service07 #case03,
  #service07 #case04,
  #service07 #case06 {
    flex-direction: row-reverse;
  }
  #service07 #case02 {
    flex-direction: inherit;
  }
  /*ポイントイラスト*/
  #service07 #case01:before {
    background: url(../images/common/stationary_deco_pc.png) no-repeat;
    content: "";
    width: 18%;
    height: 40%;
    margin: 0;
    position: absolute;
    bottom: -4%;
    left: 32.5%;
    z-index: 1;
  }
  /*アイコン*/
  #service07 #case02:before {
    background: url(../images/common/tree_deco6.svg) no-repeat;
    content: "";
    width: 165px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: -11.5%;
    left: 41.5%;
    z-index: 1;
  }
  #service07 #case04:before {
    background: url(../images/common/desk_deco1.svg) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 37.5%;
    z-index: 1;
  }
  #service07 #case05:before {
    background: url(../images/common/house_deco1.png) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 41.5%;
    z-index: 1;
  }
  #service07 #case06:before {
    background: url(../images/common/bag_deco1.svg) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 35.5%;
    z-index: 1;
  }
  /*お問い合わせ*/
  #service07 .sec05 h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 70px;
    height: 35px;
    /* margin: 0; */
    position: absolute;
  }
  /*================================================
不動産登記
 ================================================*/
  /*KV*/
  #service06 .kv_bg_icon:after {
    /* right: 13%; */
  }
  #service06 .slideInner_underlayer {
    background: radial-gradient(#ffddd7, #fdf5ca);
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  /*見出し*/
  #service06 h3 {
    margin: 0 auto;
  }
  /*コンテンツ*/
  #service06 .sec01_underlayer {
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 7em 0 6em 0;
  }
  #service06 .inner_wrap_list {
    background: #fffeee;
  }
  #service06 h3 {
    margin: 0 0 .75em 0;
  }
  point_top_icon_white #service06 .mb_none {
    margin: 0 0 0 0;
  }
  #service06 #case01,
  #service06 #case02,
  #service06 #case03,
  #service06 #case04,
  #service06 #case05,
  #service06 #case06 {
    position: relative;
  }
  #service06 #case01,
  #service06 #case02,
  #service06 #case04,
  #service06 #case05 {
    margin: 0 0 9.5em 0;
  }
  #service06 #case01,
  #service06 #case03,
  #service06 #case04,
  #service06 #case06 {
    flex-direction: row-reverse;
  }
  #service06 #case02 {
    flex-direction: inherit;
  }
  /*ポイントイラスト*/
  #service06 #case01:before {
    background: url(../images/common/house_deco1.png) no-repeat;
    content: "";
    width: 140px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: -7.5%;
    left: 35.5%;
    z-index: 1;
  }
  /*アイコン*/
  #service06 #case02:before {
    background: url(../images/common/tree_deco6.svg) no-repeat;
    content: "";
    width: 165px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: -11.5%;
    left: 41.5%;
    z-index: 1;
  }
  #service06 #case03:before {
    background: url(../images/common/house_deco2.png) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 37.5%;
    z-index: 1;
  }

  /*================================================
債務整理
 ================================================*/
  #service05 .kv_bg_icon:after {
    /* right: 3%; */
  }
  /*共通*/
  #service05 .middle_title:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  /*注釈*/
  .small_txt {
    font-size: .75em;
    line-height: 1.65em;
    display: block;
    margin: 1em 0 0 0;
  }
  #service05 .sec01_underlayer {
    padding: 8em 0 5em 0;
  }
  #service05 .wrap_list .inner_wrap_list {
    width: 50%;
  }
  #service05 #case01 .middle_title,
  #service05 #case05 .middle_title {
    /*margin: 3em 0 0 0;*/
  }
  /*債務整理:4つならび*/
  #service05 .sec01_underlayer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #service05 .sec01_underlayer ul li {
    background: #fff;
    border: dotted 2px #d0caca;
    display: block;
    align-items: center;
    width: 23.5%;
    padding: 2em;
  }
  #service05 .point_deco {
    background-color: #fb8f7c;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto 1.25em auto;
    padding: 1em;
    position: relative;;
  }
  #service05 .point_deco::before {
    border-width: 30px 0 30px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 0;
  }
  #service05 .point_deco::after {
    border-width: 30px 10px 30px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 0;
  }
  #service05 .point_deco:before,
  #service05 .point_deco:after {
    border: none;
    border-bottom: solid 15px transparent;
    content: "";
    position: absolute;
    top: 0;
  }
  /*選ばれる理由*/
  #service05 #case01 .wrap_list {
    margin: 4.5em 0;
  }
  #service05 #case01 .inner_wrap_list::before {
    background: url(../images/common/tree_deco3.svg) no-repeat;
    content: "";
    width: 185px;
    height: 190px;
    margin: 0;
    position: absolute;
    bottom: -5%;
    left: 105.5%;
    z-index: 1;
  }
  /*債務整理の流れ*/
  #service05 .sec03_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    padding: 0 0 0 0;
  }
  #service05 .all_wrap .txt_wrap {
    background: #fdf5ca;
    border: none;
    color: #000;
    width: 45%;
    margin: 2em 0;
    padding: 2.5em;
  }
  #service05 .all_wrap .txt_wrap:last-child {
    margin: 2em 0;
  }
  #service05 .all_wrap .txt {
    border: none;
    color: #7f8052;
    padding: 0;
  }
  #service05 .sec03_underlayer .inner_wrap {
    padding: 6em 0 0 0;
  }
  #service05 .title_area .point_icon {
    width: 20%;
    margin: 0 .5em 0 0;
  }
  #service05 .num {
    color: #afabaa;
    font-size: 1.5em;
  }
  #service05 .sec03_underlayer h3 {
    color: #7f8052;
    margin: 0;
  }
  #service05 .all_wrap {
    padding: 0 0 6em 0;
  }
  #service05 .all_wrap .txt_wrap h5 {
    color: #333;
  }
  #service05 .marker {
    background: linear-gradient(transparent 60%, #d0ea2d 60%);
    font-weight: 500;
  }
  #service05 #case01 .bottom_arrow,
  #service05 #case02 .bottom_arrow,
  #service05 #case03 .bottom_arrow,
  #service05 #case04 .bottom_arrow,
  #service05 #case05 .bottom_arrow {
    display: block;
    width: 60px;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 50%;
  }
  /*任意整理*/
  #service05 .all_wrap {
    padding: 0 0 2em 0;
  }
  #service05 .sec02_underlayer .all_wrap .txt_wrap {
    background: #fff;
  }
  #service05 .sec02_underlayer .all_wrap .txt_wrap:last-child {
    margin: 2em 0;
  }
  #service05 .sec02_underlayer .wrap_list .inner_wrap_list {
    background: #fffeee;
  }
  .middle_title {
    background: none;
    border: none;
    box-shadow: none;
    color: #ff720c;
    font-size: 1.65em;
    font-weight: 500;
    line-height: 3em;
    letter-spacing: .02em;
    text-align: center;
    margin: 0;
    position: relative;
  }
  .middle_title:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  #service05 .sec02_underlayer h3 {
    margin: 0 auto .5em auto;
  }
  /*任意整理のメリット・デメリット*/
  #service05 .sec02_underlayer ul {
    margin: 0;
  }
  #service05 .sec02_underlayer ul li {
    width: 100%;
    padding: 2em 2em 2em 2em;
  }
  /*任意整理の表*/
  .cp_pricetable3 *,
  .cp_pricetable3 *:before,
  .cp_pricetable3 *:after {
            box-sizing: border-box;

    -webkit-box-sizing: border-box;
  }
  .cp_pricetable3 {
    border-collapse: separate;
    border-spacing: 1px 0;
    width: 100%;
    margin: 0 0 5em 0;
  }
  .cp_pricetable3 th,
  .cp_pricetable3 td {
    padding: 10px;
  }
  /*Headerブロック*/
  .cp_pricetable3 th {
    background: #88b7d5;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 1.05em;
    text-align: center;
    width: 50%;
    vertical-align: middle;
    position: relative;
    z-index: 1;
  }
  .cp_pricetable3 th:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-size: 3em;
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: -26px;
    left: 0;
    z-index: -1;
  }
  .cp_pricetable3 th.group1 {
    background: #fb846f;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    padding: 1.5em 0;
  }
  .cp_pricetable3 th.group1:after {
    color: #fb846f;
  }
  .cp_pricetable3 th.group2 {
    background: #ffa00c;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    padding: 1.5em 0;
  }
  .cp_pricetable3 th.group2:after {
    color: #ffa00c;
  }
  .cp_pricetable3 th.group3 {
    background: #131874;
  }
  .cp_pricetable3 th.group3:after {
    color: #131874;
  }
  /*メインブロック*/
  .cp_pricetable3 tr td {
    border: none;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: .01em;
    text-align: center;
    padding-top: 15px;
    vertical-align: middle;
  }
  .cp_pricetable3 tr:last-child td {
    border-radius: 0 0 5px 5px;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group1 {
    background: #ffc1b5;
    border: none;
    padding: 1.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group1 {
    background: #ffe4db;
    padding: 1.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group2 {
    background: #fde569;
    padding: 1.5em;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group2 {
    background: #fdf5ca;
    padding: 1.5em;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group3 {
    background: #a9bce2;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group3 {
    background: #d7e1f4;
  }
  /*ボタンデザイン*/
  .cp_pricetable3 a.cp_btn {
    background: #da3c41;
    border: 1px solid #da3c41;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    padding: .3em 1em;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .cp_pricetable3 .cp_btn:after {
    background: #fff;
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    opacity: 0;
            transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s;

    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  .cp_pricetable3 .cp_btn:hover {
    color: #da3c41;
  }
  .cp_pricetable3 .cp_btn:hover:after {
    height: 250%;
    opacity: 1;
  }
  .cp_pricetable3 .cp_btn:active:after {
    height: 350%;
    opacity: 1;
  }
  /*個人再生*/
  #service05 #case03 {
    background: url(../images/service02/1480_1110.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 7em 0 6em 0;
  }
  #service05 #case03 h3 {
    color: #fff;
  }
  #service05 #case03 h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 75px;
    height: 40px;
    /* margin: 0; */
    position: absolute;
    top: -50%;
    /* left: 47%; */
  }
  #service05 #case03 .lead {
    color: #fff;
    margin: 1.5em 0 2em 0;
  }
  #service05 #case03 .middle_title {
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 1.55em;
    font-weight: 500;
    line-height: 3em;
    letter-spacing: .05em;
    text-align: center;
    margin: 1.5em 0;
    position: relative;
  }
  #service05 #case03 .middle_title:before {
    border: 4px solid #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  #service05 #case03 ul li {
    background: none;
    border: none;
    width: 44%;
    padding: 1em 2em 2em 2em;
  }
  #service05 #case03 .service_list p {
    color: #fff;
  }
  #service05 #case03 strong {
    color: #ffbf0c;
  }
  /*自己破産*/
  #service05 #case04 .service_list li {
    background: none;
    border: none;
    display: block;
    align-items: center;
    width: 44%;
    padding: 2.5em 2em 2em 2em;
  }
  /*メリット・デメリット*/
  #service05 .point {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #service05 .point img {
    display: block;
    width: 100px;
    height: 130px;
    margin: 0 3em 0 0;
  }
  #service05 .line_center {
    align-items: center;
    width: 90%;
    margin: 2em 0;
  }
  #service05 .line_top {
    width: 100%;
    margin: 0 0 4em 0;
  }
  #service05 .line_center p,
  #service05 .line_top p {
    width: 100%;
  }
  /*注意事項*/
  #service05 #case04 .txt_wrap {
    margin: 2em 0 0 0;
  }
  #service05 #case04 .title_area {
    display: flex;
    align-items: center;
    margin: 0;
  }
  #service05 #case04 .title_area .point_icon {
    display: block;
    width: 6%;
    margin: 0 1.5em 0 0;
  }
  #service05 #case04 .txt_wrap {
    background: #ffebe3;
    border: none;
    border-radius: 10px;
    color: #000;
    width: 100%;
    margin: 2em 0;
    padding: 2.5em;
  }
  #service05 #case04 h5 {
    color: #333;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.55em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: .01em;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  #service05 #case04 .marker {
    background: linear-gradient(transparent 60%, #d0ea2d 60%);
    font-weight: 500;
  }
  #service05 #case04 .txt {
    border: none;
    border-radius: 10px;
    color: #7f8052;
    line-height: 1.65em;
    display: block;
    padding: 1.5em;
  }
  /*過払い請求*/
  #service05 #case05 {
    background: radial-gradient(#ffddd7, #fdf5ca);
    padding: 7em 0 4em 0;
  }
  #service05 #case05 .wrap_list {
    flex-direction: row-reverse;
    margin: 0 0 3.5em 0;
  }
  #service05 #case05 .inner_wrap_list::before {
    background: url(../images/common/tree_deco4.svg) no-repeat;
    content: "";
    width: 220px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: 3%;
    left: -49.5%;
    z-index: 1;
  }
  #service05 .cp_pricetable3 {
    margin: 2.5em 0 3.5em 0;
  }
  #service05 .mb4 {
    margin: 0 0 1em 0;
  }
  /*お問い合わせ*/
  #service05 .sec05 h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 70px;
    height: 35px;
    /* margin: 0; */
    position: absolute;
    top: -67%;
    /* left: 41%; */
  }
  /*================================================
成年後見
 ================================================*/
  #service01 .kv_bg_icon:after {
    /* right: 2%; */
  }
  .sec01_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    width: 100%;
    padding: 5em 0 7em 0;
  }
  .inner_wrap .lead {
    line-height: 1.65em;
    text-align: center;
    margin: 0 0 2.5em 0;
  }
  .sec01_underlayer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sec01_underlayer ul li {
    display: flex;
    align-items: center;
    width: 48%;
  }
  .sec01_underlayer ul li .txt {
    background: #f3e9d6;
    border-radius: 10px;
    box-sizing: border-box;
    color: #7f8052;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.35em;
    letter-spacing: .05em;
    text-align: left;
    display: inline-block;
    width: 100%;
    min-width: 120px;
    max-width: 100%;
    padding: 1em;
    position: relative;
  }
  .sec01_underlayer ul li .txt:before {
    border: 15px solid transparent;
    border-right: 15px solid #f3e9d6;
    content: "";
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: -28px;
    z-index: 10;
  }
  .sec01_underlayer ul li .txt:after {
    border: 14px solid transparent;
    content: "";
    margin-top: -14px;
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 1;
  }
  .sec01_underlayer ul li .point_icon {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 2em 0 0;
  }
  .service_list .ribbon_title {
    display: block;
    width: auto;
    height: 75px;
    margin: 0 auto 1.5em auto;
  }
  /*リボン*/
  .inner_wrap .sub_txt {
    border-radius: 10px;
    color: #908786;
    font-weight: bold;
    line-height: 1.65em;
    text-align: left;
    margin: 2.5em auto 0 auto;
    padding: 2em 2em 2em 7.5em;
    position: relative;
  }
  .inner_wrap .sub_txt:after {
    background: url(../images/service01/point_bg_icon.svg) no-repeat;
    content: "";
    width: 100px;
    height: 130px;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  /*メリット*/
  #service01 .service_list li {
    background: #fffeee;
  }
  .sec02_underlayer {
    width: 100%;
    padding: 5em 0 7em 0;
  }
  .sec02_underlayer h3 {
    margin: 0 auto;
  }
  .sec02_underlayer {
    background: radial-gradient(#fffadc, #ffddd7);
    width: 100%;
    padding: 7em 0 7em 0;
  }
  .sec02_underlayer .column_wrap {
    width: 1200px;
    margin: 0 auto;
  }
  .sec02_underlayer ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 2em auto 0 auto;
  }
  .sec02_underlayer ul li {
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 3em 0 0;
    padding: 2.5em 2em 2.5em 2em;
  }
  .sec02_underlayer ul li:last-child {
    margin: 0 0 0 0;
  }
  .service_list {
    margin: 0;
  }
  .service_list .point_icon {
    display: block;
    width: 45%;
    height: auto;
    margin: 0 auto 0 auto;
  }
  .service_list h4 {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    border-bottom: dotted 2px #bebf9d;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.45em;
    font-weight: 500;
    line-height: 2.6em;
    letter-spacing: .05em;
    text-align: center;
    margin: 0 0 1em 0;
    position: relative;
    z-index: 100;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .service_list h4 i {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    padding: 0 .25em 0 0;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .service_list h4:after {
    content: "";
    display: block;
    width: 100%;
    height: 53px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .column_wrap .service_list p {
    margin: 1.45em 0 0 0;
  }
  /*遺言書の種類*/
  #service01 .sec03_underlayer {
    background: url("../images/service01/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 6em 0;
  }
  .sec03_underlayer h3 {
    color: #fff;
  }
  .sec03_underlayer h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 75px;
    height: 40px;
    /* margin: 0; */
    position: absolute;
    top: -50%;
    /* left: 47%; */
  }
  .all_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all_wrap .txt_wrap {
    align-items: center;
    width: 47%;
  }
  .all_wrap .txt_wrap p {
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .05em;
    text-align: left;
    position: relative;
  }
  .all_wrap .txt {
    border-radius: 10px;
    line-height: 1.65em;
  }
  .all_wrap .sub_cap {
    font-size: .65em;
    line-height: 1.15em;
    display: block;
  }
  #service01 .sec03_underlayer .txt {
    border: dotted 2px #d0cabe;
    border-radius: 10px;
    color: #fff;
    line-height: 1.65em;
    display: block;
    padding: 1.5em;
  }
  /*2カラムタイトル*/
  .title_area {
    display: flex;
    align-items: center;
    margin: 0 0 1.75em 0;
  }
  .title_area .point_icon {
    display: block;
    width: 18%;
    height: 75px;
    margin: 0 1em 0 0;
  }
  .all_wrap .txt_wrap h5 {
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: .01em;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .sec03_underlayer .inner_wrap .sub_txt {
    border: dotted 3px #fb8f79;
    border-radius: 10px;
    color: #7f8052;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    line-height: 1.65em;
    text-align: center;
    margin: 4.5em auto 0 auto;
    padding: 1.5em;
    position: relative;
  }
  /*お手伝いできること*/
  #service01 .sec04_underlayer {
    background: radial-gradient(#fffad9, #ffddd7);
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    width: 100%;
    padding: 7em 0 6.5em 0;
  }
  .wrap_list {
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .wrap_list h4 {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    border-bottom: dotted 2px #bebf9d;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: .05em;
    text-align: center;
    margin: 0 0 1.35em 0;
    padding: 0 0 .5em 0;
    position: relative;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .wrap_list h4 i {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    padding: 0 .25em 0 0;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  #service01 .sec04_underlayer .wrap_list .inner_wrap_list {
    width: 50%;
  }
  #service01 .inner_wrap_list::before {
    background: url(../images/common/tree_deco1.svg) no-repeat;
    content: "";
    width: 190px;
    height: 190px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 106.5%;
    z-index: 1;
  }
  .wrap_list .inner_wrap_list {
    background: #fff;
    background: radial-gradient(#fffadc, #ffddd7);
    border-radius: 10px;
    width: 50%;
    padding: 4em 3em;
    position: relative;
    transition: background-color .1s ease-out, box-shadow .1s ease-out;
  }
  .wrap_list img {
    display: block;
    width: 455px;
    height: auto;
    margin: 0;
    position: relative;
  }
  .wrap_list .inner_wrap_list p {
    line-height: 1.65em;
    margin: 0 0 0 0;
  }
  .sec04_underlayer .border_btn {
    width: 90%;
    margin: 2em auto 0 auto;
  }
  /*ボタン*/
  .bg_pink_btn {
    display: block;
    width: 65%;
    margin: 2em auto 0 auto;
  }
  .bg_pink_btn a {
    background: #f75032;
    border-radius: 50px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 1.5em 0;
    position: relative;
    z-index: 1;
    transition: all .3s ease;
  }
  .bg_pink_btn a:hover {
    background: #7f8052;
    color: #fff;
  }
  /*==============================================
  相続
================================================*/
  /*KV*/
  .kv_bg_icon:after {
    /* right: -35%; */
  }
  /*相続とは*/
  #service04 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    padding: 4em 0 6em 0;
  }
  #service04 .service_list {
    display: block;
    width: 80%;
  }
  #service04 .inner_wrap_list::before {
    background: url(../images/common/leaf_deco.svg) no-repeat;
    content: "";
    width: 150px;
    height: 155px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 109.5%;
    z-index: 1;
  }
}
/*相続*/
#service04 .sec02_underlayer {
  background: radial-gradient(#ffddd7, #fdf5ca);
  padding: 7em 0 7em 0;
}
#service04 .sec02_underlayer .column_wrap {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 3em auto 0 auto;
}
#service04 .sec02_underlayer .service_list {
  background: #fffeee;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0;
  padding: 3.5em 4em 4.5em 4em;
  position: relative;
}
#service04 .sec02_underlayer .service_list:before {
  border: 18px solid transparent;
  border-right: 18px solid #fffeee;
  content: "";
  margin-top: -18px;
  position: absolute;
  top: 50%;
  left: -36px;
}
#service04 .sec02_underlayer .inner_wrap p {
  line-height: 1.6em;
}
#service04 .sec02_underlayer .chart {
  background: #fff;
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  display: block;
  height: auto;
  margin: 0 auto 0 0;
  padding: 2em;
}
#service04 .sec02_underlayer .chart {
  background: none;
  display: block;
  width: 85%;
  height: auto;
  margin: 0 auto 0 0;
  padding: 0;
}
/*相続の流れ*/
.flow {
  width: 1200px;
  margin: 4.5em auto 0 auto;
}
.flow .lead {
  text-align: center;
  margin: 0 auto 2em auto;
}
/*================================================
リダイレクト
 ================================================*/
#redirect h3 {
  width: 100%;
}
#redirect .inner_wrap {
  width: 90%;
}
/*==============================================
  事務所案内+所員紹介
 ================================================*/
/*KV*/
#about .kv_bg_icon:after {
  /* right: 9%; */
}
#about #case01 {
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  padding: 4em 0 6em 0;
}
.jp_deco {
  color: #7f8052;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.15em;
  padding: 0 .75em 0 0;
}
#about #case01 .top_position {
  border-radius: 0;
  margin: 1.5em auto 0 auto;
  padding: 0;
  top: 0;
}
#about #case01 .all_wrap {
  flex-flow: row-reverse;
}
#about #case01 .inner_wrap {
  position: relative;
}
#about #case01 .inner_wrap_list {
  width: 50%;
}
#about #case01 .inner_wrap:before {
  background: url(../images/top/top_deco.svg) no-repeat;
  content: "";
  width: 200px;
  height: 150px;
  margin: 0;
  position: absolute;
  right: 37%;
  bottom: 25.5%;
  z-index: 1;
}
/*プロフィール*/
#about .profile {
  border-radius: 10px;
  width: 100%;
  padding: 3em;
  position: relative;
  transition: background-color .1s ease-out, box-shadow .1s ease-out;
}
#about .profile h4 {
  background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
  border-bottom: dotted 2px #bebf9d;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: .05em;
  text-align: center;
  margin: 0 0 1.35em 0;
  padding: 0 0 .5em 0;
  position: relative;

  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
/*事務所概要*/
#about #case02 {
  background: radial-gradient(#ffddd7,#fdf5ca);
  width: 100%;
  padding: 7em 0 6em 0;
}
#about #case02 .inner_wrap {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#about #case02 .inner_wrap:after {
  background: url(../images/common/tree_deco3.svg) no-repeat;
  content: "";
  width: 185px;
  height: 190px;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: -5%;
  z-index: 1;
}
#about #case01 .inner_wrap .sub_txt:after {
  background: url(../images/about/message_bg_icon.svg) no-repeat;
  top: 17%;
}
/*スライダー*/
*,
*:before,
*:after {
          box-sizing: border-box;

  -webkit-box-sizing: border-box;
}
.cp_cssslider {
  text-align: center;
  width: 550px;
  margin: 42.5em auto 0 0;
  position: relative;
}
.cp_cssslider > img {
  display: block;
  width: 550px;
  height: 550px;
  margin: 0 auto 8em auto;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .5s;
}
.cp_cssslider input[name="cp_switch"] {
  display: none;
}
.cp_cssslider label {
  border: 2px solid #fff;
  display: inline-block;
  margin: 0 5px 0 5px;
  opacity: .6;
  cursor: pointer;
  transition: all .5s ease;
}
.cp_cssslider label:hover {
  opacity: .9;
}
.cp_cssslider label img {
  display: block;
  width: 90px;
  height: 90px;
}
.cp_cssslider input[name="cp_switch"]:checked + label {
  border: 2px solid #ff7043;
  opacity: 1;
}
.cp_cssslider input[name="cp_switch"] ~ img {
  opacity: 0;
}
.cp_cssslider input[name="cp_switch"]:checked + label + img {
  opacity: 1;
}
/*テーブル*/
#about .cp_pricetable3 {
  width: 47%;
  margin: 4.65em 0 0 auto;
}
#about .cp_pricetable3 td {
  line-height: 1.25em;
}
#about .cp_pricetable3 .group1 {
  width: 35%;
}
#about .cp_pricetable3 .group2 {
  width: 65%;
}
/*アクセス*/
#about #case03 {
  background: url(../images/about/1480_1110.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  padding: 8em 0 8em 0;
}
#about #case03 .lead {
  color: #fff;
}
/*==============================================
  遺言
 ================================================*/
/*遺言について*/
#service03 .sec04_underlayer {
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  padding: 5em 0 5.5em 0;
}
#service03 .inner_wrap_list::before {
  background: url(../images/common/cap_deco.svg) no-repeat;
  content: "";
  width: 185px;
  height: 190px;
  margin: 0;
  position: absolute;
  bottom: -21%;
  left: 96.5%;
  z-index: 1;
}
/*遺言書の種類*/
#service03 .sec02_underlayer {
  background: radial-gradient(#ffddd7, #fdf5ca);
}
#service03 .sec02_underlayer .service_list {
  margin: 2em 0 6em 0;
}
#service03 .sec02_underlayer li {
  background: #fffeee;
}
#service03 .sec02_underlayer .chart,
#service03 .sec02_underlayer .chart {
  background: #fff;
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto;
  padding: 2em;
}
#service03 .sec02_underlayer .lead i,
#service04 .sec02_underlayer .lead i {
  color: #fb8f7c;
}
#service03 .sec02_underlayer strong,
#service04 .sec02_underlayer strong {
  font-weight: bold;
  padding: 0 0 .5em 0;
}
#service03 .bg_pink_btn {
  display: block;
  width: 30%;
  margin: 3em auto 0 auto;
}
#service03 .point_deco::before {
  border-width: 25px 0 25px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fffeee;
  left: 0;
}
#service03 .point_deco::after {
  border-width: 25px 10px 25px 0;
  border-style: solid;
  border-color: transparent #fffeee transparent transparent;
  right: 0;
}
.point_deco {
  background-color: #fb8f7c;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 85%;
  margin: 1.5em auto;
  padding: .75em;
  position: relative;
}
.point_deco:before,
.point_deco:after {
  border: none;
  border-bottom: solid 15px transparent;
  content: "";
  position: absolute;
  top: 0;
}
#service05 .point_deco::before {
  border-width: 30px 0 30px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  left: 0;
}
#service05 .point_deco::after {
  border-width: 30px 10px 30px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  right: 0;
}
.point_deco i {
  padding: 0 .25em 0 0;
}
#service03 .kv_bg_icon:after {
  /* right: -30%; */
}
/*==============================================
  遺産承継
 ================================================*/
/*カラー*/
.bg_yerrow {
  background: #fffeee;
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
}
/*KV*/
/* #service02 .kv_bg_icon:after {
  right: 19%;
} */
/*遺産承継業務とは*/
#service02 .sec04_underlayer {
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  padding: 5em 0 5em 0;
}
#service02 .inner_wrap .sub_txt:after {
  background: url(../images/service02/point_bg_icon.svg) no-repeat;
  content: "";
  width: 100px;
  height: 130px;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#service02 .inner_wrap .sub_txt {
  border-radius: 10px;
  color: #f95a3e;
  font-weight: bold;
  line-height: 2.15em;
  line-height: 1.85em;
  text-align: left;
  margin: 2.5em auto 0 auto;
  padding: 2em 2em 2em 7.5em;
  position: relative;
}
#service02 .sec04_underlayer .inner_wrap_list::before {
  background: url(../images/common/stationary_deco_pc.png) no-repeat;
  content: "";
  width: 190px;
  height: 165px;
  margin: 0;
  position: absolute;
  bottom: -3%;
  left: 105.5%;
  z-index: 1;
}
/*解決の一例*/
#service02 .sec03_underlayer {
  background: url(../images/service02/1480_1110.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  padding: 7em 0 6em 0;
}
/* #service02 .sec03_underlayer ul {
  display: table;
}
#service02 .sec03_underlayer ul li {
  display: table-cell;
}
#service02 #column1 {
  width: 55%;
  margin: 0 auto;
}
#service02 #column1 .title_area {
  margin: 2.75rem 0 1.75rem 0;
}
#service02 #column1 .title_area .point_icon {
  width: 11%;
}
#service02 .sec03_underlayer .txt {
  border: dotted 2px #d0cabe;
  border-radius: 10px;
  color: #fff;
  line-height: 1.65em;
  display: block;
  padding: 1.5em;
} */
/*お手伝いできること*/
/* #service02 .bg_yerrow {
  padding: 7em 0 6.5em 0;
}
#service02 #column_reverse .wrap_list .inner_wrap_list {
  width: 50%;
}
#service02 #column_reverse .inner_wrap_list::before {
  background: url(../images/common/tree_deco2.svg) no-repeat;
  content: "";
  width: 250px;
  height: 250px;
  margin: 0;
  position: absolute;
  bottom: -8.5%;
  left: -36.5%;
  z-index: 1;
} */
/*お問い合わせ*/
#service03 #column_reverse .wrap_list .inner_wrap_list {
  width: 40%;
}
/* #service02 #column_reverse .wrap_list .inner_wrap_list,
#service03 #column_reverse .wrap_list .inner_wrap_list {
  margin: 0 auto;
}
#service02 #column_reverse .inner_wrap_list::before,
#service03 #column_reverse .inner_wrap_list::before {
  background: url(../images/common/tree_deco2.svg) no-repeat;
  content: "";
  width: 250px;
  height: 250px;
  margin: 0;
  position: absolute;
  bottom: -8.5%;
  left: -47.5%;
  z-index: 1;
} */

/*================================================
・スマホ
 ================================================*/
@media screen and (max-width:768px) {
  /*マージン*/
  .sp_mb1 {
    margin: 0 0 1.5em 0;
  }
  .sp_mb2 {
    margin: 0 0 2em 0;
  }
  .spmt1 {
    margin: 1.5em 0 0 0;
  }
  .pc,
  .mb,
  .md_br {
    display: none;
  }
  .sp {
    display: block;
  }
  p {
    font-size: .95em;
    font-weight: normal;
    line-height: 1.55em;
  }
  /*通常バージョン*/
  h3 {
    font-size: 1.65em;
  }
  h3:before {
    width: 70px;
    height: 35px;
    /* margin: 0; */
    top: -67%;
    /* left: 41%; */
  }
  h3 span {
    font-size: .5em;
    line-height: 2.5em;
  }
  /*かざり白バージョン*/
  .sec03_underlayer h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 70px;
    height: 35px;
    /* margin: 0; */
    position: absolute;
    top: -67%;
    /* left: 41%; */
  }
  /*KV*/
  .slide .kv_bg_icon {
    font-size: 2em;
    text-align: center;
  }
  .kv_bg_icon:after {
    width: 120px;
    height: 160px;
    top: -137%;
    /* right: 32%; */
  }
  .slideInner_underlayer {
    background-size: 10%;
  }
  /*================================================
リダイレクト
 ================================================*/
  #redirect h3 {
    width: 100%;
  }
  #redirect .inner_wrap {
    width: 90%;
    margin: 0 auto;
    top: 33%;
  }
  #redirect h3:before {
    top: -120%;
  }
  /*================================================
お問い合わせ
 ================================================*/
  /*KV*/
  #contact .kv_bg_icon:after {
    /* right: 32%; */
  }
  #contact #case01 {
    background-size: 10%;
    padding: 5em 0 5.5em 0;
  }
  /*フォーム*/
  form {
    display: block;
    max-width: 1200px;
    margin: 3em auto 0 auto;
    margin-top: 0;
  }
  #form table {
    border-top: 1px solid #efefef !important;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
    margin: 0 auto;
  }
  #form button,
  #form input,
  #form select,
  #form textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  #form tbody {
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle;
  }
  #form tr {
    border-color: inherit;
    display: block;
    vertical-align: inherit;
  }
  #form th {
    border: none;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: .1em;
    text-align: left;
    width: 30%;
    padding: 1.5em 1em 1.5em 2em;
  }
  #form th,
  #form td {
    box-sizing: border-box;
    display: block;
    align-items: center;
    width: 100%;
  }
  #form th span {
    color: #fff;
    float: right;
  }
  #form span.must {
    background-color: #e43e0f;
    color: #fff;
  }
  #form span.free {
    color: #a29d9c;
  }
  #form span.must,
  #form span.free {
    font-size: .75em;
    line-height: 1.7em;
    letter-spacing: .18em;
    display: inline-block;
    vertical-align: text-top;
  }
  #form td {
    border: none;
    color: #333;
    font-size: .7em;
    line-height: 1.7em;
    letter-spacing: .18em;
    padding: 2em 0;
  }
  #form p {
    color: #333;
    font-size: .9em;
    line-height: 1.6em;
    letter-spacing: .15em;
    text-align: center;
  }
  #form .form_ex {
    font-size: 1.3em;
    text-align: left;
    margin: 0;
    padding: .3em 0 0 0;
  }
  #form textarea {
    width: 100%;
  }
  [tabindex],
  a,
  area,
  button,
  input,
  label,
  select,
  summary,
  textarea {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }
  #form textarea {
    margin: 0;
    overflow: auto;
    resize: vertical;
  }
  #form input,
  #form textarea,
  #form select,
  #form button {
    color: initial;
    font: 400 11px system-ui;
    letter-spacing: normal;
    text-align: start;
    text-indent: 0;
    text-transform: none;
    text-shadow: none;
    word-spacing: normal;
    display: inline-block;
    margin: 0;

    text-rendering: auto;
  }
  #form .tel {
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.3em;
    text-decoration: none;
    padding: 0 0 0 .5em;
  }
  #form .radio_btn label {
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: .05em;
    margin: 0 2em 0 0;
    vertical-align: middle;
  }
  #form .radio_btn input {
    width: 20px;
    margin: 0 .5em 0 0;
  }
  #form td input {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    overflow: visible;
  }
  form input,
  #form textarea {
    background: #fff;
    border: #ccc solid 1px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  /*ボタン*/
  #form .form_btn {
    display: block;
    max-width: 350px;
    margin: 2em auto 0 auto;
  }
  #form .form_btn input {
    background: #ff7f5b;
    border: none;
    border-radius: 100px;
    outline: none;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: .1em;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 250px;
    height: 65px;
    margin: 0;
    cursor: pointer;
    transition: all .6s ease;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  #form .form_btn input:hover {
    background-color: #e43e0f;
    text-decoration-color: inherit;
    transition: all .15s ease;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  /*================================================
新着情報一覧
 ================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    /* right: 34%; */
  }
  /*お知らせ*/
  .news {
    margin: 1.5em 0 4.5em 0;
  }
  #news #case01 {
    background-size: 10%;
    padding: 5.5em 0 5.5em 0;
  }
  .news .title {
    font-size: 1.15em;
  }
  .news .txt {
    line-height: 1.65em;
  }
  /*================================================
料金・対応地域
 ================================================*/
  /*KV*/
  #price .kv_bg_icon:after {
    /* right: 30%; */
  }
  /*対応地域*/
  #price #case01 {
    background-size: 10%;
    padding: 6em 0 5em 0;
  }
  #price #case01 ul li {
    width: 100%;
  }
  #price #case01 ul li:first-child {
    margin: 0 0 1.5em 0;
  }
  /*見出し*/
  #price #case02 {
    padding: 6.5em 0 .5em 0;
  }
  #price #case02 .line1,
  #price #case02 .line2 {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.35em;
    letter-spacing: .02em;
    text-align: center;
    margin: 0 0 3em 0;
    vertical-align: middle;
    position: relative;
  }
  #price #case02 .line1:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    top: -33px;
    left: 50%;
            transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
  }
  #price #case02 .line2:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 100px;
    position: absolute;
    top: -26px;
    left: 50%;
            transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
  }
  /*テーブル見出し*/
  #price .th_title th {
    font-size: 1.15em;
    line-height: 1.25em;
    letter-spacing: .01em;
  }
  #price .cp_pricetable3 th:after {
    bottom: -14px;
  }
  /*==============================================
  商業登記
 ================================================*/
  /*KV*/
  #service07 .kv_bg_icon:after {
    /* right: 31%; */
  }
  #service07 #case01:before {
    background: url(../images/common/stationary_deco_sp.png) no-repeat;
    content: "";
    width: 150px;
    height: 135px;
    margin: 0;
    position: absolute;
    bottom: -10%;
    left: 50%;
    z-index: 1;
  }
  #service07 #case02:before {
    width: 145px;
    height: 110px;
    bottom: -6.5%;
    left: 51.5%;
    z-index: 1;
  }
  #service07 #case04:before {
    width: 135px;
    height: 135px;
    bottom: -8.5%;
    left: 31.5%;
  }
  #service07 #case05:before {
    width: 135px;
    height: 135px;
    bottom: -7.5%;
    left: 46.5%;
  }
  #service07 #case06:before {
    width: 135px;
    height: 135px;
    bottom: -10.5%;
    left: 48.5%;
  }
  #service07 #case04,
  #service07 #case05 {
    margin-top: 1.5em;
  }
  #service07 .mr_top:before {
    top: -42%;
  }
  /*==============================================
  不動産登記
 ================================================*/
  /*KV*/
  #service06 .kv_bg_icon:after {
    /* right: 32%; */
  }
  /*ポイントイラスト*/
  #service06 #case01:before {
    width: 135px;
    height: 135px;
    bottom: -6.5%;
    left: 55.5%;
  }
  #service06 #case02:before {
    width: 145px;
    height: 110px;
    bottom: -6.5%;
    left: 51.5%;
    z-index: 1;
  }
  #service06 #case03:before {
    width: 163px;
    height: 152px;
    bottom: -9.5%;
    left: 51.5%;
  }
  #service06 #case01,
  #service06 #case02 {
    margin: 0 0 8em 0;
  }
  /*==============================================
  債務整理
 ================================================*/
  /*KV*/
  #service05 .kv_bg_icon:after {
    /* right: 33%; */
  }
  /*共通*/
  #service05 .middle_title:before {
    border-width: 4px;
    border-style: solid;
    border-color: rgb(255, 191, 12) transparent;
    border-image: initial;
    border-radius: 50%;
    content: "";
    width: 70px;
    height: 73px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  #service05 .middle_title,
  #service05 #case04 .middle_title {
    font-size: 1.45em;
    line-height: 3.5em;
    letter-spacing: .01em;
    margin: 0 0 1em 0;
  }
  #service05 #case04 .middle_title:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 70px;
    height: 73px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  /*アンカーリンク*/
  .anchor_link {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    width: 90%;
    margin: 0 auto 3em auto;
    position: relative;
    z-index: 10;
  }
  .li_mb1 {
    margin: 0 0 .5em 0;
  }
  .anchor_link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0;
  }
  #service05 .anchor_link ul li a {
    background: #ffebe3;
    font-size: .85em;
    letter-spacing: .01em;
    width: 105px;
    height: 105px;
  }
  .anchor_link ul li .bottom_arrow:after {
    width: 9px;
    height: 9px;
    bottom: 20%;
    left: 50%;
  }
  #service05 .anchor_link .common_txt {
    line-height: 1.35em;
    letter-spacing: .01em;
    top: 2.25em;
  }
  /*債務整理*/
  #service05 .sec01_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 3em 0;
  }
  #service05 .wrap_list .inner_wrap_list {
    width: 100%;
  }
  .inner_wrap {
    display: block;
    width: 90%;
  }
  #service05 .sec01_underlayer ul {
    display: block;
  }
  #service05 .sec01_underlayer ul li {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0 0 1.25em 0;
    padding: 1.5em;
  }
  /*リボン*/
  #service05 .point_deco {
    font-size: 1.25em;
    margin: 0 auto 1em auto;
    padding: .75em;
  }
  #service05 .point_deco::before {
    border-width: 25px 0 25px 10px;
    left: 0;
  }
  #service05 .point_deco::after {
    border-width: 25px 10px 25px 0;
    right: 0;
  }
  #service05 #case01 .wrap_list {
    margin: 2.5em 0 5em 0;
  }
  /*bgアイコン*/
  #service05 #case01 .inner_wrap_list::before {
    width: 155px;
    height: 155px;
    bottom: -82%;
    left: 53.5%;
  }
  /*債務整理の流れ*/
  #service05 .all_wrap .txt_wrap {
    width: 100%;
    margin: 0 0 1em 0;
    padding: 2em;
  }
  /*やじるし*/
  #service05 #case01 .bottom_arrow,
  #service05 #case02 .bottom_arrow,
  #service05 #case03 .bottom_arrow,
  #service05 #case04 .bottom_arrow,
  #service05 #case05 .bottom_arrow {
    display: block;
    width: 25px;
    height: auto;
    top: 0;
  }
  .sp_arrow {
    margin: 0 auto 1em auto;
  }
  #service05 .all_wrap .txt_wrap:last-child {
    margin: 0 0 0;
  }
  /*任意整理の流れ*/
  #service05 .sec02_underlayer .all_wrap .txt_wrap:last-child {
    margin: 0 0 3em 0;
  }
  /*任意整理のメリット／デメリット*/
  #service05 #case02 ul {
    width: 100%;
    margin: 0;
  }
  #service05 #case02 ul li {
    width: 100%;
    padding: 0;
  }
  #service05 #case02 {
    padding: 6.5em 0 4.5em 0;
  }
  /*個人再生*/
  #service05 #case03 h3:before {
    top: -70%;
    /* left: 40%; */
  }
  /*リード文*/
  .inner_wrap .lead {
    text-align: left;
  }
  /*テーブル*/
  .cp_pricetable3 tr:nth-child(2n+1) td.group1 {
    font-size: 1em;
    line-height: 1.35em;
    letter-spacing: .01em;
    padding: 1.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group2 {
    font-size: 1em;
    line-height: 1.35em;
    letter-spacing: .01em;
    padding: 1.5em 1em;
  }
  /*個人再生のメリット／デメリット*/
  #service05 #case03 {
    padding: 6em 0 2em 0;
  }
  #service05 #case03 .middle_title {
    font-size: 1.45em;
    letter-spacing: .01em;
  }
  #service05 #case03 ul li {
    width: 100%;
    padding: 0;
  }
  .service_list .ribbon_title {
    margin: 0 auto .75em auto;
  }
  #service05 .sec01_underlayer ul li {
    margin: 0 0 1.5em 0;
  }
  /*自己破産*/
  #service05 .sec01_underlayer {
    padding: 3em 0 3em 0;
  }
  #service05 .point {
    display: block;
  }
  #service05 .line_center {
    width: 100%;
    margin: 2em 0;
  }
  #service05 .point .sp {
    margin: 0 0 .75em 0;
  }
  #service05 .point img {
    width: 100%;
    height: auto;
    margin: 0 1.5em 0 0;
  }
  #service05 .line_top {
    margin: 0 0 3em 0;
  }
  /*破産：注意点*/
  #service05 #case04 .title_area {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 1.5em 1em 0 1em;
  }
  #service05 #case04 .txt_wrap {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
  }
  #service05 #case04 .title_area {
    padding: 1.5em 1em 0 1em;
  }
  #service05 #case04 .title_area .point_icon {
    display: inline-block;
    width: 10%;
    margin: 0 .5em 0 0;
  }
  #service05 #case04 h5 {
    font-size: 1.35em;
    line-height: 1.35em;
  }
  /*過払い金請求*/
  #service05 #case05 {
    padding: 6.5em 0 2em 0;
  }
  #service05 #case05 .inner_wrap_list::before {
    width: 190px;
    height: 125px;
    bottom: -24.5em;
    left: 42.5%;
  }
  #service05 #case05 .wrap_list {
    margin: 0 0 4.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group1 {
    line-height: 1.35em;
  }
  /*==============================================
  相続
 ================================================*/
  /*相続とは*/
  #service04 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    padding: 5em 0 4em 0;
  }
  #service04 .sec02_underlayer {
    padding: 6em 0 3.5em 0;
  }
  #service04 .service_list {
    width: 100%;
  }
  #service04 .sec02_underlayer .column_wrap {
    display: block;
    width: 90%;
    margin: 1.5em auto 0 auto;
  }
  #service04 .sec02_underlayer .service_list {
    margin: 0 0 3em 0;
    padding: 2.5em 2em 3.5em 2em;
  }
  #service04 .sec02_underlayer .inner_wrap {
    width: 100%;
  }
  #service04 .sec02_underlayer .chart {
    width: 100%;
    margin: 0;
  }
  #service04 .sec02_underlayer .service_list:before {
    border: 15px solid transparent;
    border-top: 18px solid #fffeee;
    margin-top: 0;
    margin-left: -18px;
    top: 100%;
    left: 50%;
  }
  .flow {
    width: 100%;
    margin: 4.5em auto 0 auto;
  }
  .flow .lead {
    font-size: 1.1em;
    margin: 0 auto 1.5em auto;
  }
  .flow .sp {
    width: 90%;
    margin: 0 auto;
  }
  /*イラスト*/
  #service04 .inner_wrap_list::before {
    background: url(../images/common/leaf_deco.svg) no-repeat;
    content: "";
    width: 150px;
    height: 155px;
    margin: 0;
    position: absolute;
    bottom: -97.5%;
    left: 0;
    z-index: 1;
  }
  /*==============================================
    事務所概要
   ================================================*/
  /*KV*/
  #about .kv_bg_icon:after {
    /* right: 33%; */
  }
  /*所員紹介*/
  #about #case01 {
    padding: 4em 0 4em 0;
  }
  #about #case01 .inner_wrap_list {
    width: 100%;
  }
  #about #case01 .inner_wrap .sub_txt:after {
    background: url(../images/about/message_bg_icon_sp.svg) no-repeat;
    top: 0;
  }
  #about #case01 .inner_wrap:before {
    right: 0;
    bottom: 32.5%;
  }
  /*事務所概要*/
  #about #case02 .inner_wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #about #case02 .inner_wrap:after {
    width: 150px;
    height: 150px;
    right: 8%;
    bottom: -31%;
  }

  /*スライダー*/
  .cp_cssslider {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin: 24.5em auto 0 auto;
    position: relative;
  }
  .cp_cssslider input[name="cp_switch"] {
    display: none;
  }
  .cp_cssslider input[name="cp_switch"]:checked + label {
    border: 2px solid #ff7043;
    opacity: 1;
  }
  .cp_cssslider label img {
    outline: none;
    display: block;
    width: 48px;
    height: 48px;
  }
  .cp_cssslider input[name="cp_switch"]:checked + label {
    border: 2px solid #ff7043;
    opacity: 1;
  }
  .cp_cssslider > img {
    width: 100%;
    height: auto;
    margin: 0 auto 4.5em auto;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .5s;
  }
  /*テーブル*/
  #about .cp_pricetable3 {
    width: 90%;
    margin: 4.5em auto 0 auto;
  }
  /*==============================================
  遺言
 ================================================*/
  /*KV*/
  #service03 .kv_bg_icon:after {
    /* right: 32%; */
  }
  /*遺言について*/
  #service03 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    padding: 5em 0 4em 0;
  }
  #service03 .inner_wrap_list::before {
    width: 160px;
    height: 165px;
    bottom: -5.5%;
    left: 52.5%;
  }
  /*　遺言書の種類*/
  #service03 .sec02_underlayer .service_list {
    margin: 2em auto 3em auto;
  }
  .point_deco {
    width: 90%;
    padding: .75em;
  }
  #service03 .sec02_underlayer .lead {
    line-height: 1.45em;
  }
  #service03 .sec02_underlayer .chart {
    width: 100%;
    padding: 1em 0;
  }
  /*ボタン*/
  #service03 .bg_pink_btn {
    display: block;
    width: 100%;
    margin: 2.5em auto 0 auto;
  }
  /*==============================================
  遺産承継
 ================================================*/
  /*KV*/
  /* #service02 .kv_bg_icon:after {
    right: 31%;
  } */
  #service02 .inner_wrap_list::before {
    background: url(../images/common/tree_deco2.svg) no-repeat;
    content: "";
    width: 150px;
    height: 150px;
    margin: 0;
    position: absolute;
    bottom: 13%;
    left: 46.5%;
    z-index: 1;
  }
  #service02 .inner_wrap .sub_txt {
    line-height: 1.75em;
    text-align: center;
    padding: 4.5em 0 0 0;
  }
  #service02 .inner_wrap .sub_txt:after {
    background: url(../images/service02/point_bg_icon_sp.svg) no-repeat;
    width: 70%;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 15%;
  }
  #service02 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    padding: 6em 0 4.5em 0;
  }
  #service02 .inner_wrap_list::before {
    background: url(../images/common/stationary_deco_sp.png) no-repeat;
    content: "";
    width: 150px;
    height: 135px;
    margin: 0;
    position: absolute;
    bottom: -3%;
    left: 50%;
    z-index: 1;
  }
  /*解決の一例*/
  /* #service02 .sec03_underlayer {
    padding: 6em 0 5em 0;
  }
  #service02 #column1 {
    width: 100%;
    margin: 0;
  }
  #service02 #column1 .title_area .point_icon {
    width: 20%;
  }
  #service02 .all_wrap .sub_cap {
    font-size: .7em;
    line-height: 1.35em;
    display: block;
    margin: .25em 0 0 0;
  } */
  /*お手伝いできること*/
  /* #service02 #column_reverse .wrap_list .inner_wrap_list {
    display: block;
    width: auto;
    margin: 0 auto;
  }
  #service02 #column_reverse .inner_wrap_list::before {
    background: url(../images/common/tree_deco2.svg) no-repeat;
    content: "";
    width: 190px;
    height: 165px;
    margin: 0;
    position: absolute;
    bottom: -16%;
    left: 0;
    z-index: 1;
  } */
  /*==============================================
    成年後見
    ================================================*/
  #service01 .sec01_underlayer {
    background-size: 10%;
    padding: 5em 0 4.5em 0;
  }
  #service01 .kv_bg_icon:after {
    /* right: 33%; */
  }
  /*sec01：ふきだし*/
  .sec01_underlayer ul {
    display: block;
  }
  .sec01_underlayer ul li {
    width: 100%;
  }
  .sec01_underlayer ul li .txt:before {
    left: -30px;
  }
  .sec01_underlayer ul li .txt {
    font-size: 1.05em;
  }
  .sec01_underlayer ul li .point_icon {
    width: 60px;
    height: 60px;
  }
  /*お任せください*/
  .inner_wrap .sub_txt {
    line-height: 1.75em;
    text-align: center;
    padding: 4.5em 0 0 0;
  }
  .inner_wrap .sub_txt:after {
    background: url(../images/service01/point_bg_icon_sp.svg) no-repeat;
    width: 70%;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 15%;
  }
  /*sec02:メリット*/
  .sec02_underlayer {
    padding: 6.5em 0 1em 0;
  }
  .sec02_underlayer .column_wrap {
    width: 100%;
  }
  .sec02_underlayer ul {
    display: block;
    width: 90%;
    margin: 2em auto 0 auto;
  }
  .sec02_underlayer ul li {
    margin: 0 0 1.5em 0;
    padding: 2em;
  }
  .service_list .point_icon {
    display: block;
    width: 38%;
    margin: 0 auto 0 auto;
  }
  .service_list h4 {
    font-size: 1.35em;
    letter-spacing: .01em;
    margin: 0 0 .75em 0;
  }
  .column_wrap .service_list p {
    margin: 0;
  }
  #service03 .inner_wrap_list::before {
    width: 160px;
    height: 160px;
    bottom: -6%;
    left: 52.5%;
  }
  /*sec03：遺言の種類*/
  .sec03_underlayer {
    background-position: bottom left;
    padding: 6em 0 5em 0;
  }
  .all_wrap .txt_wrap {
    width: 100%;
  }
  /*タイトル*/
  .title_area .point_icon {
    width: 27%;
    height: 65px;
    margin: 0 .75em 0 0;
  }
  .all_wrap .txt_wrap h5 {
    font-size: 1.35em;
    line-height: 1.35em;
  }
  /*お手伝いできること*/
  .wrap_list {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .wrap_list .inner_wrap_list {
    width: auto;
    padding: 3em 2em 3.75em 2em;
  }
  .wrap_list h4 {
    font-size: 1.35em;
    line-height: 1.35em;
    margin: 0 0 1em 0;
    padding: 0 0 .85em 0;
  }
  #service01 .sec04_underlayer .wrap_list .inner_wrap_list {
    width: 100%;
  }
  /*ボタン*/
  .bg_pink_btn {
    width: 100%;
  }
  .wrap_list img {
    width: 100%;
    height: auto;
    margin: 2em 0 0 0;
  }
  /*イラスト*/
  #service01 .inner_wrap_list::before {
    width: 150px;
    height: 150px;
    bottom: -84.5%;
    left: 47.5%;
  }
}
/*================================================
中デバイス（タブレット, 768px 以上・ipad縦向き）
 ================================================*/
@media (min-width: 768px) and (max-width: 1099px) {
  /*================================================
共通
 ================================================*/
  .sp,
  .pc,
  .sp_br {
    display: none;
  }
  .md,
  .md_br {
    display: block;
  }
  /*KV*/
  .kv_bg_icon:after {
    width: 120px;
    height: 160px;
    top: -146%;
    /* right: 40%; */
  }
  /*タイトル*/
  h3:before {
    /* left: 45%; */
  }
  /*背景*/
  .slideInner_underlayer {
    background-size: 5%;
  }
  .sec01_underlayer {
    background-size: 5%;
    padding: 5em 0 4.5em 0;
  }
  /*お任せください*/
  .inner_wrap .sub_txt:after {
    left: 32%;
  }
  /*================================================
お問い合わせ
 ================================================*/
  /*KV*/
  #contact .kv_bg_icon:after {
    /* right: 40%; */
  }
  #contact #case01 {
    background-size: 5%;
  }
  /*================================================
新着情報一覧
 ================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    /* right: 41%; */
  }
  /*お知らせ*/
  #news #case01 {
    background-size: 5%;
  }
  /*================================================
料金・対応地域
 ================================================*/
  /*KV*/
  #price .kv_bg_icon:after {
    /* right: 40%; */
  }
  /*対応地域*/
  #price #case01 {
    background-size: 5%;
  }
  /*料金について*/
  #price #case02 .lead {
    text-align: center;
  }
  #price #case02 .inner_wrap .lead {
    margin: 0 0 4.5em 0;
  }

  /*================================================
不動産登記
 ================================================*/
  #service06 .kv_bg_icon:after {
    /* right: 41%; */
  }
  /*================================================
債務整理
 ================================================*/
  /*アンカーリンク*/
  .anchor_link {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 5%;
    width: 100%;
    margin: 0 auto;
    padding: 3em 0 3em 0;
  }
  .anchor_link ul li a {
    width: 125px;
    height: 125px;
  }
  .anchor_link .common_txt {
    top: 2.65em;
  }
  /*債務整理*/
  #service05 #case01 {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 5%;
  }
  .wrap_list img {
    width: 55%;
    height: auto;
    margin: 2em auto;
  }
  /*個人再生*/
  #service05 #case03 h3:before {
    /* left: 45%; */
  }
  /*自己破産*/
  #service05 #case04 {
    padding: 6em 0 3em 0;
  }
  #service05 #case04 .middle_title:before {
    width: 70px;
    height: 80px;
  }
  /*================================================
事務所案内
 ================================================*/
  /*KV*/
  #about .kv_bg_icon:after {
    /* right: 15%; */
  }
  /*所員紹介*/
  #about #case01 .inner_wrap:before {
    bottom: 27%;
  }
  /*事務所概要*/
  .cp_cssslider {
    width: 50%;
  }
  .cp_cssslider > img {
    width: 400px;
  }
  /*================================================
遺言
 ================================================*/
  #service03 .kv_bg_icon:after {
    /* right: 41%; */
  }
  /*================================================
相続
 ================================================*/
  .flow {
    width: 90%;
  }
  /*================================================
遺産承継
 ================================================*/
  /*KV*/
  /* #service02 .kv_bg_icon:after {
    right: 41%;
  } */
  #service02 .inner_wrap_list::before {
    bottom: -1%;
    left: 72%;
  }
  /*遺産承継業務とは*/
  #service02 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 5%;
    padding: 6em 0 4.5em 0;
  }
  #service02 .inner_wrap .sub_txt:after {
    width: 35%;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 32%;
  }
  /*解決の一例*/
  /* #service02 #column1 .title_area .point_icon {
    width: 10%;
  } */
  /*お手伝いできること*/
  /* #service02 #column_reverse .inner_wrap_list::before {
    bottom: 26.5%;
    left: 81%;
    z-index: 1;
  } */
  /*================================================
遺言
 ================================================*/
  /*遺言について*/
  #service03 .inner_wrap_list::before {
    bottom: 11.5%;
    left: 75.5%;
  }
  /*================================================
成年後見
 ================================================*/
  /*sec02*/
  .sec02_underlayer {
    padding: 6.5em 0 6em 0;
  }
  /*アイコン白バージョン*/
  .sec03_underlayer h3:before {
    /* left: 45%; */
  }
  /*遺言書の種類*/
  .title_area .point_icon {
    width: 10%;
  }
  /*イラスト*/
  .inner_wrap_list::before {
    bottom: -16.5%;
    left: 75.5%;
  }
}
/*================================================
特大デバイス（ワイド・デスクトップ, 1000px 以上、ipad横向き）
 ================================================*/
@media (max-width: 1099px) and (min-width: 769px) {
  /*================================================
共通
 ================================================*/
  .sp,
  .pc,
  .pc_br,
  .sp_br,
  .md_br {
    display: none;
  }
  .md {
    display: block;
  }
  /*ヘッダー*/
  header h1 {
    position: relative;
    top: 19%;
  }
  #pc_nav .inner {
    width: 95%;
  }
  /*グローバルナビ*/
  #g_navi ul li div {
    width: 100%;
  }
  #g_navi ul li ul {
    width: 100%;
  }
  /*KV*/
  .slide .kv_bg_icon {
    font-size: 2.25em;
  }
  .kv_bg_icon:after {
    width: 125px;
    height: 160px;
    top: -120%;
    /* right: 0%; */
  }
  /*コンテンツ*/
  .content_wrap {
    width: 90%;
    margin: 0 auto;
  }
  /*お問い合わせ*/
  #contact .kv_bg_icon:after {
    top: -115%;
    /* right: 21%; */
  }
  /*================================================
新着情報一覧
 ================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    top: -111%;
  }
  /*================================================
不動産登記
 ================================================*/
  #service06 .kv_bg_icon:after {
    top: -111%;
    /* right: 13%; */
  }
  #service06 #case01 img,
  #service06 #case03 img {
    margin: 0 auto 0 0;
    padding: 0;
  }
  #service06 #case02 img {
    margin: 0 0 0 auto;
    padding: 0;
  }
  /*ポイントアイコン*/
  #service06 #case01:before {
    bottom: -5.5%;
    left: 35.5%;
  }
  #service06 #case02:before {
    left: 35.5%;
  }
  #service06 #case03:before {
    bottom: -.5%;
    left: 35.5%;
  }
  /*================================================
債務整理
 ================================================*/
  /*アンカーリンク */
  .anchor_link {
    width: 100%;
  }
  /*債務整理*/
  #service05 .sec01_underlayer ul li {
    width: 18%;
    padding: 1.5em;
  }
  /*個人再生*/
  #service05 #case03 ul li {
    width: 43%;
  }
  /*過払い請求*/
  #service05 #case05 .inner_wrap_list::before {
    left: 28.5%;
  }
  /*================================================
相続
 ================================================*/
  .sec02_underlayer .column_wrap {
    width: 90%;
  }
  .flow {
    width: 90%;
  }
  /*================================================
事務所概要
 ================================================*/
  /*事務所概要*/
  #about #case02 .inner_wrap {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  /*KV*/
  #about .kv_bg_icon:after {
    top: -111%;
  }
  /*所員紹介*/
  #about #case01 .inner_wrap_list {
    width: 45%;
  }
  /*プロフィール*/
  #about .sec04_underlayer .inner_wrap_list .txt dt {
    padding: 0;
  }
  /*事務所概要*/
  #about #case02 .inner_wrap:after {
    width: 160px;
    height: 160px;
    right: 0;
    bottom: -36%;
  }
  /*スライダー*/
  .cp_cssslider {
    text-align: center;
    width: 400px;
    margin: 30em auto 0 0;
    position: relative;
  }
  .cp_cssslider label img {
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
  }
  .cp_cssslider > img {
    display: block;
    width: 400px;
    height: 400px;
    margin: 0 auto 5.5em auto;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .5s;
  }
  /*表*/
  #about .cp_pricetable3 {
    width: 50%;
    margin: 2.5em 0 0 auto;
  }
  /*================================================
遺言
 ================================================*/
  #service03 .kv_bg_icon:after {
    /* right: -45%; */
  }
  #service04 .sec02_underlayer .service_list {
    padding: 1.5em 2em 3em 2em;
  }
  #service04 .sec02_underlayer .chart {
    width: 90%;
  }
  /*================================================
遺産承継
 ================================================*/
  /*KV*/
  /* #service02 .kv_bg_icon:after {
    right: 17%;
  } */
  /*遺産承継業務とは*/
  #service02 .wrap_list h4 {
    font-size: 1.35em;
  }
  #service02 .inner_wrap_list::before {
    width: 160px;
    height: 160px;
    margin: 0;
    bottom: 27%;
    left: 58.5%;
    z-index: 1;
  }
  #service02 .inner_wrap .sub_txt {
    padding: 2em 2em 2em 8.5em;
  }
  #service02 .inner_wrap .sub_txt:after {
    width: 150px;
    height: 150px;
    top: 0;
    bottom: 0;
    left: 0;
  }
  /*解決の一例*/
  /* .all_wrap .txt_wrap h5 {
    font-size: 1.5em;
    line-height: 1.35em;
  }
  #service02 #column1 {
    width: 60%;
  }
  #service02 #column1 .title_area .point_icon {
    width: 15%;
  } */
  /*お手伝いできること*/
  /* #service02 #column_reverse .wrap_list .inner_wrap_list {
    width: 45%;
  }
  #service02 #column_reverse .inner_wrap_list::before {
    bottom: -11.5%;
    left: 70%;
  } */
  /*================================================
成年後見
 ================================================*/
  /*sec02：メリット*/
  .sec02_underlayer ul li {
    margin: 0 1.5em 0 0;
    padding: 2em;
  }
  .service_list h4 {
    font-size: 1.15em;
    letter-spacing: .01em;
  }
  /*sec03*:遺言書の種類*/
  .title_area .point_icon {
    width: 15%;
    margin: 0 .75em 0 0;
  }
  /*sec04：お手伝いできること*/
  .wrap_list .inner_wrap_list {
    width: 40%;
  }
  .wrap_list img {
    width: 45%;
    height: auto;
  }
  /*お任せください*/
  .inner_wrap .sub_txt:after {
    left: 0;
  }
}
/*================================================
 特大デバイス（ワイド・デスクトップ, 1100px 以上）
 ================================================*/
@media (max-width: 1100px) {
  /*================================================
 *  一般・共通設定
 ================================================*/
  /*マージン*/
  .mb1 {
    margin: 0 0 1.5em 0;
  }
  .mb2 {
    margin: 0 0 2em 0;
  }
  .mb3 {
    /* margin: 0 0 4em 0; */
  }
  .mb4 {
    margin: 0 0 1em 0;
  }
  .mt1 {
    margin: 2em 0 0 0;
  }
  .mt2 {
    margin: 4em 0 0 0;
  }
  .inner_wrap .mb0 {
    margin: 0 0 0 0;
  }
  /*数字*/
  .num {
    color: #7f8052;
    font-family: "Gaegu", cursive;
    font-size: 1.35em;
  }
}
/*================================================
・PC
 ================================================*/
@media screen and (min-width: 320px) {
  /*================================================
共通
 ================================================*/
  .sp,
  .md,
  .md_br {
    display: none;
  }
  .pc {
    display: block;
  }
  /*KV*/
  .slideInner_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
  }
  .slideInner_underlayer li .pc {
    width: 100%;
  }
  .slide .kv_bg_icon {
    color: #fff;
    font-size: 2.5em;
  }
  .kv_bg_icon:after {
    background: url(../images/common/kv_bg_icon.svg) no-repeat;
    content: "";
    display: block;
    width: 150px;
    height: 200px;
    position: absolute;
    top: -130%;
    /* right: 15%; */
    z-index: -1;
  }
  /*アンカーリンク*/
  .anchor_link {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    width: 1200px;
    margin: 0 auto;
    padding: 3em 0 0 0;
    position: relative;
    z-index: 10;
  }
  .anchor_link ul {
    display: flex;
    justify-content: space-evenly;
  }
  .anchor_link ul li a {
    background: #ffebe3;
    border-radius: 50%;
    color: #82761b;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 180px;
    height: 180px;
    position: relative;
  }
  .anchor_link ul li a:hover {
    background: radial-gradient(#fffadc, #ffddd7);
  }
  .anchor_link .common_txt {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.35em;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: .05em;
    display: inline-block;
    position: relative;
    top: 3.75em;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .common_txt_line {
    font-size: .85em;
    line-height: 1.25em;
    display: inline-block;
    padding: 2.5em 0 0 0;
  }
  /*やじるし*/
  .anchor_link ul li .bottom_none_arrow:after {
    border-top: 3px solid #ff7f5b;
    border-right: 3px solid #ff7f5b;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateY(10%) rotate(135deg);
  }
  .anchor_link ul li .bottom_arrow:after {
    border-top: 3px solid #fb8f7c;
    border-right: 3px solid #fb8f7c;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateY(10%) rotate(135deg);
  }
  .anchor_link ul li a:after {
    transition: all .3s ease;
  }
  .anchor_link ul li .bottom_arrow:hover::after {
    border-top: 3px solid #f95a36;
    border-right: 3px solid #f95a36;
    bottom: 15%;
  }
  .anchor_link ul li .bottom_none_arrow:hover::after {
    border-top: 3px solid #2cd4dc;
    border-right: 3px solid #2cd4dc;
    bottom: 15%;
  }
  /*================================================
お問い合わせ
================================================*/
  /*KV*/
  #contact .kv_bg_icon:after {
    /* right: 14%; */
  }
  /*フォーム*/
  form {
    display: block;
    max-width: 1200px;
    margin: 3.5em auto 0 auto;
    margin-top: 0;
  }
  #form table {
    border-top: 1px solid #efefef !important;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
    margin: 0 auto;
  }
  #form button,
  #form input,
  #form select,
  #form textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  #form tbody {
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle;
  }
  #form tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
  }
  #form th {
    background: #ffe4db;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: .1em;
    text-align: left;
    width: 30%;
    padding: 1.1em;
  }
  #form td {
    background: #fff;
  }
  #form th,
  #form td {
    border-bottom: 1px solid #cbcbce;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: .13em;
    display: table-cell;
    padding: 1em;
  }
  #form th span {
    color: #fff;
    float: right;
  }
  #form span.must {
    background-color: #fb8f7c;
    border-radius: 6px;
    color: #fff;
  }
  #form span.free {
    background-color: #fff;
    border-radius: 6px;
    color: #a29d9c;
  }
  #form span.must,
  #form span.free {
    font-size: .75em;
    line-height: 1.7em;
    letter-spacing: .18em;
    display: inline-block;
    padding: 4px 15px;
    vertical-align: middle;
  }
  #form td {
    color: #333;
    font-size: .7em;
    line-height: 1.7em;
    letter-spacing: .18em;
  }
  #form th,
  #form td {
    padding: 4em;
    vertical-align: middle;
  }
  #form p {
    color: #333;
    font-size: .9em;
    line-height: 1.6em;
    letter-spacing: .15em;
    text-align: center;
  }
  #form .form_ex {
    font-size: 1.3em;
    text-align: left;
    margin: 0;
    padding: .3em 0 0 0;
  }
  #form textarea {
    width: 100%;
  }
  [tabindex],
  a,
  area,
  button,
  input,
  label,
  select,
  summary,
  textarea {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }
  #form textarea {
    margin: 0;
    overflow: auto;
    resize: vertical;
  }
  #form input,
  #form textarea,
  #form select,
  #form button {
    color: initial;
    font: 400 11px system-ui;
    letter-spacing: normal;
    text-align: start;
    text-indent: 0;
    text-transform: none;
    text-shadow: none;
    word-spacing: normal;
    display: inline-block;
    margin: 0;

    text-rendering: auto;
  }
  #form .tel {
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.3em;
    text-decoration: none;
    padding: 0 0 0 .5em;
  }
  #form .radio_btn label {
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: .05em;
    margin: 0 2em 0 0;
    vertical-align: middle;
  }
  #form .radio_btn input {
    width: 20px;
    margin: 0 .5em 0 0;
  }
  #form td input {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    overflow: visible;
  }
  form input,
  #form textarea {
    background: #fff;
    border: #ccc solid 1px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  /*ボタン*/
  #form .form_btn {
    display: flex;
    max-width: 250px;
    margin: 3.5em auto 0 auto;
  }
  #form .form_btn input {
    background: #f75032;
    border: none;
    border-radius: 100px;
    outline: none;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: .1em;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 350px;
    height: 65px;
    margin: 0;
    cursor: pointer;
    transition: all .6s ease;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  #form .form_btn input:hover {
    background-color: #7f8052;
    text-decoration-color: inherit;
    transition: all .15s ease;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  /*お問い合わせ：送信完了*/
  #form .form_btn_top {
    max-width: 250px;
    margin: 2em auto 2.5em auto;
  }
  #form .form_btn_top a {
    background: #1d9abc;
    border: none;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    display: block;
    min-width: 250px;
    height: 55px;
    margin: 0 2em 0 0;
    cursor: pointer;
    transition: all .6s ease;
  }
  #form .form_btn_top a:after {
    content: "";
    transition: all .6s;
  }
  #form .form_btn_top a:hover {
    background-color: #333;
  }
  #form .message {
    font-size: 1.1em;
    line-height: 1.65em;
    letter-spacing: .1em;
  }
  /*================================================
新着情報一覧
 ================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    /* right: 6%; */
  }
  /*ニュース*/
  .news #case01 {
    padding: 3.5em 0 6.5em 0;
  }
  .news {
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: .1em;
    text-align: left;
    margin: 0 0 4.5em 0;
  }
  .news:last-child {
    margin: 0 0 0 0;
  }
  .news dt {
    font-size: 1em;
    margin: 0 0 1.45em 0;
  }
  .news .title {
    border-top: 1px solid #c7c3c3;
    border-bottom: 1px solid #c7c3c3;
    color: #7f804e;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.35em;
    font-weight: 400;
    letter-spacing: .05em;
    display: block;
    margin: 0 0 1.25em 0;
    padding: 1em 0;
    vertical-align: middle;
  }
  .news .ymd {
    color: #728080;
    line-height: 1.85em;
    letter-spacing: .07em;
    margin: 0 .5em 0 0;
  }
  .news .category {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    border-radius: 50px;
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    letter-spacing: .03em;
    display: inline-block;
    margin: 0;
    padding: .35em 1em;
  }
  .news .txt {
    line-height: 1.75em;
    display: block;
  }
  /*サムネイル*/
  .txt_img_set {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .txt_img_set img {
    display: block;
    width: 10%;
    height: auto;
    margin: 0 auto 0 0;
  }
  .txt_img_set p {
    font-size: 1.05em;
    line-height: 1.65em;
    text-align: left;
    width: 85%;
    margin: 0 1em 0 0;
  }
  /*ボタン*/
  .news button {
    width: 30%;
    padding: 2rem 0;
  }
  .news button span {
    font-size: 1.5rem;
  }
  /*================================================
料金・対応地域
 ================================================*/
  /*KV*/
  #price .kv_bg_icon:after {
    /* right: 27%; */
  }
  /*料金・対応地域:4つならび*/
  #price #case01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #price #case01 ul li {
    background: #fff;
    border: dotted 2px #d0caca;
    display: block;
    align-items: center;
    width: 48%;
    padding: 2em;
  }
  #price #case01 .point_deco {
    background-color: #fb8f7c;
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 0 auto 1.25em auto;
    padding: 1em;
    vertical-align: middle;
    position: relative;
  }
  #price #case01 .point_deco::before {
    border-width: 30px 0 30px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 0;
  }
  #price #case01 .point_deco::after {
    border-width: 30px 10px 30px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 0;
  }
  /*見出し*/
  #price #case02 .line1,
  #price #case02 .line2 {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.65em;
    font-weight: 500;
    line-height: 3em;
    letter-spacing: .02em;
    text-align: center;
    margin: 0 0 1.25em 0;
    position: relative;
  }
  #price #case02 .line1:before,
  #price #case02 .line2:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    position: absolute;
    top: -1px;
    left: 50%;
            transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
  }
  /*料金について*/
  #price .th_title th {
    font-size: 1.25em;
  }
  #price #case02 {
    background: url(../images/price/bg_pattern01.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 7.5em 0 2.5em 0;
  }
  #price #case02 h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
  }
  #price .middle_title {
    color: #fff;
    margin: 0 0 1.25em 0;
  }
  #price .cp_pricetable3 {
    margin: 0 0 5.5em 0;
  }

  /*================================================
商業登記
 ================================================*/
  /*KV*/
  #service07 .kv_bg_icon:after {
    /* right: 13%; */
  }
  #service07 .slideInner_underlayer {
    background: radial-gradient(#ffddd7, #fdf5ca);
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  /*見出し*/
  #service07 h3 {
    margin: 0 auto;
  }
  /*コンテンツ*/
  #service07 .sec01_underlayer {
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 7em 0 6em 0;
  }
  #service07 .inner_wrap_list {
    background: #fffeee;
  }
  #service07 h3 {
    margin: 0 0 .75em 0;
  }
  #service07 .mb_none {
    margin: 0 0 0 0;
  }
  #service07 #case01,
  #service07 #case02,
  #service07 #case03,
  #service07 #case04,
  #service07 #case05,
  #service07 #case06 {
    position: relative;
  }
  #service07 #case01,
  #service07 #case02,
  #service07 #case04,
  #service07 #case05 {
    margin: 0 0 9.5em 0;
  }
  #service07 #case01,
  #service07 #case03,
  #service07 #case04,
  #service07 #case06 {
    flex-direction: row-reverse;
  }
  #service07 #case02 {
    flex-direction: inherit;
  }
  /*ポイントイラスト*/
  #service07 #case01:before {
    background: url(../images/common/stationary_deco_pc.png) no-repeat;
    content: "";
    width: 18%;
    height: 40%;
    margin: 0;
    position: absolute;
    bottom: -4%;
    left: 32.5%;
    z-index: 1;
  }
  /*アイコン*/
  #service07 #case02:before {
    background: url(../images/common/tree_deco6.svg) no-repeat;
    content: "";
    width: 165px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: -11.5%;
    left: 41.5%;
    z-index: 1;
  }
  #service07 #case04:before {
    background: url(../images/common/desk_deco1.svg) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 37.5%;
    z-index: 1;
  }
  #service07 #case05:before {
    background: url(../images/common/house_deco1.png) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 41.5%;
    z-index: 1;
  }
  #service07 #case06:before {
    background: url(../images/common/bag_deco1.svg) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 35.5%;
    z-index: 1;
  }
  /*================================================
不動産登記
 ================================================*/
  /*KV*/
  #service06 .kv_bg_icon:after {
    /* right: 13%; */
  }
  #service06 .slideInner_underlayer {
    background: radial-gradient(#ffddd7, #fdf5ca);
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  /*見出し*/
  #service06 h3 {
    margin: 0 auto;
  }
  /*コンテンツ*/
  #service06 .sec01_underlayer {
    background: url("../images/service06/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 7em 0 7em 0;
  }
  #service06 .inner_wrap_list {
    background: #fffeee;
  }
  #service06 h3 {
    margin: 0 0 .75em 0;
  }
  point_top_icon_white #service06 .mb_none {
    margin: 0 0 0 0;
  }
  #service06 #case01,
  #service06 #case02,
  #service06 #case03,
  #service06 #case04,
  #service06 #case05,
  #service06 #case06 {
    position: relative;
  }
  #service06 #case01,
  #service06 #case02,
  #service06 #case04,
  #service06 #case05 {
    margin: 0 0 9.5em 0;
  }
  #service06 #case01,
  #service06 #case03,
  #service06 #case04,
  #service06 #case06 {
    flex-direction: row-reverse;
  }
  #service06 #case02 {
    flex-direction: inherit;
  }
  /*ポイントイラスト*/
  #service06 #case01:before {
    background: url(../images/common/house_deco1.png) no-repeat;
    content: "";
    width: 140px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: -7.5%;
    left: 35.5%;
    z-index: 1;
  }
  /*アイコン*/
  #service06 #case02:before {
    background: url(../images/common/tree_deco6.svg) no-repeat;
    content: "";
    width: 165px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: -11.5%;
    left: 41.5%;
    z-index: 1;
  }
  #service06 #case03:before {
    background: url(../images/common/house_deco2.png) no-repeat;
    content: "";
    width: 160px;
    height: 160px;
    margin: 0;
    position: absolute;
    bottom: -4.5%;
    left: 37.5%;
    z-index: 1;
  }
  /*お問い合わせ*/
  .sec05 {
    background: url(../images/top/560_570.jpg) no-repeat;
    padding: 6em 0 5em 0;
  }
  #service06 .sec05 h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 70px;
    height: 35px;
    /* margin: 0; */
    position: absolute;
  }
  /*================================================
債務整理
 ================================================*/
  #service05 .kv_bg_icon:after {
    /* right: 3%; */
  }
  /*共通*/
  #service05 .middle_title:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  /*注釈*/
  .small_txt {
    font-size: .75em;
    line-height: 1.65em;
    display: block;
    margin: 1em 0 0 0;
  }
  #service05 .sec01_underlayer {
    padding: 8em 0 5em 0;
  }
  #service05 .wrap_list .inner_wrap_list {
    width: 50%;
  }

  /*債務整理:4つならび*/
  #service05 .sec01_underlayer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #service05 .sec01_underlayer ul li {
    background: #fff;
    border: dotted 2px #d0caca;
    display: block;
    align-items: center;
    width: 23.5%;
    padding: 2em;
  }
  #service05 .point_deco {
    background-color: #fb8f7c;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto 1.25em auto;
    padding: 1em;
    position: relative;;
  }
  #service05 .point_deco::before {
    border-width: 30px 0 30px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 0;
  }
  #service05 .point_deco::after {
    border-width: 30px 10px 30px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 0;
  }
  #service05 .point_deco:before,
  #service05 .point_deco:after {
    border: none;
    border-bottom: solid 15px transparent;
    content: "";
    position: absolute;
    top: 0;
  }
  /*選ばれる理由*/
  #service05 #case01 .wrap_list {
    margin: 4.5em 0;
  }
  #service05 #case01 .inner_wrap_list::before {
    background: url(../images/common/tree_deco3.svg) no-repeat;
    content: "";
    width: 185px;
    height: 190px;
    margin: 0;
    position: absolute;
    bottom: -5%;
    left: 105.5%;
    z-index: 1;
  }
  /*債務整理の流れ*/
  #service05 .sec03_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    padding: 0 0 0 0;
  }
  #service05 .all_wrap .txt_wrap {
    background: #fdf5ca;
    border: none;
    color: #000;
    width: 45%;
    margin: 2em 0;
    padding: 2.5em;
  }
  #service05 .all_wrap .txt_wrap:last-child {
    margin: 2em 0;
  }
  #service05 .all_wrap .txt {
    border: none;
    color: #7f8052;
    padding: 0;
  }
  #service05 .sec03_underlayer .inner_wrap {
    padding: 6em 0 0 0;
  }
  #service05 .title_area .point_icon {
    width: 20%;
    margin: 0 .5em 0 0;
  }
  #service05 .num {
    color: #afabaa;
    font-size: 1.5em;
  }
  #service05 .sec03_underlayer h3 {
    color: #7f8052;
    margin: 0;
  }
  #service05 .all_wrap {
    padding: 0 0 6em 0;
  }
  #service05 .all_wrap .txt_wrap h5 {
    color: #333;
  }
  #service05 .marker {
    background: linear-gradient(transparent 60%, #d0ea2d 60%);
    font-weight: 500;
  }
  #service05 #case01 .bottom_arrow,
  #service05 #case02 .bottom_arrow,
  #service05 #case03 .bottom_arrow,
  #service05 #case04 .bottom_arrow,
  #service05 #case05 .bottom_arrow {
    display: block;
    width: 60px;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 50%;
  }
  /*任意整理*/
  #service05 .all_wrap {
    padding: 0 0 2em 0;
  }
  #service05 .sec02_underlayer .all_wrap .txt_wrap {
    background: #fff;
  }
  #service05 .sec02_underlayer .all_wrap .txt_wrap:last-child {
    margin: 2em 0;
  }
  #service05 .sec02_underlayer .wrap_list .inner_wrap_list {
    background: #fffeee;
  }
  .middle_title {
    background: none;
    border: none;
    box-shadow: none;
    color: #ff720c;
    font-size: 1.65em;
    font-weight: 500;
    line-height: 3em;
    letter-spacing: .02em;
    text-align: center;
    margin: 0;
    position: relative;
  }
  .middle_title:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  #service05 .sec02_underlayer h3 {
    margin: 0 auto .5em auto;
  }
  /*任意整理のメリット・デメリット*/
  #service05 .sec02_underlayer ul {
    margin: 0;
  }
  #service05 .sec02_underlayer ul li {
    width: 100%;
    padding: 2em 2em 2em 2em;
  }
  /*任意整理の表*/
  .cp_pricetable3 *,
  .cp_pricetable3 *:before,
  .cp_pricetable3 *:after {
            box-sizing: border-box;

    -webkit-box-sizing: border-box;
  }
  .cp_pricetable3 {
    border-collapse: separate;
    border-spacing: 1px 0;
    width: 100%;
    margin: 0 0 5em 0;
  }
  .cp_pricetable3 th,
  .cp_pricetable3 td {
    padding: 10px;
  }
  /*Headerブロック*/
  .cp_pricetable3 th {
    background: #88b7d5;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 1.05em;
    text-align: center;
    width: 50%;
    vertical-align: middle;
    position: relative;
    z-index: 1;
  }
  .cp_pricetable3 th:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-size: 3em;
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: -26px;
    left: 0;
    z-index: -1;
  }
  .cp_pricetable3 th.group1 {
    background: #fb846f;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    padding: 1.5em 0;
  }
  .cp_pricetable3 th.group1:after {
    color: #fb846f;
  }
  .cp_pricetable3 th.group2 {
    background: #ffa00c;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    padding: 1.5em 0;
  }
  .cp_pricetable3 th.group2:after {
    color: #ffa00c;
  }
  .cp_pricetable3 th.group3 {
    background: #131874;
  }
  .cp_pricetable3 th.group3:after {
    color: #131874;
  }
  /*メインブロック*/
  .cp_pricetable3 tr td {
    border: none;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: .01em;
    text-align: center;
    padding-top: 15px;
    vertical-align: middle;
  }
  .cp_pricetable3 tr:last-child td {
    border-radius: 0 0 5px 5px;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group1 {
    background: #ffc1b5;
    border: none;
    padding: 1.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group1 {
    background: #ffe4db;
    padding: 1.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group2 {
    background: #fde569;
    padding: 1.5em;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group2 {
    background: #fdf5ca;
    padding: 1.5em;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group3 {
    background: #a9bce2;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group3 {
    background: #d7e1f4;
  }
  /*ボタンデザイン*/
  .cp_pricetable3 a.cp_btn {
    background: #da3c41;
    border: 1px solid #da3c41;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    padding: .3em 1em;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .cp_pricetable3 .cp_btn:after {
    background: #fff;
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    opacity: 0;
            transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s;

    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  .cp_pricetable3 .cp_btn:hover {
    color: #da3c41;
  }
  .cp_pricetable3 .cp_btn:hover:after {
    height: 250%;
    opacity: 1;
  }
  .cp_pricetable3 .cp_btn:active:after {
    height: 350%;
    opacity: 1;
  }
  /*個人再生*/
  #service05 #case03 {
    background: url(../images/service02/1480_1110.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 7em 0 6em 0;
  }
  #service05 #case03 h3 {
    color: #fff;
  }
  #service05 #case03 h3:before,
  #service05 .sec05 h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 75px;
    height: 40px;
    /* margin: 0; */
    position: absolute;
  }
  #service05 #case03 .lead {
    color: #fff;
    margin: 1.5em 0 2em 0;
  }
  #service05 #case03 .middle_title {
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 1.55em;
    font-weight: 500;
    line-height: 3em;
    letter-spacing: .05em;
    text-align: center;
    margin: 1.5em 0;
    position: relative;
  }
  #service05 #case03 .middle_title:before {
    border: 4px solid #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 75px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  #service05 #case03 ul li {
    background: none;
    border: none;
    width: 44%;
    padding: 1em 2em 2em 2em;
  }
  #service05 #case03 .service_list p {
    color: #fff;
  }
  #service05 #case03 strong {
    color: #ffbf0c;
  }
  /*自己破産*/
  #service05 #case04 .service_list li {
    background: none;
    border: none;
    display: block;
    align-items: center;
    width: 44%;
    padding: 2.5em 2em 2em 2em;
  }
  /*メリット・デメリット*/
  #service05 .point {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #service05 .point img {
    display: block;
    width: 100px;
    height: 130px;
    margin: 0 3em 0 0;
  }
  #service05 .line_center {
    align-items: center;
    width: 90%;
    margin: 2em 0;
  }
  #service05 .line_top {
    width: 100%;
    margin: 0 0 4em 0;
  }
  #service05 .line_center p,
  #service05 .line_top p {
    width: 100%;
  }
  /*注意事項*/
  #service05 #case04 .txt_wrap {
    margin: 2em 0 0 0;
  }
  #service05 #case04 .title_area {
    display: flex;
    align-items: center;
    margin: 0;
  }
  #service05 #case04 .title_area .point_icon {
    display: block;
    width: 6%;
    margin: 0 1.5em 0 0;
  }
  #service05 #case04 .txt_wrap {
    background: #ffebe3;
    border: none;
    border-radius: 10px;
    color: #000;
    width: 100%;
    margin: 2em 0;
    padding: 2.5em;
  }
  #service05 #case04 h5 {
    color: #333;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.55em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: .01em;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  #service05 #case04 .marker {
    background: linear-gradient(transparent 60%, #d0ea2d 60%);
    font-weight: 500;
  }
  #service05 #case04 .txt {
    border: none;
    border-radius: 10px;
    color: #7f8052;
    line-height: 1.65em;
    display: block;
    padding: 1.5em;
  }
  /*過払い請求*/
  #service05 #case05 {
    background: radial-gradient(#ffddd7, #fdf5ca);
    padding: 7em 0 4em 0;
  }
  #service05 #case05 .wrap_list {
    flex-direction: row-reverse;
    margin: 0 0 3.5em 0;
  }
  #service05 #case05 .inner_wrap_list::before {
    background: url(../images/common/tree_deco4.svg) no-repeat;
    content: "";
    width: 220px;
    height: 140px;
    margin: 0;
    position: absolute;
    bottom: 3%;
    left: -49.5%;
    z-index: 1;
  }
  #service05 .cp_pricetable3 {
    margin: 2.5em 0 3.5em 0;
  }
  #service05 .mb4 {
    margin: 0 0 1em 0;
  }
  /*================================================
成年後見
 ================================================*/
  #service01 .kv_bg_icon:after {
    /* right: 2%; */
  }
  .sec01_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    width: 100%;
    padding: 5em 0 7em 0;
  }
  .inner_wrap .lead {
    line-height: 1.65em;
    text-align: center;
    margin: 0 0 2.5em 0;
  }
  .sec01_underlayer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sec01_underlayer ul li {
    display: flex;
    align-items: center;
    width: 48%;
  }
  .sec01_underlayer ul li .txt {
    background: #f3e9d6;
    border-radius: 10px;
    box-sizing: border-box;
    color: #7f8052;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.35em;
    letter-spacing: .05em;
    text-align: left;
    display: inline-block;
    width: 100%;
    min-width: 120px;
    max-width: 100%;
    padding: 1em;
    position: relative;
  }
  .sec01_underlayer ul li .txt:before {
    border: 15px solid transparent;
    border-right: 15px solid #f3e9d6;
    content: "";
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: -28px;
    z-index: 10;
  }
  .sec01_underlayer ul li .txt:after {
    border: 14px solid transparent;
    content: "";
    margin-top: -14px;
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 1;
  }
  .sec01_underlayer ul li .point_icon {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 2em 0 0;
  }
  .service_list .ribbon_title {
    display: block;
    width: auto;
    height: 75px;
    margin: 0 auto 1.5em auto;
  }
  /*リボン*/
  .inner_wrap .sub_txt {
    border-radius: 10px;
    color: #908786;
    font-weight: bold;
    line-height: 1.65em;
    text-align: left;
    margin: 2.5em auto 0 auto;
    padding: 2em 2em 2em 7.5em;
    position: relative;
  }
  .inner_wrap .sub_txt:after {
    background: url(../images/service01/point_bg_icon.svg) no-repeat;
    content: "";
    width: 100px;
    height: 130px;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  /*メリット*/
  #service01 .service_list li {
    background: #fffeee;
  }
  .sec02_underlayer {
    width: 100%;
    padding: 5em 0 7em 0;
  }
  .sec02_underlayer h3 {
    margin: 0 auto;
  }
  .sec02_underlayer {
    background: radial-gradient(#fffadc, #ffddd7);
    width: 100%;
    padding: 7em 0 7em 0;
  }
  .sec02_underlayer .column_wrap {
    width: 1200px;
    margin: 0 auto;
  }
  .sec02_underlayer ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 2em auto 0 auto;
  }
  .sec02_underlayer ul li {
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 3em 0 0;
    padding: 2.5em 2em 2.5em 2em;
  }
  .sec02_underlayer ul li:last-child {
    margin: 0 0 0 0;
  }
  .service_list {
    margin: 0;
  }
  .service_list .point_icon {
    display: block;
    width: 45%;
    height: auto;
    margin: 0 auto 0 auto;
  }
  .service_list h4 {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    border-bottom: dotted 2px #bebf9d;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.45em;
    font-weight: 500;
    line-height: 2.6em;
    letter-spacing: .05em;
    text-align: center;
    margin: 0 0 1em 0;
    position: relative;
    z-index: 100;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .service_list h4 i {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    padding: 0 .25em 0 0;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .service_list h4:after {
    content: "";
    display: block;
    width: 100%;
    height: 53px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .column_wrap .service_list p {
    margin: 1.45em 0 0 0;
  }
  /*遺言書の種類*/
  #service01 .sec03_underlayer {
    background: url("../images/service01/1480_1110.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 6em 0;
  }
  .sec03_underlayer h3 {
    color: #fff;
  }
  .sec03_underlayer h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 75px;
    height: 40px;
    /* margin: 0; */
    position: absolute;
    top: -50%;
    /* left: 47%; */
  }
  .all_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all_wrap .txt_wrap {
    align-items: center;
    width: 47%;
  }
  .all_wrap .txt_wrap p {
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .05em;
    text-align: left;
    position: relative;
  }
  .all_wrap .txt {
    border-radius: 10px;
    line-height: 1.65em;
  }
  .all_wrap .sub_cap {
    font-size: .65em;
    line-height: 1.15em;
    display: block;
  }
  #service01 .sec03_underlayer .txt {
    border: dotted 2px #d0cabe;
    border-radius: 10px;
    color: #fff;
    line-height: 1.65em;
    display: block;
    padding: 1.5em;
  }
  /*2カラムタイトル*/
  .title_area {
    display: flex;
    align-items: center;
    margin: 0 0 1.75em 0;
  }
  .title_area .point_icon {
    display: block;
    width: 18%;
    height: 75px;
    margin: 0 1em 0 0;
  }
  .all_wrap .txt_wrap h5 {
    color: #fff;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: .01em;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .sec03_underlayer .inner_wrap .sub_txt {
    border: dotted 3px #fb8f79;
    border-radius: 10px;
    color: #7f8052;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    line-height: 1.65em;
    text-align: center;
    margin: 4.5em auto 0 auto;
    padding: 1.5em;
    position: relative;
  }
  /*お手伝いできること*/
  #service01 .sec04_underlayer {
    background: radial-gradient(#fffad9, #ffddd7);
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    width: 100%;
    padding: 7em 0 6.5em 0;
  }
  .wrap_list {
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .wrap_list h4 {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    border-bottom: dotted 2px #bebf9d;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: .05em;
    text-align: center;
    margin: 0 0 1.35em 0;
    padding: 0 0 .5em 0;
    position: relative;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .wrap_list h4 i {
    background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
    padding: 0 .25em 0 0;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  #service01 .sec04_underlayer .wrap_list .inner_wrap_list {
    width: 50%;
  }
  #service01 .inner_wrap_list::before {
    background: url(../images/common/tree_deco1.svg) no-repeat;
    content: "";
    width: 190px;
    height: 190px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 106.5%;
    z-index: 1;
  }
  .wrap_list .inner_wrap_list {
    background: #fff;
    background: radial-gradient(#fffadc, #ffddd7);
    border-radius: 10px;
    width: 50%;
    padding: 4em 3em;
    position: relative;
    transition: background-color .1s ease-out, box-shadow .1s ease-out;
  }
  .wrap_list img {
    display: block;
    width: 455px;
    height: auto;
    margin: 0;
    position: relative;
  }
  .wrap_list .inner_wrap_list p {
    line-height: 1.65em;
    margin: 0 0 0 0;
  }
  .sec04_underlayer .border_btn {
    width: 90%;
    margin: 2em auto 0 auto;
  }
  /*ボタン*/
  .bg_pink_btn {
    display: block;
    width: 80%;
    max-width: 350px;
    margin: 2em auto 0 auto;
  }
  .bg_pink_btn a {
    background: #f75032;
    border-radius: 50px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 1.5em 0;
    position: relative;
    z-index: 1;
    transition: all .3s ease;
  }
  .bg_pink_btn a:hover {
    background: #7f8052;
    color: #fff;
  }
  /*==============================================
  相続
 ================================================*/
  /*KV*/
  .kv_bg_icon:after {
    /* right: -35%; */
  }
  /*相続とは*/
  #service04 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 2.5%;
    padding: 4em 0 6em 0;
  }
  #service04 .service_list {
    display: block;
    width: 80%;
  }
}

/*相続*/
#service04 .sec02_underlayer {
  background: radial-gradient(#ffddd7, #fdf5ca);
  padding: 7em 0 7em 0;
}
#service04 .sec02_underlayer .column_wrap {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 3em auto 0 auto;
}
#service04 .sec02_underlayer .service_list {
  background: #fffeee;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0;
  padding: 3.5em 4em 4.5em 4em;
  position: relative;
}
#service04 .sec02_underlayer .service_list:before {
  border: 18px solid transparent;
  border-right: 18px solid #fffeee;
  content: "";
  margin-top: -18px;
  position: absolute;
  top: 50%;
  left: -36px;
}
#service04 .sec02_underlayer .inner_wrap p {
  line-height: 1.6em;
}
#service04 .sec02_underlayer .chart {
  background: #fff;
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  display: block;
  height: auto;
  margin: 0 auto 0 0;
  padding: 2em;
}
#service04 .sec02_underlayer .chart {
  background: none;
  display: block;
  width: 85%;
  height: auto;
  margin: 0 auto 0 0;
  padding: 0;
}
/*相続の流れ*/
.flow {
  width: 1200px;
  margin: 4.5em auto 0 auto;
}
.flow .lead {
  text-align: center;
  margin: 0 auto 2em auto;
}
/*==============================================
  事務所案内+所員紹介
 ================================================*/
/*KV*/
#about .kv_bg_icon:after {
  /* right: 9%; */
}
#about #case01 {
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  padding: 4em 0 6em 0;
}
.jp_deco {
  color: #7f8052;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.15em;
  padding: 0 .75em 0 0;
}
#about #case01 .top_position {
  border-radius: 0;
  margin: 1.5em auto 0 auto;
  padding: 0;
  top: 0;
}
#about #case01 .all_wrap {
  flex-flow: row-reverse;
}
#about #case01 .inner_wrap {
  position: relative;
}
#about #case01 .inner_wrap_list {
  width: 50%;
}
#about #case01 .inner_wrap:before {
  background: url(../images/top/top_deco.svg) no-repeat;
  content: "";
  width: 200px;
  height: 150px;
  margin: 0;
  position: absolute;
  right: 37%;
  bottom: 25.5%;
  z-index: 1;
}
/*プロフィール*/
#about .profile {
  border-radius: 10px;
  width: 100%;
  padding: 3em;
  position: relative;
  transition: background-color .1s ease-out, box-shadow .1s ease-out;
}
#about .profile h4 {
  background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
  border-bottom: dotted 2px #bebf9d;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: .05em;
  text-align: center;
  margin: 0 0 1.35em 0;
  padding: 0 0 .5em 0;
  position: relative;

  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
/*プロフィール・経歴*/
#about .sec04_underlayer .inner_wrap_list {
  padding: 2.5em 2em;
}
#about .sec04_underlayer .txt {
  display: flex;
  align-items: baseline;
  margin: 0 0 .5em 0;
}
#about .sec04_underlayer .txt dt {
  color: #7f8052;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.15em;
  letter-spacing: .01em;
  width: 35%;
  padding: 0 0 0 1.75em;
}
#about .sec04_underlayer .txt dd {
  font-size: 1.05em;
  line-height: 1.5em;
  letter-spacing: .04em;
  width: 100%;
  margin: 0;
}
/*事務所概要*/
#about #case02 {
  background: radial-gradient(#ffddd7,#fdf5ca);
  width: 100%;
  padding: 7em 0 6em 0;
}
#about #case02 .inner_wrap {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#about #case02 .inner_wrap:after {
  background: url(../images/common/tree_deco3.svg) no-repeat;
  content: "";
  width: 185px;
  height: 190px;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: -5%;
  z-index: 1;
}
#about #case01 .inner_wrap .sub_txt:after {
  background: url(../images/about/message_bg_icon.svg) no-repeat;
  top: 17%;
}
/*スライダー*/
*,
*:before,
*:after {
          box-sizing: border-box;

  -webkit-box-sizing: border-box;
}
.cp_cssslider {
  text-align: center;
  width: 550px;
  margin: 42.5em auto 0 0;
  position: relative;
}
.cp_cssslider > img {
  display: block;
  width: 550px;
  height: 550px;
  margin: 0 auto 8em auto;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .5s;
}
.cp_cssslider input[name="cp_switch"] {
  display: none;
}
.cp_cssslider label {
  border: 2px solid #fff;
  display: inline-block;
  margin: 0 5px 0 5px;
  opacity: .6;
  cursor: pointer;
  transition: all .5s ease;
}
.cp_cssslider label:hover {
  opacity: .9;
}
.cp_cssslider label img {
  display: block;
  width: 90px;
  height: 90px;
}
.cp_cssslider input[name="cp_switch"]:checked + label {
  border: 2px solid #ff7043;
  opacity: 1;
}
.cp_cssslider input[name="cp_switch"] ~ img {
  opacity: 0;
}
.cp_cssslider input[name="cp_switch"]:checked + label + img {
  opacity: 1;
}
/*テーブル*/
#about .cp_pricetable3 {
  width: 47%;
  margin: 4.65em 0 0 auto;
}
#about .cp_pricetable3 td {
  line-height: 1.25em;
}
#about .cp_pricetable3 .group1 {
  width: 35%;
}
#about .cp_pricetable3 .group2 {
  width: 65%;
}
/*アクセス*/
#about #case03 {
  background: url(../images/about/1480_1110.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  padding: 8em 0 8em 0;
}
#about #case03 .lead {
  color: #fff;
}
/*==============================================
  遺言
 ================================================*/
/*遺言について*/
#service03 .sec04_underlayer {
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  padding: 5em 0 5.5em 0;
}
#service03 .inner_wrap_list::before {
  background: url(../images/common/cap_deco.svg) no-repeat;
  content: "";
  width: 185px;
  height: 190px;
  margin: 0;
  position: absolute;
  bottom: -21%;
  left: 96.5%;
  z-index: 1;
}
/*遺言書の種類*/
#service03 .sec02_underlayer {
  background: radial-gradient(#ffddd7, #fdf5ca);
}
#service03 .sec02_underlayer .service_list {
  margin: 2em 0 6em 0;
}
#service03 .sec02_underlayer li {
  background: #fffeee;
}
#service03 .sec02_underlayer .chart,
#service03 .sec02_underlayer .chart {
  background: #fff;
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto;
  padding: 2em;
}
#service03 .sec02_underlayer .lead i,
#service04 .sec02_underlayer .lead i {
  color: #fb8f7c;
}
#service03 .sec02_underlayer strong,
#service04 .sec02_underlayer strong {
  font-weight: bold;
  padding: 0 0 .5em 0;
}
#service03 .bg_pink_btn {
  display: block;
  width: 30%;
  margin: 3em auto 0 auto;
}
#service03 .point_deco::before {
  border-width: 25px 0 25px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fffeee;
  left: 0;
}
#service03 .point_deco::after {
  border-width: 25px 10px 25px 0;
  border-style: solid;
  border-color: transparent #fffeee transparent transparent;
  right: 0;
}
.point_deco {
  background-color: #fb8f7c;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 85%;
  margin: 1.5em auto;
  padding: .75em;
  position: relative;
}
.point_deco:before,
.point_deco:after {
  border: none;
  border-bottom: solid 15px transparent;
  content: "";
  position: absolute;
  top: 0;
}
#service05 .point_deco::before {
  border-width: 30px 0 30px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  left: 0;
}
#service05 .point_deco::after {
  border-width: 30px 10px 30px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  right: 0;
}
.point_deco i {
  padding: 0 .25em 0 0;
}
#service03 .kv_bg_icon:after {
  /* right: -30%; */
}
/*==============================================
  遺産承継
 ================================================*/
/*カラー*/
.bg_yerrow {
  background: #fffeee;
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
}
/*KV*/
/* #service02 .kv_bg_icon:after {
  right: 19%;
} */
/*遺産承継業務とは*/
#service02 .sec04_underlayer {
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  padding: 5em 0 5em 0;
}
#service02 .inner_wrap .sub_txt:after {
  background: url(../images/service02/point_bg_icon.svg) no-repeat;
  content: "";
  width: 100px;
  height: 130px;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#service02 .inner_wrap .sub_txt {
  border-radius: 10px;
  color: #f95a3e;
  font-weight: bold;
  line-height: 2.15em;
  line-height: 1.85em;
  text-align: left;
  margin: 2.5em auto 0 auto;
  padding: 2em 2em 2em 7.5em;
  position: relative;
}
#service02 .inner_wrap_list::before {
  background: url(../images/common/stationary_deco_pc.png) no-repeat;
  content: "";
  width: 190px;
  height: 170px;
  margin: 0;
  position: absolute;
  bottom: -4%;
  left: 51.5%;
  z-index: 1;
}
/*解決の一例*/
/* #service02 .sec03_underlayer {
  background: url(../images/service02/1480_1110.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  padding: 7em 0 6em 0;
}
#service02 .sec03_underlayer ul {
  display: table;
}
#service02 .sec03_underlayer ul li {
  display: table-cell;
}
#service02 #column1 {
  width: 55%;
  margin: 0 auto;
}
#service02 #column1 .title_area {
  margin: 2.75rem 0 1.75rem 0;
}
#service02 #column1 .title_area .point_icon {
  width: 11%;
} */
/*お手伝いできること*/
/* #service02 .bg_yerrow {
  padding: 7em 0 6.5em 0;
} */
/*お問い合わせ*/
/* #service02 #column_reverse .wrap_list {
  flex-direction: row-reverse;
} */
#service03 #column_reverse .wrap_list .inner_wrap_list {
  width: 40%;
}
/* #service02 #column_reverse .wrap_list .inner_wrap_list,
#service03 #column_reverse .wrap_list .inner_wrap_list {
  margin: 0 auto;
} */
#service03 #column_reverse .inner_wrap_list::before {
  background: url(../images/common/tree_deco2.svg) no-repeat;
  content: "";
  width: 250px;
  height: 250px;
  margin: 0;
  position: absolute;
  bottom: -8.5%;
  left: 1.5%;
  z-index: 1;
}

/*================================================
・スマホ
 ================================================*/
@media screen and (max-width:768px) {
  /*マージン*/
  .sp_mb1 {
    margin: 0 0 1.5em 0;
  }
  .sp_mb2 {
    margin: 0 0 2em 0;
  }
  .spmt1 {
    margin: 1.5em 0 0 0;
  }
  .pc,
  .mb,
  .md_br {
    display: none;
  }
  .sp {
    display: block;
  }
  p {
    font-size: .95em;
    font-weight: normal;
    line-height: 1.55em;
  }
  /*通常バージョン*/
  h3 {
    font-size: 1.65em;
  }
  h3:before {
    width: 70px;
    height: 35px;
    /* margin: 0; */
    top: -67%;
    /* left: 41%; */
  }
  h3 span {
    font-size: .5em;
    line-height: 2.5em;
  }
  /*かざり白バージョン*/
  .sec03_underlayer h3:before {
    background: url(../images/service01/point_top_icon_white.svg) no-repeat;
    content: "";
    width: 70px;
    height: 35px;
    /* margin: 0; */
    position: absolute;
    top: -67%;
    /* left: 41%; */
  }
  /*KV*/
  .slide .kv_bg_icon {
    font-size: 2em;
    text-align: center;
  }
  .kv_bg_icon:after {
    width: 120px;
    height: 160px;
    top: -137%;
    /* right: 32%; */
  }
  .slideInner_underlayer {
    background-size: 10%;
  }
  /*================================================
お問い合わせ
 ================================================*/
  /*KV*/
  #contact .kv_bg_icon:after {
    /* right: 32%; */
  }
  #contact #case01 {
    background-size: 10%;
    padding: 5em 0 5.5em 0;
  }
  /*フォーム*/
  form {
    display: block;
    max-width: 1200px;
    margin: 3em auto 0 auto;
    margin-top: 0;
  }
  #form table {
    border-top: 1px solid #efefef !important;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
    margin: 0 auto;
  }
  #form button,
  #form input,
  #form select,
  #form textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  #form tbody {
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle;
  }
  #form tr {
    border-color: inherit;
    display: block;
    vertical-align: inherit;
  }
  #form th {
    border: none;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: .1em;
    text-align: left;
    width: 30%;
    padding: 1.5em 1em 1.5em 2em;
  }
  #form th,
  #form td {
    box-sizing: border-box;
    display: block;
    align-items: center;
    width: 100%;
  }
  #form th span {
    color: #fff;
    float: right;
  }
  #form span.must {
    background-color: #e43e0f;
    color: #fff;
  }
  #form span.free {
    color: #a29d9c;
  }
  #form span.must,
  #form span.free {
    font-size: .75em;
    line-height: 1.7em;
    letter-spacing: .18em;
    display: inline-block;
    vertical-align: text-top;
  }
  #form td {
    border: none;
    color: #333;
    font-size: .7em;
    line-height: 1.7em;
    letter-spacing: .18em;
    padding: 2em 0;
  }
  #form p {
    color: #333;
    font-size: .9em;
    line-height: 1.6em;
    letter-spacing: .15em;
    text-align: center;
  }
  #form .form_ex {
    font-size: 1.3em;
    text-align: left;
    margin: 0;
    padding: .3em 0 0 0;
  }
  #form textarea {
    width: 100%;
  }
  [tabindex],
  a,
  area,
  button,
  input,
  label,
  select,
  summary,
  textarea {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }
  #form textarea {
    margin: 0;
    overflow: auto;
    resize: vertical;
  }
  #form input,
  #form textarea,
  #form select,
  #form button {
    color: initial;
    font: 400 11px system-ui;
    letter-spacing: normal;
    text-align: start;
    text-indent: 0;
    text-transform: none;
    text-shadow: none;
    word-spacing: normal;
    display: inline-block;
    margin: 0;

    text-rendering: auto;
  }
  #form .tel {
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.3em;
    text-decoration: none;
    padding: 0 0 0 .5em;
  }
  #form .radio_btn label {
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: .05em;
    margin: 0 2em 0 0;
    vertical-align: middle;
  }
  #form .radio_btn input {
    width: 20px;
    margin: 0 .5em 0 0;
  }
  #form td input {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    overflow: visible;
  }
  form input,
  #form textarea {
    background: #fff;
    border: #ccc solid 1px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  /*ボタン*/
  #form .form_btn {
    display: block;
    max-width: 350px;
    margin: 2em auto 0 auto;
  }
  #form .form_btn input {
    background: #ff7f5b;
    border: none;
    border-radius: 100px;
    outline: none;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: .1em;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 250px;
    height: 65px;
    margin: 0;
    cursor: pointer;
    transition: all .6s ease;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-appearance: none;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  #form .form_btn input:hover {
    background-color: #e43e0f;
    text-decoration-color: inherit;
    transition: all .15s ease;
  }
  #form .form_btn input:after {
    content: "";
    transition: all .6s;
  }
  /*================================================
新着情報一覧
 ================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    /* right: 34%; */
  }
  /*お知らせ*/
  .news {
    margin: 1.5em 0 4.5em 0;
  }
  #news #case01 {
    background-size: 10%;
    padding: 5.5em 0 5.5em 0;
  }
  .news .title {
    font-size: 1.15em;
  }
  .news .txt {
    line-height: 1.65em;
  }
  /*サムネイル*/
  .txt_img_set {
    align-items: flex-start;
  }
  .txt_img_set img {
    display: block;
    width: 30%;
    height: 100%;
    margin: 0;
  }
  .txt_img_set p {
    font-size: 1.05em;
    line-height: 1.65em;
    text-align: left;
    margin: 0 0 0 1em;
  }
  /*================================================
料金・対応地域
 ================================================*/
  /*KV*/
  #price .kv_bg_icon:after {
    /* right: 30%; */
  }
  /*対応地域*/
  #price #case01 {
    background-size: 10%;
    padding: 6em 0 5em 0;
  }
  #price #case01 ul li {
    width: 100%;
  }
  #price #case01 ul li:first-child {
    margin: 0 0 1.5em 0;
  }
  /*見出し*/
  #price #case02 {
    padding: 6.5em 0 .5em 0;
  }
  #price #case02 .line1,
  #price #case02 .line2 {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.35em;
    letter-spacing: .02em;
    text-align: center;
    /*color: #fff;*/
    margin: 0 0 3em 0;
    vertical-align: middle;
    position: relative;
  }
  #price #case02 .line1:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    top: -33px;
    left: 50%;
            transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
  }
  #price #case02 .line2:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 90px;
    height: 100px;
    position: absolute;
    top: -26px;
    left: 50%;
            transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
  }
  /*テーブル見出し*/
  #price .th_title th {
    font-size: 1.15em;
    line-height: 1.25em;
    letter-spacing: .01em;
  }
  #price .cp_pricetable3 th:after {
    bottom: -14px;
  }
  /*==============================================
  商業登記
 ================================================*/
  /*KV*/
  #service07 .kv_bg_icon:after {
    /* right: 31%; */
  }
  #service07 #case01:before {
    background: url(../images/common/stationary_deco_sp.png) no-repeat;
    content: "";
    width: 150px;
    height: 135px;
    margin: 0;
    position: absolute;
    bottom: -10%;
    left: 50%;
    z-index: 1;
  }
  #service07 #case02:before {
    width: 145px;
    height: 110px;
    bottom: -6.5%;
    left: 51.5%;
    z-index: 1;
  }
  #service07 #case04:before {
    width: 135px;
    height: 135px;
    bottom: -8.5%;
    left: 31.5%;
  }
  #service07 #case05:before {
    width: 135px;
    height: 135px;
    bottom: -7.5%;
    left: 46.5%;
  }
  #service07 #case06:before {
    width: 135px;
    height: 135px;
    bottom: -10.5%;
    left: 48.5%;
  }
  #service07 #case04,
  #service07 #case05 {
    margin-top: 1.5em;
  }
  #service07 .mr_top:before {
    top: -42%;
  }
  /*==============================================
  不動産登記
 ================================================*/
  /*KV*/
  #service06 .kv_bg_icon:after {
    /* right: 32%; */
  }
  /*ポイントイラスト*/
  #service06 #case01:before {
    width: 135px;
    height: 135px;
    bottom: -6.5%;
    left: 55.5%;
  }
  #service06 #case02:before {
    width: 145px;
    height: 110px;
    bottom: -6.5%;
    left: 51.5%;
    z-index: 1;
  }
  #service06 #case03:before {
    width: 163px;
    height: 152px;
    bottom: -9.5%;
    left: 51.5%;
  }
  #service06 #case01,
  #service06 #case02 {
    margin: 0 0 8em 0;
  }
  /*==============================================
  債務整理
 ================================================*/
  /*KV*/
  #service05 .kv_bg_icon:after {
    /* right: 33%; */
  }
  /*共通*/
  #service05 .middle_title:before {
    border-width: 4px;
    border-style: solid;
    border-color: rgb(255, 191, 12) transparent;
    border-image: initial;
    border-radius: 50%;
    content: "";
    width: 70px;
    height: 73px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  #service05 .middle_title,
  #service05 #case04 .middle_title {
    font-size: 1.45em;
    line-height: 3.5em;
    letter-spacing: .01em;
    margin: 0 0 1em 0;
    position: relative;
  }
  #service05 #case04 .middle_title:before {
    border: 4px solid #ffbf0c;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    width: 70px;
    height: 73px;
    margin: auto;
    position: absolute;
    top: -1em;
    right: 0;
    bottom: -1em;
    left: 0;
  }
  /*アンカーリンク*/
  .anchor_link {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
  }
  .li_mb1 {
    margin: 0 0 .5em 0;
  }
  .anchor_link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0;
  }
  #service05 .anchor_link ul li a {
    background: #ffebe3;
    font-size: .85em;
    letter-spacing: .01em;
    width: 105px;
    height: 105px;
  }
  .anchor_link ul li .bottom_arrow:after {
    width: 9px;
    height: 9px;
    bottom: 20%;
    left: 50%;
  }
  #service05 .anchor_link .common_txt {
    line-height: 1.35em;
    letter-spacing: .01em;
    top: 2.25em;
  }
  /*債務整理*/
  #service05 .sec01_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 3em 0;
  }
  #service05 .wrap_list .inner_wrap_list {
    width: 100%;
  }
  .inner_wrap {
    display: block;
    width: 90%;
  }
  #service05 .sec01_underlayer ul {
    display: block;
  }
  #service05 .sec01_underlayer ul li {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0 0 1.25em 0;
    padding: 1.5em;
  }
  /*リボン*/
  #service05 .point_deco {
    font-size: 1.25em;
    margin: 0 auto 1em auto;
    padding: .75em;
  }
  #service05 .point_deco::before {
    border-width: 25px 0 25px 10px;
    left: 0;
  }
  #service05 .point_deco::after {
    border-width: 25px 10px 25px 0;
    right: 0;
  }
  #service05 #case01 .wrap_list {
    margin: 2.5em 0 5em 0;
  }
  /*bgアイコン*/
  #service05 #case01 .inner_wrap_list::before {
    width: 155px;
    height: 155px;
    bottom: -82%;
    left: 53.5%;
  }
  /*債務整理の流れ*/
  #service05 .all_wrap .txt_wrap {
    width: 100%;
    margin: 0 0 1em 0;
    padding: 2em;
  }
  /*やじるし*/
  #service05 #case01 .bottom_arrow,
  #service05 #case02 .bottom_arrow,
  #service05 #case03 .bottom_arrow,
  #service05 #case04 .bottom_arrow,
  #service05 #case05 .bottom_arrow {
    display: block;
    width: 25px;
    height: auto;
    top: 0;
  }
  .sp_arrow {
    margin: 0 auto 1em auto;
  }
  #service05 .all_wrap .txt_wrap:last-child {
    margin: 0 0 0;
  }
  /*任意整理の流れ*/
  #service05 .sec02_underlayer .all_wrap .txt_wrap:last-child {
    margin: 0 0 3em 0;
  }
  /*任意整理のメリット／デメリット*/
  #service05 #case02 ul {
    width: 100%;
    margin: 0;
  }
  #service05 #case02 ul li {
    width: 100%;
    padding: 0;
  }
  #service05 #case02 {
    padding: 6.5em 0 4.5em 0;
  }
  /*個人再生*/
  #service05 #case03 h3:before {
    top: -70%;
    /* left: 40%; */
  }
  /*リード文*/
  .inner_wrap .lead {
    text-align: left;
  }
  /*テーブル*/
  .cp_pricetable3 tr:nth-child(2n+1) td.group1 {
    font-size: 1em;
    line-height: 1.35em;
    letter-spacing: .01em;
    padding: 1.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+1) td.group2 {
    font-size: 1em;
    line-height: 1.35em;
    letter-spacing: .01em;
    padding: 1.5em 1em;
  }
  /*個人再生のメリット／デメリット*/
  #service05 #case03 {
    padding: 6em 0 2em 0;
  }
  #service05 #case03 .middle_title {
    font-size: 1.45em;
    letter-spacing: .01em;
  }
  #service05 #case03 ul li {
    width: 100%;
    padding: 0;
  }
  .service_list .ribbon_title {
    margin: 0 auto .75em auto;
  }
  #service05 .sec01_underlayer ul li {
    margin: 0 0 1.5em 0;
  }
  /*自己破産*/
  #service05 .sec01_underlayer {
    padding: 5.5em 0 3em 0;
  }
  #service05 .point {
    display: block;
  }
  #service05 .line_center {
    width: 100%;
    margin: 2em 0;
  }
  #service05 .point .sp {
    margin: 0 0 .75em 0;
  }
  #service05 .point img {
    width: 100%;
    height: auto;
    margin: 0 1.5em 0 0;
  }
  #service05 .line_top {
    margin: 0 0 3em 0;
  }
  /*破産：注意点*/
  #service05 #case04 .title_area {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 1.5em 1em 0 1em;
  }
  #service05 #case04 .txt_wrap {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
  }
  #service05 #case04 .title_area {
    padding: 1.5em 1em 0 1em;
  }
  #service05 #case04 .title_area .point_icon {
    display: inline-block;
    width: 10%;
    margin: 0 .5em 0 0;
  }
  #service05 #case04 h5 {
    font-size: 1.35em;
    line-height: 1.35em;
  }
  /*過払い金請求*/
  #service05 #case05 {
    padding: 6.5em 0 2em 0;
  }
  #service05 #case05 .inner_wrap_list::before {
    width: 190px;
    height: 125px;
    bottom: -24.5em;
    left: 42.5%;
  }
  #service05 #case05 .wrap_list {
    margin: 0 0 4.5em 0;
  }
  .cp_pricetable3 tr:nth-child(2n+0) td.group1 {
    line-height: 1.35em;
  }
  /*==============================================
  相続
 ================================================*/
  /*相続とは*/
  #service04 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    padding: 5em 0 4em 0;
  }
  #service04 .sec02_underlayer {
    padding: 6em 0 3.5em 0;
  }
  #service04 .service_list {
    width: 100%;
  }
  #service04 .sec02_underlayer .column_wrap {
    display: block;
    width: 90%;
    margin: 1.5em auto 0 auto;
  }
  #service04 .sec02_underlayer .service_list {
    margin: 0 0 3em 0;
    padding: 2.5em 2em 3.5em 2em;
  }
  #service04 .sec02_underlayer .inner_wrap {
    width: 100%;
  }
  #service04 .sec02_underlayer .chart {
    width: 100%;
    margin: 0;
  }
  #service04 .sec02_underlayer .service_list:before {
    border: 15px solid transparent;
    border-top: 18px solid #fffeee;
    margin-top: 0;
    margin-left: -18px;
    top: 100%;
    left: 50%;
  }
  .flow {
    width: 100%;
    margin: 4.5em auto 0 auto;
  }
  .flow .lead {
    font-size: 1.1em;
    margin: 0 auto 1.5em auto;
    /* width: 100%; */
  }
  .flow .sp {
    width: 90%;
    margin: 0 auto;
  }
  #service04 .inner_wrap_list::before {
    bottom: -102.5%;
    left: 3%;
  }
  /*==============================================
    事務所概要
    ================================================*/
  /*KV*/
  #about .kv_bg_icon:after {
    /* right: 33%; */
  }
  /*所員紹介*/
  #about #case01 {
    padding: 4em 0 4em 0;
  }
  #about #case01 .inner_wrap_list {
    width: 100%;
    padding: 2.5em 1.5em;
  }
  #about #case01 .inner_wrap .sub_txt:after {
    background: url(../images/about/message_bg_icon_sp.svg) no-repeat;
    top: 0;
  }
  #about #case01 .inner_wrap:before {
    right: 0;
    bottom: 32.5%;
  }
  /*事務所概要*/
  #about #case02 .inner_wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #about #case02 .inner_wrap:after {
    width: 150px;
    height: 150px;
    right: 8%;
    bottom: -31%;
  }
  /*プロフィール・経歴*/
  #about .sec04_underlayer .txt dt {
    padding: 0;
  }
  /*スライダー*/
  .cp_cssslider {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin: 27.5em auto 0 auto;
    position: relative;
  }
  .cp_cssslider input[name="cp_switch"] {
    display: none;
  }
  .cp_cssslider input[name="cp_switch"]:checked + label {
    border: 2px solid #ff7043;
    opacity: 1;
  }
  .cp_cssslider label img {
    outline: none;
    display: block;
    width: 48px;
    height: 48px;
  }
  .cp_cssslider input[name="cp_switch"]:checked + label {
    border: 2px solid #ff7043;
    opacity: 1;
  }
  .cp_cssslider > img {
    width: 100%;
    height: auto;
    margin: 0 auto 4.5em auto;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .5s;
  }
  /*テーブル*/
  #about .cp_pricetable3 {
    width: 90%;
    margin: 4.5em auto 0 auto;
  }
  /*アクセス*/
  #about #case03 {
    background: url(../images/about/560_920.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
  }

  /*==============================================
  遺言
 ================================================*/
  /*KV*/
  #service03 .kv_bg_icon:after {
    /* right: 32%; */
  }
  /*遺言について*/
  #service03 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    padding: 5em 0 4em 0;
  }
  #service03 .inner_wrap_list::before {
    width: 160px;
    height: 165px;
    bottom: -5.5%;
    left: 52.5%;
  }
  /*　遺言書の種類*/
  #service03 .sec02_underlayer .service_list {
    margin: 2em auto 3em auto;
  }
  .point_deco {
    width: 90%;
    padding: .75em;
  }
  #service03 .sec02_underlayer .lead {
    line-height: 1.45em;
  }
  #service03 .sec02_underlayer .chart {
    width: 100%;
    padding: 1em 0;
  }
  /*ボタン*/
  #service03 .bg_pink_btn {
    display: block;
    width: 100%;
    margin: 2.5em auto 0 auto;
  }
  /*==============================================
  遺産承継
 ================================================*/
  /*KV*/
  /* #service02 .kv_bg_icon:after {
    right: 31%;
  } */
  #service02 .inner_wrap_list::before {
    background: url(../images/common/tree_deco2.svg) no-repeat;
    content: "";
    width: 150px;
    height: 150px;
    margin: 0;
    position: absolute;
    bottom: 13%;
    left: 46.5%;
    z-index: 1;
  }
  #service02 .inner_wrap .sub_txt {
    line-height: 1.75em;
    text-align: center;
    padding: 4.5em 0 0 0;
  }
  #service02 .inner_wrap .sub_txt:after {
    background: url(../images/service02/point_bg_icon_sp.svg) no-repeat;
    width: 70%;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 15%;
  }
  #service02 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    padding: 6em 0 4.5em 0;
  }
  #service02 .sec04_underlayer .inner_wrap_list::before {
    background: url(../images/common/stationary_deco_sp.png) no-repeat;
    content: "";
    width: 150px;
    height: 131px;
    margin: 0;
    position: absolute;
    bottom: -53%;
    left: 7%;
    z-index: 1;
  }
  /*解決の一例*/
  /* #service02 .sec03_underlayer {
    background: url(../images/service02/560_1250.jpg) no-repeat;
    background-size: cover;
    padding: 6em 0 5em 0;
  }
  #service02 #column1 {
    width: 100%;
    margin: 0;
  }
  #service02 #column1 .title_area .point_icon {
    width: 20%;
  }
  #service02 .all_wrap .sub_cap {
    font-size: .7em;
    line-height: 1.35em;
    display: block;
    margin: .25em 0 0 0;
  } */
  /*お手伝いできること*/
  /* #service02 #column_reverse .wrap_list .inner_wrap_list {
    display: block;
    width: auto;
    margin: 0 auto;
  }
  #service02 #column_reverse .inner_wrap_list::before {
    background: url(../images/common/tree_deco2.svg) no-repeat;
    content: "";
    width: 180px;
    height: 150px;
    margin: 0;
    position: absolute;
    bottom: -34%;
    left: 44%;
    z-index: 1;
  } */
  /*==============================================
    成年後見
    ================================================*/
  #service01 .sec01_underlayer {
    background-size: 10%;
    padding: 5em 0 4.5em 0;
  }
  #service01 .kv_bg_icon:after {
    /* right: 33%; */
  }
  /*sec01：ふきだし*/
  .sec01_underlayer ul {
    display: block;
  }
  .sec01_underlayer ul li {
    width: 100%;
  }
  .sec01_underlayer ul li .txt:before {
    left: -30px;
  }
  .sec01_underlayer ul li .txt {
    font-size: 1.05em;
  }
  .sec01_underlayer ul li .point_icon {
    width: 60px;
    height: 60px;
  }
  /*お任せください*/
  .inner_wrap .sub_txt {
    line-height: 1.75em;
    text-align: center;
    padding: 4.5em 0 0 0;
  }
  .inner_wrap .sub_txt:after {
    background: url(../images/service01/point_bg_icon_sp.svg) no-repeat;
    width: 70%;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 15%;
  }
  /*sec02:メリット*/
  .sec02_underlayer {
    padding: 6.5em 0 1em 0;
  }
  .sec02_underlayer .column_wrap {
    width: 100%;
  }
  .sec02_underlayer ul {
    display: block;
    width: 90%;
    margin: 2em auto 0 auto;
  }
  .sec02_underlayer ul li {
    margin: 0 0 1.5em 0;
    padding: 2em;
  }
  .service_list .point_icon {
    display: block;
    width: 38%;
    margin: 0 auto 0 auto;
  }
  .service_list h4 {
    font-size: 1.35em;
    letter-spacing: .01em;
    margin: 0 0 .75em 0;
  }
  .column_wrap .service_list p {
    margin: 0;
  }
  #service03 .inner_wrap_list::before {
    width: 160px;
    height: 160px;
    bottom: -25%;
    left: 49.5%;
  }
  /*sec03：遺言の種類*/
  #service01 .sec03_underlayer {
    background: url(../images/service01/560_1395.jpg) no-repeat;
    background-size: cover;
    padding: 6em 0 5em 0;
  }
  .all_wrap .txt_wrap {
    width: 100%;
  }
  /*タイトル*/
  .title_area .point_icon {
    width: 27%;
    height: 65px;
    margin: 0 .75em 0 0;
  }
  .all_wrap .txt_wrap h5 {
    font-size: 1.35em;
    line-height: 1.35em;
  }
  /*お手伝いできること*/
  #service01 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 10%;
    padding: 7em 0 6.5em 0;
  }
  .wrap_list {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .wrap_list .inner_wrap_list {
    width: auto;
    padding: 3em 2em 3.75em 2em;
  }
  .wrap_list h4 {
    font-size: 1.35em;
    line-height: 1.35em;
    margin: 0 0 1em 0;
    padding: 0 0 .85em 0;
  }
  #service01 .sec04_underlayer .wrap_list .inner_wrap_list {
    width: 100%;
  }
  /*ボタン*/
  .bg_pink_btn {
    width: 100%;
  }
  .wrap_list img {
    width: 100%;
    height: auto;
    margin: 2em 0 0 0;
  }
  /*イラスト*/
  #service01 .inner_wrap_list::before {
    width: 150px;
    height: 150px;
    bottom: -84.5%;
    left: 47.5%;
  }
}
/*================================================
中デバイス（タブレット, 768px 以上・ipad縦向き）
 ================================================*/
@media (min-width: 768px) and (max-width: 1099px) {
  /*================================================
共通
 ================================================*/
  .sp,
  .pc,
  .sp_br {
    display: none;
  }
  .md,
  .md_br {
    display: block;
  }
  /*KV*/
  .kv_bg_icon:after {
    width: 120px;
    height: 160px;
    top: -146%;
    /* right: 40%; */
  }
  /*タイトル*/
  h3:before {
    /* left: 45%; */
  }
  /*背景*/
  .slideInner_underlayer {
    background-size: 5%;
  }
  .sec01_underlayer {
    background-size: 5%;
    padding: 5em 0 4.5em 0;
  }
  /*遺言書の種類*/
  #service01 .sec03_underlayer {
    background: url(../images/service01/1480_1110.jpg) no-repeat;
    background-size: cover;
    padding: 6em 0 5em 0;
  }
  /*お任せください*/
  .inner_wrap .sub_txt:after {
    left: 32%;
  }
  /*================================================
お問い合わせ
================================================*/
  /*KV*/
  #contact .kv_bg_icon:after {
    /* right: 40%; */
  }
  #contact #case01 {
    background-size: 5%;
  }
  /*================================================
新着情報一覧
 ================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    /* right: 41%; */
  }
  /*お知らせ*/
  #news #case01 {
    background-size: 5%;
  }
  /*サムネイル、テキストセット*/
  .txt_img_set img {
    width: 15%;
  }
  /*================================================
料金・対応地域
 ================================================*/
  /*KV*/
  #price .kv_bg_icon:after {
    /* right: 40%; */
  }
  /*対応地域*/
  #price #case01 {
    background-size: 5%;
  }
  /*料金について*/
  #price #case02 .lead {
    text-align: center;
  }
  #price #case02 .inner_wrap .lead {
    margin: 0 0 4.5em 0;
  }

  /*================================================
不動産登記
================================================*/
  #service06 .kv_bg_icon:after {
    /* right: 41%; */
  }
  /*================================================
債務整理
 ================================================*/
  /*アンカーリンク*/
  .anchor_link {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 5%;
    width: 100%;
    margin: 0 auto;
    padding: 3em 0 3em 0;
  }
  .anchor_link ul li a {
    width: 125px;
    height: 125px;
  }
  .anchor_link .common_txt {
    top: 2.65em;
  }
  /*債務整理*/
  #service05 #case01 {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 5%;
  }
  .wrap_list img {
    width: 55%;
    height: auto;
    margin: 2em auto;
  }
  /*個人再生*/
  #service05 #case03 h3:before {
    /* left: 45%; */
  }
  /*自己破産*/
  #service05 #case04 {
    padding: 6em 0 3em 0;
  }
  #service05 #case04 .middle_title:before {
    width: 70px;
    height: 80px;
  }
  /*================================================
事務所案内
 ================================================*/
  /*KV*/
  #about .kv_bg_icon:after {
    /* right: 40%; */
  }
  /*所員紹介*/
  #about #case01 .inner_wrap:before {
    bottom: 27%;
  }
  /*事務所概要*/
  .cp_cssslider {
    width: 50%;
  }
  .cp_cssslider > img {
    width: 400px;
  }
  /*================================================
遺言
 ================================================*/
  #service03 .kv_bg_icon:after {
    /* right: 41%; */
  }
  /*================================================
相続
 ================================================*/
  .flow {
    width: 90%;
  }
  /*================================================
遺産承継
 ================================================*/
  /*KV*/
  /* #service02 .kv_bg_icon:after {
    right: 41%;
  } */
  #service02 .inner_wrap_list::before {
    bottom: -1%;
    left: 72%;
  }
  /*遺産承継業務とは*/
  #service02 .sec04_underlayer {
    background-image: url(../images/common/bg_stripe.svg);
    background-size: 5%;
    padding: 6em 0 4.5em 0;
  }
  #service02 .inner_wrap .sub_txt:after {
    width: 35%;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 32%;
  }
  /*解決の一例*/
  /* #service02 #column1 .title_area .point_icon {
    width: 10%;
  } */
  /*お手伝いできること*/
  /* #service02 #column_reverse .inner_wrap_list::before {
    bottom: 26.5%;
    left: 81%;
    z-index: 1;
  } */
  /*================================================
遺言
 ================================================*/
  /*遺言について*/
  #service03 .inner_wrap_list::before {
    bottom: 11.5%;
    left: 75.5%;
  }
  /*================================================
成年後見
 ================================================*/
  /*sec02*/
  .sec02_underlayer {
    padding: 6.5em 0 6em 0;
  }
  /*アイコン白バージョン*/
  .sec03_underlayer h3:before {
    /* left: 45%; */
  }
  /*遺言書の種類*/
  .title_area .point_icon {
    width: 10%;
  }
  /*イラスト*/
  .inner_wrap_list::before {
    bottom: -16.5%;
    left: 75.5%;
  }
}
/*================================================
特大デバイス（ワイド・デスクトップ, 1000px 以上、ipad横向き）
 ================================================*/
@media (min-width: 769px) and (max-width: 1099px) {
  /*================================================
共通
 ================================================*/
  .sp,
  .pc,
  .pc_br,
  .sp_br,
  .md_br {
    display: none;
  }
  .md {
    display: block;
  }
  /*ヘッダー*/
  header h1 {
    position: relative;
    top: 21%;
  }
  header h1 img {
    width: 95%;
  }
  #pc_nav .inner {
    width: 95%;
  }
  /*グローバルナビ*/
  #g_navi {
    width: auto;
  }
  #g_navi ul li div {
    width: 100%;
  }
  #g_navi ul li ul {
    margin: 0;
  }
  #g_navi ul.navi_base {
    width: 80%;
  }
  #g_navi li a {
    font-size: .95em;
    letter-spacing: .05em;
  }
  #g_navi ul li {
    width: auto;
    height: 80px;
  }
  /*KV*/
  .slide .kv_bg_icon {
    font-size: 2.25em;
  }
  .kv_bg_icon:after {
    width: 125px;
    height: 160px;
    top: -120%;
    /* right: 0%; */
  }
  /*コンテンツ*/
  .content_wrap {
    width: 90%;
    margin: 0 auto;
  }

  #contact .kv_bg_icon:after {
    top: -115%;
    /* right: 21%; */
  }
  /*================================================
新着情報一覧
 ================================================*/
  /*KV*/
  #news .kv_bg_icon:after {
    top: -111%;
  }
  /*サムネイル、テキストセット*/
  .txt_img_set img {
    width: 15%;
    padding: 0;
  }
  .txt_img_set p {
    width: 80%;
  }
  /*================================================
不動産登記
 ================================================*/
  #service06 .kv_bg_icon:after {
    top: -111%;
    /* right: 13%; */
  }
  #service06 #case01 img,
  #service06 #case03 img {
    margin: 0 auto 0 0;
    padding: 0;
  }
  #service06 #case02 img {
    margin: 0 0 0 auto;
    padding: 0;
  }
  /*ポイントアイコン*/
  #service06 #case01:before {
    bottom: -5.5%;
    left: 35.5%;
  }
  #service06 #case02:before {
    left: 35.5%;
  }
  #service06 #case03:before {
    bottom: -.5%;
    left: 35.5%;
  }

  /*================================================
債務整理
 ================================================*/
  /*アンカーリンク */
  .anchor_link {
    width: 100%;
  }
  /*債務整理*/
  #service05 .sec01_underlayer ul li {
    width: 18%;
    padding: 1.5em;
  }
  /*個人再生*/
  #service05 #case03 ul li {
    width: 43%;
  }
  /*過払い請求*/
  #service05 #case05 .inner_wrap_list::before {
    left: 28.5%;
  }
  /*================================================
相続
 ================================================*/
  .sec02_underlayer .column_wrap {
    width: 90%;
  }
  .flow {
    width: 90%;
  }
  /*================================================
事務所概要
 ================================================*/
  /*事務所概要*/
  #about #case02 .inner_wrap {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  /*KV*/
  #about .kv_bg_icon:after {
    top: -111%;
  }
  /*所員紹介*/
  #about #case01 .inner_wrap_list {
    width: 45%;
  }
  /*事務所概要*/
  #about #case02 .inner_wrap:after {
    width: 160px;
    height: 160px;
    right: 0;
    bottom: -36%;
  }
  /*スライダー*/
  .cp_cssslider {
    text-align: center;
    width: 400px;
    margin: 30em auto 0 0;
    position: relative;
  }
  .cp_cssslider label img {
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
  }
  .cp_cssslider > img {
    display: block;
    width: 400px;
    height: 400px;
    margin: 0 auto 5.5em auto;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .5s;
  }
  /*表*/
  #about .cp_pricetable3 {
    width: 50%;
    margin: 2.5em 0 0 auto;
  }
  /*================================================
遺言
 ================================================*/
  #service03 .kv_bg_icon:after {
    /* right: -45%; */
  }
  #service04 .sec02_underlayer .service_list {
    padding: 1.5em 2em 3em 2em;
  }
  #service04 .sec02_underlayer .chart {
    width: 90%;
  }
  /*================================================
遺産承継
 ================================================*/
  /*KV*/
  /* #service02 .kv_bg_icon:after {
    right: 17%;
  } */
  /*遺産承継業務とは*/
  #service02 .wrap_list h4 {
    font-size: 1.35em;
  }
  #service02 .inner_wrap_list::before {
    width: 160px;
    height: 160px;
    margin: 0;
    bottom: 27%;
    left: 58.5%;
    z-index: 1;
  }
  #service02 .inner_wrap .sub_txt {
    padding: 2em 2em 2em 8.5em;
  }
  #service02 .inner_wrap .sub_txt:after {
    width: 150px;
    height: 150px;
    top: 0;
    bottom: 0;
    left: 0;
  }
  /*解決の一例*/
  /* .all_wrap .txt_wrap h5 {
    font-size: 1.5em;
    line-height: 1.35em;
  }
  #service02 #column1 {
    width: 60%;
  }
  #service02 #column1 .title_area .point_icon {
    width: 15%;
  } */
  /*お手伝いできること*/
  /* #service02 #column_reverse .wrap_list .inner_wrap_list {
    width: 45%;
  }
  #service02 #column_reverse .inner_wrap_list::before {
    bottom: -11.5%;
    left: 70%;
  } */
  /*================================================
成年後見
 ================================================*/
  /*sec02：メリット*/
  .sec02_underlayer ul li {
    margin: 0 1.5em 0 0;
    padding: 2em;
  }
  .service_list h4 {
    font-size: 1.15em;
    letter-spacing: .01em;
  }
  /*sec03*:遺言書の種類*/
  .title_area .point_icon {
    width: 25%;
    margin: 0 1.5em 0 0;
    padding: 0;
  }
  /*sec04：お手伝いできること*/
  .wrap_list .inner_wrap_list {
    width: 40%;
  }
  .wrap_list img {
    width: 45%;
    height: auto;
  }
  /*お任せください*/
  .inner_wrap .sub_txt:after {
    left: 0;
  }
}

/*================================================
問い合わせ追加(PC用)
 ================================================*/
.sec05 {
  background: url(../images/top/1480_1110.jpg) no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  padding: 6em 0;
}

/*================================================
2022-05-18 料金ページ調整用 追加
================================================*/

#price table.one-column {
  width: 50%;
  margin: 0 auto 5.5em;
}

@media screen and (max-width: 767px) {
  #price table.one-column {
    width: 100%;
  }
}

/*==============================================
NEWS
================================================*/


/*==============================================
相続放棄
================================================*/
#service08 .slideInner_underlayer {
  background: url(../images/service06/1480_1110.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
#service08 .sec01_underlayer {
  background: url(../images/service06/1480_1110.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 7em 0 6em 0;
}
#service08 .sec01_underlayer .inner_wrap_list::before {
  background: url(../images/common/tree_deco1.svg) no-repeat;
  content: "";
  width: 190px;
  height: 190px;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 106.5%;
  z-index: 1;
}
#service08 .sec02_underlayer {
  background: radial-gradient(#fffad9, #ffddd7);
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  width: 100%;
  padding: 7em 0 6.5em 0;
}
#service08 .sec02_underlayer .wrap_list {
  flex-direction: row-reverse;
  position: relative;
}

#service08 .sec02_underlayer ul {
  display: block;
  margin: 0;
}
#service08 .sec02_underlayer li {
  line-height: 1.5;
  margin-right: 0;
  padding: 0 0 0 1.3em;
  position: relative;
}
#service08 .sec02_underlayer li:nth-child(n+2) {
  margin-top: 1.5em;
}
#service08 .sec02_underlayer li .fa-icon {
  background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
          background-clip: text;
  width: 1em;
  position: absolute;
  left: 0;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#service08 .sec02_underlayer .wrap_list::before {
  background: url(../images/common/house_deco2.png) no-repeat;
  content: "";
  width: 163px;
  height: 152px;
  margin: 0;
  position: absolute;
  bottom: -9.5%;
  left: 51.5%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #service08 .sec02_underlayer .wrap_list::before {
    width: 160px;
    height: 160px;
    bottom: -4.5%;
    left: 37.5%;
  }
}

/* #service08 .sec03_underlayer */

#service08 .sec03_underlayer {
  background: url(../images/service06/1480_1110.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 7em 0 6em 0;
}
#service08 .sec03_underlayer .txt_wrap {
  background: #ffebe3;
  border: none;
  border-radius: 10px;
  color: #000;
  width: 100%;
  margin: 2em 0;
  padding: 2.5em;
}
#service08 .title_area .point_icon {
  display: block;
  width: 6%;
  margin: 0 1.5em 0 0;
}
#service08 .sec03_underlayer h5 {
  color: #333;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.55em;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: .01em;
  text-align: left;
  margin: 0;
  padding: 0;
}
#service08 .sec03_underlayer .marker {
  background: linear-gradient(transparent 60%, #d0ea2d 60%);
  font-weight: 500;
}
#service08 .sec03_underlayer ul {
  padding-bottom: 1em;
}
#service08 .sec03_underlayer li {
  color: #7f8052;
  line-height: 1.65em;
  display: block;
  margin-bottom: .5em;
  padding: 0 1.5em 0 3em;
  position: relative;
}
#service08 .sec03_underlayer li .fa-icon {
  background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
          background-clip: text;
  position: absolute;
  left: 1.5em;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#service08 .sec04_underlayer {
  background-image: url(../images/common/bg_stripe.svg);
  background-size: 2.5%;
  padding: 5em 0 5em 0;
}
#service08 .message .inner_wrap_list {
  width: 100%;
  position: relative;
}
#service08 .message .inner_wrap_list::before {
  background: url(../images/common/tree_deco2.svg) no-repeat;
  content: "";
  width: 150px;
  height: 131px;
  margin: 0;
  position: absolute;
  left: auto;
  z-index: 1;
}
#service08 .message .inner_wrap_list ul {
  margin-bottom: 1.5em;
}
#service08 .message .inner_wrap_list li {
  font-size: 1em;
  line-height: 1.65em;
  padding-left: 1.5em;
  position: relative;
}
#service08 .message .inner_wrap_list li + li {
  margin-top: .33em;
}
#service08 .message .inner_wrap_list .fa-icon {
  background: linear-gradient(to right, #f76bf0 0%, #fb8f7c 55%, rgb(241, 117, 10) 99%);
          background-clip: text;
  width: 1em;
  position: absolute;
  left: 0;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  #service08 .message .inner_wrap_list::before {
    right: 20%;
    bottom: -110%;
  }
}
@media screen and (max-width: 767px) {
  #service08 .message .inner_wrap_list::before {
    right: 7%;
    bottom: -150%;
  }
}
@media screen and (max-width: 611px) {
  #service08 .message .inner_wrap_list::before {
    bottom: -120%;
  }
}
@media screen and (max-width: 433px) {
  #service08 .message .inner_wrap_list::before {
    bottom: -84.5%;
  }
}
@media screen and (max-width: 375px) {
  #service08 .message .inner_wrap_list::before {
    bottom: -63%;
  }
}
@media screen and (min-width: 769px) {
  #service08 .message .inner_wrap_list {
    width: 50%;
  }
  #service08 .message .inner_wrap_list::before {
    width: 190px;
    height: 165px;
    right: -14em;
    bottom: 0;
  }
}

/*==============================================
既存ページの修正
================================================*/

@media screen and (max-width: 768px) {
  #service01 .inner_wrap_list::before {
    right: 20%;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #service01 .inner_wrap_list::before {
    right: 7%;
    bottom: -150%;
  }
}
@media screen and (max-width: 611px) {
  #service01 .inner_wrap_list::before {
    bottom: -120%;
  }
}
@media screen and (max-width: 433px) {
  #service01 .inner_wrap_list::before {
    bottom: -84.5%;
  }
}
@media screen and (max-width: 375px) {
  #service01 .inner_wrap_list::before {
    bottom: -63%;
  }
}

/*==============================================
  2025-10-01 /contact/
  - フォーム休止
  - 電話ボタン追加
================================================*/
#contact #form.ver2025-10 {
  display: none;
}
.lead.ver2025-10 {
  width: fit-content;
  margin: 0 auto;
}
.ex_btn_area .text_btn {
  width: 100%;
  max-width: 350px;
  margin-top: 4em;
}
.ex_btn_area .btn_inner {
  background-color: #fb8f7c;
  border-radius: 3em;
  display: flex;
  align-items: center;
  padding: 1em .5em;
}
.ex_btn_area .btn_in_img {
  width: 4.2em;
  position: relative;
  z-index: 1;
}
.ex_btn_area .btn_in_img::before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  width: 3.8em;
  height: 3.8em;
  margin: auto;
  position: absolute;
  top: -3em;
  bottom: -3em;
  left: .2em;
  z-index: -1;
}
.ex_btn_area .btn_in_img .icon {
  display: block;
  width: 3.2em;
  height: 3.2em;
  margin: auto;
  padding: 0;
  position: absolute;
  top: -3em;
  right: 0;
  bottom: -3em;
  left: .1em;
}
.ex_btn_area .btn_in_text {
  color: #fff;
  line-height: 1.15;
  width: calc(100% - 4.2em);
  padding-left: .2em;
}
.ex_btn_area .line_1st,
.ex_btn_area .line_2nd {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.ex_btn_area .line_1st {
  font-size: 2em;
  letter-spacing: .11em;
  padding-left: .11em;
}
.ex_btn_area .line_2nd {
  font-size: .9em;
  letter-spacing: 0;
}
@media screen and (min-width: 375px) {
  .ex_btn_area .btn_in_text {
    padding-right: calc(3%  * 1.5);
  }
}
@media screen and (min-width: 390px) {
  .ex_btn_area .btn_in_img {
    margin-left: .2em;
  }
  .ex_btn_area .btn_in_text {
    width: calc(100% - 4.2em);
  }
}
@media screen and (min-width: 992px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/**/