@charset "utf-8";

:root {
    --color-txt:#333;
    --primary-color: #009D85;
    --secondary-color: #BBCF37;
    --accent-color: #ED6D46;
    --mix-color: #52B367;
    /* primaryとsecondaryの中間色 */
    --primary-dark1: #007E6A;
    --primary-dark2: #005E50;
    --primary-dark3: #002F28;
    --mix-dark1: #439254;
    --mix-dark2: #347141;
    --mix-dark3: #1e4a28;
    --primary-light1: #66C4B6;
    --primary-light2: #B2E2DA;
    --primary-light3: #00b893;
    --mix-light1: #95D0A1;
    --mix-light2: #C7E6CD;
    --mix-light3: #edfdf0;
    --accent-light: #F4A790;
    --secondary-dark1: #96A62C;
    --secondary-light1: #EBF1C3;
    --secondary-dark2: #4B5316;
    --accent-dark: #92432A;
    --primary-bg: #eaf7f5;
    --secondary-bg: #F8FAEB;
    --accent-bg: #FDF0EC;
    --mix-bg: #F9FCF9;
    --primary-bg2: #F4FAF6;
    --primary-bg3: #FAFFFE;
    --link-color: #ED6D46;
    --link-hover-bg: #FDF0EC;
    --link-hover-color: #C05838;
    --headline-border: #009D85;
    --headline-border-bottom: #009D85;
    --h3-decoration: #009D85;
    --h3-before-color: #9EEBDF;
    --h4-color: #00AB72;
    --h4-border: #52B367;
}

/***********************************

トップコンテンツ

************************************/

#featured_post .post1 {
    border-bottom: none;
}

#main_col>div.text_recent_post>ul>li {
    display: flex;
}

.home #featured_post2 .date,
.home #featured_post .date {
    display: none;
}

@media screen and (min-width: 641px) {
    #main_col>div.text_recent_post>ul>li>div.list_date {
        width: 110px;
        float: none;
    }

    #main_col>div.text_recent_post>ul>li>div.list_title {
        width: calc(100% - 95px);
    }
}

/*　診療時間　テーブル　*/
/*******  テーブル再設定　*******/

.space_toptxt {
    padding: 15px 0 10px 0;
}

.top_contents .inside_wrap {
    padding: 0 15px 0 15px;
}

.top_contents table {
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    border-top: 1px solid var(--primary-light2);
    border-left: 1px solid var(--primary-light2);
}

.top_contents table td,
.top_contents table th {
    border-right: 1px solid var(--primary-light2);
    border-bottom: 1px solid var(--primary-light2);
    padding: 10px;
    /*white-space: nowrap;*/
}

.top_contents table th {
    width: 30%;
    background: var(--primary-bg);
}

.top_contents table td span {
    padding: 0 0 0 0;
}

@media screen and (min-width: 641px) {
    .top_contents table {
        margin: 0 0 30px 0;
    }
}


@media only screen and (max-width:480px) {
    .top_contents table {
        font-size: 12px;
        line-height: 1.7;
    }

}

/***********************************

共通

************************************/

h3.headline3 {
    font-size: 18px;
}

#featured_post .title a,
#featured_post2 .title a,
#related_post .title a {
    font-size: 16px;
}

.excerpt,
#related_post .info{
    font-size: 16px !important;
    letter-spacing: 0;
    line-height: 1.6 !important;
}

#related_post .info{
    line-height: 1.4 !important;
}

#main_col #featured_post .link,
#index_pickup .link,
#post_list .link {
    font-size: 16px;
}

#contents .text_recent_post,
#recent_post,
#featured_post2,
#featured_post {
    margin-bottom: 50px;
}

#post_list .title, #related_post .title,
#featured_post .post1 .title,
#featured_post ul.post2 li .title,
#featured_post2 .post1 .title,
#featured_post2 li .title,
#recent_post .title {
    margin-bottom: 12px;
}

.page_navi a {
    font-size: 14px;
}

.archive .title a {
    font-size: 16px;
}

@media screen and (max-width: 640px) {
    #main_col .headline1,
    .headline2,
    .headline3 {
        height: auto;
    }

}

/***********************************

全体カラー

************************************/

/*----------------------------------
テキスト
----------------------------------*/
body .date{
    color: var(--accent-color);
}
/*----------------------------------
ヘッダ
----------------------------------*/
@media screen and (max-width: 640px) {
    #header_wrap #header {
        background: var(--primary-light3);
    }
}
/*----------------------------------
ヘッダロゴ背景
----------------------------------*/
#header_wrap {
    background: var(--mix-bg);
}

@media screen and (max-width: 640px) {
    body {
        /*　指定箇所が無いのでbodyに挿入　*/
        background: var(--mix-bg);
    }

}


/*----------------------------------
ヘッダーロゴ　640×100の画像を使用した場合
----------------------------------*/
#logo {
    width: 55%;

}

#logo a {
    height: 100%;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

#logo img {
    /**　ＰＣロゴ調整　**/
    margin: 10px 0 0 0;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 640px) {

    /**　スマホロゴ調整　**/
    #logo_sm {
        width: 60%;
        margin: 0 auto;
        padding: 20px 0 0 0;
    }
}


/*----------------------------------
フッタ
----------------------------------*/
#footer .header_banner .text_row {
    width: 100%;
}

#footer .header_banner .text_row .textwidget {
    height: auto;
}

#footer .line-banner {
    margin-top: 50px;
    margin-bottom: 30px;
}

#footer .line-banner img {
    width: 100%;
}


#footer .line-banner.sm {
    max-width: 90%;
    margin: 0 auto 50px auto;
}


/*----------------------------------
フッタロゴ
----------------------------------*/
#footer .footer_logo img {
    /** フッダーロゴ調整 1 **/
    width: 330px;
}

