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

page-clinic.css　クリニックについてページcss

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

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

#page-clinic #sec-headline .label {
	width: 24%;
}
#page-clinic #sec-headline .info {
	width: 76%;
}

#page-clinic #sec-main .list {
	gap: 48px;
}
#page-clinic #sec-main .list .item {
	transition: all .3s;
	width: calc((100% - 96px) / 3);
}
#page-clinic #sec-main .list .item:hover {
	opacity: 0.7;
}
#page-clinic #sec-main .list .item .image {
	margin-bottom: 14px;
}
#page-clinic #sec-main .list .item h3 {
	font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
    color: var(--common-color-main);
	margin-bottom: 0;
}



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

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

}



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

    /*============================================================
     セクション
    *============================================================*/
	#page-clinic #sec-main .list {
		gap: 40px;
	}
	#page-clinic #sec-main .list .item {
		width: 100%;
	}

}