@charset "utf-8";

/* ----------------------------------------------------------------------
LP 専用css
---------------------------------------------------------------------- */

body {
    overflow-x: hidden; 
}

#lightboxImage {
    width: 100%;
}

/*mainのベースの色*/
.Page-hair-restoration_wrapper {
    background: #fff;
}


/*全体のアニメーション要素のスタイル*/
.animation{
    opacity : 0;
    visibility: hidden;
    transition: 1s;
    transform: translateY(30px);
}
/*全体のアニメーション要素までスクロールした時のスタイル*/
.active{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


 #Page-hair-restoration_wrapper img {
    width: 100%;
 }
 
 .header_logo h2 {
    font-size: 18px;
    line-height: 1.8em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #fff;
    background: #9b897b;
    padding: 4%;
 }

 .header_logo span {
    font-size: 16px;
 }

 #Main_v {
   position: relative;
 }

 #Main_v .catch_copy {
    position: absolute;
    display: none;
    text-align: center;
    line-height: 10.99em;
    margin: -450px auto;
    width: 100%;
    justify-content: center;
}

 #Main_v .catch_copy h3 {
     writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    font-size: 28px;
    letter-spacing: 0.12em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-shadow: 0px 0px 4px #fff, 2px 2px 3px #fff, 2px 2px 3px #fff;
 }




#Main_v .sub_cath {
    font-size: 21px;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    padding: 3%;
    background: #9b897bdb;
    color: #fff;
    margin: -2px 0 0 0;
    text-shadow: #36302b 0px 0 10px;
}


/* コンセプトcss */

#Concept　{

}

#Concept h4 {
    font-size: 24px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height: 1.6em;
    font-weight: bold;
    text-align: center;
}

#Concept .span_only{
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}

#Concept .inner_box {
   margin: 80px 0 0 0;
   padding: 0 8%;
}

#Concept .inner_box p{
    line-height: 2.4em;
    font-size: 16px;
    margin: 40px 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
 }

/*#Concept {
    margin: 0 0 -100px 0;
 } 4/13 非表示　長井*/

 
/* 4/13 非表示　長井 追加 css*/

#Concept {
    margin: 0 0 100px 0;
}


/* プライスcss */

#Price {
    background: #f8f6f2;
    margin: -100px 0 0 0;
}

.block {
    -webkit-clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 100%);
    clip-path: polygon(0 30%, 100% 25%, 100% 100%, 0 100%);
    padding: 340px 0 0 0;
}

#Price h4 {
    font-size: 18px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.08em;
}

#Price .gd {
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #a78112;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 20px 0;
}

.text_price {
    text-align: center;
    font-size: 16px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}

.f_16 {
    font-size: 16px;
    font-weight: bold;
    color: #23201b;
}

.f_18 {
    font-size: 18px;
}

.f_24{
    font-size: 24px;
    font-weight: bold;
}

.f_20{
    font-size: 20px;
    font-weight: bold;
}

.f_28{
    font-size: 28px;
    font-weight: bold;
}

#Price h2 {
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    font-size: 20px;
    color: #d15d59;
    margin: 20px 0 0 0;
}

#Price .img_price{
    width: 60%;
    margin: 30px 10% 0;
}

/* 共通のインクルードにするcss */

#Contact {
    background: url(../hg-images/contact_bg.jpg) no-repeat 0 0;
    background-size: cover;
    height: 535px;
}

#Contact .btn_wrapper p {
    font-weight: bold;
    color: #fff;
    line-height: 1.4em;
	text-align:center;
}

#Contact .text_shadow {
    font-size: 24px;
    text-shadow: 0 0 5px #201b14, 0 0 1em #201b14, 0px 1px 9px #201b14;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

#Contact .btn_wrapper {
  padding: 30px 4%;
}

#Contact .btn_wrapper .contact_price {
    font-size: 18px;
    margin: 15px 0;
    text-align: center;
}

#Contact .bg_b .only_customer {
    font-weight: bold;
    color: #fff;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height: 1.4em;
    text-shadow: 0 0 5px #201b14, 0 0 1em #201b14, 0px 1px 9px #201b14;
    font-size: 14px;
}

.b{
  font-weight: bold;
  color: #23201b;
  text-align: center;
}

.bold {
    font-weight: bold;
}

.f_12 {
    font-size: 12px;
}

.f_28 {
   font-size: 28px;
}

.f_30 {
   font-size: 30px;
}

.f_32 {
    font-size: 32px;
    color: #d15d59;
}

.bg_b {
    background-color: #5f594dab;
    height: 535px;
}

#Contact .btn_wrapper .btn_all .f_16{
    color: #fff;
}

#Contact .btn_wrapper .btn_all p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 20px;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 5.5px 0;
    max-width: 298px;
    border-radius: 4px;
    margin: 0 auto 12.5px;
}

#Contact .btn_wrapper .btn_all {
　　margin: 40px auto;
}



