@charset "utf-8";

h3{margin-top:20px;}

ul.notes{list-style:none;}

div.read{ display:flex; flex-wrap: wrap; 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 .txt{width:70%;}
div.read .photo{width:30%; text-align:right;}

/*BENEVで期待できる具体的な効果*/
div.effect{display:flex; justify-content: space-between;}
div.effect dl dt{ background-color:#EDD589; color:#663300; margin-top:6px; padding:4px 12px 6px; display:inline-block; border-radius:25px; font-family:"Hiragino Kaku Gothic ProN、ヒラギノ角ゴ ProN、Hiragino Kaku Gothic Pro、ヒラギノ角ゴ Pro"; font-size:1.2em;}
div.effect dl dd{display:flex; align-items:top; padding:12px; margin-bottom:12px;}
.arrow {
display:inline-block; margin:auto 12px; padding:0;
  vertical-align:middle;
  color:#996600;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 0 6px 8px;
  border-left-color: currentColor;
  border-right: 0;}


/*BENEV GF Hair Care Complex PLUSに含まれる成分例*/
table.ingredients{border-bottom:1px solid #666666;}
table.ingredients thead th{ background-color:#6F6053; color:#FFFFFF;}
table.ingredients th, table.ingredients td{padding:12px; border-top:1px solid #666666; text-align:left;}

/*女の薄毛(FAGA)にBENEVが効きやすい理由*/
.cause{border:1px solid #CCCCCC; padding:12px; display:inline-block;}
div#SecondContents .cause p{margin:0; padding:0;}
.cause ol{list-style:decimal; margin-left:24px;}

/*BENEVのメカニズム*/
.mechanism{background-color:#FAF2DA; padding:12px; padding-left:54px; margin-bottom:24px; border-radius:12px;}
.mechanism ul{ list-style:disc; margin-left:24px;}
.mechanism h5{color:#003366; margin-left:-44px; margin-top:0; padding-top:0;}
.mechanism .txt{float:left;}
.mechanism .photo{text-align:center;}
.maru{
 height:40px; display:inline-block; background-color:#003366; color:#FFFFFF;
 width:40px;
 border-radius:50%;
 line-height:40px;
 text-align:center; margin-right:4px;
}


/*なぜ女性の薄毛(FAGA)にBENEVが適しているのか*/
.reason{display:flex; justify-content: space-between; margin-bottom:12px;}
.reason ul{list-style:circle; margin-left:24px;}

ul.list{list-style:disc; margin:0 0 0 24px;}

/*BENEVの「効果が出やすい人」BENEVの「効果が出にくい人」*/
.comparison h4{ border-bottom:1px dotted #CC9900;}
.comparison{ display:flex; gap:16px;}
.comparison div{border:2px solid #D8C072; background-color:#FBF9F2; padding:6px 12px; border-radius:12px; width:calc(100% / 2 - 28px);}
.comparison div ol{list-style:disc; margin-left:24px;}

/*効果を最大化するための施術モデル*/
div.model{display:flex;}
div.model dl{ border:2px solid #999999; width:calc(100% / 3 - 22px); border-radius:12px;}
div.model dl dt, div.model dl dd{padding:6px;}
div.model dl dt{background-color:#CCCCCC; text-align:center; border-radius:11px 11px 0 0;}
div.model dl dt span{display:block; background-color:#FFFFCC; margin-bottom:4px;}
div.model dl dt strong{font-size:1.3em;}
div.model dl dd p strong{ color:#CC6600;}
div.model dl dd dl{border:none; width:auto;}
div.model dl dd dl dt{background:none; padding:0; margin-left:-8px; text-align:left;}
div.model dl dd dl dd{ padding:0; margin-bottom:12px;}
div.model dl dd dl dd ul{list-style:disc; margin-left:24px;}
div#SecondContents div.model dl p{ line-height:1.6;}

.arrow02{
display:inline-block; margin:auto 6px; padding:0;
  vertical-align:middle;
  color:#999999;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width:17px 0 17px 13px;
  border-left-color: currentColor;
  border-right: 0;}

/*治療効果を高める*/
dl.plus dt, dl.plus dd{padding:2px 0;}
dl.plus dt{ font-weight:bold;}
dl.plus dt:before{content:"■";}
dl.plus dd{margin-bottom:12px;}

/*費用について*/
table.price{ border-bottom:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; width:50%;}
table.price th, table.price td{padding:8px;}
table.price th{vertical-align:top; text-align:left;}
table.price td{border-bottom:1px dashed #CCCCCC; white-space:nowrap;}
table.price td.yen{text-align:right;}
table.price thead{visibility: collapse;}

.price_note{ font-size:0.9em; margin-bottom:12px;}
ul.prcn{margin-left:24px;}


@media screen and (max-width:1080px) {
.reason .txt{width:65%;}
.reason .photo{width:35%;}

}

@media screen and (max-width:930px) {
div.read{ display:block;}
div.read .txt{width:auto;}
div.read .photo{text-align:center; width:auto; margin-top:12px;}

div.effect .txt{width:70%;}
div.effect .photo{width:30%;}
}

@media screen and (max-width:800px) {
div.effect{display:block;}
div.effect .txt{width:auto;}
div.effect .photo{width:auto; text-align:center;}

.comparison{ display:block; gap:0;}
.comparison div{border:1px solid #999999; padding:6px 12px; width:auto; margin-bottom:24px;}

}
@media screen and (max-width:720px) {

.mechanism{padding-left:12px;}
.mechanism h5{color:#003366; margin-left:0; margin-top:0; padding-top:0;}
.maru{display:block; margin-bottom:12px;}

.reason{display:block;}
.reason .txt{width:auto;}
.reason .photo{width:auto; text-align:center;}

div.model{display:block;}
div.model dl{ border:1px solid #999999; width:auto; }

.arrow02{
display:block; margin:6px auto; padding:0;
  vertical-align:middle;
  color:#999999;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width:23px 27px 0 27px;
  border-top-color: currentColor;
  border-bottom: 0;}

table.price{width:100%;}
}

@media screen and (max-width:560px) {
div.effect dl dt{display:block;}
div.effect dl dd{display:block;}
.arrow {
display:block; margin:6px; padding:0;
  vertical-align:middle;
  color:#996600;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 8px 0 8px;
  border-top-color: currentColor;
  border-bottom: 0;}

}