#footer .header_banner {
    /** フッダーロゴ調整 2 **/
    margin-top: 10px;
}


/*----------------------------------
サイト説明文部分
----------------------------------*/
#desc_wrap {
    background: var(--primary-light3);
}


#site_description {
    color: #fff;
    /*説明文テキスト*/
    text-shadow: 0px 0px 2px var(--primary-color);
}



@media screen and (max-width: 640px) {

    /*スマホ*/
    #header {
        background: url(./img/ph_head_back.jpg) repeat-x;
    }

    .title_text {
        color: #fff;
        /*説明文テキスト*/
        letter-spacing: normal;
    }
}

@media screen and (max-width: 320px) {

    /*スマホ*/
    .title_text {
        max-width: 65%;
        padding: 0 0 0 10px;
    }
}


/*----------------------------------
グローバルメニュー
----------------------------------*/
#global_menu li a {
    font-size: 16px;
}

#global_menu .menu > li:nth-child(2) > a {
    letter-spacing: -1px;
}

#global_menu ul ul a {
    font-size: 15px;
}

@media screen and (min-width: 641px) {
    #menu_wrap {
        background: #fff;
        /*全体背景色*/
        border-top: 2px solid var(--mix-light1);
        /*区切り線 上下*/
        border-bottom: 2px solid var(--mix-light1);
    }

    #global_menu {
        border-right: 1px solid var(--mix-light2);
        /*区切り線右*/
        height: 48px;
        /* 下隙間の調整*/
    }

    #global_menu li {
        letter-spacing: normal;
    }

    #global_menu li a {
        border-left: 1px solid var(--mix-light2);
        /*区切り線左*/
        background: #fff;
        /*ボタン背景色*/
        color: var(--primary-dark1);
        /*文字色*/
        height: 48px;
        /* 下隙間の調整*/
        line-height: 48px;
        /* 下隙間の調整*/
        font-size: 15px;
    }

    #global_menu li a:hover {
        background: var(--mix-bg);
        /*ボタンロールオーバー色*/
        color: var(--link-hover-color);
        /*ボタンロールオーバー文字色*/
    }

    #global_menu > .menu > .menu-item {
        position: static;
    }
    #global_menu > .menu .sub-menu {
        position: relative;
        width: 260px;
        top: 0;
    }
    #global_menu > .menu .sub-menu > .menu-item {
        width: 100% !important;
    }

    #global_menu .menu-item.menu-item-has-children .icon {
        display: none;
        opacity: 0;
    }

    #global_menu ul ul a {
        line-height: 1.5 !important;
    }


}


@media screen and (max-width: 640px) {

    /**** 折りたたみメニュー ****/

    /**** メニューボタン ****/
    #header a.menu_button {
        color: #fff;
        border: 1px solid #fff;
        background: var(--primary-dark1);
    }

    #header a.menu_button:hover {
        background: var(--primary-dark1);
    }

    /**** グローバルメニュー ****/

    #global_menu li a {
        border-color: #999;
        background: #fff url(./img/arrow4.png) no-repeat 20px;
        color: #444;
    }

    #global_menu li a:hover {
        color: #444;
        background: var(--primary-bg) url(./img/arrow4.png) no-repeat 20px;
    }

    #global_menu ul ul a {
        background: #ddd url(img/common/arrow4.png) no-repeat 34px;
    }

    #global_menu .sub-menu {
        display: none !important;
    }

    #global_menu .sub-menu.show {
        display: block !important;
        opacity: 1;
        animation: fadeIn .3s linear 0s forwards;
    }

    #global_menu .menu-item {
        position: relative;
    }

    #global_menu .menu-item.menu-item-has-children .icon {
        position: absolute;
        top: .85em;
        transform: translateY(-50%);
        font-size: 1.5em;
        right: 10px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        z-index: 99;

    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}


/*----------------------------------
電話番号・お問い合わせ
----------------------------------*/
.header_banner .banner_row .barb_text_banner {
    border: 2px solid var(--mix-light1);
}

/*枠線*/


@media screen and (min-width: 641px) {
    #header .header_banner {
        /*margin-top: 0; 住所が3行の場合　*/
    }

}

@media screen and (max-width: 640px) {
    .header_banner>div {
        border: 2px solid #9BB780;
    }

    /*枠線　*/

}


/*----------------------------------
イメージロールオーバー
----------------------------------*/
/** index　メインビジュアル1枚でロールオーバー（リンク）なし**/
#recommend_gallery a:hover img,
.rs-slider>li>a:hover img {
    opacity: 1.0;
    cursor: default;
}



/*----------------------------------
ピックアップ
----------------------------------*/
#index_pickup .headline1 {
    /*ピックアップヘッダ*/
    color: var(--primary-dark3);
    background: var(--mix-light2);
    letter-spacing: 0.15rem;
}
#index_pickup{
    border: 1px solid var(--mix-light2);
}


/*----------------------------------
ページタイトルヘッダー　※下層も含む
----------------------------------*/
#main_col .headline1,
.headline2,
.headline3 {
    background: #fff;
    color: var(--primary-dark2);
}

#main_col .headline1,
.headline2 {
    border-left: 7px solid var(--primary-light1);
    border-bottom: 2px solid var(--primary-light1);
}

.headline3 {
    border-left: 7px solid var(--secondary-color);
    border-bottom: 2px solid var(--secondary-color);
    border-top: none;
}


@media screen and (max-width: 640px) {

    #main_col .headline1,
    .headline2,
    .headline3 {
        /*・他　調整*/
        border-left: none;
        /*左線の削除*/
    }

    #main_col .headline1,
    .headline2,
    .headline3 {
        border-left: none;
        /*左線の削除*/
    }


}


/*----------------------------------
サイドナビ
----------------------------------*/
#side_col a img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 640px) {
    #side_col {
        /*　スマホでサイドナビを表示しない場合　*/
        display: none;
    }
}

