@charset "UTF-8";


/*p-features-col2
------------------------------------------*/
.p-implant .c-slider__four{
	margin-bottom: var(--gap-20);
}


/*special
------------------------------------------*/
.p-implant .p-special-index{
	position: relative;
	font: var(--font-en);
	font-size: min(7.0rem,6.0vw);
	letter-spacing: normal;
	color: #fff;
	text-align: center;
	margin-top: var(--gap-60);
	margin-bottom: var(--gap-80);
	padding-top: .8em;
	padding-bottom: var(--gap-60);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
.p-implant .p-special-index::before{
	position: absolute;
	display: block;
	content: "";
	background: #a3a3a3;
	background-size: 100% auto;
	width: 1px;
	height: .4em;
	top:0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.p-implant .c-bgbox.--blue .c-doc-member .c-catch-fs17,
.p-implant .c-bgbox.--blue .c-doc-member .c-link-under{
	text-align: left;
}
.p-implant .c-bgbox.--blue .c-doc-member .c-link-under a{
	color: #fff;
	border-color:rgba(255,255,255,0);
}
.p-implant .c-bgbox.--blue .c-doc-member > li{
	color: #fff;
	border-color: rgba(255,255,255,0.2);
}
.p-implant .c-bgbox.--blue .c-doc-prof__name dt,
.p-implant .c-bgbox.--blue .c-doc-prof__name dd,
.p-implant .c-bgbox.--blue .c-doc-prof__reki > p{
	color: #fff;
}
.p-implant .c-bgbox.--blue .c-doc-table__list ul li > p:nth-child(1)::before,
.p-implant .c-bgbox.--blue .c-doc-table__col dl dd p::before,
.p-implant .c-bgbox.--blue .c-doc-prof__reki.--col1 li::before{
	background: #fff;
}
.p-implant .c-bgbox.--blue .c-doc-table,
.p-implant .c-bgbox.--blue .c-doc-table th,
.p-implant .c-bgbox.--blue .c-doc-table td{
	border-color: rgba(209,209,209,0.1);
}
.p-implant .c-bgbox.--blue .c-doc-table th{
	background: rgba(248,248,250,0.15);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.p-implant .p-special-index{
	font-size: calc(60 * 0.09rem);
}
}





/*flow
------------------------------------------*/
.p-implant #flow .c-flow-hrz{
	position: relative;
	padding-bottom: 180px!important;
}
.p-implant #flow .c-flow-hrz::before{
	position: absolute;
	display: block;
	content: "";
	background: url(../../images/service/implant/img_flow-another-memo.jpg);
	background-size: 100% auto;
	width: 100%;
	aspect-ratio:1200 / 135;
	bottom: 0;
	left: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.p-implant #flow .c-flow-hrz{
	padding-bottom:17vw!important;
}
.p-implant #flow .c-flow-hrz::before{
	width: 125%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.p-implant #flow .c-flow-hrz{
	padding-bottom: 28vw!important;
}
.p-implant #flow .c-flow-hrz::before{
	width: 235%;
}
}






/*p-implant-index
------------------------------------------*/
.p-implant .p-implant-index{
	background: linear-gradient(to bottom,  rgba(65,91,143,1) 0%,rgba(65,91,143,0.75) 100%);
	text-align: center;
	color: #fff;
	font-size: var(--fs-38)!important;
	font: var(--font-min);
	padding: min(3.5em,8.8vw) 1em min(1.7em,2.5vw);
	box-sizing: border-box;
	margin: 0 auto var(--gap-80);
	width: 97%;
}
.p-implant .p-implant-index span{
	position: relative;
	padding-top: min(2.5em,7.5vw);
}
.p-implant .p-implant-index span::before{
	position: absolute;
	display: block;
	content: "";
	background: url(../../images/service/implant/icon_bone1.svg) no-repeat top center;
	background-size: 100% auto;
	width: min(3.5em,10vw);
	max-width: 130px;
	aspect-ratio:130 / 98;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.p-implant #overdenture .p-implant-index span::before{
	background-image: url(../../images/service/implant/icon_overdenture1.svg);}
.p-implant #extraction .p-implant-index span::before{
	background-image: url(../../images/service/implant/icon_extraction1.svg);}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.p-implant .p-implant-index{
	padding: .6em 0 .9em;
	line-height: 1.4em;
}
.p-implant .p-implant-index span{
	display: block;
	padding-top: 1.8em;
}
.p-implant .p-implant-index span::before{
	width: 2.5em;
}
}