@charset "UTF-8";

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
/*body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5 !important;
}*/

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

table{
  border-collapse: collapse;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


/* ==========================
共通
========================== */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    min-height: 0vw;
    min-height: 0;
}
html {
    font-size: calc(100vw / 32);
    scroll-behavior: smooth;
}
main, .cv,
#kyougi_lp {
  color: #7f4c4c;
  font-weight: 500;
  line-height: 1.5;
  /*font-feature-settings: "palt";*/
  font-family: "Zen Old Mincho", "游明朝", YuMincho,
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* 要素が横にはみ出す時 */
/*.wrapper {
  width: 100%;
  overflow: hidden;
}
*/
a {
    text-decoration: none;
    display: inline-block;
    transition: 0.5s;
    color: #7f4c4c;
}
a:hover {
    opacity: 0.6;
}
/* 表示/非表示 */
.pc {
    display: block;
}
.tb {
    display: none;
}
.sp {
    display: none;
}
.break {
    display: block;
}
.bl {
    display: block;
}
.inbl {
    display: inline-block;
}
.in {
    display: inline;
}
.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.inner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.pd120 {
    padding-top: clamp(60px, 10vw, 120px);
    padding-bottom: clamp(60px, 10vw, 120px);
}
.pb120 {
    padding-bottom: clamp(60px, 10vw, 120px);
}
.mt120 {
    margin-top: clamp(60px, 10vw, 120px);
}
.mb120 {
    margin-bottom: clamp(60px, 10vw, 120px);
}
.pd110 {
    padding-top: clamp(60px, 10vw, 110px);
    padding-bottom: clamp(60px, 10vw, 110px);
}
.pd80 {
    padding-top: clamp(40px, 10vw, 80px);
    padding-bottom: clamp(40px, 10vw, 80px);
}
/* 背景・余白 */
.bg_cream {
    background-color: #fbf9f4;
}
/* 文字 */
h1, h2, h3, h4 {
    font-weight: 600;
    letter-spacing: 0.05em !important;
}
h2 {
    position: relative;
    font-size: clamp(32px, 2.6vw, 46px) !important;
    text-align: center;
    padding-top: clamp(40px, 5vw, 70px) !important;
    margin-bottom: 5% !important;
}
h2 .pink {
    font-size: clamp(38px, 4vw, 60px) !important;
}
h2::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: clamp(40px, 4vw, 70px);
    height: clamp(40px, 4vw, 70px);
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
h3 {
    font-size: clamp(32px, 4vw, 42px);
}
p {
    font-size: clamp(16px, 4vw, 18px);
}
.gothic {
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
/* 文字の寄せ */
.center {
    text-align: center;
}
.justify {
    text-align: justify;
}
/* 文字の色 */
.pink {
    color: #ba3e1d;
}
.orange {
    color: #f0a04b;
}
/* 文字の太さ */
.semibold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}
.black {
    font-weight: 900;
}
.marker {
    background: linear-gradient(to right, #fdf4c0 0%, #fdf4c0 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 30%;
    font-weight: 700;
    padding: 0 5px;
}
.lh15 {
    line-height: 1.5;
}
.lh18 {
    line-height: 1.8;
}
/* 注釈 */
.note12 {
    font-size: 12px;
}
.note14 {
    font-size: clamp(12px, 1.7vw, 14px);
}
.note16 {
    font-size: clamp(14px, 2vw, 16px);
    letter-spacing: 0.05em;
}
.text {
    font-size: 16px;
    line-height: 1.8;
}
/* 上付き文字 */
.superscript {
    font-size: 0.6em;
    line-height: 2;
    vertical-align: top;
}
/* 余白調整用 */
.mt20 {
    margin-top: 2%;
}
.mb10 {
    margin-bottom: 1%;
}
.mb20 {
    margin-bottom: 2%;
}
.mb50 {
    margin-bottom: 5%;
}
.mb100 {
    margin-bottom: 10%;
}
/* レスポンシブ */
@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}
@media screen and (max-width: 1280px) {
    .container {
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media screen and (max-width: 1024px) {
    .tb {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .container {
        padding-left: 7%;
        padding-right: 7%;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .note16 {
        font-size: clamp(12px, 2.2vw, 14px);
    }
    .text {
        font-size: clamp(15px, 4.3vw, 16px);
    }
}
@media screen and (max-width: 500px) {
    h2 {
        font-size: clamp(26px, 2.6vw, 36px) !important;
        margin-bottom: 7%;
    }
    h2 .pink {
        font-size: clamp(28px, 3.2vw, 40px) !important;
    }
    .note16 {
        font-size: clamp(10px, 2.4vw, 12px);
    }
}
/* メッセージ */
.msg_right {
    display: flex;
    justify-content: flex-end;
}
.msg_left {
    display: flex;
    justify-content: flex-start;
}
.msg .pink {
    font-size: clamp(36px, 4.6vw, 46px);
}
.msg p, h3 {
    font-size: clamp(22px, 2.6vw, 34px);
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .msg .pink {
        font-size: clamp(30px, 4vw, 36px);
    }
    .msg p, h3 {
        font-size: clamp(22px, 3.7vw, 30px);
    }
}
/* ==========================
mv(メインビジュアル)
========================== */
.mv {
    height: 32vw;
    background-image: url("../rikon/image/lp-menkaikouryuu/parent.png"), url("../rikon/image/lp-menkaikouryuu/main_bg_pc.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: left 42% center, center center;
    background-size: 36.4vw, cover;
    position: relative;
    z-index: 0;
}
.mv .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mv .mv_txt {
    width: 70%;
    z-index: 5;
}
.mv .mv_img {
    width: 23.9vw;
    width: clamp(280px, 28vw, 450px);
    height: 32vw;
    background-image: url("../rikon/image/lp-menkaikouryuu/lawyer_imanishi-makoto_okamoto-shukiko.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    z-index: 10;
}
/* h1 */
.mv h1 {
    font-size: clamp(26px, 3.2vw, 38px);
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 1));
    margin-bottom: 5%;
}
.mv .h1_sub {
    font-size: clamp(26px, 3vw, 32px);
}
.mv h1 .pink {
    position: relative;
    font-size: clamp(40px, 4vw, 50px);
    padding-top: 5px;
    line-height: 1.5;
    display: inline-block;
}
.mv h1 .pink::before {
    content: "";
    position: absolute;
    background-color: #ba3e1d;
    border-radius: 50%;
    width: clamp(6px, 0.6vw, 10px);
    height: clamp(6px, 0.6vw, 10px);
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
@media screen and (max-width: 1280px) {
    .mv,
    .mv .mv_img{
       height: 40vw; 
    }
    .mv h1 .pink {
        padding-top: 3px;
    }
}
/* leafで囲った部分 */
.mv_leaf {
    position: relative;
    display: flex;
    text-align: center;
}
.mv_leaf div {
    position: relative;
    /*width: clamp(300px, 26vw, 330px);*/
}
.mv_leaf div::before, .mv_leaf div::after {
    content: "";
    position: absolute;
    width: 58px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
}
.mv_leaf div::before {
    background-image: url("../rikon/image/lp-menkaikouryuu/leaf_left.png");
    background-position: left top;
    top: 0;
    left: 0;
}
.mv_leaf div::after {
    background-image: url("../rikon/image/lp-menkaikouryuu/leaf_right.png");
    background-position: right top;
    top: 0;
    right: 0;
}
/* 累計お問合せ数 */
.mv_leaf1 {
    width: clamp(270px, 26vw, 330px);
    padding-top: 1%;
    margin-right: 5%;
}
.mv_leaf p {
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 1));
}
.mv_leaf1 .title {
    font-size: clamp(20px, 1.8vw, 24px);
}
.mv_leaf1 p.orange {
    margin-top: -5%;
}
.mv_leaf1 .orange span {
    font-size: clamp(16px, 2.6vw, 20px);
}
.mv_leaf1 .orange span.orange {
    font-size: clamp(30px, 3.5vw, 44px);
}
.mv_leaf1 .note12 {
    width: clamp(180px, 15vw, 220px);
    font-size: clamp(10px, 1vw, 12px);
    margin: 0 auto;
}
.mv_leaf1 .less500 {
    display: none;
}
/* 民事事業部 */
.mv_leaf2 {
    width: clamp(300px, 26vw, 330px);
    padding-top: 1.6%;
}
.mv_leaf2 p {
    font-size: clamp(16px, 2.2vw, 20px);
}
.mv_leaf2 p span {
    font-size: clamp(20px, 2.4vw, 28px);
}
.mv_leaf2 p .orange {
    font-size: clamp(22px, 2.6vw, 34px);
}
/* レスポンシブ */
@media screen and (max-width: 1024px) {
    .mv, .mv .container, .mv .mv_img {
        height: 46vw;
    }
    .mv {
        background-size: 50vw, cover;
    }
    .mv .mv_txt {
        width: 76%;
    }
    .mv .mv_img {
        margin-left: -2%;
        margin-right: -3%;
    }
    .mv_leaf div::before, .mv_leaf div::after {
        width: clamp(50px, 3vw, 58px);
        height: clamp(100px, 6.25vw, 120px);
    }
    .mv_leaf1 {
        width: clamp(260px, 27vw, 280px);
        margin-right: 3%;
    }
    .mv_leaf1 .title {
        font-size: clamp(18px, 2vw, 20px);
    }
    .mv_leaf1 .orange {
        font-size: clamp(28px, 4vw, 36px);
        margin-top: -3%;
    }
    .mv_leaf1 .note12 {
        width: clamp(150px, 18vw, 160px);
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 1)) drop-shadow(0 0 1px rgba(255, 255, 255, 1));
    }
    .mv_leaf2 {
        width: clamp(280px, 26vw, 330px);
        padding-top: 2%;
    }
    .mv_leaf2 p {
        font-size: clamp(16px, 2.6vw, 20px);
    }
    .mv_leaf2 p span {
        font-size: clamp(18px, 3vw, 24px);
    }
    .mv_leaf2 p .orange {
        font-size: clamp(20px, 3.2vw, 26px);
    }
}
@media screen and (max-width: 768px) {
    .mv {
        height: 100vw;
        height: clamp(570px, 99vw, 785px);
        background-image: url("../rikon/image/lp-menkaikouryuu/parent.png"), url("../rikon/image/lp-menkaikouryuu/main_bg_sp.jpg");
        background-repeat: no-repeat, no-repeat;
        background-position: center top 4.5vw, center center;
        background-size: 87.5vw, cover;
    }
    .mv .container {
        height: 100vw;
        height: clamp(570px, 99vw, 785px);
        flex-direction: column;
        padding: 0 5%;
    }
    .mv .mv_txt {
        width: 100%;
        text-align: center;
        margin-top: 10%;
    }
    .mv h1,
    .mv .h1_sub {
        font-size: clamp(26px, 4vw, 32px);
    }
    .mv h1 .pink {
        font-size: clamp(38px, 6vw, 46px);
        padding-top: 5px;
    }
    .mv h1 .pink::before {
        width: clamp(4px, 1vw, 8px);
        height: clamp(4px, 1vw, 8px);
    }
    .mv .mv_img {
        width: 57.5vw;
        height: 40vw;
        /*height: clamp(300px,45vw,380px);*/
        background-size: cover;
        background-position: center top;
        margin-right: 0;
    }
    .mv_leaf {
        justify-content: space-between;
        grid-gap: 20px 15px;
    }
    .mv_leaf div {
        width: clamp(280px, 60vw, 330px);
    }
    .mv_leaf div::before, .mv_leaf div::after {
        width: clamp(40px, 7vw, 58px);
        height: clamp(80px, 14vw, 120px);
    }
    .mv_leaf1 {
        padding-top: 0;
        margin-right: 0;
    }
    .mv_leaf1 .title {
        font-size: clamp(18px, 3vw, 24px);
    }
    .mv_leaf1 .orange {
        font-size: clamp(30px, 5vw, 44px);
        margin-top: -3%;
    }
    .mv_leaf1 .note12 {
        width: clamp(150px, 30vw, 220px);
        font-size: clamp(10px, 1.2vw, 12px);
    }
    .mv_leaf2 {
        padding-top: 1.2%;
    }
    .mv_leaf2 p {
        font-size: clamp(16px, 3vw, 20px);
        line-height: 1.3;
    }
    .mv_leaf2 p span {
        font-size: clamp(22px, 3.4vw, 26px);
    }
    .mv_leaf2 p .orange {
        font-size: clamp(24px, 3.6vw, 28px);
    }
}

@media screen and (max-width: 600px) {
    .mv,
    .mv .container {
        height: 110vw;
    }
}
@media screen and (max-width: 500px) {
    .mv {
        /*height: 100%;*/
        height: clamp(430px, 115vw, 540px);
    }
    .mv .container {
        /*height: 100%;*/
        height: clamp(430px, 115vw, 540px);
    }
    .mv h1,
    .mv .h1_sub {
        font-size: clamp(22px, 5.8vw, 32px);
        margin-bottom: 8%;
    }
    .mv h1 .pink {
        font-size: clamp(30px, 7.5vw, 46px);
        padding-top: 5px;
    }
    .mv h1 .pink::before {
        width: clamp(4px, 1vw, 8px);
        height: clamp(4px, 1vw, 8px);
    }
    .mv .mv_img {
        width: clamp(120px, 55vw, 300px);
        height: clamp(200px, 80vw, 400px);
        background-position: right top;
        background-size: contain;
        margin-left: auto;
        margin-right: -5%;
    }
    .mv_leaf {
        flex-direction: column;
        grid-gap: 10px 15px;
    }
    .mv_leaf div {
        /*max-width: 260px;
        width: 100%;*/
        width: clamp(185px, 48vw, 230px);
        /*margin: 0 auto;*/
    }
    .mv_leaf1 .title {
        font-size: clamp(14px, 3.5vw, 16px);
        margin-top: -3%;
    }
    .mv_leaf1 .orange {
        font-size: clamp(24px, 8vw, 32px);
    }
    .mv_leaf1 .orange span {
    font-size: clamp(14px, 3.2vw, 16px);
}
    .mv_leaf1 .note12 {
        font-size: clamp(10px, 1.2vw, 12px);
    }
    .mv_leaf1 .more500 {
        display: none;
    }
    .mv_leaf1 .less500 {
        display: block;
    }
    .mv_leaf2 {
        padding-top: 4%;
    }
    .mv_leaf div::before, .mv_leaf div::after {
        width: clamp(40px, 9vw, 50px);
        height: clamp(80px, 18vw, 100px);
    }
        .mv_leaf2 p {
        font-size: clamp(14px, 3vw, 18px);
    }
    .mv_leaf2 p span {
        font-size: clamp(16px, 4vw, 22px);
    }
    .mv_leaf2 p .orange {
        font-size: clamp(18px, 4.5vw, 28px);
    }
}
@media screen and (max-width: 375px) {
    .mv .mv_img {
        width: clamp(150px, 45vw, 250px);
        height: clamp(210px, 65vw, 270px);
        height: clamp(250px, 70vw, 300px);
        background-position: left top;
        background-size: cover;
        margin-left: auto;
        margin-right: -5%;
    }
}
/* ==========================
sec1 -面会交流の悩み-
========================== */
.sec1 {
    position: relative;
    z-index: 0;
}
.sec1::before {
    content: "";
    position: absolute;
    width: clamp(560px, 51vw, 980px);
    height: clamp(500px, 48vw, 660px);
    background-image: url("../rikon/image/lp-menkaikouryuu/worries-lawyer-ogi-masashi.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.sec1 .container {
    position: relative;
    z-index: 10;
}
.sec1 h2::before {
    background-image: url("../rikon/image/lp-menkaikouryuu/worries-icon.png");
}
.sec1 li {
    list-style: none;
    position: relative;
    background-color: #fff;
    border-radius: 4.5em;
    box-shadow: 0px 0px 5px 1px #e1dfda;
    font-size: clamp(18px, 2.2vw, 26px);
    padding: 2% 4% 2% 9%;
    margin-bottom: 3%;
}
.sec1 li::before, .sec3 li::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 33px;
    height: 33px;
    background-image: url("../rikon/image/lp-menkaikouryuu/check.png");
    background-repeat: no-repeat;
    background-size: contain;
    top: 33%;
    left: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    margin-left: 6%;
}
/* ▼下三角 */
.triangle {
    position: relative;
    width: clamp(180px, 14vw, 270px);
    height: clamp(50px, 3.5vw, 60px);
    margin: 0 auto;
}
.triangle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border: clamp(60px, 14vw, 135px) solid transparent;
    border-top: clamp(50px, 3.5vw, 60px) solid #7f4c4c;
}
/* メッセージ */
.sec1 .msg {
    width: clamp(660px, 62vw, 740px);
}
.sec1 .msg p:last-of-type {
    font-size: clamp(18px, 2.1vw, 26px);
    margin-top: 3%;
}
/* レスポンシブ */
@media screen and (max-width: 1024px) {
    .sec1 li.pc {
        display: none;
    }
    .sec1 li {
        padding: 2% 4% 2% 10%;
    }
    /* sec3 liと共通 */
    .sec1 li::before, .sec3 li::before {
        width: 28px;
        height: 28px;
        top: 35%;
    }
    .sec1 li:last-child::before {
        top: 40%;
    }
    .sec1 .msg {
        width: clamp(400px, 49vw, 580px);
    }
    .sec1 .msg p:last-of-type {
        font-size: clamp(16px, 2vw, 24px);
    }
}
@media screen and (max-width: 768px) {
    .sec1::before {
        width: 100%;
        height: clamp(400px, 60vw, 660px);
        background-size: cover;
        background-position: left 45% bottom;
    }
    .sec1 li, .sec3 li {
        font-size: clamp(16px, 2.6vw, 22px);
    }
    .sec1 li::before, .sec3 li::before {
        width: clamp(18px, 2.5vw, 26px);
        height: clamp(18px, 2.5vw, 26px);
        top: 40%;
    }
    .triangle {
        width: clamp(140px, 10vw, 180px);
        height: clamp(30px, 3vw, 50px);
    }
    .triangle::after {
        border: clamp(70px, 10vw, 90px) solid transparent;
        border-top: clamp(30px, 3vw, 50px) solid #7f4c4c;
    }
    .sec1 .msg {
        width: 100%;
        text-align: center;
        margin: 0 auto 50% auto;
        margin: 0 auto clamp(220px, 45vw, 320px) auto;
    }
    .sec1 .msg p:last-of-type {
        font-size: clamp(16px, 2vw, 24px);
        margin-top: 3%;
    }
}
@media screen and (max-width: 500px) {
    .sec1::before {
        height: clamp(360px, 60vw, 660px);
    }
    .sec1 li, .sec3 li {
        border-radius: 2.8em;
        padding: 4% 4% 4% 12%;
        margin-bottom: 4%;
    }
    .sec1 li .inbl {
        display: inline;
    }
}
/* ==========================
CV -お問い合わせ-
========================== */
.cv {
    background: linear-gradient(90deg,rgba(158, 0, 63, 1) 0%, rgba(240, 119, 110, 1) 100%);
    padding: clamp(40px, 8vw, 80px) 0;
}
.cv_area {
    background-color: #fff;
    border-radius: 0.4em;
    padding: 3% 1%;
}
/* 1人で悩まず～ */
.cv_info {
    font-size: clamp(32px, 3.6vw, 46px);
    text-align: center;
    margin-bottom: 3%;
}
.cv_contact {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2%;
}
/* 電話 */
.cv_desc {
    background-color: #f8d6b5;
    border-radius: 2em;
    font-size: clamp(16px, 1.2vw, 20px);
    padding: 1% 2%;
}
.cv_tel a {
    font-size: clamp(60px, 4vw, 70px);
    line-height: 1.2;
}
.cv_tel a::before {
    content: "";
    display: inline-block;
    width: clamp(35px, 4.5vw, 48px);
    height: clamp(35px, 4.5vw, 48px);
    background-image: url(../rikon/image/lp-menkaikouryuu/tel-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: -2%;
}
/* メールボタン */
.cv_btn a {
    position: relative;
    width: clamp(300px, 30vw, 300px);
    /*background-color: #d65956;
    border-radius: 3.5em;
    color: #fff;*/
    font-size: clamp(16px, 1.8vw, 16px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*padding: 4% 7% 4% 4%;*/
    margin-bottom: 2%;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cv_btn a::before {
    content: "";
    display: inline-block;
    width: clamp(20px, 5vw, 34px);
    height: clamp(20px, 5vw, 34px);
    background: url(../rikon/image/lp-menkaikouryuu/mail-icon.png),#d65956;
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: contain;*/
    background-size: 75% auto;
    border-radius: 4px;
    margin-right: 1%;
    position: relative;
    top: 4px;
}
/*.cv_btn a::after {
    content: "";
    position: absolute;
    width: clamp(18px, 2vw, 30px);
    height: clamp(18px, 2vw, 30px);
    background-image: url(../rikon/image/lp-menkaikouryuu/arw.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}*/
.cv_btn .line-btn.sp-btn{
    display: none;
}
.cv_btn a.line-btn{
    /*background-color: #06c755;*/
    margin-left: -1%;
}
.cv_btn a.line-btn::before {
    content: "";
    display: inline-block;
    width: clamp(20px, 5vw, 34px);
    height: clamp(20px, 5vw, 34px);
    background: url(../rikon/image/lp-menkaikouryuu/icon_line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 1%;
    position: relative;
    top: 4px;
    left: -1%;
}
/*.cv_btn a.line-btn::after{
    background-image: url(../rikon/image/lp-menkaikouryuu/arw2.png);
    background-repeat: no-repeat;
    background-size: contain;
}*/


@media screen and (max-width: 1024px) {
    .cv_area {
        padding: 5% 3%;
    }
    .cv_desc {
        display: inline-block;
        width: clamp(320px, 42vw, 450px);
    }
    .cv_tel a {
        font-size: clamp(36px, 5.5vw, 60px);
    }
    .cv_btn a {
        width: clamp(280px, 30vw, 330px);
    }
    .cv_btn a::before {
        vertical-align: middle;
        margin-bottom: 1%;
        top:0;
    }
    .cv_btn a.line-btn::before {
        top: -2px;
    }
}
@media screen and (max-width: 768px) {
    .cv_area {
        padding: 5%;
    }
    .cv_info {
        font-size: clamp(18px, 3.6vw, 36px);
    }
    .cv_contact {
        flex-direction: column;
    }
    .cv_contact div {
        width: 100%;
    }
    .cv_desc {
        width: clamp(340px, 52vw, 420px);
        margin-bottom: 1%;
    }
    .cv_tel a {
        font-size: clamp(46px, 7vw, 70px);
        margin-bottom: 4%;
    }
    .cv_btn {
        width: 40%;
    }
    .cv_btn a {
        /*max-width: 420px;
        width: 100%;
        width: 55vw;*/
        width: clamp(340px, 52vw, 420px);
        font-size: clamp(16px, 4vw, 16px);
        padding: 3% 4%;
        margin: 0 auto 2% auto;
    }
    .cv_btn .line-btn.pc-btn{
        display: none;
    }
    .cv_btn .line-btn.sp-btn{
        display: block;
    }
    .cv-flex-btn{
        display: flex;
        justify-content: center;
    }
    .cv_btn a{
        width: 100%;
        padding: 0;
        font-size: clamp(16px, 4vw, 18px);
    }
    .cv_btn:nth-child(2){
        display: none;
    }
    .cv_btn a.line-btn{
        margin-left: 0;
    }
    .cv_btn a::before,.cv_btn a.line-btn::before {
        width: clamp(20px, 5vw, 24px);
        height: clamp(20px, 5vw, 24px);
    }
}
@media screen and (max-width: 600px) {
    .cv_btn {
        width: 50%;
    }
}
@media screen and (max-width: 500px) {
    .cv_desc {
        max-width: 340px;
        width: 95%;
        font-size: clamp(12px, 3.4vw, 18px);
    }
    .cv_tel a {
        font-size: clamp(30px, 9.5vw, 60px);
        margin-bottom: 6%;
    }
    .cv_tel a::before {
        width: clamp(23px, 6.5vw, 35px);
        height: clamp(23px, 6.5vw, 35px);
    }
    .cv_btn {
        width: 100%;
        font-size: clamp(14px, 4vw, 14px);
    }
    .cv_btn a {
        /*max-width: 340px;
        width: 95%;*/
        font-size: clamp(14px, 4vw, 14px);
    }
}
@media screen and (max-width: 400px) {
    .container {
        padding-left: 5%;
        padding-right: 5%;
    }
    .cv_area {
        padding: 5% 2%;
    }
    .cv-flex-btn{
        gap: 1vw;
    }
    .cv_btn {
        font-size: 4vw;
    }
    .cv_btn a {
        font-size: 4vw;
        letter-spacing: 0;
    }
    .cv_btn a::before,.cv_btn a.line-btn::before{
        width: 6vw;
        height: 6vw;
        margin-right: 0.5%;
    }
}
/* ==========================
sec2 -メリット-
========================== */
.sec2 h2 {
    margin-bottom: 8% !important;
}
.sec2 h2::before {
    background-image: url(../images/merit-icon.png);
}
.sec2 dl {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.sec2 dl div {
    position: relative;
    flex: 0 0 32%;
    /*width: 32%;*/
    background-color: #fff;
    border-radius: 0.5em;
    box-shadow: 0px 0px 5px 1px #e1dfda;
    font-size: clamp(22px, 2.6vw, 34px);
    padding: 5% 1% 3% 1%;
}
.sec2 dl .sec2_num {
    position: absolute;
    top: -15%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 3% 2%;
    width: clamp(70px, 7vw, 80px);
    height: clamp(70px, 7vw, 80px);
    background-color: #f17471;
    border-radius: 50%;
    color: #fff;
    font-size: clamp(16px, 3vw, 18px);
    line-height: 1;
}
.sec2 dl .sec2_num span {
    display: block;
    font-size: clamp(30px, 4.5vw, 40px);
}
.sec2 dl dd {
    font-size: clamp(14px, 1.4vw, 16px);
    font-feature-settings: "palt";
}
.sec2 .msg_left {
    position: relative;
    background-color: #d8d6ca;
    background-image: url(../rikon/image/lp-menkaikouryuu/consultation-bg_right_ito-kaori.png), url(../rikon/image/lp-menkaikouryuu/consultation-bg_left.png);
    background-repeat: no-repeat, no-repeat;
    background-size: clamp(700px, 43vw, 840px) auto, contain;
    background-position: right 20% bottom, left top;
}
.sec2 .msg_left .container {
    position: relative;
    /* z-index: 20; */
}
.sec2 .msg {
    width: clamp(560px, 62vw, 740px);
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 1)) drop-shadow(0 0 2px rgba(255, 255, 255, 1));
}
@media screen and (max-width: 1600px) {
    .sec2 .msg_left {
        background-position: right bottom, left top;
    }
}
@media screen and (max-width: 1200px) {
    .sec2 .msg_left {
        background-position: right -20% bottom, left top;
    }
}
@media screen and (max-width: 1024px) {
    .sec2 dl .sec2_num {
        font-size: clamp(14px, 2vw, 16px);
    }
    .sec2 dl .sec2_num span {
        font-size: clamp(24px, 5vw, 32px);
    }
    .sec2 .msg_left {
        background-size: clamp(600px, 70vw, 840px) auto, contain;
        background-position: right -30% bottom, left top;
    }
    .sec2 .msg {
        width: clamp(400px, 49vw, 580px);
        margin-left: 8%;
    }
}
@media screen and (max-width: 768px) {
    .sec2 h2 {
        margin-bottom: 12% !important;
    }
    .sec2 dl {
        grid-gap: 55px 0px;
    }
    .sec2 dl div {
        /*width: 48%;*/
        flex: 0 0 48%;
    }
    .sec2 dl div:last-of-type {
        margin: auto;
    }
    .sec2 dl .sec2_num {
        width: clamp(60px, 7vw, 80px);
        height: clamp(60px, 7vw, 80px);
        top: -20%;
        font-size: clamp(12px, 2vw, 14px);
    }
    .sec2 dl .sec2_num span {
        font-size: clamp(24px, 3vw, 30px);
    }
    .sec2 dl dd {
        font-size: clamp(14px, 2.4vw, 16px);
    }
    .sec2 .msg_left {
        background-size: clamp(380px, 80vw, 600px) auto, cover;
        background-position: right -80% bottom, left top;
    }
    .sec2 .msg {
        margin-left: 3%;
    }
}
@media screen and (max-width: 500px) {
    .sec2 h2 {
        margin-bottom: 17% !important;
    }
    .sec2 dl {
        flex-direction: column;
    }
    .sec2 dl div {
        width: 100%;
        padding: 8% 3% 5% 3%;
    }
    .sec2 dl dd {
        font-size: clamp(15px, 1.5vw, 16px);
    }
    .sec2 .msg_left {
        background: url(../rikon/image/lp-menkaikouryuu/consultation-bg_right_ito-kaori.png), linear-gradient(to bottom, rgba(216, 214, 202, 0.1) 0%, rgba(216, 214, 202, 0.5) 40%, rgba(216, 214, 202, 1) 100%), url(../rikon/image/lp-menkaikouryuu/consultation-bg_left.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: clamp(480px, 70vw, 600px) auto, 100%, 180vw auto;
        background-position: right 40% bottom, center center, left top;
    }
    .sec2 .msg {
        width: 100%;
        text-align: center;
        margin: 0 auto clamp(190px, 40vw, 210px) auto;
    }
}
@media screen and (max-width: 475px) {
    .sec2 dl dd .inbl {
        display: block;
    }
    .sec2 dl dd br {
        display: none;
    }
}
/* ==========================
sec3 -面会交流が難しい場合も-
========================== */
.sec3_row {
    display: flex;
    justify-content: space-between;
}
.sec3 ul {
    position: relative;
    max-width: 940px;
    background-color: #fff;
    border-radius: 1em;
    filter: drop-shadow(0 0 3px #e1dfda) drop-shadow(0 0 1px #e1dfda);
    padding: 4%;
    margin: 0 auto 10% auto;
}
.sec3 ul::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border: clamp(40px, 14vw, 70px) solid transparent;
    border-top: clamp(20px, 3.5vw, 40px) solid #fff;
    margin-top: -1px;
}
.sec3 li {
    list-style: none;
    position: relative;
    font-size: clamp(18px, 2.4vw, 26px);
    padding: 0 4% 0 10%;
}
.sec3 li:first-child {
    margin-bottom: 2%;
}
.sec3 li::before {
    top: 10%;
    left: 0;
    margin-left: 6%;
}
.sec3_left {
    width: 41%;
}
.sec3 h3 {
    font-size: clamp(24px, 3vw, 34px);
    margin-bottom: 6%;
}
/* 間接交流 */
.sec3_right {
    width: 55%;
}
.sec3_right dt {
    background-color: #7f4c4c;
    color: #fffefe;
    font-size: clamp(16px, 2.5vw, 18px);
    font-weight: 400;
    padding: 3% 0;
}
.sec3_right dd {
    background-color: #fff;
    border: 1px solid #7f4c4c;
    padding: 5%;
}
/* メッセージ */
.sec3 .msg_left {
    background-color: rgba(243, 247, 224, 0.7);
    background-image: url(../rikon/image/lp-menkaikouryuu/consultation02-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 40% center;
}
.sec3 .msg {
    width: clamp(500px, 62vw, 610px);
}
@media screen and (max-width: 1024px) {
    .sec3_left p .pc {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .sec3_row {
        flex-direction: column;
    }
    .sec3 ul::after {
        border: clamp(30px, 10vw, 50px) solid transparent;
        border-top: clamp(20px, 3.5vw, 40px) solid #fff;
    }
    .sec3 li {
        padding: 0 2% 0 10%;
    }
    .sec3_left {
        width: 85%;
        margin: 0 auto 10% auto;
    }
    .sec3 h3 {
        font-size: clamp(22px, 7vw, 26px);
        text-align: center;
    }
    .sec3_right {
        width: 100%;
    }
    .sec3_right dt {
        font-size: clamp(18px, 2.5vw, 18px);
    }
    .sec3_left .text, .sec3_right .text {
        font-size: 16px;
    }
    .sec3 .msg_left {
        background-image: url(../rikon/image/lp-menkaikouryuu/consultation02-bg_sp.png);
        background-size: 85% auto;
        background-position: left 45% bottom 10%;
    }
    .sec3 .msg {
        width: 100%;
        font-size: clamp(20px, 4vw, 28px);
        text-align: center;
        margin: 0 auto clamp(220px, 42vw, 400px) auto;
    }
}
@media screen and (max-width: 500px) {
    .sec3 ul {
        padding: 6% 4%;
        margin: 0 auto 15% auto;
    }
    .sec3 li {
        padding: 0 2% 0 12%;
    }
    .sec3 li:last-child {
        margin-bottom: 0;
    }
    .sec3_left {
        width: 100%;
    }
    .sec3 h3 {
        font-size: clamp(20px, 6vw, 26px);
        text-align: center;
    }
    .sec3 .msg_left {
        background-size: 100% auto;
    }
    .sec3 .msg {
        margin: 0 auto clamp(150px, 50vw, 300px) auto;
    }
    .sec3 .msg p /*, .sec3 h3*/ {
        font-size: clamp(18px, 4vw, 28px);
    }
}
/* ==========================
sec4 -ALGの強み-
========================== */
.sec4 h2::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/strengths-icon.png);
}
/* キャッチコピー */
.sec4_catch {
    background-image: url(../rikon/image/lp-menkaikouryuu/strengths_image.png);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: center center;
    font-size: clamp(38px, 4vw, 60px);
    padding: 4% 0;
}
.cross {
    display: inline-block;
    position: relative;
    width: clamp(30px, 3vw, 50px);
    height: clamp(2px, 0.4vw, 4px);
    background-color: #7f4c4c;
    transform: rotate(45deg);
    vertical-align: middle;
    margin: -1% 1% 0 1%;
}
.cross::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(30px, 3vw, 50px);
    height: clamp(2px, 0.4vw, 4px);
    background-color: #7f4c4c;
    transform: rotate(90deg);
}
/*  */
.strength_text {
    max-width: clamp(450px, 52vw, 680px);
}
.strength01 .strength_text, .strength03 .strength_text, .strength05 .strength_text {
    margin-right: auto;
}
.strength02 .strength_text, .strength04 .strength_text {
    margin-left: auto;
}
.strength_text p {
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 1));
}
.strength_text h3 {
    font-size: clamp(26px, 2.8vw, 34px);
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    margin-bottom: 5%;
}
.strength_text_lead {
    font-size: clamp(20px, 2.4vw, 26px);
}
.strength01 {
    background-image: url(../rikon/image/lp-menkaikouryuu/strengths01_kawakami-marina.jpg), linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 100%;
    background-position: center right 40%, center center;
}
.strength02 {
    background-image: url(../rikon/image/lp-menkaikouryuu/strengths02.jpg), linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 100%;
    background-position: center left 20%, center center;
}
.strength03 {
    background-image: url(../rikon/image/lp-menkaikouryuu/strengths03.jpg), linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 100%;
    background-position: center right 40%, center center;
}
.strength04 {
    background-image: url(../rikon/image/lp-menkaikouryuu/strengths04_okamoto-shukiko.jpg), linear-gradient(to left, #fefefe 0%, #f3f3f3 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 100%;
    background-position: center left 35%, center center;
}
.strength05 {
    background-image: url(../rikon/image/lp-menkaikouryuu/strengths05_onishi-akira.jpg), linear-gradient(to bottom, #faf9f9 0%, #fbf9f4 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 100%;
    background-position: center right 40%, center center;
}
@media screen and (max-width: 1024px) {
    .sec4_catch {
        background-size: 180px;
    }
    .strength01 {
        background-size: 150vw auto, 100%;
        background-position: bottom right 40%;
    }
    .strength02 {
        background-size: cover, 100%;
        background-position: top left 35%, center center;
    }
    .strength03 {
        position: relative;
        background-size: 150vw auto, 100%;
        background-position: top right 40%;
    }
    .strength04 {
        background-size: 150vw auto, 100%;
        background-position: bottom left 35%, center center;
    }
    .strength05 {
        position: relative;
        background-size: 150vw auto, 100%;
        background-position: bottom right 40%;
    }
    .strength03::after, .strength05::after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: inset 0 0 50px 0 #fbf9f4;
    }
}
@media screen and (max-width: 768px) {
    .sec4_catch {
        background-size: clamp(150px, 30vw, 200px);
        font-size: clamp(36px, 7vw, 46px);
    }
    .sec4_catch span {
        display: block;
    }
    .cross {
        margin: 3% auto;
    }
    .strength_text {
        max-width: 740px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 5% 6%;
        margin-top: 30%;
    }
    .strength_text p {
        max-width: 740px;
        width: 100%;
    }
    .strength_text h3 {
        font-size: clamp(20px, 3.5vw, 28px);
        text-align: center;
    }
    .strength_text_lead {
        text-align: center;
        font-size: clamp(17px, 3vw, 22px);
    }
    .strength01 {
        background-color: transparent;
        background-size: 180vw auto, 100%;
        background-position: top right, center center;
    }
    .strength02 {
        background-size: 220vw auto, 100%;
        background-position: top left 10%, center center;
    }
    .strength03 {
        background-size: 180vw auto, 100%;
        background-position: top right, center center;
    }
    .strength04 {
        background-size: 180vw auto, 100%;
        background-position: top left, center center;
    }
    .strength05 {
        background-size: 180vw auto, 100%;
        background-position: top right, center center;
    }
    .strength03::after, .strength05::after {
        box-shadow: none;
    }
}
@media screen and (max-width: 500px) {
    .sec4_catch {
        font-size: clamp(27px, 8.5vw, 46px);
    }
    .sec4_catch .pink {
        letter-spacing: -0.1em;
    }
    .cross, .cross::before {
        width: clamp(25px, 2.5vw, 30px);
        margin: 5% auto;
    }
    .strength01 {
        background-size: 200vw auto, 100%;
        background-position: top right 10%, center center;
        padding-top: 20%;
    }
    .strength04 {
        background-size: 200vw auto, 100%;
        background-position: top left 5%, center center;
        padding-top: 20%;
    }
    .strength05 {
        background-size: 200vw auto, 100%;
        background-position: top right 10%, center center;
        padding-top: 20%;
    }
}
@media screen and (max-width: 375px) {
    .sec4 h2 {
        font-size: clamp(24px, 7vw, 36px);
    }
}
/* ==========================
sec5 -ご相談の流れ-
========================== */
.sec5{
    position: relative;
    z-index: 0;
}
.sec5 h2::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/flow-icon.png);
}
.sec5_flow {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    /*overflow: hidden;*/
    z-index: 10;
}
.sec5_flow::before {
    content: "";
    position: absolute;
    top: 1px;
    left: clamp(40px, 4vw, 48px);
    width: 4px;
    height: 100%;
    background-color: #e1dfda;
    z-index: -1;
}
.sec5_flow:last-of-type::before {
    display: none;
}
.sec5_num {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: clamp(80px, 8vw, 100px);
    height: clamp(80px, 8vw, 100px);
    background-color: #7f4c4c;
    border-radius: 50%;
    color: #fff;
    font-size: clamp(18px, 2vw, 22px);
    text-align: center;
    line-height: 1;
    padding: 0.7% 2% 1.3% 2%;
}
.sec5_num span {
    display: block;
    font-size: clamp(36px, 4.2vw, 46px);
}
.sec5_flow dl {
    width: 85%;
    background-color: #fff;
    border-radius: 0.5em;
    box-shadow: 0px 0px 5px 1px #e1dfda;
    padding: 3%;
    margin-bottom: 4%;
}
.sec5_flow dt {
    position: relative;
    font-size: clamp(20px, 3.2vw, 26px);
    /*padding-left: 45px;*/
    margin-bottom: 2%;
}
.sec5_flow dt::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 2%;
}
.sec5_flow dt.step01::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/step01-icon.png);
}
.sec5_flow dt.step02::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/step02-icon.png);
}
.sec5_flow dt.step03::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/step03-icon.png);
}
.sec5_flow dt.step04::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/step04-icon.png);
}
.sec5_flow dt.step05::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/step05-icon.png);
}
.sec5_flow dt.step01:last-of-type {
    display: none;
}
.sec5_flow dd {
    line-height: 2;
}
@media screen and (max-width: 1024px) {
    .sec5_flow::before {
        left: clamp(38px, 4vw, 40px);
    }
}
@media screen and (max-width: 768px) {
    .sec5_flow::before {
        width: 3px;
        left: clamp(28px, 4vw, 38px);
    }
    .sec5_flow dl {
        width: 83%;
        padding: 5% 4%;
    }
    .sec5_flow dt {
        margin-bottom: 4%;
        margin: 0 4% 4% 0;
    }
    .sec5_flow dt::before {
        width: clamp(25px, 4vw, 34px);
        height: clamp(25px, 4vw, 34px);
    }
    .sec5_flow dt.step01::before {
        margin-bottom: -7%;
    }
    .sec5_flow dt.step01 .inbl {
        margin-left: 1.6em;
        /*text-indent: -1.6em;*/
    }
    .sec5_num {
        width: clamp(60px, 7vw, 80px);
        height: clamp(60px, 7vw, 80px);
        /*font-size: clamp(14px, 2vw, 18px);*/
        font-size: clamp(12px, 2vw, 14px);
        padding: 1% 2% 1.5% 2%;
    }
    .sec5_num span {
        font-size: clamp(24px, 3vw, 30px);
    }
}
@media screen and (max-width: 500px) {
    .sec5_flow {
        flex-direction: column;
    }
    .sec5_flow::before {
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
    .sec5_num {
        padding: 2%;
        margin: 0 auto -5% auto;
    }
    .sec9_flow_num {
        width: 30px;
        height: 30px;
        line-height: 35px;
    }
    .sec5_flow dl {
        width: 100%;
        text-align: center;
        padding: 10% 6% 5% 6%;
        margin-bottom: 6%;
    }
    .sec5_flow dt.step01:first-of-type {
        display: none;
    }
    .sec5_flow dt.step01:last-of-type {
        display: block;
    }
}
/* ==========================
sec6 -弁護士費用-
========================== */
.sec6 .inner {
    background-color: #fff;
    border: 1px solid #f17471;
    border-radius: 0.4em;
    padding: 4%;
}
.sec6 h2::before {
    background-image: url(../rikon/image/lp-menkaikouryuu/fee-icon.png);
}
.sec6_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2%;
}
.sec6 h2 {
    width: 35%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.sec6_table,
.sec6_table_oyako {
    /*width: 60%;*/
    width: 80%;
    border: 1px solid #7f4c4c;
    letter-spacing: 0.05em;
    margin-left: auto;
    margin-right: auto;
}
.sec6_table_oyako{
    width: 80%;
    margin: 40px auto 0 auto;
}
.sec6_table_oyako:last-of-type{
    margin-bottom: 40px;
}
.sec6_table thead th,
.sec6_table_oyako thead th{
    background-color: #7f4c4c;
    color: #fff;
    font-size: clamp(20px, 2.4vw, 26px);
    padding: 3%;
    letter-spacing: 0.05em;
    text-align: center;
}
.sec6_table tbody th,
.sec6_table_oyako tbody th{
    width: 30%;
    background-color: #a39191;
    border-right: 1px solid #7f4c4c;
    color: #fff;
    font-size: 16px;
    padding: 4% 2%;
}
.sec6_table tbody tr:first-of-type th, .sec6_table tbody tr:nth-of-type(2) th,
.sec6_table_oyako tbody tr th{
    border-bottom: 1px solid #fff;
    vertical-align: middle;
}
.sec6_table_oyako tbody tr:last-of-type th{
    border-bottom: none;
}
.sec6_table tbody td,
.sec6_table_oyako tbody td{
    padding: 4% 5%;
}
.sec6_table tbody tr:first-of-type td, .sec6_table tbody tr:nth-of-type(2) td,
.sec6_table_oyako tbody tr td{
    border-bottom: 1px solid #7f4c4c !important;
    vertical-align: middle;
}
.sec6_table_oyako tbody tr:last-of-type td{
    border-bottom: none;
}
.sec6_table_oyako .table_note{
    font-size: 14px;
}
.sec6_table_oyako .table_margin{
    display: inline-block;
    margin-top: 10px;
}
@media screen and (max-width: 1024px) {
    .sec6_table,
    .sec6_table_oyako {
        width: 90%;
    }
}
@media screen and (max-width: 768px) {
    .sec6 .inner {
        padding: 6% 4% 4% 4%;
    }
    .sec6_row {
        flex-direction: column;
        margin-bottom: 4%;
    }
    .sec6 h2 {
        width: 100%;
        margin-bottom: 5%;
    }
    .sec6_table,
    .sec6_table_oyako{
        width: 100%;
    }
    .sec6_table tbody th,
    .sec6_table_oyako tbody th{
        width: 35%;
        font-size: clamp(15px, 4.3vw, 16px);
    }
}
@media screen and (max-width: 600px) {
    .sec6 .inner {
        padding: 8% 6% 6% 6%;
    }
    .sec6_row {
        margin-bottom: 6%;
    }
    .sec6 h2 {
        margin-bottom: 8%;
    }
    .sec6 table{
        table-layout: auto;
        border: none;
    }
    .sec6 table th,
    .sec6 table td{
        border: none !important;
    }
    .sec6_table,
    .sec6_table_oyako{
        width: 100%;
    }
    .sec6_table tbody th,
    .sec6_table_oyako tbody th{
        /*width: 25%;*/
        width: 100%;
        border-right: none;
    }
    .sec6_table tbody tr,
    .sec6_table_oyako tbody tr{
        display: flex;
        flex-direction: column;
    }
}

.lp_office {
  margin-top: 0 !important;
}
.lp_office > div {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
  width: 90%;
}
.bottom_fix .tab img.tel_icon {
    top: 0;
}
.bottom_fix .bottom_fix_box .bottom_fix_tel .tab{
    display: flex;
    align-items: center;
}
.footer_fix_mail.fix_tab_mail a span, .footer_fix_line.fix_tab_line a span{
    display: flex;
}
@media screen and (max-width: 1024px) {
 .footer_fix_line.fix_tab_line a{
    font-size: 2vw;
 }
}
@media screen and (max-width: 425px) {
    .bottom_fix .bottom_fix_box .bottom_fix_tel .tab {
        display: none;
    }
    .bottom_fix .bottom_fix_box .bottom_fix_tel .sp{
        display: flex;
    }
}

.footer_fix .fix_tab_line a span {
  display: inline;
}