#Contact .btn_wrapper .btn_all .telphone_b {
    background: -moz-linear-gradient(to bottom,#e1686d,#f1686d 30%,#ee8184); 
    background: -webkit-linear-gradient(to bottom,#e1686d,#f1686d 30%,#ee8184); 
    background: linear-gradient(to bottom,#e1686d,#f1686d 30%,#ee8184);
    text-shadow: 0 0 5px #de5b61, 0 0 1em #de5b61, 0px 1px 9px #de5b61;
}

#Contact .btn_wrapper .btn_all .telphone_b::before {
    content: '';
    display: inline-block;
    width: 52.5px;
    height: 58.5px;
    background: url(../hg-images/telphon_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 0;
}

#Contact .btn_wrapper .btn_all .mail_b {
    background: -moz-linear-gradient(to bottom,#d2c8b6,#d4cfc6 30%,#ece7de); 
    background: -webkit-linear-gradient(to bottom,#d2c8b6,#d4cfc6 30%,#ece7de); 
    background: linear-gradient(to bottom,#d2c8b6,#d4cfc6 30%,#ece7de);
}

#Contact .btn_wrapper .btn_all .mail_b::before {
    content: '';
    display: inline-block;
    width: 52.5px;
    height: 58.5px;
    background: url(../hg-images/mail_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 0;
}

#Contact .btn_wrapper .btn_all .line_b {
    background: -moz-linear-gradient(to bottom,#438849,#4f9f56 30%,#5bb867); 
    background: -webkit-linear-gradient(to bottom,#438849,#4f9f56 30%,#5bb867); 
    background: linear-gradient(to bottom,#438849,#4f9f56 30%,#5bb867);
    text-shadow: 0 0 5px #518851, 0 0 1em #518851, 0px 1px 9px #518851;
}

#Contact .btn_wrapper .btn_all .line_b::before {
    content: '';
    display: inline-block;
    width: 52.5px;
    height: 58.5px;
    background: url(../hg-images/line_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.color_b {
    color: #5f594d!important;
}

/* こんな悩みはありませんか？ */

#Worries .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}

#Worries .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}

#Worries {
    background: url(../hg-images/bg_mura.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    margin: 0 0 -433px 0;
}

#Worries .inner_box {
  margin: 120px 0 0 0;
}

#Worries .inner_box span {
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}

.worries_reason .worries_box h3 {
    font-size: 16px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height: 1.4em;
    margin: 15px 0 8px 0;
    letter-spacing: -0.14em;
}

.worries_reason {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.worries_reason .worries_box {
    width: 40%;
    background: #fff;
    padding: 4% 2%;
    border-radius: 4px;
    margin: 0 8px 40px 8px;
    box-shadow: 0px 0 8px 0px rgb(0 0 0 / 18%);
    position: relative;
}

.worries_reason .worries_box p{
    font-size: 12px;
    line-height: 1.8em;
}

.worries_reason .worries_box p:nth-child(1){
    position: absolute;
    width: 36%;
    left: 33%;
    top: -32px;
}

.worries_all p:nth-child(2){
    font-size: 24px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 800;
    text-align: center;
    line-height: 1.8em;
    color: #5f594d;
}

.worries_all .scarp_care p:nth-child(1){
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    font-weight: bold;
    line-height: 1.8em;
    font-size: 24px;
}

.worries_circle {
    display: flex;
    width: 83%;
    margin: 15px auto;
}

.worries_all .worries_circle p {
  padding: 1%;
}


/*.worries_all .scarp_care {
  position: relative;
  top: -455px;
} 4/12 非表示　長井*/


/* 4/12 長井 変更*/

.worries_all .scarp_care {
    position: relative;
    top: -485px;
}

.worries_all .scarp_care .b {
   font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
   line-height: 1.6em;
   letter-spacing: 0.20em;
}

#Effect .inner_box h4{
    font-size: 22px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height: 1.6em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 120px 0 0 0;
}

#Effect .inner_box span {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

#Effect {
    background: url(../hg-images/reason_three_bg.png) no-repeat center center;
    background-size: cover;
    height: 1450px;
    margin: 0 0 0 0;
}

#Effect {
   background: url(../hg-images/reason_three_bg.png) no-repeat center center;
   background-size: cover;
   height: 1490px;
}

#Effect .reason_three dl {
   text-align: center;
   font-weight: bold;
   font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
   background: url(../hg-images/en_01.png) no-repeat center center;
   padding: 25% 0;
   background-size: 285px;
}

#Effect .reason_three dl dt {
   text-align: center;
   font-weight: bold;
   font-size: 22.5px;
   text-decoration: underline;
   color: #fff;
   margin: 0 0 14px 0;
}

#Effect .reason_three dl dd {
    font-size: 24px;
    line-height: 1.8em;
    color : #fff;
}

#Effect .reason_three p {
    width: 50px;
    margin: 0 auto;
}


#Microscope {
    margin: -90px 0 0 0;
    position: relative;
    z-index: -1;
}

#Microscope .microscope_bg p:nth-child(1){
    font-size: 24px;
    line-height: 1.4em;
    font-weight: bold;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    background: #ffffffd9;
    padding: 6%;
    margin: 4%;
    position: relative;
    top: 136px;
}

#Microscope .microscope_bg {
    background: url(../hg-images/micro_img.jpg) no-repeat center center;
    background-size: cover;
    height: 50vh;
}

.balloon1:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -29px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ffffffd9;
}

#Microscope p:nth-child(2) {
    font-size : 32px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    margin: 60px 0 0 0;
    line-height: 1.2em;
}

#Microscope p:nth-child(3) {
    border: 1px solid #ccc;
    padding: 1%;
    background: #fff;
}

.gd {
   color: #a78112;
}

#Microscope dl {
    margin: 40px 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 9%);
}


#Microscope dl dt {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #33312c;
    padding: 4%;
    font-size: 24px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

#Microscope .moukon_syashin {
    margin: 6%;
}


#Microscope dl dt dd{
    font-size: 16px;
    font-weight: bold;
    line-height: 2.8em;
}

#Microscope .scrpe_text{
    font-weight: bold;
    line-height: 1.8em;
    padding: 5%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#Microscope .be{
    background-color: #7c776d!important;
} 

#Microscope .glaff p:nth-child(1){
    font-size: 20px;
    text-align: center;
    line-height: 1.8em;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

#Microscope .glaff .f_28 {
    color: #23201b!important;
}

#Microscope .glaff .f_32 {
    text-decoration: underline!important;
}

#Microscope .glaff {
    background: url(../hg-images/woman.jpg) no-repeat center 215px;
    background-size: 100%;
}

.fukidashi02 {
    font-size: 22px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    margin: 60px 0 0 0;
    background: url(../hg-images/fukidashi_bg.png) no-repeat center center;
    background-size: 100%;
    padding: 14% 0;
}

.glaff ul li:nth-child(2) {
    text-align: center;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 18px;
    background: #fff;
    padding: 3%;
    margin: 2px;
    width: 80%;
    margin: 200px auto 0;
    box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 24%);
}

.glaff ul li:nth-child(3) {
    font-size: 20px; 
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 0 0;
    line-height: 1.8em;
    text-shadow: 1px 1px 1px white, 0 0 2em white, 0 0 0.2em white;
}

.glaff_kuwashiku {
    width: 80%;
    margin: 40px auto;
}

/* ポイント部分 */


#Point {
    background: #f4f1eb;
    padding: 0 0 180px 0;
}

#Point h4{
    font-size: 20px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    color: #bd9b6a;
    line-height: 2.0rem;
    padding: 40px 0 0 0;
}

#Point .b_color {
    color: #23201b;
    font-size: 26px;
}

#Point ul {
    background :#fff;
    padding: 65px 6%;
    margin: -30px 30px;
    box-shadow: 0px 5px 15px 0px rgb(143 141 136 / 30%);
}

#Point ul li:nth-child(2){
    font-weight: bold;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 30px 0;
    font-size: 20px;
    line-height: 1.6em;
}

#Point ul li:nth-child(3){
    font-size: 16px;
    line-height: 1.8em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#Point .pont_innerbox::before {
    content: '';
    display: inline-block;
    width: 68px;
    height: 91.5px;
    background: url(../hg-images/hata_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 54px;
    left: 11%;
}

#Point .pont_innerbox2::before {
    content: '';
    display: inline-block;
    width: 68px;
    height: 91.5px;
    background: url(../hg-images/hata_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 54px;
    left: 11%;
}

#Point .pont_innerbox3::before {
    content: '';
    display: inline-block;
    width: 68px;
    height: 91.5px;
    background: url(../hg-images/hata_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 54px;
    left: 11%;
}

#Point .pont_innerbox4::before {
    content: '';
    display: inline-block;
    width: 68px;
    height: 91.5px;
    background: url(../hg-images/hata_04.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 54px;
    left: 11%;
}

