@charset "UTF-8";
/*-----------------------------------------------------------

    このファイルには下層ページ専用のスタイルのみを記述します

------------------------------------------------------------*/

/* ---------------------
 * 共通設定
 *----------------------- */

/* 下層ページヘッダー */
.l-header {
    box-shadow: none;
    position: relative;
    background: transparent;
}

@media (max-width:959px) {
    .l-header {
        box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
        background: #fff;
    }
}

/* パンくずリスト非表示 */
#breadcrumb {
    display: none;
}

/* メディア画像レスポンシブ */
@media (max-width:959px) {
    .media-rev>.swell-block-columns__inner {
        flex-direction: column-reverse;
    }
}

/* コンテンツエリア */
#content {
    margin-bottom: 0;
}

/* リンクテキスト */
.link-text {
    color: #587AA3;
    border-bottom: 1px solid currentColor;
}

/* flex要素占有幅 */
.flex-1 {
    flex: 1;
}

/* ---------------------
 * コンテンツヘッダー 
 *----------------------- */

/* テキストスタイル */
#top_title_area .c-pageTitle,
#top_title_area .c-postTitle__ttl {
    font-family: "shippori Mincho B1";
    font-weight: 500;
    font-size: 48px;
    line-height: 1.5;
    letter-spacing: 0.015em;
    text-align: center;
    color: #66565A;
    text-shadow: none;
}

@media (max-width:959px) {

    #top_title_area .c-pageTitle,
    #top_title_area .c-postTitle__ttl {
        font-size: 30px;
    }
}

@media (max-width:599px) {

    #top_title_area .c-pageTitle,
    #top_title_area .c-postTitle__ttl {
        font-size: 24px;
    }
}

/* グラデーションレイヤー */
#top_title_area img {
    display: none;
}

/* ---------------------
 * 見出しh1
 *----------------------- */
/* 状況別　タイトル改行 */
.h1-sub-tittle {
    font-size: 34px;
}

@media(max-width:959px) {
    .h1-sub-tittle {
        font-size: 24px;
    }
}

@media(max-width:599px) {
    .h1-sub-tittle {
        font-size: 22px;
    }
}

/* ---------------------
 * 見出しh2
 *----------------------- */
/* 通常 */
.post_content h2 {
    font-family: "Shippori Mincho B1";
    font-weight: 500;
    font-size: 34px;
    line-height: 1.53;
    letter-spacing: 0.02em;
    color: #66565A;
}

/* セクションタイトル */
.post_content h2.is-style-section_ttl {
    font-family: "Shippori Mincho B1";
    font-weight: 500;
    font-size: 34px;
    line-height: 1.53;
    letter-spacing: 0.02em;
    color: #66565A;
}

@media (max-width:959px) {

    .post_content h2,
    .post_content h2.is-style-section_ttl {
        font-size: 26px;
    }
}

/* -----------------------------
 * 見出しh3
-------------------------------*/
/* 通常 */
.post_content h3 {
    font-family: "Shippori Mincho B1";
    font-weight: 700;
    font-size: 24px;
    line-height: 1.67;
    letter-spacing: 0.025em;
    color: #66565A;
}

/* 下線あり */
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    content: "";
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #A2844B 0%, #A2844B 10%, #D9D3D4 10%, #D9D3D4 100%);
}

@media (max-width:959px) {
    .post_content h3 {
        font-size: 22px;
    }
}

/* ---------------------
 * 見出しh4
 *----------------------- */
/* 通常 */
.post_content h4 {
    font-family: "Shippori Mincho B1";
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #66565A;
}

/* 下線あり */
.post_content h4.border-dashed {
    padding-bottom: 8px;
    border-bottom: dashed 1px #333333;
}

/* ---------------------
 * p/pre/li 基本スタイル
 *----------------------- */
.post_content p,
.post_content pre,
.post_content li {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 16px;
    line-height: 2.09;
    letter-spacing: 0.03em;
    color: #66565A;
}

/* ---------------------
 * 弁護士・事務所紹介ページ
 *----------------------- */

/* 弁護士紹介セクション */
.lawyer-introduction {
    max-width: 946px;
    margin: 0 auto;
}

