/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2024 | 02:48:41 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

.top-treatment-list {
}
.top-treatment-list__inner {
	max-width: 1180px;
	margin-inline: auto;
}
.cb_free_space.num5 .top-treatment-list__title {
	margin-bottom: 80px;
}

.cb_free_space.num5 .post_content::before {
	position: absolute;
	content: "";
	bottom: 0;
	right: 10vw;
	width: 698px;
	height: 1220px;
	/*background: url(http://ontakesanhifuka.web-craft-studio-test.site/wp-content/uploads/2024/06/bg-flower03-2.png) no-repeat center center / contain;*/
	opacity: 0.2;
	z-index: -1;
}

.top-treatment-list__content-title {
	padding-left: 90px !important;
}

.top-treatment-list__box {
	margin-top: 40px;
	display: flex;
	gap: 2%;
}
.top-treatment-list__list {
	list-style: none !important;
}
.top-treatment-list-box--flex {
	display: flex;
	flex-direction: column;
	width: 32%;
}
.top-treatment-list__item {
	position: relative;
	padding-left: 24px;
	
	&::before {
		position: absolute;
		content: "";
		top: 12px;
		left: 0;
		display: inline-block;
		vertical-align: middle;
		color: #B70C5E;
		line-height: 1;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent;
		border-width: 0.375em 0.64952em;
		border-left-color: currentColor;
		border-right: 0;
	}
}
.top-treatment-list__link {
	color: #B70C5E !important;
	border-bottom: 1px solid #B70C5E !important;
	transition: all 0.5s ease 0s;
	font-weight: bold;
}

.top-treatment-list__link:hover {
	border-bottom: none !important;
	text-decoration: none !important;
	color: #C0AB9A !important;
}

.top-treatment-list__content-wrapper {
    display: flex;
	margin-top: 64px;
	gap: 2%;
}

.dermatology-allergology__title {
    position: relative;
	padding-left: 89px;

    &::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
        background: url(http://ontakesanhifuka.web-craft-studio-test.site/wp-content/uploads/2024/06/icon06-1.png) no-repeat center center / contain;
    }
}
.pediatric-dermatology__title {
    position: relative;
	padding-left: 89px;

    &::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
        background: url(http://ontakesanhifuka.web-craft-studio-test.site/wp-content/uploads/2024/06/icon07-1.png) no-repeat center center / contain;
    }
}
.dermatology-surger__title {
    position: relative;
	padding-left: 89px;

    &::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
        background: url(http://ontakesanhifuka.web-craft-studio-test.site/wp-content/uploads/2024/06/icon08-1.png) no-repeat center center / contain;
    }
}
.cosmetic-dermatology__title {
    position: relative;
	padding-left: 89px;
	
	&::before {
	    position: absolute;
        content: "";
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
        background: url(http://ontakesanhifuka.web-craft-studio-test.site/wp-content/uploads/2024/06/icon03-2.png) no-repeat center center / contain;
}
}

.top-treatment-list__title {
    position: relative;
}

.columns-3 {
	width: 32%;
}

.top-treatment-list__list {
	margin-left: 0 !important;
}

/* レスポンシブ */
@media screen and (max-width: 767.9px) {
	.top-treatment-list-box--flex {
		display: block;
		width: 100%;
	}
	
	.top-treatment-list__box {
		display: block;
		width: 100%;
	}
	
	.colmun-3 {
		display: none;
	}
	
	.top-treatment-list__content-wrapper {
		flex-direction: column;
		gap: 80px;
	}
	
	.columns-3 {
		width: 100%;
	}
	
	.cb_free_space.num5 .post_content::before {
	bottom: 30%;
	left: 50%;
	transform: translatex(-50%);
}
}

.top-treatment-list__item span {
	font-size: 10px;
	color: #000 !important;
	display: inline-block;
}

.top-treatment-list__list--second {
	margin:0 2%;
}