/*----------------------------------
フッダー
----------------------------------*/
#footer_wrap {
    background: var(--mix-bg);
    /*フッダー背景色*/
}

#footer #footer_left {
    width: 340px;
}

#footer .footer_menu_wrap {
    width: 580px;
}

#footer .footer_menu {
    width: 100%;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    column-gap: 20px;
    justify-content: space-around;
}

#footer .footer_menu {
    text-align: left;
}

/*
#footer .footer_menu ul li:nth-child(n+1):nth-child(-n+7) {
    width: 140px;
}

#footer .footer_menu ul li:nth-child(n+11) {
    width: 250px;
}
*/
#footer .footer_menu ul.sub-menu li {
    position: relative;
}

#footer .footer_menu ul.sub-menu li:before {
    display: block;
    position: absolute;
    content: "└";
    left: -15px;
}

#footer .footer_menu > div > ul > li > a {
    font-size: 16px;
}

#footer .footer_menu ul.sub-menu li a {
    font-size: 14px;
}

#footer .footer_menu > div > ul > li {
    margin-bottom: 20px;
}

#footer .footer_menu > div > ul > li > a {
    display: inline-block;
    margin-bottom: 8px;
}

@media screen and (min-width: 641px) {

    #footer .footer_menu ul.sub-menu li {
        margin-top: 4px;
    }

    #footer .footer_menu ul.sub-menu li:first-child {
        margin-top: 4px;
    }


    #footer .footer_menu ul.sub-menu li a {
        border-bottom: none;
    }
}

@media screen and (max-width: 640px) {
    #footer_wrap {
        background: var(--primary-bg2);
        /*スマホフッダー背景色*/
    }

    #footer .footer_menu {
        grid-template-columns: 40% 40%;
        row-gap: 30px;
    }

    #footer .footer_menu .menu-footer-second-container {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    #footer .footer_menu ul ul.sub-menu {
        margin: 10px 0 0 0 !important;
        padding: 0 0 0 1.3em;
    }

    #footer .footer_menu_wrap,
    #footer .footer_menu ul li:nth-child(n+11) {
        width: 100%;
    }

    #footer .footer_menu ul.menu {
        -webkit-column-count: initial;
        -moz-column-count: initial;
        column-count: initial;
    }

    #footer .footer_menu ul li:nth-child(n+1):nth-child(-n+7) {
        width: 100%;
    }

    #footer .footer_menu ul.sub-menu li:before {
        display: none;
    }
}

#footer {
    color: var(--color-txt);
    /*フッダーテキストカラー*/
}

/*.footer_headline {
    background: #0985E5;
    color: #333;}*/

#footer li a,
#footer li a:visited {
    color: var(--color-txt);
    border-bottom: 1px dotted #666;
}

#footer li a:hover {
    color: #999;
}

#copyright {
    background: var(--primary-dark1);
    /*コピーライト背景*/
    color: #fff;
    /*コピーライトテキスト*/
}

#copyright a {
    color: #fff;
    /*コピーライトリンクテキスト*/
}



/*----------------------------------
テキストリンクカラー
----------------------------------*/
a,
a:visited {
    color: var(--primary-dark2);
}

a:hover {
    color: var(--primary-color);
}

/*----------------------------------
ページナビ
----------------------------------*/
.page_navi a {
    /*** テキスト、ボタン色 **/
    color: #fff;
    background: var(--color-txt);
}

.page_navi a:hover {
    /*** ロールオーバーボタン色 **/
    background: #990000;
}


/*----------------------------------
※病院案内のタイトルテキスト（イレギュラー）
----------------------------------*/
#recent_post .title {
    font-size: 16px;
}



@media only screen and (min-width:641px) {
    #recent_post .title {
        text-align: center;
    }
}






/***********************************

下層レイアウト

************************************/
/*----------------------------------
下層段落枠　※変更不可
----------------------------------*/
@media only screen and (min-width:641px) {
    #under {
        overflow: hidden;
        margin: 0 0 -40px 0;
    }

    /*下層の空調整*/
}


@media only screen and (max-width:640px) {
    #under {
        overflow: hidden;
        margin: 10px 0 0 0;
    }

    /*下層の空調整*/
}

.under_contents {
    width: 100%;
    margin: 0 0 50px 0;
    clear: both;
    overflow: hidden;
    line-height: 1.7;
}


p {
    /*下層　汎用*/
    margin: 0;
    padding: 0;
    line-height: 1.7;
}



/*----------------------------------
テーブル設定　※変更不可　色とthの％は変更又は上書き可
----------------------------------*/
/*** table 元スタイル打消し ****/
.post table {
    border: none;
    margin: 0;
}

.post td,
.post th {
    border: none;
    padding: 0;
}

.post th {
    background: #eee;
    font-weight:
        /*normal*/
        bold;
}

@media only screen and (max-width:480px) {
    tbody tr {
        display: table-row;
        /******/
        margin-bottom: 0;
    }

    tbody th,
    tbody td {
        display: table-cell;
        list-style-type: none;
        border: none;
    }
}