/* 基本情報セクション */
.info-table {
    max-width: 946px;
    margin: 0 auto;
}

.info-table th {
    font-family: "Shippori Mincho B1";
    font-weight: 500;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    color: #66565A;
    border-top: none;
    border-color: #D98A87;
    width: 25% !important;
    padding: 16px 12px 16px 0;
}

.info-table td {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    color: #66565A;
    border-top: none;
    border-bottom-color: #F6E1E1;
    padding: 16px 0px 16px 12px;
}

@media (max-width:599px) {

    .info-table th,
    .info-table td {
        font-size: 14px;
    }
}


/* ---------------------
 * 費用ページ
 *----------------------- */
.page-id-20 .post_content table {
    border-collapse: separate;
    border-spacing: 0;
}

.page-id-20 table th {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #FFFFFF;
    background-color: #A2844B;
    border-color: transparent;
    padding: 28px;
}

.page-id-20 table td {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #000000;
    background-color: #FFFFFF;
    border-color: transparent;
    padding: 28px;
}

/* キャプションボックス */
.trapezoid-cap .cap_box_ttl {
    font-family: "Shippori Mincho B1";
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #FFFFFF;
    background-color: #A2844B;
    padding: 4px 30px;
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
    top: 19px;
    left: 2em;
}

.trapezoid-cap .cap_box_content {
    border: 2px solid #A2844B;
    padding: 40px 32px;
}

.trapezoid-cap li {
    list-style: none;
}

.trapezoid-cap li::before {
    content: "";
    position: absolute;
    left: -1.5rem;
    top: 16.72px;
    /* 1行の中央 */
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #66565A;
}

@media(max-width:959px) {

    .page-id-20 table th,
    .page-id-20 table td {
        font-size: 16px;
    }
}


/* ---------------------
 * 投稿一覧
 *----------------------- */
/* 背景色 */
.blog #content,
.archive #content,
.single #content {
    max-width: none;
    background-color: #FFFFFF;
    border-radius: 60px 60px 0 0;
	padding-bottom:60px;
}

@media (max-width:599px) {

    .blog #content,
    .archive #content {
        border-radius: 30px 30px 0 0;
        padding-top: 50px;
    }
}

/* 記事を４カラムで表示 */
.p-postList .p-postList__item {
    width: 25% !important;
}

/* タイトルと日付の上下位置を逆にする */
.p-postList .p-postList__body {
    display: flex;
    flex-direction: column-reverse;
}

/* タイトルや日付をくっきりと表示 */
.u-thin {
    opacity: 1;
}

/* 投稿日付 */
.p-postList .p-postList__times time {
    font-family: "Shippori Mincho B1";
    font-weight: 700;
    font-size: 12px;
    line-height: 1.71;
    letter-spacing: 0.03em;
    color: #051F32;
    opacity: 1;
}

.p-postList .p-postList__times time::before {
    display: none;
}

/* 記事タイトル */
.p-postList .p-postList__title {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 16px;
    line-height: 2.08;
    letter-spacing: 0.03em;
    color: #051F32;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* 任意の行数を指定 */
}

/* ---------カテゴリーをサムネ上に配置するとき用 ------------*/

/* カテゴリー */
.c-postThumb__cat {
    font-family: "Shippori Mincho B1";
    font-weight: 700;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.04em;
    color: #fff;
    background-color: #E0A2A2;
    padding: 8px 16px;
    border-radius: 4px;
    opacity: 1;
    right: 8px;
    top: 8px;
    border-radius: 999px;
}

/* カテゴリーのアイコン非表示 */
.c-postThumb__cat::before {
    display: none;
}

/* -------------ここまで---------------------------- */



/* ---------カテゴリーをサムネ下に配置するとき用 ------------*/

/* カテゴリー */
.p-postList .p-postList__cat {
    font-family: "Shippori Mincho B1";
    font-weight: 700;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.04em;
    color: #fff;
    background-color: #051F32;
    padding: 8px 16px;
    border-radius: 4px;
    opacity: 1;
}

/* カテゴリーのアイコン非表示 */
.p-postList .p-postList__cat::before {
    display: none;
}