#Point .pont_innerbox5::before {
    content: '';
    display: inline-block;
    width: 68px;
    height: 91.5px;
    background: url(../hg-images/hata_05.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 54px;
    left: 11%;
}

.ye_b {
    font-weight: bold;
}

.red {
    color: #c10f0f;
    text-decoration: underline;
}

.c-marker {
    background: -webkit-linear-gradient(left, #f4dada 50%, transparent 50%);
    background: -moz-linear-gradient(left, #f4dada 50%, transparent 50%);
    background: linear-gradient(left, #f4dada 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 200% .8em; 
    background-position: 100% .5em;
    transition: 2s;
}
.c-marker.is-active{
    background-position: 0% .5em;
}

/* 院内設備 */

#Slider_room {
    background: #fff;
    padding: 3px 0 80px 0;
}

#Slider_room .room {
    width: 78%;
    margin: 120px auto 15px;
}

/* スライダーここから矢印 */
.slick-arrow {
   z-index:100;
}

.slick-next {
   right:10px;
}/*内側に右から10ピクセル移動*/

.slick-prev {
   left:10px;
}/*内側に左から10ピクセル移動*/

#Slider_room .room p:nth-child(1) {
    margin: 0 0 15px 0;
}

#Slider_room .room .room_text {
    margin: 15px 0 0 0;
    line-height: 1.8em;
    font-size: 16px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/* 脱毛する理由 */

#Hairloss {
    background: url(../hg-images/grd_bg.jpg) no-repeat center center;
    padding: 10px 0;
}

#Hairloss h2 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 70px 0 40px 0;
    background: url(../hg-images/hairloss_reason.jpg) no-repeat center center;
    background-size: 90%;
    top: 0;
    padding: 16%;
}

#Hairloss .datumou{
    margin: 50px 20px;
    background: #fff;
    border: 4px solid #a78112;
}

#Hairloss h3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 0 30px 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#Hairloss p:nth-child(3){
    width: 94%;
    margin: 0 auto;
    display: block;
}

#Hairloss .magnifying_glass {
    font-size: 16px;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    padding: 15px 0;
    text-decoration: underline;
}


#Hairloss .magnifying_glass::before {
    content: '';
    display: inline-block;
    width: 17.5px;
    height: 27.5px;
    background: url(../hg-images/megane_icon.png) no-repeat center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: -2%;
}

#Hairloss dl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    margin: 10px auto;
    width: 80%;
}

#Hairloss dl .ged{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 3%;
    background: -moz-linear-gradient(top left, #f14534, #fdd092); 
    background: -webkit-linear-gradient(top left, #f14534, #fdd092); 
    background: linear-gradient(to bottom right, #f14534, #fdd092); 
}

#Hairloss dl .beg{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding: 2%;
    background: #fbf5ed;
}


#Hairloss dl dt {
    margin: 0 2% 0 0;
}

#Hairloss dl dd{
    font-weight: bold;
    font-size: 14px;
}

.sicle {
    font-size: 16px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.8em;
    margin: 30px 0;
    padding: 0 10%;
}

.week ul {
    display: flex;
    justify-content: space-around;
    margin: 0 0 40px 0;
}

.week ul li {
    width: 23%;
}

.week p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.8em;
    font-size: 16px;
    padding: 0 6%;
}


.week p:nth-child(3) {
    font-size: 20px;
    text-decoration: underline;
    margin: 30px 0!important;
}


.hairgrowth {
    margin: 90px 0;
}

.hairgrowth .improvement p {
    text-align: center;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.hairgrowth .improvement p:nth-child(1) {
    background: #fff;
    box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 35%);
    padding: 4%;
    font-weight: bold;
    font-size: 20px;
    width: 60%;
    margin: 0 auto;
}


.hairgrowth .improvement p:nth-child(2) {
    color: #629ec8;
    font-size: 20px;
    margin: 15px 0 40px 0;
}




#Hairloss h4 {
    font-size: 22px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height: 1.6em;
    font-weight: bold;
    color: #bd9b6a;
    text-align: center;
}

#Hairloss .sen_b::before {
    content: '';
    display: inline-block;
    width: 38.5px;
    height: 53.5px;
    background: url(../hg-images/icon_sen.png) no-repeat center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 102px;
    left: 1%;
}

#Hairloss .sen_b::after {
    content: '';
    display: inline-block;
    width: 38.5px;
    height: 53.5px;
    background: url(../hg-images/icon_sen.png) no-repeat center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: -60px;
    transform: scale(-1, 1);
    right: -87%;
}

#Hairloss span {
    font-size: 20px;
    color: #a37857;
    font-weight: bold;
}

.reason_hair {
    margin: -90px 0 0 0;
}

.reason_hair .b_color {
    color: #23201b;
    font-size: 24px;
}

#Hairloss .text_only{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.6em;
    padding: 0 6%;
    font-size: 20px;
}

.reason_hair .riron{
    line-height: 1.8em;
    padding: 0 6%;
}

.reason_hair ul li:nth-child(1){
    font-size: 20px;
    color: #fff;
    background: #5f594d;
    text-align: center;
    padding: 3%;
    font-weight: bold;
    width: 81%;
    margin: 40px auto;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.reason_hair ul li:nth-child(2){
    font-size: 16px;
    line-height: 1.8em;
    padding: 0 8%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    margin: -26px 0 20px 0;
}

.reason_hair ul li:nth-child(3){
    padding: 0 6%;
}

#Page-hair-restoration_wrapper .zukai{
    width: 94%;
    margin: 0 auto;
    display: block;
}

.getout p:nth-child(1){
    font-size: 16px;
    line-height: 1.8em;
    padding: 15px 6%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.getout p:nth-child(1) span{
    font-weight: bold!important;
    color: #000000!important;
    font-size: 16px!important;
}

.getout p:nth-child(4) {
    font-size: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 30px 0;
}



.getout p:nth-child(4)::before{
    content: '';
    display: inline-block;
    width: 13px;
    height: 28px;
    background: url(../hg-images/red_icon.png) no-repeat center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: -2%;
}

.getout p:nth-child(5) {
    font-size: 20px;
    font-family: 游ゴシック;
    line-height: 1.8em;
    padding: 0 6% 60px;
}

.getout p:nth-child(5) span {
    font-weight: bold!important;
    color: #000!important;
}

.getout p:nth-child(5) .f_16 {
    font-size: 16px!important;
    color: #000!important;

}


/* ビフォーーアフター */

#Beforeafter {
    margin: 0 0 100px 0;
}

#Beforeafter p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.8em;
    font-size: 16px;
}

#Beforeafter .interviewvideo{
    font-size: 16px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    text-align: center;
}

#Beforeafter .audio_box{
    width: 100%;
    margin: 20px 0 30px 0;
}



#Beforeafter .minchyo {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

#Beforeafter .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}

#Beforeafter .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}