/*******  テーブル再設定　*******/
.under_contents table {
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.under_contents table td,
.under_contents table th {
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 10px;
    /*white-space: nowrap;*/
}

.under_contents table th {
    width: 30%;
}

.under_contents table td span {
    padding: 0 0 0 0;
}


@media only screen and (max-width:480px) {
    .under_contents table {
        font-size: 12px;
        line-height: 1.7;
    }

}


/*----------------------------------
テーブル設定　レスポンシブ基本ソース
----------------------------------*/
/**** 
レスポンシブしたいtableの外側に
<div class="ph_responsive">を入れてください
****/

@media only screen and (max-width:640px) {
    .ph_responsive {
        margin: 0 0 -20px 0;
    }

    .ph_responsive table {
        border: none;
    }

    .ph_responsive table th,
    .ph_responsive table td {
        width: 100%;
        display: inline-block;
        border-right: none;
        text-align: left;
        font-size: 14px;
    }

    .ph_responsive table th {
        border-bottom: 2px dotted var(--color-txt);
        padding: 5px 0;
        font-weight: bold;
        background: #fff;
    }

    .ph_responsive table th:before {
        /*** アイコンが必要な場合　***/
        content: "\f00c";
        font-family: FontAwesome;
        color: var(--color-txt);
        padding: 0 5px 0 0;
    }

    .ph_responsive table td {
        border-bottom: none;
        padding: 10px 0 20px 0;
    }

}





/***********************************

ページレイアウト

************************************/

/*----------------------------------
フォント読み込み
----------------------------------*/
@font-face {
    /*明朝体　サーバーDl済*/
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(./fonts/NotoSerifCJKjp-Light.otf) format('opentype');
}


/*----------------------------------
固定ページ 下層hタイトル　必要に応じてh4の追加など
----------------------------------*/
/*h3装飾*/

.under_contents h3 {
    color: var(--primary-dark2);
    margin: 0 0 10px 0;
    padding: 0 0 3px 0;
    font-size: 18px;
}

.under_contents h3:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-size: 2px 3px, 100% 2px;
    background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, var(--primary-light2), var(--mix-light1), var(--primary-light2));
}

.under_contents h3:before {
    /* content: "\f004"; */
    content: "\f06c";
    font-family: FontAwesome;
    color: var(--mix-color);
    padding: 0 8px 0 3px;
}

#main_col .headline1, h3.headline2 {
    font-size: 18px;
}

/*h4装飾*/
.under_contents h4 {
    font-size: 16px;
    color: var(--primary-dark1);
    border-left: 5px solid var(--primary-color);
    padding: 6px 6px 6px 10px;
    margin: 0 0 8px 0;
}


/*ul 打ち消し*/
.under_contents ul {
    margin: 0;
}

.post .under_contents li {
    line-height: 1.7;
    background: url(./img/bullet1.gif) no-repeat left 9px;
}


@media only screen and (max-width:480px) {

    /* SPで点がずれて見えるため調整*/
    .post .under_contents table td li {
        background: url(./img/bullet1.gif) no-repeat left 8px;
    }

}



.post .under_contents li.space {
    margin: 10px 0 0 0;
}

/* ul 点なし　*/
.post .under_contents li.none {
    background: none;
    padding-right: 0;
    padding-left: 1em;
    text-indent: -1em;
}


/*汎用スペース*/
.space_top5 {
    padding: 5px 0 0 0;
}

.space_top10 {
    padding: 10px 0 0 0;
}

.space_top20 {
    padding: 20px 0 0 0;
}

.space_top30 {
    padding: 30px 0 0 0;
}


.space_bottom5 {
    padding: 0 0 5px 0;
}

.space_bottom10 {
    padding: 0 0 10px 0;
}

.space_bottom15 {
    padding: 0 0 15px 0;
}

.space_bottom20 {
    padding: 0 0 20px 0;
}

.space_bottom30 {
    padding: 0 0 30px 0;
}



/*汎用 赤文字*/
.red_txt {
    color: var(--accent-color);
}

.red_btxt {
    color: var(--accent-color);
    font-weight: bold;
}

.pk_txt {
    color: var(--accent-dark);
}


.syomei_n {
    /* その他の署名※プライバシーポリシー */
    text-align: right;
}

/*　PC改行なし　*/
@media only screen and (min-width:641px) {
    br.pc_none {
        display: none;
    }
}


/*　スマホ改行なし　*/
@media only screen and (max-width:640px) {
    br.ph_none {
        display: none;
    }
}


/*----------------------------------
デモ汎用css
----------------------------------*/

/*Ｃ画像2列＋テキスト*/
.column_wrap_01 .left,
.column_wrap_01 .right {
    width: 49%;
}

.column_wrap_01 .left {
    float: left;
}

.column_wrap_01 .right {
    float: right;
}


@media only screen and (max-width:640px) {

    .column_wrap_01 .left,
    .column_wrap_01 .right {
        width: 100%;
        float: none;
    }
}


/* Ｄ左画像＋右テキスト 汎用overflow:hidden*/
.column_wrap_02 {
    clear: both;
    overflow: hidden;
}

.column_wrap_02 .leftimg {
    float: left;
    width: 49%;
    padding: 0;
}

.column_wrap_02 .righttxt {
    float: right;
    width: 48%;
}

@media only screen and (min-width:641px) {
    #content .post .column_wrap_02 .leftimg img {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:640px) {

    .column_wrap_02 .leftimg,
    .column_wrap_02 .righttxt {
        float: none;
        width: 100%;
    }
}


/* Ｅ左テキスト＋右画像 汎用overflow:hidden */
.column_wrap_03 {
    clear: both;
    overflow: hidden;
}

.column_wrap_03 .lefttxt {
    float: left;
    width: 48%;
}

.column_wrap_03 .rightimg {
    float: right;
    width: 49%;
    padding: 0;
}

@media only screen and (min-width:641px) {
    #content .post .column_wrap_03 .rightimg img {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:640px) {

    .column_wrap_03 .lefttxt,
    .column_wrap_03 .rightimg {
        float: none;
        width: 100%;
    }

}



/*Ｆ左画像＋右テキスト回り込み*/
@media only screen and (min-width:641px) {
    #content .post .around_right img {
        float: left;
        margin: 0 18px 0 0;
        padding: 0;
        width: 49%;
    }
}

@media only screen and (max-width:640px) {
    .around_right img {
        margin: 0 0 0 0;
        float: none;
        width: 100%;
    }
}


