/* 医院様専用のCSS */
body {
    font-family: "游ゴシック体", "serif";
}
strong{ font-weight: bold;}

.logo {
    width: 300px;
}
.tel {
    background-color: #a7a7a7;
}
/*お知らせ*/
.info-wrap {
    max-width: 600px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0 24px;
    margin: 40px auto 120px;
    padding: 0 0 0 16px;
    height: 152px;
    border: 1px solid;
    box-sizing: border-box;
}
.info-table-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding: 16px 16px 16px 0;
    overflow-y: scroll;
    box-sizing: border-box;
}
.info-table-wrap p {
    width: 100%;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid;
}
/*特徴*/
.feature {
    display: flex;
    background: linear-gradient(90deg, transparent 0%, transparent 40%, #000 40%, #000 100%);
    width: 100%;
    margin-top: 80px;
}

.feature-image img {
    transform: none;
}
.feature-title {
    width: 50%;
    position: absolute;
    top: 0;
    left: 40%;
    text-align: center;
    text-shadow: 0 0 4px rgb(0 0 0 / 0.8), 0 0 8px rgb(0 0 0 / 0.6), 0 0 12px rgb(0 0 0 / 0.6);
}
.feature-title .section-title, .feature-title .section-title span {
    color: #fff !important;
}
.feature-even {
    padding-left: 0px;
}
/*診療内容*/
.care-bg {
    background-color: #000;
}
.care-item {
    width: 18%;
}
.content-inner,
.care-inner {
				max-width: 1520px;
				width: 80%;
				margin: 0 auto;
				padding-top: 80px;
}

.care-bg {
				position: absolute;
				left: 0;
				width: 100%;
				height: 15%;
				top: 25%;
				z-index: -1;
				background-color: #000;
}

.care-content {
				display: flex;
				justify-content: space-between;
				position: relative;
				max-width: 920px;
				margin: 30px auto;
				text-align: center;
}

.care-item {
				display: block;
				width: 18.8%;
				box-shadow: 0 3px 6px #707070;
				border-radius: 30px;
				text-align: center;
				background-color: #fff;
				margin: 15px 0;
				vertical-align: top;
}

				.care-item a {
								display: block;
				}

.care-image {
				width: 50%;
				margin-bottom: 24px;
}

.care-heading {
				padding: 24px 0 24px;
				color: #000;
				font-size: 90%;
}

/*フッター*/
.footer-addres {
    box-shadow: 0px 3px 6px #000;
    padding: 25px 50px 50px 70px;
    text-align: center;
    background: #000;
    color: #fff;
}
.footer-bottom {
    background-color: #000;
    color: #fff;
    text-align: center;
}
/*トップスマホ*/
@media screen and (max-width: 768px) {
    .mv img {
        width: 100vw;
        height: 64vw;
        object-fit: cover;
    }
        .info-wrap {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 2vw 0;
        margin: 16vw auto 36vw;
        padding: 4vw 0;
        height: 48vw;
        overflow-y: scroll;
        box-sizing: border-box;
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-left: 0;
        border-right: 0;
    }
        .feature {
        display: block;
        background: #000;
        width: 100%;
        margin-top: 80px;
    }
        .feature-title {
        width: 50%;
        position: absolute;
        top: -70%;
        left: 24%;
        text-align: center;
    }
    				.care-content {
								flex-wrap: wrap;
								justify-content: center;
								gap: 0 4vw;
				}
    				.care-item {
								width: 44%;
								margin: 0 0 4vw;
								min-height: 200px;
				}

				.care-image {
								width: 50%;
				}

				.care-bg {
								position: absolute;
								left: 0;
								width: 100%;
								height: 55%;
								bottom: 20%;
								z-index: -1;
								background-color: #707070;
				}
    .care-bg {
        position: absolute;
        left: 0;
        width: 100%;
        height: 28%;
        top: 20%;
        z-index: -1;
        background-color: #707070;
    }
        .footer-addres {
        width: 230px;
        box-shadow: 0px 3px 6px #000;
        padding: 25px 30px;
        text-align: center;
        margin: 0 auto;
    }
}

/*下層*/
.link-btn {
    display: block;
    position: relative;
    z-index: 5;
    width: 200px;
    margin: 0 auto;
    padding: 8px 0;
    background: #fff;
    color: #222;
    text-align: center;
    transition: all ease-out .25s;
}
@media screen and (max-width: 768px) {
    .link-btn {
        display: block;
        position: relative;
        z-index: 5;
        width: 72%;
        margin: 0 auto;
        padding: 8px 0;
        background: #fff;
        color: #222;
        text-align: center;
        transition: all ease-out .25s;
    }
}
.content .content-list .item .item-img img {
    border-radius: 8px;
}