#Beforeafter .inner_box {
  margin: 120px 0 0 0;
}

#Beforeafter .inner_box span {
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}

#Beforeafter dl {
    text-align: center;
    padding: 2%;
}

.beforeafter_box {
    background: #fff;
    padding: 9%;
    margin: 30px 6% 0;
    box-shadow: 0px 2px 13px 0px rgb(0 0 0 / 21%);
}

#Beforeafter dl dt {
    color: #fff;
    font-family: Sorts Mill Goudy;
    background: #a78112;
    border-radius: 34px;
    padding: 1.5% 13%;
    font-size: 18px;
    float: left;
}

#Beforeafter dl dd{
    font-weight: bold;
    color: #333366;
    font-size: 17.5px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 30px 0 0;
}


#Beforeafter dl p:nth-child(3){
    clear: both;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 10px 0;
    font-weight: bold;
}

#Beforeafter dl p:nth-child(5){
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    margin: 15px 0 0 0;
}

#Beforeafter .f_28 {
    font-size: 28px;
    color: #333366!important;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-style: italic;
    margin: 0 3px 0 0;
}


/* カウンセリングの流れ */ 


#Cace .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}


#Cace {
    background: #f5f5f0;
    margin: 0 0 -100px 0;
}

#Cace .initialcounseling p:nth-child(1){
    text-align: center;
    color: #5f594d;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 60px 0 30px 0;
    font-size: 20px;
}

#Cace .initialcounseling p:nth-child(2) {
    text-align: center;
    background: #fff;
    border: 1px solid #333;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 60px 0 30px 0;
    font-size: 16px;
    padding: 3%;
    width: 70%;
    margin: 0 auto 20px;
}

#Cace .initialcounseling p:nth-child(3) {
    line-height: 1.8em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 16px;
    padding: 0 6%;
    margin: 0 0 30px 0;
}

#Cace .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}


#Cace .inner_box {
    padding: 120px 0 0 0;
}

#Cace .inner_box span {
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}


#Cace ul li:nth-child(1){
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    font-size: 20px;
    margin: 50px auto;
    font-weight: bold;
    line-height: 1.6rem;
}

#Cace ul {
    margin: 0 0 40px 0;
    padding: 0 6%;
}

#Cace .point01{
    background: url(../hg-images/step01.png) no-repeat center center;
    padding: 10% 0 0 0!important;
    background-size: 20%;
}

#Cace .point02{
    background: url(../hg-images/step02.png) no-repeat center center;
    padding: 10% 0 0 0!important;
    background-size: 20%;
}

#Cace .point03{
    background: url(../hg-images/step03.png) no-repeat center center;
    padding: 20% 0 0 0!important;
    background-size: 20%;
}

#Cace .point04{
    background: url(../hg-images/step04.png) no-repeat center center;
    padding: 20% 0 0 0!important;
    background-size: 20%;
}

#Cace ul li:nth-child(3) {
    font-size: 16px;
    line-height: 1.8em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    margin: 10px 0 0 0;
}


.bg_wh {
    background: #fff;
    padding: 80px 0;
}



/* お客様の声 */ 

#Voice .inner_box h4 {
    background: url(../hg-images/crown_icon_w.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}


#Voice .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
    color: #fff!important;
}

#Voice .inner_box {
    padding: 100px 0 0 0;
    margin: 100px 0 0 0;
}

#Voice .inner_box span {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}



#Voice {
    background: url(../hg-images/voice_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 0 100px 0;
}

#Voice .voice_inner_box {
    position: relative;
}

#Voice .voice_inner_box p:nth-child(1){
    position: absolute;
    width: 60px;
    right: 9%;
    top: 38px;
}

#Voice .voice_inner_box dl {
    background: #ffffffde;
    margin: 0 6%;
    padding: 0 0 30px 0;
}

#Voice .voice_inner_box dl dt{
    color: #fff;
    background: #a78112;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
    padding: 3%;
}

#Voice .voice_inner_box dl dt::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 70px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #a78112;
}



#Voice .voice_inner_box dl dd:nth-child(2) {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    border-bottom: dotted 2px #fff;
    padding: 0 0 10px 0;
    text-align: center;
    font-size: 16px;
    margin: 25px 6%;
    font-weight: bold;
}

#Voice .voice_inner_box dl dd:nth-child(3){
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 16px;
    padding: 0 6%;
    line-height: 1.8em;
}

#Voice .voice_inner_box p {
    padding: 6%;
}


/* 料金 */ 

#Menu .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}


#Menu .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}

#Menu {
    margin: 90px 0;
}

#Menu .inner_box span {
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}

#Menu .menu_box_text {
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    margin: 25px 6%;
    line-height: 1.8em;
    background: #a781120a;
    border: 1px solid #a78112;
    padding: 3%;
}

.mouth_tree {
    font-size: 14px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    text-align: left;
    line-height: 1.8em;
    font-weight: bold;
    padding: 8px 6%;
}




.btn-container {
  text-align: center;
}

.Page-hair-restoration_wrapper button {
  width: 80%;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.Page-hair-restoration_wrapper button:hover {
 opacity: 0.7;
}

.hidden {
  display: none;
}

#mask {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

#modal {
  background: #fff;
  width: 50%;
  padding: 24px;
  border-radius: 4px;
  color: red;
  position: fixed;
  top: 50%;
  left: 10%;
  right: 10%;
  text-align: center;
  margin: 0 auto;
  z-index: 2;
}


#Menu ul .price_title{
    font-size: 20px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #fff;
    background: -moz-linear-gradient(left, #a78112 50%, #FFF);
    background: -webkit-linear-gradient(left, #a78112 50%, #FFF);
    background: linear-gradient(to right, #a78112 50%, #FFF);
    display: block;
    padding: 3% 8%;
}

#Menu ul {
    margin: 0 6%;
    overflow: hidden;
    background: #fff;
}

#Menu ul li {
    margin: 30px 0;
    text-align: left;
    font-weight: bold;
}


#Menu ul .check_box::before {
    content: '';
    background-size: 20px;
    padding: 10px 13px;
    position: relative;
    background-image: url(../hg-images/check_box.png);
    top: 11px;
    background-repeat: no-repeat;
    margin: 0 0 0 20px;
}

#Menu .osusume {
    clear: both;
    font-size: 20px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height: 1.6em;
    margin: 30px 0 0 20px;
    padding: 2% 0 0 0;
}


#Menu .price_box a {
    color: #fff;
    background: #a78112;
    padding: 5% 44px;
    font-size: 18px;
    display: block;
    display: block;
    text-align: center;
    font-family: "Sorts Mill Goudy";
    border-radius: 30px;
}


#Menu .price_box a::after {
  content: "→";
  margin-left: 0.4em;
  color: #fff;
}

.more_box {
    padding: 0px 6%;
    margin: 15px 0 20px 0;
}

.more_box p:nth-child(1) {
    font-size: 32px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 0.6em;
    margin: 0 0 20px 0;
}