/*Ｇ左テキスト回り込み＋右画像　汎用*/
@media only screen and (min-width:641px) {
    #content .post .around_left img {
        float: right;
        margin: 0 0 0 18px;
        padding: 0;
        width: 49%;
    }
}

@media only screen and (max-width:640px) {
    .around_left img {
        margin: 0 0 0 0;
        float: none;
        width: 100%;
    }
}



/*----------------------------------
病院概要
----------------------------------*/
/*** 基本理念 ***/
.kensyo {
    color: #356006;
}

/*** 理事長あいさつ ***/
p.syomei {
    text-align: right;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif;
}

#content .post p.soshikizu img {
    padding-bottom: 5px;
}


/*** 関西記念病院 新ロゴ_コンセプト ***/
.logo-concept {
    margin-top: 50px;
}
.logo-concept p {
    margin-bottom: 1em;
}

@media only screen and (max-width:640px) {
    p.syomei {
        margin: 10px 0 0 0;
    }

    #content .post p.soshikizu img {
        padding-bottom: 0;
    }

    /* 下にテキストがないので調整*/

}



/*----------------------------------
当院の特徴
----------------------------------*/

/*Ｆ左画像＋右テキスト回り込み　汎用*/


/*Ｇ左テキスト回り込み＋右画像　汎用*/