/* 日付とカテゴリの配置 */
.p-postList .p-postList__meta {
    justify-content: space-between;
}

/* -------------ここまで---------------------------- */

@media (max-width:959px) {

    /* 3カラムに */
    .p-postList .p-postList__item {
        width: 33.3333% !important;
    }
}

@media (max-width:599px) {

    /* 1カラムに */
    .p-postList .p-postList__item {
        width: 100% !important;
    }

    .p-postList .p-postList__title {
        font-size: 14px !important;
    }
}

/* ---------------------
 * 個別投稿
 *----------------------- */

.single #main_content {
max-width:1180px;
	margin:0 auto;
}

.add-post-title {
    font-family: "Shippori Mincho B1";
    font-weight: 700;
    font-size: 24px;
    line-height: 2.09;
    letter-spacing: 0.03em;
    color: #051F32;
}

.add-post-outer {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 13px;
    line-height: 2.09;
    letter-spacing: 0.03em;
    color: #051F32;
    margin-bottom: 10px;
}

.add-post-cat {
    background-color: #E0A2A2;
    color: #fff;
    padding: 4px;
    margin-left: 10px;
    border-radius: 4px;
}

/* -----------------------------
 * ベースページ下の関連記事
-------------------------------*/
.post_content .relate-title {
    font-family: "Shippori Mincho B1";
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #A2844B;
    background-color: #F6E9D0;
    padding: 16px;
}

/* ------------------
 * サイドバー
 * -----------------*/
/* サイドバータイトル */
.c-widget__title.-side {
    font-family: "Shippori Mincho B1";
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #63585B;
    border-left-width: 5px;
}

/* サイドバーカテゴリー一覧 */
#categories-2 .cat-item a {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    color: #63585B;
}

#categories-2 .cat-item a::before {
    display: none;
}


/* サイドバー新着記事一覧ブログパーツ版 */
#sidebar .parts-new-list .p-postList {
    flex-direction: column;
    gap: 10px;
}

#sidebar .parts-new-list .p-postList__item {
    width: 100% !important;
    margin-bottom: 0;
}

#sidebar .parts-new-list .p-postList__item a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#sidebar .parts-new-list .p-postList__thumb {
    width: 30%;
}

#sidebar .parts-new-list .p-postList__thumb figure {
    aspect-ratio: 89 / 64;
}

#sidebar .parts-new-list .p-postList__body {
    width: 70%;
    padding-top: 0;
}

#sidebar .parts-new-list .p-postList__title {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 14px;
    line-height: 1.67;
    letter-spacing: 0.04em;
    color: #63585B;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* 任意の行数を指定 */
}

#sidebar .parts-new-list .p-postList__title .h1-sub-tittle {
    display: none;
}

/* サイドバーアーカイブ一覧 */
#archives-2 {
    padding-top: 30px;
    padding-bottom: 60px;
}

#archives-2 li a {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    color: #63585B;
    padding-left: 1.75em;
}

#archives-2 li a::before {
    display: none;
}




/* ---------------------
 * フォーム
 *----------------------- */

/* 背景色 */
.page-id-24 #content,
.page-id-42 #content,
.page-id-44 #content {
    max-width: none;
    background-color: #FFFFFF;
    border-radius: 60px 60px 0 0;
	padding-bottom:60px;
}

.post_content .form-top-note {
    font-family: "Noto Sans JP" ;
    font-weight: 700 ;
    font-size: 20px ;
    line-height: 1.6 ;
    letter-spacing: 0.025em ;
    color: #347966 ;
    width: fit-content;
    margin: 0 auto;
}

.form-note-wrapper {
    border-radius: 16px;
}

.form-top-wrapper {
    vertical-align: 0.2em;
}

.form-top-list li::marker {
    color: #85AFA3;
    font-size: 24px;
}

.post_content .form-top-list .form-top-item {
    font-family: "Noto Sans JP" ;
    font-weight: 700 ;
    font-size: 16px ;
    line-height: 1.75 ;
    letter-spacing: 0.03em ;
    color: #347966 ;
}


form {
    max-width: 752px;
    width: 100%;
    margin: 0 auto;
}

