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

page-prosthetic-treatment.css　補綴治療ページcss

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

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

/*============================================================
 セクション共通
*============================================================*/
#page-prosthetic-treatment .section {

}

/*============================================================
 補綴治療メニュー
*============================================================*/
#page-prosthetic-treatment #sec-menu .bg-color {
	margin-bottom: 80px;
}
#page-prosthetic-treatment #sec-menu ul.disc.grid.col2 {
	grid-template-rows: repeat(2, auto);
}
#page-prosthetic-treatment #sec-menu ul.disc.grid.row1 {
	grid-template-rows: repeat(1, auto);
}
#page-prosthetic-treatment #sec-menu ul.disc.grid.row3 {
	grid-template-rows: repeat(3, auto);
}

/*============================================================
 費用
*============================================================*/
#page-prosthetic-treatment #sec-cost .data-list .item .label {
	width: 200px;
}
#page-prosthetic-treatment #sec-cost .data-list .item .data {
	width: calc(100% - 224px);
}


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

    /*============================================================
     セクション
    *============================================================*/
    #page-prosthetic-treatment #sec-セクション名 {
    }

}



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

    /*============================================================
     費用
    *============================================================*/	
	#page-prosthetic-treatment #sec-cost .data-list .item .label {
		width: 100%;
	}
	#page-prosthetic-treatment #sec-cost .data-list .item .data {
		width: 100%;
	}

}