@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
    /*===　がん治療センター================================================*/
    .huku-dc_img {
        width: 50%;
        height: 100%;
    }
    .huku-dc_list li {
        width: 50%;
        gap: 10px;
    }
    .yaku_dc-wrap p {
        font-size: 100%;
    }
}
@media screen and (max-width: 1100px) {
    .sub_link-btn-oren {
        max-width: 80%;
        border-radius: 60px;
    }
    /*===　がん相談支援センター================================================*/
    .center-greeting_wrap::before {
        background-size: 80%;
    }
    .aten-voice_wrap .aten-voice {
        font-size: 120%;
        line-height: normal;
    }
    .soudan_wrap .soudan-route {
        margin: 0 auto;
        padding: 10px;
        flex-flow: column;
    }
    .soudan_box {
        width: 100%;
    }
    .soudan_box::after {
        width: 100%;
        height: 2px;
        top: auto;
        bottom: -12%;
        left: 0;
    }
    /*===　がんとくらし　============================*/
    #sub-life .download-wrap {
        max-width: 100%;
    }
    #sub-life .sub_link-btn-oren {
        width: 100%;
    }
}
@media screen and (max-width: 960px) {
    .box-txt, #medical_list .box-txt {
        font-size: 85%;
    }
    .cancer-download_list li {
        width: calc(30% - -10px);
    }
    /*お問合せ・アクセス==================================*/
    #sub-access .annai_wrap {
        align-items: flex-start;
        flex-flow: column;
        gap: 32px;
    }
    #sub-access .annai-img {
        width: 100%;
    }
    #sub-access .googlemap-wrap {
        width: 100%;
        height: 290px;
    }
    .download-wrap {
        gap: 8px 0;
    }
}
@media screen and (max-width: 700px) {
    /*共通================================================*/
    .sub_link-btn-oren {
        max-width: 100%;
        border-radius: 60px;
    }
    .sub_link-btn-oren p {
        width: 85%;
        font-size: 85%;
    }
    .three-title p {
        font-size: 90%;
    }
    #active-list .list_ore-number li p {
        width: 93%;
    }
    /*サブナビ================================================*/
    .arrow-link_w, .arrow-link_o, .arrow-link_f {
        width: 25px;
        height: 25px;
    }
    /*お知らせ================================================*/
    #news-article .news-day {
        font-size: 80%;
    }
    .news-year-selector {
        width: 98%;
    }
    .newsmenu-select {
        padding: 4px 16px 4px 4px;
        font-size: 90%;
        border: 2px solid #FC6821;
        border-radius: 3px;
    }
    .news-list_wrap {
        margin: 20px auto 0;
        padding: 10px;
        min-height: 300px;
    }
    .news-content {
        padding: 30px 10px;
    }
    .news-list-title {
        font-size: 90%;
        line-height: 170%;
    }
    .list-news_box p {
        font-size: 80%;
    }
    .new-list-box {
        width: 100%;
    }
    .new-list-box li {
        display: flex;
        flex-flow: column;
    }
    .list-news_box {
        width: 100%;
        min-width: 0;
        padding: 0px;
        margin: 0px 10px 0px 0px;
    }
    .news-content .news-day {
        font-size: 80%;
    }
    .news-content .news-category, .news-content .event-category, .news-content .active-category, .news-content .doctor-category {
        font-size: 80%;
    }
    .news-list-link a {
        font-size: 90%;
    }
    .point-soudan {
        font-size: 110%;
    }
    .three-title_w {
        font-size: 100%;
    }
    .new-list-box .img-news img {
        width: 100%;
        max-width: 350px;
        max-height: 190px;
        height: auto;
    }
    /*===　先生のname================================================*/
    .sub_center-name {
        align-items: center;
        flex-flow: column;
        justify-content: center;
        gap: 10px;
    }
    .name-wrap_dc {
        align-items: center;
    }
    .dc-name-img {
        width: 80%;
        margin: 0 auto;
    }
    .dc-name-img img {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        display: block;
        border-radius: 5px;
    }
    /*===　がん治療センター================================================*/
    .center-greeting_wrap {
        margin: 20% auto 0px;
    }
    .cen_sp-img-top, .cen_sp-img-btm {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }
    .messa-txt::after {
        width: 100%;
        height: 90px;
        top: auto;
        bottom: 0;
    }
    .cen_sp-img-top img, .cen_sp-img-btm img {
        width: 100%;
        max-width: 220px;
        display: flex;
        align-items: center;
    }
    .cen_sp-img-top {
        top: -6%;
        left: 0;
    }
    .cen_sp-img-btm {
        bottom: -13%;
        left: 0;
    }
    .message-wrap img {
        width: 80%;
        max-width: 300px;
        min-width: 80%;
        margin: 40% auto 0;
        display: block;
    }
    .center-greeting_wrap {
        width: 100%;
        height: 610px;
    }
    .center-greeting_wrap .main-dc {
        width: 100%;
        height: 600px;
        object-position: 64% 0%;
        object-fit: cover;
    }
    .center-greeting_wrap::before {
        background-size: 100%;
        background-image: url("../img/sub/message_top-sp.svg"), url("../img/sub/message_btm-sp.svg");
    }
    .message-wrap {
        width: 90%;
    }
    .messa-txt {
        font-size: 85%;
        text-align: left;
    }
    .huku-dc_list {
        flex-flow: column;
    }
    #sub-center .sp-none {
        display: none;
    }
    .huku-dc_list {
        flex-flow: column;
    }
    .huku-dc_list li {
        width: 100%;
        flex-flow: column;
        gap: 10px;
    }
    .huku-dc_img {
        width: 80%;
        margin: 0 auto;
        max-width: 320px;
        border-radius: 5px;
    }
    .yaku_dc-wrap {
        justify-content: center;
        margin: 0;
        gap: 8px;
    }
    .yaku_dc-wrap img {
        width: 40px;
        height: 40px;
    }
    .name_dc, .yaku_dc, .name_dc span {
        margin: 0 auto;
        text-align: center;
    }
    .more-btn {
        padding: 8px;
        font-size: 80%;
    }
    #ab-toggle {
        display: none;
    }
    .more-btn {
        width: 100%;
        max-width: 300px;
        margin: 20px auto 0;
        padding: 10px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        color: #333;
        background-color: #FFDCC7;
        cursor: pointer;
        transition: 0.5s;
        border-radius: 50px;
    }
    .more-content {
        margin-top: 0px;
        display: none; /* 最初は隠す */
        padding: 20px 0;
    }
    .more-btn:hover {
        background-color: #FFDD90;
    }
    .more-btn::after {
        content: "詳細を見る";
    }
    #ab-toggle:checked ~ .more-content {
        display: block;
    }
    #ab-toggle:checked ~ .more-btn::after {
        content: "閉じる";
    }
    .pdcacycle_wrap {
        gap: 40px 40px;
    }
    .pdcacycle_wrap li {
        width: calc(90% - 0px);
        margin: 0 auto;
    }
    .pdca-title {
        width: 90%;
    }
    /*===　がん相談支援センター================================================*/
    .soudan_wrap .soudan-route_wrap h3 {
        margin: 10px 0 0;
        font-size: 100%;
    }
    .soudan_wrap, .soudan_wrap .soudan-route_wrap {
        padding: 10px;
        border-radius: 5px;
    }
    .soudan_wrap .staff-voice {
        margin: 20px 0 0 0;
        line-height: 160%;
    }
    .aten-voice_wrap img {
        margin: 10px 0;
        width: 80px;
    }
    .soudan_box .box-title {
        width: 100%;
        padding: 1px;
    }
    .soudan-title {
        margin: 10px 0px;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }
    .soudan_wrap .aten-cap {
        width: 90%;
        margin: 10px auto;
        padding: 4px
    }
    .soudan-open_wrap .soudan_day-time {
        flex-flow: column;
    }
    .soudan-open_wrap .soudan_day-time span {
        width: 100%;
        font-size: 80%;
    }
    .soudan-line_flex {
        flex-flow: column;
    }
    .hidamari-time_wrap .aten-cap {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        line-height: 190%;
    }
    .rp_wrap, .img_wrap img {
        width: 100%;
    }
    .img_wrap {
        width: 90%;
        margin: 20px auto 0;
    }
    .rp_wrap img {
        max-width: 140px;
    }
    .rp_wrap .aten-cap {
        width: 90%;
        padding: 4px;
        line-height: 180%;
    }
    .soudan_wrap .soudan-route .box-txt, .hidamari-time_wrap .box-txt {
        color: #46220E;
        text-decoration: none;
        align-items: baseline;
        font-size: 90%;
    }
    .soudan_wrap .soudan-route .box-txt_mini {
        font-size: 75%;
    }
    /*部門紹介================================================*/
    .dept-list-box {
        margin: 0 0 20px 0;
        flex-flow: column;
    }
    .dept-list-box .dept-title {
        text-align: center;
    }
    .dept-wrap .dept-list {
        padding: 20px;
    }
    .dept-btn_wrap {
        display: flex;
        flex-flow: column;
        gap: 14px;
        flex-wrap: nowrap;
    }
    .dept-btn_wrap li {
        width: 100%;
    }
    .dept-btn_wrap a {
        padding: 10px;
    }
    .dept-wrap .dept-list::before {
        height: 54px;
        top: 6px;
    }
    /*リハビリ================================================*/
    .txt-right {
        font-size: 80%;
    }
    /*部会紹介================================================*/
    .gankyogikai_img-wrap {
        width: 100%;
    }
    .bukai_list .bukai_list-itam .bukai-link {
        width: 80%;
        padding: 10px 20px;
    }
    .bukai_list .bukai_list-itam p {
        text-align: left;
    }
    .bukai_list .bukai_list-itam .bukai-link {
        font-size: 80%;
    }
    .bukai-title {
        font-size: 100%;
    }
    /*がん協議会-放射線部会================================================*/
    #housyasen-tb .sp-title {
        padding: 0.5rem;
        letter-spacing: 0.3rem;
        writing-mode: vertical-rl;
        text-orientation: upright;
    }
    .hp-tel_wrap {
        flex-flow: column;
    }
    .sekizui_wrap, .hanso_flow-list {
        flex-flow: column;
    }
    .hanso_flow-list li {
        width: 98%;
    }
    .hanso_flow-list li::after {
        right: 45%;
        bottom: -31px;
        top: auto;
        transform: rotate(90deg);
    }
    .b-tel {
        pointer-events: all;
    }
    .aten-cap {
        width: 90%;
        max-width: 510px;
        padding: 8px;
    }
    /*キャンサーボード================================================*/
    .cancer-download_list {
        gap: 20px 10px;
    }
    .cancer-download_list li {
        width: calc(43% - -10px);
    }
    .cancer-download_list li a {
        font-size: 80%;
        padding: 7px 10px;
    }
    .medical_list .box-txt {
        font-size: 85%;
    }
    /*お問合せ・アクセス==================================*/
    #contact .open_list {
        margin: 10px 0 0 0;
        flex-flow: column;
        gap: 0px;
        font-size: 85%;
    }
    #contact .openroute_list {
        width: 100%;
        margin: 20px 0 0;
        flex-flow: column;
        gap: 0;
    }
    #contact .openroute_list li img {
        width: 25px;
        height: 25px;
    }
    #contact .openroute_list li p {
        width: 80%;
        margin: 0;
        padding: 0;
    }
    #contact .openroute_list li {
        display: flex;
        flex-flow: column;
    }
    #contact .openroute_list li::after {
        display: none;
    }
}