@charset "utf-8";

/* 在宅医療ページ */
body {
    -webkit-text-size-adjust: 100%;
}

.sp {
    display: none;
}

.pc {
    display: block;
}

.zaitakuiryo .category-section {
    margin-bottom: 48px;
}

.zaitakuiryo .page_ttl_wrapper {
    margin-bottom: 48px;
}

.zaitakuiryo h2.page_ttl, .zaitakuiryo-detail h2.page_ttl {
    margin-top: 40px;
    margin-bottom: 24px;
    background: url(../images/zaitakuiryo/page_ttl.jpg) no-repeat;
    width: 900px;
    height: 85px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
}

.zaitakuiryo .page_ttl_wrapper+h3 {
    color: #009F86;
    font-size: 24px;
    margin-bottom: 32px;
    padding-bottom: 12px;
    border-bottom: 1.5px solid #009F86;
    line-height: 130%;
}

.zaitakuiryo .entry_ttl_g {
    margin-bottom: 32px;
}

.zaitakuiryo .entry_ttl_g p {
    text-align: center;
}

.zaitakuiryo h3.entry_ttl {
    /* 個別付与されたリストスタイルの打ち消し */
    position: static;
    padding: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

.zaitakuiryo-detail .entry_ttl_note {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: baseline;
    margin-bottom: 8px;
}

.zaitakuiryo-detail .entry_ttl_note h3.entry_ttl {
    margin: 0;
}

.zaitakuiryo-detail .entry_ttl_note span {
    color: #009F86;
    font-size: 14px;
}

.zaitakuiryo .category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.zaitakuiryo .category-list li a {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 214.5px;
    height: 80px;
    border: 1.5px solid #009F86;
    background-color: rgba(0, 159, 134, 0.08);
    box-sizing: border-box;
}

.zaitakuiryo .news-section {
    margin-bottom: 32px;
}

.zaitakuiryo .news-section h4.information_ttl {
    background: url(../images/zaitakuiryo/information_ttl.jpg) no-repeat;
    width: 900px;
    height: 42px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
}

.zaitakuiryo .news-section .news-list li {
    border-bottom: 1px solid #ccc;
}

.zaitakuiryo .news-section .news-list li a {
    display: flex;
    padding: 16px 0;
}

.zaitakuiryo .news-section .news-list li span {
    color: #444;
}

.zaitakuiryo .news-section .news-more {
    display: flex;
    justify-content: right;
}

.zaitakuiryo .news-section .news-more a {
    width: fit-content;
    padding: 8px 0;
}

.zaitakuiryo .service-section {
    background-color: rgba(250, 163, 34, 0.08);
    padding: 32px 58px;
    margin-bottom: 48px;
}

.zaitakuiryo .service-section h4.service_ttl {
    text-align: center;
    color: #FAA322;
    font-size: 18px;
    margin-bottom: 24px;
}

.zaitakuiryo .service-section .service_list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.zaitakuiryo .service-section .service_list li a {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 240px;
    height: 64px;
    padding: 0 16px;
    background-color: #FAA322;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}

.zaitakuiryo .service-section .service_list li a img {
    width: 32px;
    height: auto;
}

.zaitakuiryo .contact-section {
    text-align: center;
    margin-bottom: 24px;
    padding: 24px;
    background-color: rgba(0, 159, 134, 0.08);
}

.zaitakuiryo .contact-section h5 {
    color: #009F86;
    font-size: 20px;
    margin-bottom: 12px;
}

.zaitakuiryo .contact-section ul li {
    font-size: 16px;
}

.zaitakuiryo .contact-section ul li.copyright {
    display: none;
}

/* 在宅医療・介護資源情報検索結果 */
.zaitakuiryo .post-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 64px;
}

.zaitakuiryo .post-item {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 440px;
    height: auto;
    padding: 16px 16px 16px 36px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.zaitakuiryo .post-item::after {
    content: "";
    position: absolute;
    background-color: #009F86;
    width: 18px;
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
}

.zaitakuiryo .post-item h4 {
    font-size: 18px;
    color: #009F86;
    margin-bottom: 16px;
}

.zaitakuiryo .post-item .contact-info {
    text-align: left;
    margin-bottom: 16px;
}

.zaitakuiryo .post-item .contact-info p:not(:first-child) {
    margin-bottom: 4px;
}

.zaitakuiryo .post-item .contact-info p:last-child {
    margin-bottom: 0;
}

.zaitakuiryo .post-item a.btn_detail {
    width: fit-content;
    color: #009F86;
    border: 1.5px solid #009F86;
    padding: 10px 44px;
    margin-top: auto;
    margin-left: auto;
}

/* 在宅医療・介護資源情報検索結果_医療機関_詳細ページ */
.zaitakuiryo-detail h3.entry_ttl {
    font-size: 20px;
    color: #009F86;
    text-align: left;
    margin-bottom: 12px;
}

.zaitakuiryo-detail table {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
}

.zaitakuiryo-detail table th, .zaitakuiryo-detail table td.rowspan-head {
    font-weight: normal;
    text-align: left;
    background: #f4f4f4;
    width: 240px;
    vertical-align: middle;
}

.zaitakuiryo-detail table th, .zaitakuiryo-detail table td {
    padding: 10px 10px;
    border: 1px solid #ddd;
}

.zaitakuiryo-detail table.week th {
    text-align: center;
}

.zaitakuiryo-detail table.week th.week_head {
    background: #f4f4f4;
    width: 40px;
}

.zaitakuiryo-detail table.week td.fs_s {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

/* 在宅医療新着情報一覧 */
.zaitakuiryo_service_block h3.archive_news_head {
    color: #009F86;
}

.zaitakuiryo_service_block_inner .article_news {
    border: 1px solid #ddd;
    padding: 16px;
}

.zaitakuiryo_service_block_inner .article_news>span {
    display: block;
    margin-bottom: 4px;
}

.zaitakuiryo_service_block_inner .article_news>h4, .zaitakuiryo_service_block_inner .article_news>p {
    margin-bottom: 16px;
}

.zaitakuiryo_service_block_inner .article_news>div {
    display: flex;
    justify-content: end;
}

.zaitakuiryo_service_block_inner .article_news>div>a {
    padding: 8px;
    background-color: #009F86;
    color: #fff;
}

/* 在宅医療新着情報_詳細ページ */
.zaitakuiryo_service_block_inner .article_news_child {
    border: none;
    padding: 0;
}

.zaitakuiryo_service_block_inner .article_news_child img {
    width: 70%;
    height: auto;
}

/* 在宅医療_事業・サービスのご案内 */
/* 連携センターについて */
.zaitakuiryo_service_block {
    margin-bottom: 56px;
}

.zaitakuiryo_service_block:last-child {
    margin-bottom: 24px;
}

.zaitakuiryo_service_block h3 {
    color: #FAA322;
    text-align: center;
    font-size: 24px;
    margin-bottom: 32px;
    line-height: 130%;
}

.zaitakuiryo_service_block h3+p {
    margin-bottom: 32px;
}

.zaitakuiryo_service_block h4 {
    font-size: 16px;
    margin-bottom: 16px;
    padding: 4px 4px 4px 8px;
    color: #009F86;
    background-color: rgba(0, 159, 134, 0.08);
}

.zaitakuiryo_service_block h5 {
    width: fit-content;
    border-bottom: 1.5px solid #009F86;
    margin-bottom: 8px;
}

.zaitakuiryo_service_block img {
    width: 100%;
    padding: 24px 0;
}

.zaitakuiryo_service_block .zaitakuiryo_service_block_inner {
    margin-bottom: 24px;
}

.zaitakuiryo_service_block .zaitakuiryo_service_block_inner:last-child {
    margin-bottom: 0;
}

.zaitakuiryo_service_block .zaitakuiryo_service_block_inner .zaitakuiryo_service_block_inner_child {
    margin-bottom: 12px;
}

/* 出前講座（一般の方） */
.zaitakuiryo_service_block article {
    margin-bottom: 32px;
}

.zaitakuiryo_service_block h4.post_ttl {
    font-size: 20px;
    line-height: 130%;
    color: #009F86;
    background-color: rgba(0, 159, 134, 0.08);
    padding: 8px;
}

.zaitakuiryo_service_block table {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

.zaitakuiryo_service_block table th {
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    background: #f4f4f4;
    width: 160px;
}

.zaitakuiryo_service_block table th, .zaitakuiryo_service_block table td {
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-bottom: none;
}

.zaitakuiryo_service_block table tr:last-child td {
    border: 1px solid #ddd;
}

.zaitakuiryo_service_block table td.table_td_important {
    font-weight: bold;
    color: #e83030;
}

/* 各種研修会 */
.zaitakuiryo_service_block table tr td img.table_img {
    width: 200px;
}

/* 様式ダウンロード */
.zaitakuiryo_service_block .btn_dl_blok {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 24px 0;
}

.zaitakuiryo_service_block .btn_dl_blok a {
    width: calc((100% - 48px) / 3);
    text-align: center;
    font-size: 16px;
    color: #009F86;
    background-color: rgba(0, 159, 134, 0.08);
    border: 1.5px solid #009F86;
    padding: 10px;
}

/* 在宅医療機器の貸出について */
.zaitakuiryo_service_block table.table_kashidashi {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

.zaitakuiryo_service_block table.table_kashidashi tr td {
    vertical-align: top;
}

.zaitakuiryo_service_block table.table_kashidashi tr:first-child>th:first-child, .zaitakuiryo_service_block table.table_kashidashi tr:first-child>th:nth-child(4) {
    width: 10%;
}

.zaitakuiryo_service_block table.table_kashidashi tr>*:nth-child(4) {
    text-align: center;
    vertical-align: middle;
}

/* 人生会議ノート「もしもの時に」 */
.zaitakuiryo_service_block .zaitakuiryo_service_block_img {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.zaitakuiryo_service_block .zaitakuiryo_service_block_img img {
    width: 160px;
    height: 100%;
    padding: 0;
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {

    /* 全体 */
    .sp {
        display: block
    }

    .pc {
        display: none;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 64px;
        z-index: 1000;
        background-color: #fff;
        border-bottom: 1.5px solid #009F86;
    }

    h1 a:link {
        background: none;
        display: none;
    }

    h1.header_logo a:link {
        position: static;
        display: block;
        width: auto;
        height: auto;
    }

    h1.header_logo {
        width: 140px;
        padding-left: 24px;
    }

    h1.header_logo img {
        display: block;
        width: 140px;
    }

    .header_contaner {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 64px;
    }

    /* チェックボックスを非表示にする */
    .drawer_hidden {
        display: none;
    }

    /* ハンバーガーアイコンの設置スペース */
    .drawer_open {
        display: flex;
        height: 64px;
        width: 74px;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 100;
        /* 重なり順を一番上にする */
        cursor: pointer;
    }

    /* ハンバーガーメニューのアイコン */
    .drawer_open span,
    .drawer_open span:before,
    .drawer_open span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background: #009F86;
        transition: 0.5s;
        position: absolute;
    }

    /* 三本線の一番上の棒の位置調整 */
    .drawer_open span:before {
        bottom: 8px;
    }

    /* 三本線の一番下の棒の位置調整 */
    .drawer_open span:after {
        top: 8px;
    }

    /* アイコンがクリックされたら真ん中の線を透明にする */
    #drawer_input:checked~.drawer_open span {
        background: rgba(255, 255, 255, 0);
    }

    /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
    #drawer_input:checked~.drawer_open span::before {
        bottom: 0;
        transform: rotate(45deg);
    }

    #drawer_input:checked~.drawer_open span::after {
        top: 0;
        transform: rotate(-45deg);
    }

    /* メニューのデザイン*/
    .nav_content {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        /* メニューを画面の外に飛ばす */
        z-index: 99;
        background: #fff;
        transition: .5s;
    }

    .nav_list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        list-style: none;
        padding: 0 24px;
        margin-top: 64px;
    }

    .nav_list .nav_item {
        font-size: 16px;
        border: 1.5px solid #009F86;
        background-color: rgba(0, 159, 134, 0.08);
    }

    .nav_list .nav_item a {
        display: flex;
        padding: 8px;
    }

    /* アイコンがクリックされたらメニューを表示 */
    #drawer_input:checked~.nav_content {
        left: 0;
        /* メニューを画面に入れる */
    }

    #container {
        background: none;
        width: 100%;
    }

    #contents {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 24px;
        box-sizing: border-box;
    }

    #menu {
        display: none;
    }

    footer {
        display: none;
    }

    /* 在宅医療ページ */
    .zaitakuiryo .page_ttl_wrapper {
        margin-bottom: 32px;
    }

    .zaitakuiryo h2.page_ttl, .zaitakuiryo-detail h2.page_ttl {
        margin-top: 96px;
        background: url(../images/zaitakuiryo/page_ttl_sp.jpg) no-repeat;
        width: auto;
        height: 43px;
    }

    .zaitakuiryo .entry_ttl_g p {
        text-align: left;
    }

    .zaitakuiryo h3.entry_ttl:before {
        content: none;
    }

    .zaitakuiryo .category-list {
        flex-direction: column;
        gap: 20px;
    }

    .zaitakuiryo .category-list li a {
        width: 100%;
        height: 64px;
        font-weight: 500;
    }

    .zaitakuiryo .news-section h4.information_ttl {
        width: 100%;
        height: 42px;
    }

    .zaitakuiryo .news-section .news-list li a {
        flex-direction: column;
        gap: 8px;
    }

    .zaitakuiryo .service-section {
        margin: 0 calc(50% - 50vw);
        margin-bottom: 32px;
        padding: 32px 24px;
    }

    .zaitakuiryo .service-section .service_list {
        flex-direction: column;
        gap: 20px;
    }

    .zaitakuiryo .service-section .service_list li a {
        justify-content: center;
        width: 100%;
        height: 64px;
        font-weight: 500;
    }

    .zaitakuiryo .contact-section {
        margin: 0 calc(50% - 50vw);
        padding-bottom: 8px;
    }

    .zaitakuiryo .contact-section ul li.copyright {
        position: static;
        display: block;
        font-size: 10px;
    }

    .zaitakuiryo .contact-section ul li:nth-child(4) {
        margin-bottom: 24px;
    }

    /* 在宅医療・介護資源情報検索結果 */
    .zaitakuiryo .post-item {
        width: 100%;
    }

    /* 在宅医療・介護資源情報検索結果_医療機関_詳細ページ */
    .zaitakuiryo-detail table {
        border-bottom: 1px solid #ddd;
    }

    .zaitakuiryo-detail table th, .zaitakuiryo-detail table td {
        display: block;
        width: auto;
        border-bottom: none;
    }

    #container .zaitakuiryo-detail table.week.sp {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    #container .zaitakuiryo-detail table.week.sp th, #container .zaitakuiryo-detail table.week.sp td {
        display: table-cell;
    }

    #container .zaitakuiryo-detail table.week.sp td {
        width: 50%;
    }

    .zaitakuiryo-detail .entry_ttl_note {
        flex-direction: column;
        gap: 0;
    }

    #container .zaitakuiryo-detail table.week_2.sp th, #container .zaitakuiryo-detail table.week_2.sp td {
        display: table-cell;
    }

    #container .zaitakuiryo-detail table.week_2.sp td {
        width: 100%;
    }

    /* 在宅医療_事業・サービスのご案内 */
    /* 出前講座（一般の方） */
    .zaitakuiryo_service_block table th {
        width: auto;
    }

    .zaitakuiryo_service_block table th, .zaitakuiryo_service_block table td {
        display: block;
        text-align: left;
    }

    /* 各種研修会 */
    .zaitakuiryo_service_block table tr td img.table_img {
        width: 300px;
    }

    .zaitakuiryo_service_block table tr td:has(img.table_img) {
        text-align: center;
    }

    /* 様式ダウンロード */
    .zaitakuiryo_service_block .btn_dl_blok {
        flex-direction: column;
        gap: 12px;
    }

    .zaitakuiryo_service_block .btn_dl_blok a {
        width: auto;
    }

    /* 在宅医療機器の貸出について */
    .zaitakuiryo_service_block table.table_kashidashi.sp {
        margin-bottom: 20px;
        width: 100%;
    }

    .zaitakuiryo_service_block table.table_kashidashi tr:first-child>th:first-child, .zaitakuiryo_service_block table.table_kashidashi tr:first-child>th:nth-child(4) {
        width: auto;
    }

    .zaitakuiryo_service_block table.table_kashidashi.sp tr th.head_th {
        background: transparent;
        border: none;
        font-weight: bold;
        margin-bottom: 4px;
    }

    .zaitakuiryo_service_block table.table_kashidashi.sp tr th.head_th.first_th {
        border-top: none;
    }

    .zaitakuiryo_service_block table.table_kashidashi.sp img {
        width: 200px;
    }

    .zaitakuiryo_service_block table.table_kashidashi.sp tr td:has(img) {
        text-align: center;
    }

    /* 人生会議ノート「もしもの時に」 */
    .zaitakuiryo_service_block .zaitakuiryo_service_block_img {
        flex-direction: column;
        align-items: center;
    }

    .zaitakuiryo_service_block .zaitakuiryo_service_block_img p {
        order: 1;
    }

    .zaitakuiryo_service_block .zaitakuiryo_service_block_img img {
        width: 200px;
        order: 0;
    }
}