@charset "utf-8";

#SecondContents ul{list-style-type:disc; margin-left:32px; margin-bottom:24px; line-height:2;}

.heading{ text-align:center; margin:10px auto 24px;}
.heading h2{ font-size:2em; line-height:1;}
.heading div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.heading div::before,
.heading div::after {
  content: "";
  flex-grow: 1;
  height:10px;
  background-image: repeating-linear-gradient(-45deg, #777 0, #777 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%);
  background-size: 7px 7px;
}

.heading div::before {
  margin-right:12px;
}

.heading div::after {
  margin-left:12px;
}

h2 span{font-size:70%;}

/*こんな方に【糸リフト(ハイパーリフト)の適応】*/
.adap{display:flex; flex-wrap:wrap; width:100%; box-sizing:border-box; justify-content: space-between; padding:12px; border:1px solid #CC6600;}
.adap .ph{width:360px; text-align:center;}
.adap .txt{width:calc(100% - 380px);}

/*リード文*/
div.read{margin:30px 0 40px; display:flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
div.read h3{margin:0; padding:0; color:#333333; background:none; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-shadow:none;}
div.read h3:before{background:none;}
div.read .ph{width:300px;}
div.read .txt{width:calc(100% - 320px);}

/**/
dl.merit{line-height:2;}
dl.merit dt{ color:#003399; font-weight:bold; font-size:1.2em;}
dl.merit dd{margin-bottom:24px;}

/**/
.box{border:1px solid #CCCCCC; box-sizing:border-box; padding:12px; display:flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.box .txt{ width:calc(100% - 480px); }
.box .ph{display:flex; flex-wrap:wrap; gap:12px; width:470px; justify-content:center;}
.box .ph dl{max-width:225px;}
.box .ph dt, .box .ph dd{padding:0; margin:0;}
.box .ph dt{line-height:0;}
.box .ph dd{ background-color:#EEEEEE; padding:8px;}

/*目頭切開手術の方法*/
.lift_type{display:flex; flex-wrap:wrap; box-sizing:border-box; justify-content: space-around; align-items: flex-start; gap:12px; width:100%; margin-bottom:50px;}
.lift_type dl{ max-width:250px; width:30%; text-align:center; margin-bottom:30px;}
.lift_type dl dt, .lift_type dd{padding:12px;}
.lift_type dl.type_z dt{background-color:#FAD8DB;}
.lift_type dl.type_w dt{background-color:#F095B3;}
.lift_type dl.type_v dt{background-color:#999ACB;}
.lift_type dl dt strong{display:block;}


/*比較表*/
table.comparison{ border:1px solid #CCCCCC; margin-bottom:30px;}
table.comparison th, table.comparison td{border:1px solid #CCCCCC; padding:12px;}
table.comparison thead th{width:30%;}
table.comparison thead th:first-child{width:auto;}
table.comparison th{background-color:#666666; color:#FFFFFF; white-space:nowrap;}
table.comparison th.mini{background-color:#FAD8DB; color:#333333;}
table.comparison th.face{background-color:#F095B3; color:#333333;}
table.comparison th.total{background-color:#999ACB; color:#333333;}

dl.after{border-bottom:1px solid #CCCCCC;}
dl.after dt, dl.after dd{padding:14px; border-top:1px solid #CCCCCC;}
dl.after dt{float:left; clear:left; width:120px; color:#996600; text-align:right; font-weight:bold;}
dl.after dd{ margin-left:120px; padding-left:4px;}


@media screen and (max-width:900px) {
.box{display:block;}
.box .txt, .box .ph{width:auto;}
.box .ph{margin:0 auto;}
}

@media screen and (max-width:720px) {
.adap, div.read{display:block; justify-content:center;}
.adap .txt, div.read .txt{width:auto;}
.adap .ph, div.read .ph{width:auto; text-align:center;}

}

@media screen and (max-width:560px) {
.heading h2{font-size:1.6em;}


.lift_type{display:block; justify-content:center;}
.lift_type dl{ max-width:250px; width:auto; text-align:center; margin:0 auto 30px;}

.comparison_scrol{width:98%;	margin: 0 auto;	overflow-x:scroll;}
table.comparison{width:100%; min-width:520px; -webkit-overflow-scrolling: touch;}
table.comparison th{white-space:normal;}

}

@media screen and (max-width:480px) {
/*.head_pc{display:none;}
*/
}