.price_box {
    margin: 0 0 40px 0;
}

/* よくある質問 */ 

#QandA .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}

#QandA h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}

#QandA {
    margin: 90px 0;
}

#QandA .inner_box span {
    font-size: 12px;
    color: #a78112;
    font-weight: bold;
}


/* アコーディオンよくある質問 */ 

.cp_qa {
    padding: 0 6%;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.cp_qa .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 25px 0;
    color: #1b2538;
}
.cp_qa .cp_actab input {
    position: absolute;
    opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    font-size: 20px;
    display: block;
    margin: 0 0 0 0;
    padding: 1em 2em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: #f4f3ef;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.cp_qa .cp_actab label::before {
    font-family: serif;
    font-size: 20px;
    margin-left: -2em;
    padding-right: 0.5em;
    content: 'Q.';
}
.cp_qa .cp_actab label:hover {
    transition: all 0.3s;
    color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 2em;
    position: absolute;
    top: 0;
    right: -2%;
    content: '+';
    display: inline-block;
    width: 2em;
    height: 2em;
    -webkit-transition: transform 0.4s;
            transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0 0 0 2.5em;
    -webkit-transition: max-height 0.2s;
            transition: max-height 0.2s;
    border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
    font-family: serif;
    font-size: 1.5em;
    position: absolute;
    margin: 27px 0 0 -1.1em;
    padding: 0;
    content: 'A.';
    color: #5f594d;
}
.cp_qa .cp_actab .cp_actab-content p {
    margin: 1.5em 1.5em 1.5em 0;
    line-height: 1.8em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    color: #5f594d;
    font-size: 15px;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
    max-height: 40em;
    border: 10px solid #f4f3ef;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
    color: #00838f;
    border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}


/* 比較表 */


#Comparison .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}


#Comparison .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}

#Comparison {
    margin: 90px 0;
    position: relative;
}

#Comparison p {
    position: absolute;
    width: 14%;
    right: 4%;
    z-index: 5;
}

#Comparison .inner_box span {
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}

#Comparison table {
    width: 88%;
    margin: 0 auto 36px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#Comparison caption {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #f39e9e;
    padding: 40px;
    letter-spacing: 0.08em;
    margin: 0 0 5px;
}


#Comparison table td:nth-child(1) {
    font-size: 14px;
    font-weight: bold;
    width: 30%;
    background: #fbe1e2;
    padding: 50px 10px;
    text-align: left;
    border-bottom: 3px solid #fff;
}

#Comparison table td:nth-child(2){
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    background: #fff;
    padding: 20px;
    line-height: 1.8em;
    border-bottom: 2px dotted #ccc;
}

#Comparison .border_none td{
    border-bottom: none!important;
}

#Comparison .brown_bg {
    color: #5f594d!important;
    background: #f4f1eb!important;
}

#Comparison .bg_b td:nth-child(1){
    background: #f4f1eb!important;
}

/* 膨大のコスト */ 

#Cost {
    background: url(../hg-images/cost_bg_bk.jpg) center 0 no-repeat;
    background-size: cover;
    padding: 80px 0;
}

#Cost p:nth-child(1) {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #000;
    padding: 20px 0;
    background: #f4f1eb;
}

.pnk {
   background: #fbe1e2!important;
}

#Cost .major{
    padding: 0 6%;
    margin: 0 0 60px 0;
}

#Cost .misonoslabo{
    padding: 0 6%;
}

#Cost p:nth-child(2) {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #fff;
    line-height: 1.8em;
    margin: 20px;
    font-size: 20px;
    text-align: center;
}

#Cost p:nth-child(3) {
    width: 80%;
    margin: 30px auto;
}

#Cost p:nth-child(4) {
    font-size: 20px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    line-height: 1.8em;
    color: #fff;
}


/* 代表挨拶 */


#Message .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}


#Message .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}

#Message {
    margin: 90px 0;
}

#Message .inner_box span {
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}

#Message .bg_be {
    background: #fafaf8;
    border: 1px solid #ccc;
    padding: 40px 0;
    margin: 0 6%;
}

#Message .bg_be p:nth-child(2){
    width: 219px;
    margin: 0 auto;
}

#Message .bg_be p:nth-child(3){
    font-size: 14px;
    line-height: 2.0em;
    padding: 30px 8%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#Message .bg_be h5{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}


/* アクセス */


#Access .inner_box h4 {
    background: url(../hg-images/crown_icon.png) center 0 no-repeat;
    background-size: 74.5px;
    padding: 20px 0;
    display: block;
}


#Access .inner_box h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    line-height: 2.0em;
    letter-spacing: 0.02em;
    margin: 0 0 60px 0;
}

#Access {
    margin: 30px 0;
}

#Access .inner_box span {
    font-size: 12px;
    color: #998675;
    font-weight: bold;
}

#Access p {
    text-align: center;
    font-size: 16px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#Access dl {
    padding: 30px 6%;
}

#Access dl dd {
    font-size: 16px;
    padding: 30px 3%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.8em;
}

#Access dl dt {
    font-size: 16px;
    font-weight: bold;
    background: #f4f4ef;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    padding: 15px 6%;
}


.autoplay-slider{
  display: flex;
  min-width: 100%;
  width: min-content;
  animation: 60s linear infinite sliderAnimation;
}

.slide_misono{
  width: 205px;
  position: relative;
} 

.row{
    display: -ms-grid;
    -ms-grid-columns: min-content;
}

@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}

#Access iframe {
    margin: 0 0 80px 0;
    display: block;
}

#Healthy_scalp {
    margin: 80px 0 0 0;
}

#Healthy_scalp h3 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 20px;
    text-align: center;
    line-height: 1.8em;
    margin: 40px 0 0 0;
    padding: 0 6%;
    color: #a78112;
}


#Healthy_scalp h4 {
    font-size: 28px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    margin: 30px 0 40px 0;
}

#Healthy_scalp .scalp_inner_box p:nth-child(1) {
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    padding: 2%;
    background: linear-gradient(to right, #a78112 50%, #FFF);
    color: #fff;
    margin: -10px 10%;
    font-size: 14px;
}

.scalp_inner_box video {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 2% 10%;
}

.scalp_inner_box {
    margin: 30px 0 0 0;
}


#Healthy_scalp .scalp_inner_box p:nth-child(3) {
    line-height: 1.8em;
    padding: 15px 10%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.touhi_senjyou ul li {
    font-size: 14px!important;
}

.touhi_senjyou .hairroot_pictures{
    text-align: center;
    border: 1px solid #a78112;
    padding: 4% 2%;
    font-size: 15px;
    font-weight: bold;
    margin: 30px auto;
    width: 80%;
    color: #58330d;
    background: #ffffff82;
}

#Healthy_scalp .touhi_senjyou img {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 0!important;
}