.form-wrapper {
    margin-bottom: 40px;
}

.form-container {
    margin-bottom: 16px;
}

.form-sub {
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    color: #63585B;
}

.form-label {
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #FF0000;
    background-color: #FFE5E5;
    padding: 8px;
    border-radius: 8px;
    display: inline-block;
    margin-left: 8px;
    margin-right: 16px;
}

/* エラー時の入力欄 */
.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
    color: #FF0000;
    border: 2px solid #FF0000;
    /* エラー色 */
}

input,
textarea {
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    color: #63585B;
    width: 100%;
    border: 2px solid #CCCCCC;
    border-radius: 8px;
    padding: 16px;
    background-color: #FFFFFF;
}

input::placeholder,
textarea::placeholder {
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.03em;
    color: #B3B3B3;
}

input:focus-visible,
textarea:focus-visible {
    border: 2px solid #005FCC;
    outline: none;
}

.page-id-28 #main_content .post_content .form-note {
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.03em;
    color: #63585B;
    margin-top: 16px;
}

input[type="checkbox"] {
    appearance: none;
    /* デフォルトのスタイルを消す */
    border: 2px solid #666666;
    border-radius: 50%;
    height: 20px;
    left: -.5em;
    /* ラジオボタンとラベルの余白 */
    margin: 0;
    position: relative;
    top: 4px;
    width: 20px;
    padding: 0;
    background-color: #fff;
}

/* チェックされたら */
input[type="checkbox"]::before {
    background-color: #63585B;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
}

input[type="checkbox"]:checked {
    border: 2px solid #63585B;
}

input[type="checkbox"]:checked::before {
    opacity: 1;
}

.wpcf7-checkbox {
    display: block;
    translate: -25px;
}

.wpcf7-checkbox .wpcf7-list-item {
    margin: 0 0 16px 32px;
}

.wpcf7-checkbox .wpcf7-list-item-label {
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 16px;
    line-height: 2.08;
    letter-spacing: 0.03em;
    color: #63585B;
}

.form-count {
    margin-top: 8px;
    margin-bottom: 16px;
}

.page-id-24 .post_content .form-count p {
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #333333;
    text-align: right;

}

.page-id-24 .post_content .form-normal-text {
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 16px;
    line-height: 2.08;
    letter-spacing: 0.03em;
    color: #63585B;
    margin-bottom: 16px;
}

.page-id-24 .post_content .form-policy {
    font-family: "Shippori Mincho B1";
    font-weight: 400;
    font-size: 16px;
    line-height: 2.09;
    letter-spacing: 0.03em;
    color: #63585B;
    background-color: #F7F5ED;
    padding: 24px;
    border-radius: 8px;
    margin-top: 40px;
    margin-bottom: 64px;
}

.page-id-24 .post_content .form-policy a {
    border-bottom: 1px solid currentcolor;
}

.form-btn-wrapper {
    max-width: 408px;
    margin: 0 auto;
}

.wpcf7-submit {
    font-family: "Shippori Mincho B1";
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.025em;
    color: #FFFFFF;
    text-align: center;
    padding: 24px 64px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(90deg, #F77062 0%, #FE5196 100%);
}

.wpcf7-submit {
    /* opacity: 0.5; */
    /* pointer-events: none; */
    transition: opacity .3s ease;
}

/* .wpcf7-submit.is-active {
    opacity: 1;
    pointer-events: auto;
} */

.form-pre-btn {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 60px;
    border-bottom: 2px solid #CCCCCC;
}

.wpcf7-previous {
    border: none;
    transition: 0.3s;
}

.wpcf7-previous:hover {
    opacity: 0.5;
}

.page-id-42 .form-container+p {
    border: 2px solid #CCCCCC;
    border-radius: 8px;
    padding: 16px;
}

.page-id-42 .wpcf7-submit {
    transition: 0.3s;
}

.page-id-42 .wpcf7-submit:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}


/* ---------------------
 * プラポリ
 *----------------------- */

/* 背景色 */
.page-id-28 #content{
    max-width: none;
    background-color: #FFFFFF;
    border-radius: 60px 60px 0 0;
	padding-bottom:60px;
}