@charset "UTF-8";
/********************************************************************************

page-root-canal-treatment.css　根幹治療ページcss

********************************************************************************/

/*============================================================
 メインビジュアル
*============================================================*/
#page-root-canal-treatment.page-lower #mainvisual.v2 {
	background-image: url(../images/root-canal-treatment/mainvisual-bg.jpg)
}

/*============================================================
 治療の種類
*============================================================*/
#page-root-canal-treatment #sec-menu .data-table {
	margin-bottom: 40px;
}

/*============================================================
 根幹治療に必要な設備・道具
*============================================================*/
#page-root-canal-treatment #sec-need .image-list {
	background: var(--common-color-background2);
	padding: 40px;
	gap: 24px;
}
#page-root-canal-treatment #sec-need .image-list .item {
	width: 42%;
	text-align: center;
}
#page-root-canal-treatment #sec-need .image-list .item .image {
	height: 300px;
	overflow: hidden;
}
#page-root-canal-treatment #sec-need .image-list .item .image img {
	width: 66%;
	height: 100%;
	object-fit: cover;
}
#page-root-canal-treatment #sec-need .image-list .item p {
	color: var(--common-color-main);
}
#page-root-canal-treatment #sec-need .catch-block {
	margin-top: 80px;
}
#page-root-canal-treatment #sec-need ul.disc.lower.grid.col2 {
	grid-template-rows: repeat(2, auto);
}

/*============================================================
 メリット・デメリット
*============================================================*/
#page-root-canal-treatment #sec-merit .block:last-child {
	margin-bottom: 0;
}
#page-root-canal-treatment #sec-merit ul.disc.lower.grid.col2 {
    grid-template-rows: repeat(2, auto);
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1127px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-root-canal-treatment #mainvisual  {
    }

    /*============================================================
     セクション
    *============================================================*/
    #page-root-canal-treatment #sec-セクション名 {
    }
	
	#page-root-canal-treatment #sec-need .image-list {
		gap: 40px;
	}
	#page-root-canal-treatment #sec-need .image-list .item .image img {
		width: 100%;
	}

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-root-canal-treatment #mainvisual  {
    }

    /*============================================================
     セクション
    *============================================================*/
	#page-root-canal-treatment #sec-menu .data-table table th:first-child {
		width: 120px;
	}
	
	#page-root-canal-treatment #sec-need .list-block.style-1 .item .label {
		max-width: 300px;
	}
	#page-root-canal-treatment #sec-need .image-list .item {
		width: 100%;
	}
	#page-root-canal-treatment #sec-need .image-list .item .image img {
		max-width: 300px;
	}
}