.touhi_senjyou p {
    line-height: 1.8em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    padding: 0 8%;
    font-size: 16px;
    margin: 0 0 30px 0;
    text-align: center;
}


/*タブレット＆PC*/
@media screen and (min-width: 600px) {

    #Page-hair-restoration_wrapper{
        width: 640px!important;
        margin: 0px auto;
        filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.2));
        background: #fff;
    }

    .header_logo h2 {
        font-size: 24px;
    }

    #Main_v .sub_cath {
        font-size: 24px;
    }

    #Concept .inner_box p {
        font-size: 18px;
    }

    #Concept h4 {
	    font-size: 28px;
	}

    #Contact .bg_b .only_customer {
        font-size: 16px;
    }

    .text_price {
        text-align: center;
        font-size: 18px;
    }

    #Worries .inner_box h4 {
        font-size: 32px;
    }

    #Worries .inner_box h4 {
        background-size: 114.5px;
        padding: 60px 0;
    }

/* 数字画像の位置決めを常に中央に。h3が下に来ても被らないように余白も確保 */
.worries_reason .worries_box{
  position: relative;
  padding-top: 64px; /* 数字のぶん上に余白を作る */
}

/* 数字画像（最初の<p>）を中央固定＆レイヤー低めに */
.worries_reason .worries_box p:nth-child(1){
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;          /* SP基準。必要に応じて微調整 */
  width: 30%;          /* SPは相対でOK */
  z-index: 1;
  pointer-events: none;
}

/* PCではサイズをpxで固定してブレ防止 */
@media (min-width: 768px){
  .worries_reason .worries_box p:nth-child(1){
    top: -52px;
    width: 120px;      /* 好みで 110–140px 程度に調整 */
  }
}

/* 見出しを前面にして、数字画像に隠れないようにする */
.worries_reason .worries_box h3{
  position: relative;
  z-index: 2;
  /* 文字が詰み過ぎている場合はレタスペ調整も推奨 */
  /* letter-spacing: 0.02em;  ←お好みで */
}


    .worries_reason .worries_box h3 {
        font-size: 24px;
    }

    #Worries .inner_box span {
        font-size: 16px;
    }

    .f_20 {
        font-size: 28px;
        font-weight: bold;
    }

    .worries_all .scarp_care .b {
        font-size: 32px;
    }

    #Effect .inner_box h4 {
        font-size: 32px;
    }

    #Microscope .scrpe_text {
        font-size: 16px;
    }

    .glaff ul li:nth-child(2) {
        font-size: 24px;
    }

    .glaff ul li:nth-child(3) {
        font-size: 24px;
    }

    .worries_all .scarp_care p:nth-child(1) {
        font-size: 32px;
    }

    .worries_all .scarp_care {
        top: -695px;
    }

    #Worries {
        margin: 0 0 -523px 0;
    }

    #Effect .reason_three dl {
        padding: 15% 0;
    }

    #Microscope {
        margin: -26px 0 0 0;
    }

    #Contact .btn_wrapper {
        padding: 30px 15%;
    }

    #Contact .btn_wrapper .btn_all p {
        font-size: 22px;
        max-width: 428px;
    }

    #Microscope dl img {
        width: 70%;
        margin: 30px auto;
        display: block;
    }

    #Microscope .scrpe_text {
        padding: 0 5% 5% 15%!important;
    }

    .fukidashi02 {
        width: 70%;
        margin: 0 auto;
    }

    .glaff ul li:nth-child(2) {
        margin: 350px auto 0;
    }


    #Contact .btn_wrapper .contact_price {
        margin: 10px 0;
    }

    .f_12 {
        font-size: 16px;
    }

    #Point ul li:nth-child(2) {
        font-size: 24px;
    }

    #Point ul li:nth-child(3) {
        font-size: 18px;
    }

    #Point h4 {
        font-size: 24px;
    }

    #Slider_room .room .room_text {
        font-size: 18px;
    }

    #Slider_room .room p:nth-child(1) {
        margin: 0 auto 30px;
        width: 70%;
    }

    #Hairloss h2 {
        font-size: 32px;
    }

    #Hairloss h3 {
        font-size: 24px;
    }

    #Hairloss .magnifying_glass {
        font-size: 18px;
    }

    #Hairloss dl .ged {
        font-size: 18px;
    }

    #Hairloss dl dd {
        font-size: 18px;
    }

    .sicle {
        font-size: 18px;
    }

    .week p {
        font-size: 18px;
    }

    #Hairloss h4 {
        font-size: 24px;
    }

    .reason_hair .riron {
        font-size: 18px;
    }

    .reason_hair ul li:nth-child(1) {
        font-size: 24px;
    }

    .reason_hair ul li:nth-child(2) {
        font-size: 18px;
    }

    .getout p:nth-child(1) {
        font-size: 18px;
    }

    #Beforeafter .inner_box h4 {
        font-size: 32px;
    }

    #Beforeafter dl p:nth-child(5) {
        font-size: 18px;
    }

    #Beforeafter .interviewvideo {
        font-size: 18px;
    }

    #Cace .inner_box h4 {
        font-size: 32px;
    }

    #Cace .initialcounseling p:nth-child(1) {
        font-size: 22px;
    }

    #Cace .initialcounseling p:nth-child(2) {
        font-size: 18px;
    }

    #Cace .initialcounseling p:nth-child(3) {
        font-size: 18px;
    }

    #Cace ul li:nth-child(3) {
        font-size: 18px;
    }

    #Cace ul li:nth-child(2) {
        font-size: 22px;
    }

    #Voice .voice_inner_box dl dt {
        font-size: 16px;
    }

    #Voice .voice_inner_box dl dd:nth-child(2) {
        font-size: 18px;
    }

    #Voice .voice_inner_box dl dd:nth-child(3) {
        font-size: 18px;
    }

    #Voice .inner_box h4 {
        font-size: 32px;
    }

    #Menu .inner_box h4 {
        font-size: 32px;
    }

    .mouth_tree {
        font-size: 16px;
    }

    #Comparison .inner_box h4 {
        font-size: 32px;
    }

    #Comparison table td:nth-child(1) {
        font-size: 16px;
    }

    #Comparison table td:nth-child(2) {
        font-size: 16px;
    }

    #Comparison caption {
        font-size: 24px;
    }

    #Message .inner_box h4 {
        font-size: 32px;
    }

    #Message .bg_be h5 {
        font-size: 22px;
    }

    #Message .bg_be p:nth-child(3) {
        font-size: 16px;
    }

    #Access .inner_box h4 {
        font-size: 32px;
    }

    #Access p {
        font-size: 18px;
    }

    #Access dl dt {
        font-size: 18px;
    }

    #Access dl dd {
        font-size: 18px;
    }


    #Hairloss .datumou {
        width: 70%;
        margin: 80px auto;
    }

    #Menu ul li {
        margin: 30px 0 30px 25px;
        text-align: left;
        font-weight: bold;
        font-size: 16px;
    }

    #Menu .osusume {
        font-size: 24px;
        margin: 30px 0 0 20px;
        padding: 2% 0 0 4%;
    }

    #Menu ul .price_title {
        font-size: 24px;
    }

    .row {
        overflow: hidden;
    }

    #Healthy_scalp .touhi_senjyou img {
        width: 70%;
    　  margin: 60px auto;
    }


    #Voice .voice_inner_box dl dt::before {
        top: 59px;
    }

    #Healthy_scalp .scalp_inner_box p:nth-child(1) {
        font-size: 18px!important;
    }

    #Healthy_scalp .scalp_inner_box p:nth-child(3) {
        font-size: 16px!important;
    }


}


