@charset "utf-8";
/* CSS Document */

/* fukagawa-hp.or.jp
-----------------------------------------------------*/
#title {
    background-image: url("image/title_hospitalization.jpg");
}
#title::before {
    background: #af4535;
}
#title h1 {
    background-image: url("image/title_hospitalization_icon.png");
}
@media screen and (max-width: 640px) {
    #title {
        background-image: url("image/title_hospitalization_sp.jpg");
    }
}

main p strong {
    color: #e93e3e;
}

.btnDownload {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 45px;
    padding: 55px 65px;
    border-radius: 30px;
    background: #f5f5f5;
}
.btnDownload a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 140px;
    padding-left: 100px;
    padding-right: 40px;
    border-radius: 20px;
    background: url("image/icn_download.svg") #fff no-repeat 40px center / 40px auto;
    box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.16);
    border: 2px solid #fff;
    color: #2a2c2d;
    text-decoration: none;
}
.btnDownload a span:first-of-type {
    margin-right: 1em;
    line-height: 1.25;
}
.btnDownload a span:last-of-type {
    white-space: nowrap;
    font-size: 0.875em;
}
@media (hover: hover) {
    .btnDownload a:hover {
        border-color: #bfbfbf;
    }
}
@media screen and (max-width: 1380px) {
    .btnDownload {
        grid-gap: clamp(1.563rem, -1.563rem + 5vw, 2.5rem) clamp(1.25rem, -3.958rem + 8.33vw, 2.813rem);
        padding: clamp(2.188rem, -1.979rem + 6.67vw, 3.438rem) clamp(1.375rem, -7.583rem + 14.33vw, 4.063rem);
    }
    .btnDownload a {
        padding-left: clamp(3.75rem, -4.583rem + 13.33vw, 6.25rem);
        padding-right: clamp(1.125rem, -3.458rem + 7.33vw, 2.5rem);
        background-position: clamp(1.125rem, -3.458rem + 7.33vw, 2.5rem) center;
        background-size: clamp(1.75rem, -0.75rem + 4vw, 2.5rem) auto;
    }
}
@media screen and (max-width: 980px) and (min-width: 801px) {
    .btnDownload a {
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }
}
@media screen and (max-width: 800px) {
    .btnDownload {
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }
    .btnDownload a {
        height: 100px;
    }
}
@media screen and (max-width: 500px) {
    .btnDownload {
        padding: 35px 18px;
        grid-gap: 20px;
    }
}
@media screen and (max-width: 450px) {
    .btnDownload a {
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }
}


#futan th,
#futan td {
    padding: 0.5em 1em;
    line-height: 1.5;
}
#futan thead th {
    text-align: center;
}
#futan tbody tr td:nth-last-child(2) {
    text-align: right;
}
#futan tbody tr td:nth-last-child(3),
#futan tbody tr td:nth-last-child(2) {
    white-space: nowrap;
}
@media screen and (max-width: 700px) {
    #futan th,
    #futan td {
        padding: 0.4em;
        font-size: 0.875em;
    }
}
@media screen and (max-width: 500px) {
    #futan th,
    #futan td {
        /*font-size: 0.75em;*/
    }

}

#other {
    margin-top: 90px;
}
@media screen and (max-width: 1300px) {
    #other {
        margin-top: clamp(2.5rem, 1.233rem + 5.41vw, 5.625rem);
    }
}