/*----------------------------------
外来受診のご案内
----------------------------------*/
.midashi_txt {
    /* 各ページリード文言 */
    color: var(--primary-dark2);
    font-weight: bold;
}
.catch_txt {
    /* 各ページリードより下の階層のコピーなど */
    display: inline-block;
    font-size: 14px;
    color: var(--mix-dark3);
    margin:4px 0 18px 0;
    padding:0 5px 0 5px;
    background-image: repeating-linear-gradient(-45deg,
    rgba(209, 236, 37, 0.3) 0, rgba(209, 236, 37, 0.3) 2px,
    transparent 2px, transparent 4px);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 0.5em;
}
.catch_txt::before{
    font-family: FontAwesome;
    content: "\f0da";
    color: var(--mix-light1);
    margin-right: 0.5em;
    font-size: 15px;
    margin-left: 2px;
}
/*心や体のバランスが気になる方へ*/
.disease {
    margin: 10px 0 0 0;
    padding: 15px;
    color: var(--secondary-dark2);
    font-size: 14px;
    background: var(--secondary-bg);
    /*border: 1px solid #D5C199;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*下記のような症状のある方*/
.under_contents .symptoms {
    background: var(--accent-bg);
    padding: 10px 20px 10px 20px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.under_contents .symptoms ul li::before {
    content: "\f119";
    font-family: FontAwesome;
    color: #CA4A4E;
    padding: 0 5px 0 0;
}

.under_contents .symptoms ul li {
    padding: 0;
    line-height: 1.5;
    margin: 10px 0;
    list-style-type: none;
    background: none;
    list-style-position: inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;
}


/*診療受付時間 枠*/
.renraku {
    margin: 10px 0 0 0;
    padding: 15px;
    color: var(--primary-dark2);
    background: var(--primary-bg3);
    border: 1px solid var(--mix-light1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.renraku_title {
    display: inline-block;
    background: var(--primary-dark2);
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.renraku p.telwrap {
    line-height: 1;
    color: var(--primary-dark2);
}

.renraku .tel::before {
    padding: 0 6px 0 0;
    font-size: 30px;
    content: "\f098";
    font-family: FontAwesome;
}

.renraku .teltxt {
    font-size: 28px;
    font-family: Century Gothic;
    font-weight: bold;
}



/*受診までの流れ・「認知症」治療病棟 ご利用の流れ*/
.nagare,
.nagare-ninchi {
    margin: 10px 0 0 0;
    padding: 15px;
    background: var(--secondary-bg);
    border: 1px solid var(--mix-light1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
}

.nagare_arrow {

    height: 40px;
    background: url(./img/arrow_zyusin.png) no-repeat center;
}

.nagare .nagare_title,
.nagare-ninchi .nagare_title {
    color: var(--primary-dark2);
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.nagare .nagare_title span,
.nagare-ninchi .nagare_title span {
    font-size: 16px;
    font-family: Century Gothic;
    background: var(--h3-decoration);
    color: #fff;
    margin: 0 8px 0 0;
    padding: 4px 8px;
    line-height: 1.0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

@media only screen and (min-width:641px) {
    #content .post .nagare img {
        width: 30%;
        float: left;
        margin: 0;
        padding: 0 0 0 0;
    }

    #content .post .nagare .txt {
        width: 68%;
        float: right;
        margin: 0;
    }

}

@media only screen and (max-width:640px) {
    #content .post .nagare img {
        margin: 0;
        padding: 0 0 10px 0;
    }

    #content .post .nagare .txt {
        margin: 0;
    }

}

.outpatient .banner {
    position: relative;
    /*相対位置*/
    padding: 0.5em 0.5em 0.5em 2.5em;
    /*アイコン分のスペース*/
    line-height: 1.4;
    /*行高*/
    border: dotted 1px #AB534B;
    background: #fffff4;
    margin: 15px auto;
    width: 230px;
    font-size: 16px;
    font-weight: bold;
}

.outpatient .banner a {
    color: #AB534B;
    text-decoration: none;
}

.outpatient .banner a:hover {
    color: #F7A6A6;
}

.outpatient .banner a::before {
    font-family: "FontAwesome";
    /*忘れずに*/
    content: "\f138";
    /*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;
    /*絶対位置*/
    font-size: 1.1em;
    /*サイズ*/
    left: 1em;
    /*アイコンの位置*/
    top: 0.35em;
    /*アイコンの位置*/
    color: #F7A6A6;
}

.outpatient .pg_link {
    margin-bottom: 30px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    color: #444;
    font-size: 14px;
    letter-spacing: .15rem;
}

.outpatient .pg_link .wp-block-column {
    width: 100%;
    padding: 0;
    margin-left: 0 !important
}

.outpatient .pg_link .wp-block-column p {
    text-align: center;

}

.outpatient .pg_link p a {
    background: #FFECEC;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #ccc;
}

.outpatient .pg_link p a:hover {
    color: #444;
    background: #FFDDDD;

}

.outpatient span.m-link {
    position: relative;
    top: -40px;
    display: block;
}

@media only screen and (max-width:640px) {
    .outpatient .banner {
        width: 100%;
        font-size: 1em;
        padding-left: 2em;
        border-right: none;
        border-left: none;
    }

    .outpatient .banner a::before {
        left: 0.5em;
        /*アイコンの位置*/

    }

    .outpatient .pg_link {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .outpatient .pg_link p a {
        padding-top: 3px;
        padding-bottom: 3px;
    }



}

/*----------------------------------
入院のご案内
----------------------------------*/
/* 入院のメリット */
.under_contents .merit {
    background: var(--primary-bg);
    padding: 10px 20px 10px 20px;
    margin: 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.under_contents .merit ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: var(--primary-color);
    padding: 0 5px 0 0;
}

.under_contents .merit ul li {
    padding: 0;
    line-height: 1.5;
    margin: 10px 0;
    list-style-type: none;
    background: none;
    list-style-position: inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;
}


/* Ｄ左画像＋右テキスト 汎用overflow:hidden*/

/* Ｅ左テキスト＋右画像 汎用overflow:hidden */


/* 入院の諸費用 手続き  入院生活*/

@media only screen and (max-width:640px) {

    .ph_responsive.seido table th:before,
    .ph_responsive.syorui table th:before,
    .ph_responsive.time table th:before {
        /* 高額療養費 手続きにご持参いただくもの 入院生活について 部位*/
        font-family: FontAwesome;
        color: #659843;
        padding: 0 5px 0 0;
    }


    .ph_responsive.syorui table th:before {
        /* 手続きにご持参いただくもの 部位*/
        content: "\f0f6";
    }

    .ph_responsive.time table th:before {
        /* 入院生活について 部位*/
        content: "\f0fa";
    }

    .ph_responsive.seido table th,
    .ph_responsive.syorui table th,
    .ph_responsive.time table th {
        border-bottom: 2px dotted #8ABD68;
    }

    .ph_responsive.seido table th,
    .ph_responsive.seido table td,
    .ph_responsive.syorui table th,
    .ph_responsive.syorui table td,
    .ph_responsive.time table th,
    .ph_responsive.time table td {
        font-size: 14px;
    }

}


/* 入院生活 */

.gr_wrap {
    margin: 10px 0 0 0;
    padding: 15px;
    border: 4px solid var(--primary-light2);
}


/*----------------------------------
アクセス
----------------------------------*/
@media only screen and (min-width:481px) {

    /* SP用路線図　非表示　*/
    .spmap {
        display: none;
    }
}


@media only screen and (max-width:480px) {

    /* PC用路線図　非表示　*/
    .pcmap {
        display: none;
    }
}

iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 445px;
    frameborder: 0;
    border: 0;
}

@media only screen and (min-width:641px) {

    /* PC地図スペース　*/
    iframe {
        padding: 0 0 5px 0;
    }
}

@media only screen and (max-width:640px) {
    iframe {
        height: 300px;
    }
}

.access .p_pic {
    margin: 0;
    padding: 0;
    width: 100%;
}

.acessb_txt {
    color: #AB534B;
    font-weight: bold;
    margin-bottom: 10px;
}

.access figcaption {
    text-align: center;
    margin-top: 0px;
    font-size: 13px;
}

/*----------------------------------
診療案内 ※投稿で作成
----------------------------------*/
/* under_contents調整 */
@media only screen and (min-width:641px) {
    .space_bottom_minus {
        margin: 0 0 40px 0;
    }
}

@media only screen and (max-width:640px) {
    .space_bottom_minus {
        margin: 0 0 10px 0;
    }
}


.space_topbt {
    /* li内上下スペース*/
    display: block;
}


/* たとえば */
.under_contents .rei {
    background: var(--primary-bg);
    padding: 10px 20px 10px 20px;
    margin: 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.under_contents .rei ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: var(--h3-decoration);
    padding: 0 5px 0 0;
}

.under_contents .rei ul li {
    padding: 0;
    line-height: 1.5;
    margin: 10px 0;
    list-style-type: none;
    background: none;
    list-style-position: inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;
}

/*----------------------------------
採用情報（採用ページ）
----------------------------------*/
/* 採用ページバナー */
a.allowance {
    display: inline-block;
    padding: 5px 10px;
    background-color: #fabcbc;
    color: #260d0d;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    position: relative;
    margin: 5px 0;
}

a.allowance:hover {
    top: 1px;
    left: 1px;
    cursor: pointer;
    background-color: #f8c9c9;
}

a.allowance span {
    color: #a80000;
    text-decoration: underline;
}

@media only screen and (max-width:480px) {
    a.allowance {
        display: block;
        width: 90%;
        margin: 5px auto 0;
    }

    a.allowance span {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
}

/* 採用ページ 採用情報 */
.space_btm {
    padding-bottom: 50px;
}

.space_entry {
    padding: 20px 0 100px;
}

/*採用ページ ページ内リンクの調整*/
.recruit span.m-link {
    position: relative;
    top: -40px;
    display: block;
}

/*採用（訪問看護ステーションCoCo）*/
div.coco_top {
    border-top: var(--headline-border) 1px solid;
    margin-top: 20px;
}

div.coco_top p:first-child {
    margin: 20px 0 5px 0;
}

/* 職種のボタン */
.job {
    width: 25%;
    padding: 0 0 10px 0;
    float: left;
}

.button_s {
    width: 96%;
    font-size: 14px;
    letter-spacing: .15rem;
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #ccc;
}


.button_s.button-primary {
    color: #444;
    background: var(--primary-bg);
}

.button_s.button-primary:hover {
    color: #444;
    background: var(--link-hover-bg);
}

@media only screen and (max-width:640px) {
    .job {
        width: 50%;
    }

    .button_s {
        width: 95%;
    }

    .button_s.button-primary:hover {
        /* スマホでhover色が残るので元の色を指定 */
        color: #444;
        background: var(--primary-bg);
    }

    .space_entry {
        padding-bottom: 80px;
    }

    /* PCのみ改行 */
    .recruit .br-pc {
        display: none;
    }

}

@media only screen and (max-width:400px) {
    .job {
        width: 100%;
        padding-bottom: 5px;
    }

    .button_s {
        width: 98%;
    }

    .space_entry {
        padding-bottom: 60px;
    }

    .recruit .button {
        width: 100%;
    }
}

/* 応募のボタン */
.button {
    width: 50%;
    font-size: 16px;
    letter-spacing: .15rem;
    display: block;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    line-height: 41px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;
}


.button.button-primary {
    color: #fff;
    background: var(--link-color);
}

.button.button-primary:hover {
    color: #fff;
    background: var(--link-hover-color);
}

ul.li_number li {
    list-style-type: decimal;
    padding-left: -2em !important;
    background: none !important;
    margin-left: 2em;
}

@media only screen and (max-width:640px) {
    .button {
        width: 85%;
    }

}


/*----------------------------------
サイトマップ
----------------------------------*/
.sitemap {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
}

.sitemap .sitemap-column > li:not(:first-child) {
    margin-top: 1em;
}

.sitemap li a {
    line-height: 2;
}

@media screen and (max-width: 640px) {
    .sitemap {
        grid-template-columns: 40% 40%;
        row-gap: 3em;
    }

    .sitemap .sitemap-column:nth-child(2) {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}


/*----------------------------------
問合せフォーム
----------------------------------*/
.wpcf7 p {
    font-size: 16px;
}

.wpcf7 .short {
    width: 50%;
}

.wpcf7 .inner_input {
    margin-top: 8px;
}

.wpcf7 .inner_input span {
    margin-right: 12px;
}

.require:before,
.option:before {
    font-size: 14px;
    width: auto;
    height: auto;
    padding: 4px 8px;
}

#contact > div {
    margin-bottom: 25px;
}

/*----------------------------------
就職支度金 (20-05-29追記)
----------------------------------*/
/* 関西記念病院の働きやすさポイント */
.under_contents .enviroment {
    background: var(--primary-bg);
    padding: 25px 20px 20px 20px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.under_contents .enviroment ul li::before {
    content: "\f118";
    font-family: FontAwesome;
    color: var(--h3-decoration);
    padding: 0 5px 0 0;
}

.under_contents .enviroment ul li {
    padding: 0;
    line-height: 1.8;
    margin: 10px 0;
    list-style-type: none;
    background: none;
    list-style-position: inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;
}

.under_contents .enviroment ul li:not(:last-child) {
    margin-bottom: 25px;
}

.under_contents .enviroment ul li strong {
    color: #AB534B;
}

/* 次のような思いの方は */
.under_contents .mind {
    background: #e8fbb4;
    padding: 25px 20px 20px 20px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.under_contents .mind ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: var(--h3-decoration);
    padding: 0 5px 0 0;
}

.under_contents .mind ul li {
    padding: 0;
    line-height: 1.8;
    margin: 10px 0;
    list-style-type: none;
    background: none;
    list-style-position: inside;
    padding-left: 1.0rem;
    text-indent: -1.2rem;
    text-align: justify;
    font-weight: bold;
    color: var(--primary-dark2);
}

.column_wrap_01,
.column_wrap_flx_01 {
    text-align: justify;
}

.column_wrap_flx_01 {
    display: flex;
}

.column_wrap_flx_01 .flx-left {
    margin: 0 15px 0 0;
}

.column_wrap_flx_01 .flx-right img {
    max-width: 218px;
}

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

    .column_wrap_flx_01 .flx-left {
        margin: 0;
        order: 2;
    }

    .column_wrap_flx_01 .flx-right {
        text-align: center;
        margin: 10px 0;
        background: var(--primary-bg);
        order: 1;
    }

    .column_wrap_flx_01 img {
        padding: 0 !important;
    }
}

/*お知らせ*/
.info211015_p {
    line-height: 2.0em;
    margin-bottom: 40px;
}

.m_up35 {
    margin-top: -35px;
}

#info .mb10 {
    margin-bottom: 10px;
}

#info .mb30 {
    margin-bottom: 30px;
}

#info .tab {
    margin-left: 20px;
}

#info .tab2 {
    margin-left: 10px;
}

#info .l_text {
    font-size: 16px;
    line-height: 2;
}