/* ----------------------------------------------------------------------
小さめのスマホ対応コーディング
---------------------------------------------------------------------- */

@media only screen and (max-width: 320px) {

    #Main_v .sub_cath {
        font-size: 18px!important;
    }

    .header_logo h2 {
        font-size: 16px!important;
    }

    #Contact .btn_wrapper .contact_price {
        font-size: 14px!important;
    }

    #Contact .text_shadow {
        font-size: 18px!important;
    }

    .worries_all .scarp_care {
        top: -415px!important;
    }

    .worries_all .scarp_care p:nth-child(1) {
        line-height: 1.4em!important;
    }

    .worries_all .scarp_care .b {
        line-height: 1.4em!important;
    }

    #Microscope .microscope_bg p:nth-child(1) {
        font-size: 20px!important;
        top: 136px!important;
    }

    .fukidashi02 {
        font-size: 20px!important;
    }

    #Beforeafter dl dd {
        font-size: 10px!important;
    }

    #Beforeafter .interviewvideo {
        font-size: 14px!important;
    }

    #Voice .voice_inner_box dl dt::before {
        top: 68px!important;
    }

    #Hairloss dl .ged {
        font-size: 12px!important;
    }

    #Hairloss dl .beg {
        font-size: 12px!important;
    }

    .hairgrowth .improvement p:nth-child(1) {
        font-size: 18px!important;
    }

    #Hairloss h4 {
        font-size: 16px;
    }

    #Hairloss .sen_b::before {
        display: none;
    }

    #Hairloss .sen_b::after {
        display: none;
    }

    .reason_hair .b_color {
        font-size: 20px;
    }

    .reason_hair .riron {
        padding: 15px 6%;
    }

    .reason_hair ul li:nth-child(1) {
        font-size: 18px;
    }


}



/* === Worries パネルのレイアウト正常化（数字と文章の当たり順） === */
.worries_reason .worries_box{
  position: relative;
  overflow: visible;      /* 数字がはみ出しても切らない */
  padding-top: 64px;      /* 上に数字ぶんの余白を確保（PC） */
}

/* 数字（最初の <p>）を常に中央固定。文章より下のレイヤーに置く */
.worries_reason .worries_box > p:first-child{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -52px;             /* PCの縦位置。必要に応じ ±で微調整 */
  width: 120px;           /* PCは px で安定させる */
  margin: 0;
  z-index: 1;             /* ← 数字は下のレイヤー（文章より手前に来ない） */
  pointer-events: none;
}

/* 見出しは常に数字より前面に（=隠れない） */
.worries_reason .worries_box h3{
  position: relative;
  z-index: 2;             /* ← 文章が数字の上に重なる */
}

/* SPのサイズ調整（数字の縦位置/サイズを端末幅に追従） */
@media (max-width: 767.98px){
  .worries_reason .worries_box{ padding-top: 56px; }
  .worries_reason .worries_box > p:first-child{
    top: -40px;
    width: 30vw;          /* 端末幅に応じて可変（ズレにくい） */
  }
}

/* === スクロール演出：初期は非表示、.active で表示に統一 === */
.animation,
.js-markerScrollAnimation,
.c-marker,
.worries_reason .worries_box h3{
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}

/* 表示状態（親 .worries_box が active でも効くように両方用意） */
.animation.active,
.js-markerScrollAnimation.active,
.c-marker.active,
.worries_reason .worries_box.active h3{
  opacity: 1;
  visibility: visible;
  transform: none;
}

/* ===== Fix 1: WORRIES 見出しがPCで表示されない ===== */
/* h3 を常に表示（JSが効かない場合の保険） */
.worries_reason .worries_box h3{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* 番号画像の位置を安定させる（中央寄せ＆重なり順） */
.worries_reason .worries_box{
  position: relative;
  padding-top: 90px;  /* 番号の分だけ上に余白 */
}
.worries_reason .worries_box > p:first-child{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -56px;
  width: 120px;
  margin: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767.98px){
  .worries_reason .worries_box{ padding-top: 56px; }
  .worries_reason .worries_box > p:first-child{
    top: -36px;
    width: 28vw;
  }
}

/* ===== Fix 2: VOICE の丸アイコンが極小になる ===== */
/* 画像を <p> の幅いっぱいに表示。PCでは少し大きめに */
#Voice .voice_inner_box p:nth-child(1) img{
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 768px){
  #Voice .voice_inner_box p:nth-child(1){ width: 108px; } /* 元画像の実寸に合わせる */
}

/* --- Worries: 見出しが消えない＆数字と重ならないように全面修正 --- */

/* 数字画像に押されない余白をカード上部に作る */
.worries_reason .worries_box{
  position: relative;
  padding-top: 64px;
}

/* 数字画像を常に中央・固定。下層に回す */
.worries_reason .worries_box > p:first-child{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -52px;       /* PCの見た目に合わせて調整 */
  width: 120px;     /* PCは固定幅の方がズレない */
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767.98px){
  .worries_reason .worries_box{ padding-top: 56px; }
  .worries_reason .worries_box > p:first-child{
    top: -40px;
    width: 30vw;    /* SPは端末幅基準で可変 */
  }
}

/* 見出しは常に前面＆必ず表示（PCで消えるのを強制解除） */
.worries_reason .worries_box h3{
  position: relative;
  z-index: 2;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* --- Voice: 年代アイコンを確実に見えるサイズで --- */
#Voice .voice_inner_box p:nth-child(1){ width: auto; } /* 親pの幅制御を解除 */
#Voice .voice_inner_box p:nth-child(1) img{
  width: 60px;     /* PC/SP共通 */
  height: auto;
  display: block;
}
@media (min-width: 768px){
  #Voice .voice_inner_box p:nth-child(1) img{ width: 90px; } /* PCで少し大きめに */
}

/* ===== FIX: WORRIES（数字と見出しの重なり/非表示バグ） ===== */
/* 数字と見出しの当たり順と位置を安定させる */
.worries_reason .worries_box{
  position: relative;
  padding-top: 64px; /* 数字のぶんの余白 */
}
.worries_reason .worries_box > p:first-child{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -52px;
  width: 120px;        /* PCはpxで固定 */
  z-index: 1;          /* 数字を下のレイヤーに */
  pointer-events: none;
}
.worries_reason .worries_box h3{
  position: relative;
  z-index: 2;          /* 見出しは常に数字より前面 */
  letter-spacing: 0;   /* 文字が詰みすぎるのをリセット（任意） */
}

