@charset "UTF-8";

.contentpage .m_img {
	background-image: url("../images/implant/m_img@2x.jpg");
}
/*---------------------------------------------------------
nayami
---------------------------------------------------------*/
#nayami {
	position: relative;
	background: linear-gradient(to top, #F7F4F4 85%, transparent);
}
#nayami::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: min(6vw,90px);
	background: linear-gradient(to top, #EEEDEC, #F7F4F4);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	left: 0;
	top: calc(100% - 1px);
}
/* nym_tit */
.nym_tit {
	position: relative;
	max-width: max-content;
	text-align: center;
	font-size: min(250%,3.4vw);
	letter-spacing: .08em;
	line-height: 1.3;
	background-color: #FFF;
	padding: 1.2em 2em .5em;
	border-radius: 1em;
	box-shadow: 0 1.5em 30px -1.5em rgba(0,0,0,0.1);
	margin: 0 auto 1em;
}
.nym_tit::before {
	position: absolute;
	display: block;
	content: "";
	background-color: inherit;
	width: .6em;
	height: .5em;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	left: 50%;
	top: calc(100% - 1px);
	translate: -50% 0;
}
.nym_tit > span {
	color: #6195C1;
	font-size: 167%;
	letter-spacing: .08em;
	vertical-align: -0.1em;
	margin: 0 .2em;
}
.nym_tit > span > span {
	position: relative;
}
.nym_tit > span > span::before {
	position: absolute;
	content: "、";
	text-align: center;
	font-size: 76%;
	letter-spacing: normal;
	line-height: 1.2;
	left: 60%;
	bottom: 100%;
	translate: -50% 0;
}
/* nym_list */
.nym_list {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(4,min(250px,23%));
	max-width: 1142px;
	margin: 0 auto;
}
.nym_list > li {
	filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));
	transform: translateZ(0);
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.nym_list > li:nth-of-type(even) {
	margin-top: 14%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#nayami {
	padding-bottom: 4%;
}
#nayami::before {
	height: 8vw;
}
/* nym_tit */
.nym_tit {
	font-size: 120%;
	padding-bottom: .8em;
}
.nym_tit::before {
	width: 1em;
	height: .8em;
}
/* nym_list */
.nym_list {
	grid-template-columns: repeat(2,48%);
}
.nym_list > li:nth-of-type(even) {
	margin-top: 10%;
}
}
/*---------------------------------------------------------
about
---------------------------------------------------------*/
#about .com_style2_txt {
	text-align: center;
	margin-bottom: 2.2em;
}
#about .com_style2_txt .dot_kira {
	background-image: url(../../images/common/dot_kira_ppl.svg);
	background-size: auto 0.325em;
}
#about .com_btn1 a {
	background-color: #9C87C1;
}
#about .com_flt .img_l {
	max-width: 445px;
}
/* com_arc_box */
#about .com_arc_box {
	background-color: #F5F3F9;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 526" preserveAspectRatio="none"><path fill="%23FFFFFF" d="M50,263C50,100.5,0,0,0,0l0,263v0l0,263C0,526,50,425.5,50,263L50,263L50,263L50,263L50,263z" /></svg>'),url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 526" preserveAspectRatio="none"><path fill="%23FFFFFF" d="M0,263L0,263L0,263L0,263c0,162.5,50,263,50,263V263l0,0V0C50,0,0,100.5,0,263L0,263z" /></svg>');
}
#about .com_arc_box::before,
#about .com_arc_box::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 75" preserveAspectRatio="none"><path fill="%23F5F3F9" d="M699.9998776,0C267.5114353,0,0,75,0,75H1400S1132.4885647,0,700.0001224,0h-.0002448Z,263L50,263L50,263L50,263L50,263z" /></svg>');
}
/* abo_title */
#about .abo_title {
	position: relative;
	max-width: max-content;
	text-align: center;
	font-size: min(4.5vw,318%);
    letter-spacing: .08em;
    line-height: 1.2;
	padding-right: 2.2em;
	margin: 0 auto .8em;
}
#about .abo_title .ppl {
	font-size: 152%;
	vertical-align: -0.1em;
}
#about .abo_title .com_fuki_dash {
	position: absolute;
	font-size: 52%;
	rotate: -15deg;
	left: -2em;
	top: -1em;
}
#about .abo_title::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/implant/abo_abs@2x.png) no-repeat;
	background-size: contain;
	width: 2.2em;
	height: 4em;
	left: 0;
	right: 0;
	top: -3.3em;
	margin: auto;
}
#about .abo_title::after {
	position: absolute;
	display: inline-block;
	content: "";
	background: url(../images/implant/q_mark.svg) no-repeat;
	background-size: contain;
	width: 2em;
	height: 2.8em;
	right: 0;
	bottom: .2em;
}
#about .abo_title .ft_jos {
	position: absolute;
	color: rgba(170,154,193,0.12);
	font-size: 126%;
	letter-spacing: .1em;
	line-height: 1;
	left: 0;
	right: 0;
	top: -1.7em;
	margin: auto;
}
/* ccl_list */
#about .ccl_list {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(5,17.6%);
}
#about .com_ccl_txt {
	color: #FFF;
	font-size: min(1.8vw,150%);
	background-color: rgba(255,255,255,0.2);
	width: 9.5m;
	height: 9.5em;
	min-width: 9.5em;
	min-height: 9.5em;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#about .com_ccl_txt::before {
	position: absolute;
	content: "";
	background-color: #9C87C1;
	width: 78%;
	height: 78%;
	inset: 0;
	margin: auto;
	border-radius: 50%;
}
#about .com_ccl_txt p {
	position: relative;
}
/* line_t */
#about .line_t {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1130px;
	padding-top: 30px;
	margin: 70px auto 0;
	border-top: 1px solid currentColor;
}
#about .line_t::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e811';
	width: 2em;
	text-align: center;
	color: #9C87C1;
	font-size: 200%;
	font-weight: normal;
	background-color: #F5F3F9;
	left: 50%;
	top: 0;
	translate: -50% -50%;
}
#about .line_t .ft_min {
	font-size: min(156%,2.4vw);
	letter-spacing: .1em;
	line-height: 1.7;
}
#about .pose {
	max-width: 110px;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#about .com_flt .img_l {
	width: 35%;
}
#about .com_flt .txt_r {
	width: 61%;
}
#about .com_arc_box {
    width: 92%;
    padding: 60px 0;
    margin: 0 auto;
}
#about .com_arc_box .abo_inbox {
	width: 108%;
	margin-left: -4%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#about .com_style2_txt {
	margin-bottom: 1em;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#about .com_style2_txt {
	margin-bottom: .5em;
}
/* com_arc_box */
#about .com_arc_box {
	padding-top: 10%;
}
/* abo_title */
#about .abo_title {
	font-size: 130%;
}
/* ccl_list */
#about .ccl_list {
	display: flex;
	/* justify-content: center; */
	flex-wrap: wrap;
}
#about .com_ccl_txt {
	font-size: 74%;
}
#about .com_ccl_txt:nth-of-type(4) {margin-left: 16.5%;}
#about .com_ccl_txt:nth-of-type(5) {margin-right: 16.5%;}
/* line_t */
#about .line_t {
	display: grid;
	justify-content: space-between;
	grid-template-columns: 70% 28%;
	padding-top: 6%;
	margin-top: 8%;
}
#about .line_t::before {
	font-size: 160%;
}
#about .line_t .ft_min {
	font-size: 110%;
	letter-spacing: .05em;
}
}
/*---------------------------------------------------------
med_rsn
---------------------------------------------------------*/
.med_rsn .rsn_bg::before {
	background-image: url(../images/implant/poi_bg@2x.png) ;
}
.med_rsn .com_flt:nth-of-type(1) .img_r .abs_txt {
	width: 65%;
	max-width: 430px;
	margin: 0;
}
.rsn_list > li:nth-of-type(4) .box_img .abs_txt {
	position: absolute;
	width: 57%;
	max-width: 290px;
	right: 4%;
	bottom: -10%;
}
/* rsn_title */
.med_rsn .rsn_title img {
	width: 66%;
	max-width: 730px;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_rsn .com_flt:nth-of-type(1) .img_r .abs_txt {
	margin: -34% 0 auto auto;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_rsn .rsn_bg::before {
	width: 80%;
}
/* rsn_title */
.med_rsn .rsn_title img {
	width: 95%;
}
.med_rsn .rsn_title .ft_jos {
	margin-left: 3em;
}
.med_rsn .com_flt:nth-of-type(1) .img_r .abs_txt {
	position: absolute;
	right: 0;
	bottom: -22%;
}
}
/*---------------------------------------------------------
compare
---------------------------------------------------------*/
.compare .box_img {
	width: 60%;
	max-width: 240px;
	margin: 0 auto 1em;
}
.compare .box_img img {
	border-radius: 50%;
}
.compare > div > dl {
	text-align: center;
}
.compare > div > dl > dd {
	line-height: 1.8;
}
.compare .med_mer_dem {
	margin-top: 1.5em;
}
.compare .med_mer_dem > dl:last-of-type {
	margin-top: 10px;
}
.compare .med_mer_dem {
	display: block;
}
.compare .med_mer_dem > dl {
	width: 100%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.compare {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(3,32.5%);
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.compare .box_img {
	width: 40%;
}
.compare > div:not(:last-of-type) {
	margin-bottom: 8%;
}
.compare .com_style2 > dt {
	font-size: 140%;
}
}
/*---------------------------------------------------------

---------------------------------------------------------*/

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