#info .subt {
    color: #cf2e2e;
}

#info ul {
    margin-bottom: 5px;
}

#info .u_line {
    text-decoration: underline;
    text-decoration-color: #cf2e2e;
}

#info .waku {
    padding: 0.5em 1em;
    border: solid 1px var(--color-txt);
    margin-bottom: 10px;
}

#info .indent01 {
    padding-left: 60px;
    text-indent: -60px;
}

.single-post #single_meta {
    background-color: unset;
    padding-bottom: 0;
}

.single-post #single_meta .date,
.archive #post_list li.date {
    color: var(--h4-color);
    font-size: 0.857rem;
}

.single-post #single_meta .date {
    margin-top: 5px;
}

.single-post #single_meta .date::before {
    content: "\f133";
    font-family: FontAwesome;
    margin-right: 0.5em;
}

#related_post li.date {
    color: var(--h4-color);
}

.oshirase p {
    margin-bottom: 1rem;
}
.oshirase .to-link a {
    text-decoration: none;
}
.oshirase .to-link::before {
    content: "▶";
    color: #3F7985;
    margin-right: 2px;
}

/*外来担当医表*/
.pc {
    display: block !important;
}

.mb {
    display: none !important;
}

@media screen and (max-width: 640px) {
    .mb {
        display: block !important;
    }

    .pc {
        display: none !important;
    }
}