/* スクロール演出：要素本体の .animation だけをフェード、h3 は親の .active で表示 */
.animation,
.js-markerScrollAnimation,
.c-marker{
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}
.animation.active,
.js-markerScrollAnimation.active,
.c-marker.active{
  opacity: 1;
  visibility: visible;
  transform: none;
}

.worries_reason .worries_box.active h3{
  opacity: 1;
  visibility: visible;
  transform: none;
}

/* SP調整 */
@media (max-width: 767.98px){
  .worries_reason .worries_box{ padding-top: 56px; }
  .worries_reason .worries_box > p:first-child{
    top: -40px;
    width: 30vw;       /* 端末幅に追従してズレにくく */
  }
}

/* ===== FIX: Voice 年代バッジを2倍程度に ===== */
#Voice .voice_inner_box{ position: relative; }
#Voice .voice_inner_box p:nth-child(1){
  position: absolute;
  width: 120px;   /* ←ここで大きさを調整。もっと大きくしたければ増やす */
  right: 12px;
  top: 30px;
}
@media (max-width: 767.98px){
  #Voice .voice_inner_box p:nth-child(1){
    width: 60px;  /* SPは従来サイズ */
    right: 12px;
    top: 24px;
  }
}
/* === FIX: Worries の見出しを常に表示（初期非表示ルールを打ち消す） === */
.worries_reason .worries_box h3{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative;
  z-index: 2; /* 数字画像より前面に */
}

/* === FIX: Voice 年代バッジのサイズアップ（PCは2倍） === */
#Voice .voice_inner_box p:nth-child(1) img{
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width:768px){
  #Voice .voice_inner_box p:nth-child(1){
    width: 120px !important;   /* 既存60pxを上書き → 約2倍 */
    right: 12px;
    top: 30px;
  }
}
/* === Worries：数字と文章の重なり順・表示状態を強制修正（最優先） === */
.worries_reason .worries_box{
  position: relative;
  overflow: visible;      /* 数字がはみ出しても切らない */
  padding-top: 64px;      /* 数字ぶんの上余白（PC） */
}

/* 最初の <p>（01/02/03の数字）は中央固定。文章より下のレイヤーに */
.worries_reason .worries_box > p:first-child{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -52px;             /* PCの縦位置 */
  width: 120px;           /* PCはpx指定で安定 */
  margin: 0;
  z-index: 1;             /* 数字は下 */
  pointer-events: none;
}

/* 文章は常に最前面＆常に表示（他ルールを無効化） */
.worries_reason .worries_box h3{
  position: relative;
  z-index: 2;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* SP調整：数字サイズ・位置を端末幅に追従 */
@media (max-width: 767.98px){
  .worries_reason .worries_box{ padding-top: 56px; }
  .worries_reason .worries_box > p:first-child{
    top: -40px;
    width: 30vw;
  }
}
/* Voice：年齢丸アイコンを拡大＆安定表示 */
#Voice .voice_inner_box p:nth-child(1){
  position: absolute;
  width: 120px;   /* 60px → 120px（約2倍） */
  right: 9%;
  top: 38px;
}
#Voice .voice_inner_box p:nth-child(1) img{
  width: 100%;
  height: auto;
  display: block;
}

/* SPは可変に（大きすぎ防止） */
@media (max-width: 767.98px){
  #Voice .voice_inner_box p:nth-child(1){
    width: 20vw;  /* 端末幅に合わせて可変 */
    right: 5%;
    top: 24px;
  }
}


/* --- FIX: Worries の見出しは常に表示する（PCで消える不具合対策） --- */
.worries_reason .worries_box h3{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative;
  z-index: 2; /* 数字画像より前面 */
}
/* --- Voice 年齢バッジを大きく --- */
#Voice .voice_inner_box dl dt img{
  width: 90px;    /* 例：90〜110px くらいで微調整 */
  height: auto;
}


/* === [FIX] Worries：数字と見出しの当たり順＆表示の強制 === */
.worries_reason .worries_box{
  position: relative !important;
  overflow: visible !important;   /* 数字がはみ出しても切らない */
  padding-top: 64px !important;   /* 上に数字ぶんの余白（PC） */
}

/* 01/02/03 の数字（最初の <p>）を中央固定。文章より下のレイヤーへ */
.worries_reason .worries_box > p:first-child{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: -52px !important;
  width: 120px !important;        /* 数字画像サイズ（PC） */
  margin: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 見出し（h3）は必ず表示＆最前面。アニメの初期非表示を打ち消す */
.worries_reason .worries_box h3{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 2 !important;
}

/* === [FIX] Voice：年代バッジをPCで約2倍、SPは可変 === */
#Voice .voice_inner_box{ position: relative !important; }
#Voice .voice_inner_box p:nth-child(1){
  position: absolute !important;
  width: 120px !important;        /* 60px → 120px */
  right: 12px !important;
  top: 30px !important;
}
#Voice .voice_inner_box p:nth-child(1) img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* SP微調整 */
@media (max-width: 767.98px){
  .worries_reason .worries_box{ padding-top: 56px !important; }
  .worries_reason .worries_box > p:first-child{
    top: -40px !important;
    width: 30vw !important;       /* 端末幅に追従 */
  }
  #Voice .voice_inner_box p:nth-child(1){
    width: 20vw !important;
    right: 5% !important;
    top: 24px !important;
  }
}

/* --- Worries：数字の位置と重なり順を安定化 --- */
#Worries .worries_box{ position:relative; padding-top:64px; }
#Worries .worries_box > p:first-child{
  position:absolute; left:50%; transform:translateX(-50%);
  top:-48px; width:110px; margin:0; z-index:1; pointer-events:none;
}
#Worries .worries_box h3{ position:relative; z-index:2; }

/* SP微調整（必要なら数値は少し前後OK） */
@media (max-width:767.98px){
  #Worries .worries_box{ padding-top:56px; }
  #Worries .worries_box > p:first-child{ top:-36px; width:28vw; }
}

/* --- Voice：年齢バッジを“ちょうど良い大きさ”に --- */
#Voice .voice_inner_box p:nth-child(1){ width:80px; right:14px; top:28px; position:absolute; }
#Voice .voice_inner_box p:nth-child(1) img{ width:100%; height:auto; display:block; }
@media (max-width:767.98px){
  #Voice .voice_inner_box p:nth-child(1){ width:56px; right:12px; top:24px; }
}

@media screen and (min-width: 415px) {
    figure p, h3 {
        color: #000;
    }
}
#Voice .voice_inner_box p:nth-child(1) img {
    width: 80px !important;
    height: auto !important;
    display: block !important;
}