@charset "utf-8";

/* ===============
nail・hairSet共通
================== */
.topic_nail,
.topic_hair  {
  font-family: Quicksand, sans-serif;
}


.topicDetail {
  display: block;
  /* width: min(67.7vw, 254px); */
  width: min(53.3vw, 200px);
  height: auto;
  margin: 0 auto;

}

h2 {
  font-size: 3.2rem;
  margin: 94px 0 40px min(2.13vw,8px);
}

.nailMenu_sectionDetail{
  padding: 0 min(7.46vw, 28px) 0;
}

.staff_sectionDetail,
.blog_sectionDetail {
  padding: 0 min(9.6vw,36px) 0;
}

.taxAnnounce {
  margin: 90px 0 0 min(9.6vw, 36px);
}
/* ===============
nail メニュー
================== */
.menuContainer {
  margin-top: 120px;
  padding-bottom: 40px;
  background-image : linear-gradient(to right, var(--pale-lightBlue), var(--pale-lightBlue) 4px, transparent 2px, transparent 2px);  /* 幅2の線を作る */
  background-size: 10px 1px;          /* グラデーションの幅・高さを指定 */
  background-position: left bottom;  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
}

.menuContainer:first-of-type {
  margin-top: 0;
}

.menuContainer_text{
  margin:0 min(2.13vw,8px);
}

.menuContainer h3,h4 {
  color: var(--navy);
}

.menuContainer h3 {
  margin-top: 33px;
  font-weight: 600;
  line-height: 1.25;
}

.menuContainer h4 {
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.278;
} 

.menuContainer h5 {
  margin-top: 20px;
  color: var(--pale-lightBlue);
  font-family: "Shippori Mincho";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.444;
  letter-spacing: 0.08em;
} 

.menuContainer h5 span {
  margin-right: 10px;
}

.menuContainer__features,
.menuContainer__note,
.taxAnnounce {
  margin-top: 20px;
  color: var(--blue-gray);
  font-size: 1.4rem;
  line-height: 1.643;
  letter-spacing: 0.11em;
  text-indent: -1.1em;/* 字下げ */
  padding-left: 1.1em;/* 先頭頭文字揃える */

}

.menuContainer__note {
  margin-top: 0;
  font-weight: 600;
}


.menuContainer__note span {
  text-decoration: underline solid var(--blue-gray) 1px; /* 1 */
}


.menuContainer__features dt {
  font-weight: normal;
}

.menuContainer__feature::before,
.menuContainer__note::before {
  content: "■";
}

.menuContainer__parts::before {
  content: "・";
}

.noPoints::before {
  content:unset;

}

/* ===============
staff (hairと共通）
================== */

.staffImg {
  margin-top: 86px;

}

.staffName {
  margin: 36px 0 0 0;
  color: var(--navy);
  font-family: Cormorant;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.22;
}

.staffContainer{
  margin-top: 40px;
  padding-bottom: 40px;
  color: var(--blue-gray);
  font-family: Quicksand;
  background-image : linear-gradient(to right, var(--pale-lightBlue), var(--pale-lightBlue) 4px, transparent 2px, transparent 2px);  /* 幅2の線を作る */
  background-size: 10px 1px;          /* グラデーションの幅・高さを指定 */
  background-position: left bottom;  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
}

.staffContainer__subject {
  font-size: 1.8rem;
  line-height: 1.278;
}

.staffContainer__text,
.staffContainer__point {
  font-size: 1.4rem;
  line-height: 1.643;
  letter-spacing: 0.11em;
}

.staffContainer__point { 
  text-indent: -1.1em;/* 字下げ */

}

.staffContainer__text {
  margin-top: 20px;
}

.staffContainer__coment {
  margin-top: 3px;

}

/* ===============
blog
================== */
.blog_sectionDetail__title {
  margin: 100px 0 0 0 ;
  color: var(--navy);
  font-family: Quicksand;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: 0.181em;
  text-align: center;
}

.blogContainer__subject,
.blogContainer__text {
  color: var(--blue-gray, #6E7794);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.642;
  letter-spacing: 0.11em;
}

.blogContainer__subject {
  margin-top: 22px;
}

.blogContainer__text{
  margin-top: 3px;
  padding-left: 1.1em;/* 先頭頭文字揃える */

}