.gairai table .uke {
    width: auto;
}

.gairai table .week {
    width: 13%;
}

.gairai table td {
    text-align: center;
}

.gairai-memo {
    margin-top: 10px;
}

@media screen and (max-width: 640px) {
    .gairai table .week {
        width: 14%;
    }
}

.gairai strong {
    color: var(--accent-dark);
}

@media screen and (max-width: 640px) {
    .gairai-memo {
        font-size: 0.9em;
    }

    .gairai strong.smt {
        font-size: 9px;
    }
}

/*----------------------------------
認知症治療病棟について
----------------------------------*/

/*アンチエイジングメニュー*/
.ninchi .center_pop {
    color: var(--primary-dark2);
    text-shadow: 0 0 5px white;
    padding: 0.3em 0.5em;
    font-size: large;
    font-weight: bold;
    background: -webkit-repeating-linear-gradient(-45deg, var(--primary-bg2), var(--primary-bg2) 3px, var(--h3-before-color) 3px, var(--h3-before-color) 7px);
    background: repeating-linear-gradient(-45deg, var(--primary-bg2), var(--primary-bg2) 3px, var(--h3-before-color) 3px, var(--h3-before-color) 7px);
    text-align: center;
    margin-bottom: 20px;
    border-radius: 1em;
    /*角丸*/
}

.ninchi .sub_menu {
    color: var(--h4-color);
    /*文字色*/
    border: solid 1px var(--h4-border);
    /*線色*/
    padding: 0.2em 0.7em 0.1em;
    /*文字周りの余白*/
    border-radius: 0.5em;
    /*角丸*/
    width: 35%;
    margin-bottom: 10px;
}

.ninchi .eiyou_table figure {
    margin: 2px 0 35px 0;
}


@media screen and (max-width: 640px) {
    .ninchi .sub_menu {
        width: auto;
        text-align: center;
    }
}

/*----------------------------------
地域連携課
----------------------------------*/

.regional-liaison .under_contents .rei ul li:not(:last-child) {
    margin-bottom: 1.5em;
}

.regional-liaison .flow div:nth-of-type(2) .flow-wrap div {
    margin: 10px calc(15px + 1em);
}

.regional-liaison .flow ul {
    border: var(--accent-bg) 4px solid;
    padding: 15px 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.regional-liaison .flow ul li {
    list-style: none;
    background-image: none;
    padding-left: .5em;
}

.regional-liaison .flow ul li:not(:last-child) {
    margin-bottom: 10px;
}

.regional-liaison .flow ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    color: var(--accent-light);
    padding: 0 .75em 0 0;
    text-indent: -.5em;
}

.regional-liaison .arrow-down {
    margin-top: 10px;
    margin-bottom: 10px;
}

.regional-liaison .arrow-down span {
    display: inline-block;
    vertical-align: middle;
    color: var(--primary-bg);
    line-height: 1;
    position: relative;
    width: 6px;
    height: 100%;
    padding-bottom: 15px;
    background: currentColor;
    margin-left: 1rem;
}

.regional-liaison .arrow-down span::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-top: 15px solid var(--primary-bg);
    border-bottom: 0;
    position: absolute;
    bottom: -15px;
    left: -8px;
}

.regional-liaison .flow div:nth-of-type(2) .flow-wrap {
    display: flex;
}

.regional-liaison .flow div:nth-of-type(2) .flow-wrap .arrow-down span {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.regional-liaison .flow > .wp-block-group__inner-container > p:last-child {
    margin: 10px 0 0 15px;
}

.regional-liaison .renraku a {
    text-decoration: none;
}

.regional-liaison .renraku .telwrap>span:last-child {
    font-size: 18px;
}

.regional-liaison .renraku .telwrap>.fax::before {
    padding: 0 6px 0 0;
    font-size: 18px;
    content: "\f1ac";
    font-family: FontAwesome;
}

.regional-liaison .flow .flow-1 {
    position: relative;
}


.regional-liaison .flow .flow-3 {
    position: relative;
}


/* 関連情報を非表示 */
body.postid-2774 #related_post {
    display: none;
}

@media screen and (min-width: 641px) {

    .regional-liaison .flow .flow-1 figure {
        position: absolute;
        width: 270px;
        top: 20px;
        right: 0;
    }
    .regional-liaison .flow .flow-3 figure {
        position: absolute;
        width: 200px;
        top: 20px;
        right: 0;
    }
}

@media screen and (max-width: 640px) {
    .regional-liaison .flow .flow-1 > .wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
    }

    .regional-liaison .flow .flow-1 > .wp-block-group__inner-container > :first-child {
        order: 1;
    }
    .regional-liaison .flow .flow-1 > .wp-block-group__inner-container > :nth-child(2) {
        order: 2;
    }
    .regional-liaison .flow .flow-1 > .wp-block-group__inner-container > :nth-child(3) {
        order: 0;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .regional-liaison .flow .chiikirenkei-img-3.sm {
        width: 60%;
        margin: 20px auto 0 auto;
    }
}

/*----------------------------------
プライバシーポリシー
----------------------------------*/
.privacy p {
    padding-left: 0.5em;
}

.privacy ul {
    padding-left: 2em;
}

.privacy ul li {
    padding-left: 1em;
}