@charset "utf-8";
img{ max-width:100%;}

.photo{text-align:center;}

/*「レノーヴァ」の特長*/
div.features{ display:flex; flex-wrap:wrap; gap:20px 10px; width:100%; margin-bottom:24px;}
div.features dl{width:calc(100% / 4 - 10px); display:flex; align-items: center; padding:0; margin-top:12px;}
div.features dl dt{color:#000066; font-weight:bold;}
div.features dl dt span{display:block;}
div.features dl dt span.bl{display:block;}
div.features dl img{max-width:none; width:auto;}
div.features dl a{color:#176FB7;}
div.features dl a:after{content:"▼";}


/*レノーヴァはこんな方の治療に適しています*/
div.adaptation{ border:2px solid #333399; padding:18px 18px 0; border-radius:12px;}
div.adaptation h3{ color:#333399; border:none; padding-left:0;}

ul.adap_list{list-style:none; margin:12px 0 0;}
ul.adap_list li{position: relative; font-weight:bold; vertical-align:middle; padding:8px 0; padding-left:30px; margin-bottom:12px;} 
ul.adap_list li:after{
    content: "";
    position: absolute;
    top: 0.35em;
    left:9px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width:6px;
    height:13px;
    border-right:3px solid #FFFFFF;
    border-bottom:3px solid #FFFFFF;
}
ul.adap_list li:before{
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width:23px;
    height:23px;
    border: 1px solid #999999; background-color:#999999;
    border-radius: 2px;
}


/*自然な勃起を促す根治治療が行える*/
/*「レノーヴァ」の仕組み*/
div.contrivance{ display:flex; justify-content:center; gap:20px; margin-top:12px;}
ul.contrivance_list{ list-style:none;}
ul.contrivance_list li{padding:12px; border:2px solid #009999; background-color:#F7FBFB; border-radius:12px; text-align:center;}
ul.contrivance_list li.arrow {
  padding:0; border:none; background:none;
  width: 73.5px; margin:6px auto;
  height: 14px;
  background: #009999;
  clip-path: polygon(0 -162.6%, 50% -162.6%, 50% 0, 50% 0, 50% -162.6%, 100% -162.6%, 50% 100%);
}
ul.contrivance_list li:last-child{border:none; background:none; font-size:1.2em;}

/*治療後の制限はない*/
dl.no_restrictions{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-weight:bold; width:100%; margin:12px auto;}
dl.no_restrictions dt, dl.no_restrictions dd{padding:8px; }
dl.no_restrictions dt{ background-color:#C7DFEF; text-align:center; position: relative; color:#003399;}
dl.no_restrictions dd{margin-right:12px;}
dl.no_restrictions dt:after {
	content: '';
	position: absolute;
	top: 25%;
	right:-6px;
	display: block;
	width:26px;
	height:26px;
	margin-top: -4px;
	background: #C7DFEF;
  clip-path: polygon(0 50%, 63.2% 50%, 63.2% 0, 100% 50%, 63.2% 100%, 63.2% 50%, 0 50%);
}


/*治療のステップ*/
dl.step p{margin-bottom:12px;}
dl.step dt, dl.step dd{margin:12px 0;}
dl.step dt{border:1px solid #999999; padding:8px; clear:both; font-size:1.1em; font-weight:bold;}
dl.step dd:after{ content:""; clear:both; display:block; margin-bottom:30px;}
dl.step dd div.photos{display:flex;}
dl.step dd div.photos img{width:auto; max-width:none;}

dl.step ul{display:flex; list-style:none; gap:12px; margin:12px 0;}
dl.step ul a{display:block; background-color:#BCE2E8; padding:8px; border-radius:30px; color:#336600; text-decoration:none;}
dl.step ul a:hover{background-color:#A5E2CD;}

/*治療のモデルスケジュール*/
.schedule{border:2px solid #CCCCCC; border-radius:20px; padding:12px;}
.schedule h3{text-align:center;}
.schedule strong{display:block; font-size:1.6em; text-align:center;}
.schedule p.pc_illust{text-align:center;}

.schedule ul{list-style:none; text-align:center; display:none;}
.schedule ul span{color:#003366;}
.schedule li:nth-child(1){ background-color:#91BCB3;}
.schedule li:nth-child(2){ background-color:#B1B3CC;}
.schedule li:nth-child(3){ background-color:#E4A0B7;}
.schedule li:nth-child(4){ background-color:#AAA1A4;}
.schedule li{ margin-bottom:30px; padding:12px; position: relative; border-radius:20px; border:6px double #FFFFFF; color:#FFFFFF; }
.schedule li:after {
	content: '';position: absolute; right:42.5%;
	bottom:-32px;
	display: block;
	width:73px;
	height:22px;
	background: #CCCCCC;
  clip-path: polygon(0 -162.6%, 50% -162.6%, 50% 0, 50% 0, 50% -162.6%, 100% -162.6%, 50% 100%);
}
.schedule li:nth-child(4):after{ background:none;}

/*Q&A*/
dl.faq dt, dl.faq dd{padding:12px 0; margin:12px 0;}
dl.faq dt{color:#003366; font-weight:bold;}
dl.faq dd{text-indent:-46px; padding-left:46px; padding-bottom:24px;}
dl.faq dt:before{ content:"Q"; background-color:#003366; color:#FFFFFF; font-weight:bold; padding:12px; margin-right:12px; border-radius:6px;}
dl.faq dd:before{ content:"A"; background-color:#99CCFF; padding:12px; margin-right:12px; border-radius:6px;}

/*治療費*/
table.price{margin:12px auto; font-size:120%;}
table.price th, table.price td{border-bottom:1px solid #CCCCCC; padding:12px; text-align:right;}
table.price tr.tax td{text-align:right; font-size:0.8em; padding:2px 12px; border:none;}

@media screen and (max-width:920px) {
div.features dl{width:calc(100% / 3 - 10px);}
div.contrivance{display:block;}
}

@media screen and (max-width:720px) {
div.features dl{width:calc(100% / 2 - 10px);}

dl.step dd div.photos{display:block;}
dl.step dd div.photos .photo{text-align:center;}

dl.no_restrictions{display:block; flex-wrap:wrap; justify-content:normal; align-items:center; font-weight:bold; width:auto; margin:12px auto;}
dl.no_restrictions dt{float:left; width:16%; margin-right:12px;}
dl.no_restrictions dd{margin-right:0; margin-top:12px; margin-bottom:12px;}
}

@media screen and (max-width:560px) {
div.features{width:auto; display:block; margin:12px auto 30px 12px;}
div.features dl{width:auto; }

.schedule p.pc_illust{ display:none;}
.schedule ul{display:block;}
}