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

page-feature.css　当院の特徴ページcss

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

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

/*============================================================
 ヘッドライン
*============================================================*/
.page-lower #sec-headline .label {
	width: 24%;
}
.page-lower #sec-headline .info {
	width: 76%;
}

/*============================================================
 詳細
*============================================================*/
#page-feature #sec-detail {
	/* margin-bottom: 24px; */
}

/*============================================================
 効果
*============================================================*/
#page-feature #sec-effect h2 {
	margin-bottom: 72px;
}
#page-feature #sec-effect .combi-block {
	gap: 72px;
}
#page-feature #sec-effect .combi-block .item {
	position: relative;
}
#page-feature #sec-effect .combi-block .item:before {
	content: "";
	position: absolute;
	background-image: url(../images/common/icon-combi.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 28px;
	height: 28px;
	top: 50%;
	transform: translatey(-50%);
	left: -48px;
}
#page-feature #sec-effect .combi-block .item:first-child:before {
	display: none;
}
#page-feature #sec-effect .combi-block .item:last-child {
	width: 320px;
	background: var(--common-color-main);
}
#page-feature #sec-effect .combi-block .item:last-child:before {
	background-image: url(../images/common/icon-equal.svg);
	height: 18px;
}
#page-feature #sec-effect .combi-block .item:last-child p {
	color: #fff;
}


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

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

}

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

    /*============================================================
     効果
    *============================================================*/
	#page-feature #sec-effect h2 {
		margin-bottom: 32px;
	}
	#page-feature #sec-effect .combi-block {
		gap: 24px 72px;
	}
	#page-feature #sec-effect .combi-block .item:last-child {
		width: initial;
	}

}