@charset "UTF-8";

/* コンテンツ部分のみ横幅100%に調整 */


* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#Wrap {
  max-width: 100%;
  width: 192rem;
  margin: 0 auto;
}

#Wrap,
.wrapBottom,
.wrapTop,
.lp_contents {
  width: 100%;
}

#Contents {
  padding-top: 0rem !important;
}

.img {
  width: 100%;
}

.lp_contents {
  margin: 0 auto;
  /* background-color: #fff; */
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  color: #333;
  background: #fff;
}

.lp_contents img {
  max-width: 100%;
}

.lp_contents a:hover {
  opacity: .6;
}

.inner {
  width: 140rem;
  margin: 0 auto;
}

.yugothic {
  /* font-weight: 400; */
  font-style: normal;
}

/* .lp_contents a:hover{
  opacity: 0.7;
  transition: .3s;
} */

/* 擬似要素背景 */
/* .template::after{
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background: url(../../Contents/ImagesPkg/lp/template/.jpg) no-repeat;
  background-size: 0rem;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
} */

/************************
PCデバイス調整
************************/
.spOnly {
  display: none;
}

.mainvisual {
  background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-1_pc.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-2_pc.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-3_pc.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_bg_pc.jpg);
  background-position: left -6.6% top -22.5%, right 4.5% top -9%,right 0% top 36.8%, left top;
  background-size: 46% auto, 21% auto, 18% auto ,100% auto;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  height: 150rem;
  background-color: #e2ecf2;
}

.mainvisual_ttl img {
  display: block;
  width: 86rem;
  margin: 0 auto;
  padding-top: 17.7rem;
}

h2.cont_ttl {
  text-align: center;
  font-size: 3rem;
  letter-spacing: 0.075em;
  font-weight: bold !important;
  color: #6f88a4;
}

h2.cont_ttl span {
  position: relative;
  display: inline-block;
  padding: 0 8rem;
}

.cont_ttl span:before,
.cont_ttl span:after {
  display: inline-block;
  position: absolute;
  top: -2.5rem;
  transform: rotate(44deg);
  background: #8fa9c7;
  width: 1px;
  height: 3.5em;
  vertical-align: middle;
  content: "";
}

.cont_ttl span:before {
  left: 0;
}

.cont_ttl span:after {
  right: 0;
}


.item_box .item_flex {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 48rem;
  padding: 3rem 6rem;
}

.item_box .item_flex img {
  max-height: 44rem;
}

.itemImg {
  border: 1px solid #8fa9c7;
}

.item_textbox {
}

.item_box:first-child {
  margin-top: 13.6rem;
}

.item_box:first-child {
  margin-left: 6rem;
}

.item_box:first-child + .item_textbox {
  margin-left: 6rem;
}

.item_box:first-child + .item_textbox {
  width: 72rem;
  margin-top: 13rem;
}

.item_textbox:first-child {
  width: 66rem;
}

.item_textbox:first-child + .item_box {
  margin-left: 10rem;
}


/* ================navigation================== */

#bg_ImgArea.ba_ImgArea{
  width: 100%;
  background: #e4ecf1;
  padding-bottom: 21rem;
}

#contents01 {
  margin-top: -77.6rem;
}

#contents01 h2.cont_ttl {
  margin-bottom: 8rem;
}

#contents01 h2.cont_ttl span {
  padding: 0 6rem;
}

#contents01 .cont_ttl span:before,
#contents01 .cont_ttl span:after {

}

#contents01 .cont_ttl span:before {
}

#contents01 .cont_ttl span:after {
}

#contents01 .nav {
  margin-top: 3.8rem;
}

#contents01 .nav　a {
  display: block;
}

#contents01 .nav_flex {
  display: flex;
  justify-content: space-between;
  width: 140rem;
  margin: 0 auto;
}

#contents01 .nav_flex li {
  width: 25.2rem;
  height: 11.2rem;
  background: #fff;
}

#contents01 .nav_text {
  font-size: 1.8rem;
  line-height: 1.444;
  text-align: center;
}

#contents01 .nav_text.text01{
  padding: 1.7rem;
}

#contents01 .nav_text.text02{
  padding: 3rem;
}

#contents01 .nav_text.text03{
  padding: 4.3rem;
}


/* ================graphArea================== */

#contents02 {
  margin-top: 23rem;
}

#contents02 .cont_ttl {
  line-height: 1.2;
}

#contents02 .cont_ttl span {
  display: inline-block;
  position: relative;
  padding: 0 10.2rem;
}

#contents02 .cont_ttl span:before,
#contents02 .cont_ttl span:after {
}

#contents02 .cont_ttl span:before {
}

#contents02 .cont_ttl span:after {
}

#contents02 .graph_text {
  font-size: 2rem;
  letter-spacing: 0.067em;
  line-height: 2;
  text-align: center;
  margin-top: 5.7rem;
}

#contents02 .flexArea {
  width: 125.4rem;
  margin: 12rem auto 0;
  display: flex;
  /* justify-content: space-between; */
}

#contents02 .graph_Img img {
  display: block;
  width: 59rem;
  pointer-events: none;
}

#contents02 .pop_text {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  text-align: center;
  color: #6f88a4;
}


/* ================inst_comment================== */

#contents02 .comment_Area {
  position: relative;
  margin: 0 0 0 8.3rem;
  padding-top: 11rem;
}

#contents02 .top_comment_flex {
  width: 49.1rem;
  display: flex;
  justify-content: space-between;
}

#contents02 .comment_Box {
  font-size: 1.5rem;
  line-height: 1.4;
  color: #4D4D4D;
  width: auto;
  height: auto;
  background: #fff;
  /* background: rebeccapurple; */
  /* 左上のみ角丸 */
  border-top-left-radius: 11px;
  -webkit-border-top-left-radius: 11px;
  -moz-border-radius-topleft: 11px;
  /* 右上のみ角丸 */
  border-top-right-radius: 11px;
  -webkit-border-top-right-radius: 11px;
  -moz-border-radius-topright: 11px;
}

#contents02 .top_comment_flex li:first-child {
  margin-top: 8rem;
}

#contents02 .comment_Box.comment_text1{
  padding: 1.9rem 1.9rem 5.8rem 1.6rem;
}

#contents02 .comment_Box.comment_text2{
  padding: 2rem 1.8rem 1.5rem 1.5rem;
}

#contents02 .btm_comment_flex li:first-child {
  margin-top: 7rem;
}

#contents02 .btm_comment_flex li:last-child {
  margin-top: -1rem;
}

#contents02 .comment_Box.comment_text3{
  padding: 2rem 1.6rem 1.5rem 1.9rem;
}

#contents02 .comment_Box.comment_text4{
  padding: 2rem 1.5rem 1.5rem 1.9rem;
}

#contents02 .reply_Box {
  width: auto;
  height: auto;
  background: #666666;
  /* 左下のみ角丸 */
  border-bottom-left-radius: 11px;
  -webkit-border-bottom-left-radius: 11px;
  -moz-border-radius-bottomleft: 11px;
  /* 右下のみ角丸 */
  border-bottom-right-radius: 11px;
  -webkit-border-bottom-right-radius: 11px;
  -moz-border-radius-bottomright: 11px;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}

#contents02 .reply_Box a{
  color: #fff;
  display: block;
}

#contents02 .reply_Box{
  height: 4.7rem;
  padding: 0.9rem 0 1rem 1.9rem;
}

#contents02 .reply_Box {
  position: relative;
}

#contents02 .arrow-right{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}

#contents02 .btm_comment_flex {
  width: 49rem;
  margin-left: 9.1rem;
  display: flex;
  justify-content: space-between;
}

#contents02 {
  position: relative;
}

#contents02 .pop_text .popArea {

}

#contents02 .pop_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 26.1rem;
  height: 11rem;
  background: url(../../../Contents/ImagesPkg/lp/2022HairCare/pop01_bg.png);
  background-size: 100% auto;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.09em;
  color: #8fa9c7;
}

#contents02 .pop_Img {
  display: none;
}

#contents02 .pop_Img img {
  position: absolute;
  top: 33rem;
  right: 99.4rem;
  pointer-events: none;
}


/* ================contents03================== */

#contents03 {
  position: relative;
  display: flex;
  height: 48rem;
  align-items: center;
  background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/wave_Img.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/c3_bg.jpg);
  background-position: left top -1rem , left top;
  background-size: 100% auto, cover;
  background-repeat: no-repeat, no-repeat;
  padding-top: 6rem;
}

#contents03 .cont_ttl {
  line-height: 1.3;
}

#contents03 .cont_ttl span:before,
#contents03 .cont_ttl span:after {
  top: -1rem;
}

#contents03 .text {
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 5.6rem;
  /* position: absolute;
  bottom: 10.7rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%); */
}


/* ================contents04================== */

#contents04 {
  margin-top: 5rem;
}

#contents04 .number_Area {
  margin-left: 2rem;
}

.number_flex {
  margin: 15.6rem auto 0;
  display: flex;
  justify-content: center;
}

 h3.icon_Img img{
  width: 10.4rem;
  height: auto;
  pointer-events: none;
}

h4.icon_ttl {
  font-size: 2.5rem;
  letter-spacing: 0.075em;
  color: #4D4D4D;
  font-weight: bold !important;
  margin-left: 1.4rem;
  margin-top: 1.8rem;
  position: relative;
}

h4.icon_ttl::after{
  content: "";
  position: absolute;
  border-bottom: 1px solid;
  width: 102%;
  height: 0.2rem;
  color: #8fa9c7;
  top: 4.5rem;
  left: -1.6rem;
  z-index: 1;
}


/* ================ staff ================== */

#contents04 .item_flexArea {
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}

#contents04 .item_box {
  display: block;
  width: 62.6rem;
  position: relative;
}

/* ================ リボン ================== */

#contents04 .ribbon_Img {
  position: absolute;
  top: -7.2rem;
  left: -5.6rem;
  z-index: 1;
  pointer-events: none;
}

#contents04 .ribbon_Img img{
  width: 43.9rem;
}

/* ========================================== */


/* ================ スタッフ ① ================== */

#contents04 .itemImg {
  width: 62.6rem;
}

#contents04 .more_btn {
  width: auto;
  height: auto;
  display: block;
  background: #8fa9c7;
  position: relative;
  text-align: center;
}

#contents04 .arrow-right{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 2.5rem;
  right: 22.8rem;
}

#contents04 .text_color {
  font-size: 2rem;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 1.6rem 5rem 2rem;
  text-align: center;
}

#contents04 .more_btn a{
  display: block;
}

#contents04 .item_comment {
  width: 43.6rem;
  height: auto;
  background: #fff;
  margin-bottom: 16rem;
  padding: 2.6rem 4rem 2.8rem 3.7rem;
  border-radius: 54px;
  border: 1px solid #8fa9c7;
  position: relative;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.065em;
}

#contents04 .item_comment::after{
  content: "";
  display: block;
  width: 22rem;
  height: 0.1rem;
  background-color: #8fa9c7;
  position: absolute;
  bottom: -7.9rem;
  left: 19.5rem;
  transform: rotate(45deg);
  z-index: 0;
}

#contents04 .item_textbox {
  position: relative;
}

.staff_Img {
  position: absolute;
  bottom: -10rem;
  right: 6rem;
}

.staff_Img img {
  display: block;
  width: 21rem;
}

p.staff_name {
  font-size: 1.3rem;
  text-align: center;
}

.staff_Box3 p.staff_name {
  margin-left: -3.6rem;
}

/* ========================================== */

/* ================ スタッフ ② ================== */

#contents04 .staff_Box2 {
  display: flex;
  justify-content: center;
  margin: 24rem auto 0;
}

#contents04 .staff_Box2 .item_box {
}

/* ========================================== */

#c4_staff.staff_bg {
  background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/staff_bg_pc.jpg);
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: 24.4rem;
  margin-top: 20rem;
}

/* ================ スタッフ ③ ================== */

#contents04 .number2_flex {
  width: 76rem;
  margin: 21rem auto 0;
  display: flex;
  justify-content: flex-start;
}

#contents04 h3.icon2_Img {
  margin-left: 0.2rem;
}

#contents04 h3.icon2_Img img{
  width: 10.4rem;
  height: auto;
  pointer-events: none;
}

#contents04 h4.icon2_ttl {
  font-size: 2.5rem;
  letter-spacing: 0.075em;
  color: #4D4D4D;
  font-weight: bold !important;
  margin-left: 2.4rem;
  margin-top: 1.8rem;
  position: relative;
}

#contents04 h4.icon2_ttl::after{
  content: "";
  position: absolute;
  border-bottom: 1px solid;
  width: 65.6rem;
  height: 0.2rem;
  color: #8fa9c7;
  top: 4.5rem;
  left: -2.6rem;
  z-index: 1;
}

#contents04 .staff_Box3 {
  display: flex;
  justify-content: center;
  margin: 13rem auto 22rem;
}

#contents04 .staff_Box3 .item_box {
  margin-top: 0.6rem;
}

#contents04 .staff_Box3 .item_comment {
  margin-top: 0.6rem;
}

#contents04 .staff_Box3 .item_textbox {
  margin-top: 0;
}


/* ========================================== */

/* ================ スタッフ ④ ================== */

#contents04 .staff_Box4 {
  display: flex;
  justify-content: center;
  margin: 25rem auto 0;
}

#contents04 .staff_Box4 .item_box {
}

/* ================ スタッフ ⑤ ================== */

#contents04 .staff_Box5 {
  display: flex;
  justify-content: center;
  margin: 2rem auto 0;
  align-items: flex-start;
}

#contents04 .staff_Box5 .item_box {
}

#contents04 .staff_Box5 .item_comment {
}

#contents04 .number2_flex {
  width: 76rem;
  margin: 21rem auto 0;
  display: flex;
  justify-content: flex-start;
}

#contents04 h3.icon2_Img {
  margin-left: 0.2rem;
}

#contents04 h3.icon2_Img img{
  width: 10.4rem;
  height: auto;
  pointer-events: none;
}

#contents04 h4.icon2_ttl {
  font-size: 2.5rem;
  letter-spacing: 0.075em;
  color: #4D4D4D;
  font-weight: bold !important;
  margin-left: 2.4rem;
  margin-top: 1.8rem;
  position: relative;
}

#contents04 h4.icon2_ttl::after{
  content: "";
  position: absolute;
  border-bottom: 1px solid;
  width: 65.6rem;
  height: 0.2rem;
  color: #8fa9c7;
  top: 4.5rem;
  left: -2.6rem;
  z-index: 1;
}



/* ========================================== */

#hair_set_bg.hairset_bg {
  background: rgb(226,236,242);
  background: linear-gradient(0deg, rgba(226,236,242,1) 50%, rgba(255,255,255,1) 100%);
}

#hair_set_bg .inner {
  padding-top: 22rem;
  padding-bottom: 10rem;
}

#hair_set_bg .staff_btm_Area {
}

#hair_set_bg .staff_btm_ttl {
  text-align: center;
  font-size: 3rem;
  color: #8fa9c7;
  letter-spacing: 0.075em;
}

.staff_btm_ttl span {
  display: inline-block;
  position: relative;
  padding: 0 10.3rem;
}

#hair_set_bg .staff_btm_ttl span:before,
#hair_set_bg .staff_btm_ttl span:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #8fa9c7;
  width: 1px;
  height: 3.5em;
  vertical-align: middle;
}

#hair_set_bg .staff_btm_ttl span:before {
  transform: rotate(44deg);
  margin-right: 5.4rem;
  position: absolute;
  top: -2.5rem;
  left: 0;
}

#hair_set_bg .staff_btm_ttl span:after {
  transform: rotate(44deg);
  margin-left: 5.4rem;
  position: absolute;
  top: -2.4rem;
  right: 0;
}

#hair_set_bg .staff_textArea {
  width: 109.3rem;
  margin: 14rem auto 0;
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

#hair_set_bg .staff_btm_text {
  line-height: 2;
}


/* ================contents05================== */

#contents05 {
  background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/c5_wave_Img.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/c5_bg.jpg);
  background-position: left top -1rem , left top;
  background-size: 100% auto, cover;
  background-repeat: no-repeat, no-repeat;
  height: 49rem;
  position: relative;
  /* margin-top: 9.3rem; */
  margin-top: 0;
}

#contents05 .cont_ttl {
  line-height: 1.3;
  padding-top: 18.5rem;
}

#contents05 .cont_ttl span {
  position: relative;
  display: inline-block;
  padding: 0 11.3rem;
}

#contents05 .cont_ttl span:before,
#contents05 .cont_ttl span:after {
}

#contents05 .cont_ttl span:before {
}

#contents05 .cont_ttl span:after {
}

#contents05 .text {
  font-size: 2rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 7.6rem;
}


/* ================contents06================== */

#contents06 {
  margin-top: 21rem;
}

#contents06 .flexArea {
  width: 140rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#contents06 .itemBox {
  width: 40rem;
}

#contents06 .item_Img {
  border: 1px solid #8fa9c7;
  width: 100%;
  height: 40rem;
  background: #fff;
}

#contents06 .more_btn {
  position: relative;
  background: #8fa9c7;
  width: auto;
  height: 6.7rem;
  font-weight: bold;
}

#contents06 .more_btn a{
  display: block;
}

#contents06 .arrow-right{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 2.7rem;
  right: 10rem;
}

#contents06 .more_btn p {
  padding: 2rem;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}

#contents06 .textArea {
  margin-top: 6rem;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 2;
  color: #333;
}

/* ================contents07================== */

#contents07 {
  background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/c5_bg.jpg);
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: 43rem;
  position: relative;
  margin-top: 18.6rem;
}

#contents07 .cont_ttl {
  line-height: 1.3;
  padding-top: 12.8rem;
}

#contents07 .cont_ttl span {
  padding: 0 10rem;
}

#contents07 .cont_ttl span:before,
#contents07 .cont_ttl span:after {
}

#contents07 .text {
  font-size: 2rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 5.6rem;
}

/* ================contents08================== */

#contents08 {
  margin-top: 0;
}

#contents08 .inner {
  padding-top: 2rem;
}

/* ================ アイテム ① ================== */

#contents08 .frexArea_1 {
}

#contents08 .set_flexArea {
  width: 128.4rem;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}

#contents08 .set_flexArea .item_box {
  width: 40rem;
  height: 40rem;
}

#contents08 .set_flexArea .itemImg {
  border: 2px solid #8fa9c7;
  width: 39.66rem;
  height: 39.66rem;
}

#contents08 .set_flexArea .item_textbox {
  border: 2px solid #8fa9c7;
  width: 67rem;
  border-radius: 70px;
  margin-left: 21.4rem;
  padding: 4.6rem 5.5rem;
}

#contents08 .set_flexArea .item_comment {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 2;
  position: relative;
}

#contents08 .set_flexArea .item_comment::after{
  content: "";
  display: block;
  width: 16.3rem;
  height: 2px;
  background-color: #8fa9c7;
  position: absolute;
  top: 30.6rem;
  left: -19.5rem;
  transform: rotate(-45deg);
  z-index: 0;
}

#contents08 .set_flexArea .more_btn {
  background: #8fa9c7;
  position: relative;
  width: 40rem;
  height: 6.7rem;
  margin: 6.8rem auto 0;
}

#contents08 .set_flexArea .more_btn a {
  width: 100%;
  display: block;
}

#contents08 .set_flexArea .text_color {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.05em;
  padding: 2rem;
}

#contents08 .set_flexArea .arrow-right{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 2.85rem;
  right: 9.9rem;
}

/* ================ アイテム ② ================== */


#contents08 .frexArea_2 {
}

#contents08 .frexArea_2 .item_comment {
}


/* ================ アイテム ② ================== */


#contents08 .frexArea_3 {
}

#contents08 .frexArea_3 .item_comment {
}


/* ================contents09================== */

#contents09 {
  position: relative;
  height: 77.6rem;
  background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/wave_Img_white.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/c9_bg.jpg);
  background-position: left top -1rem , left top;
  background-size: 100% auto, cover;
  background-repeat: no-repeat, no-repeat;
  margin-top: 20rem;
}

#contents09 .cont_ttl {
  line-height: 1.3;
  padding-top: 17.4rem;
}

#contents09 .cont_ttl span {
  padding: 0 22rem;
}

#contents09 .cont_ttl span:before,
#contents09 .cont_ttl span:after {
  top: -3rem;
}

#contents09 .cont_ttl span:before {
}

#contents09 .cont_ttl span:after {
}

#contents09 .text {
  font-size: 2rem;
  line-height: 2;
  text-align: center;
}

#contents09 .sub_text {
  letter-spacing: 0.1em;
  margin: 8.4rem 0 0 1rem;
}

#contents09 .big_text {
  font-size: 2.6rem;
  font-weight: bold !important;
}

#contents09 .text_1 {
  margin-top: 0.7rem;
  letter-spacing: 0.175em;
}

#contents09 .text_2.yugothic {
  margin-top: 0.2rem;
  letter-spacing: 0.11em;
}

#contents09 .more_btn {
  background: #8fa9c7;
  width: 40rem;
  height: 6.7rem;
  margin: 6.7rem auto 0;
  position: relative;
}

#contents09 .more_btn a{
  width: 100%;
  display: block;
}

#contents09 .text_color {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.06em;
  padding: 2rem 4.5rem 0 0;
}

#contents09 .arrow-right{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 2.9rem;
  right: 6.3rem;
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {


  .inner {
    width: 120rem;
  }

  #contents01 .nav_flex {
    width: 120rem;
  }

  #contents01 .nav_flex li {
    width: 23rem;
  }

  #contents01 .nav_text {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #contents01 .nav_text.text01 {
    padding: 0;
  }

  #contents01 .nav_text.text03 {
    padding: 2rem;
  }

  #contents02 .flexArea {
    width: 120rem;
  }

  #contents04 .itemImg {
    width: 54rem;
  }

  #contents04 .arrow-right {
    right: 18rem;
  }

  .staff_Img img {
    width: 20rem;
  }

  #contents06 .flexArea {
    width: 110rem;
  }

  #contents06 .itemBox {
    width: 32rem;
  }

  #contents06 .item_Img {
    height: 32rem;
  }

  #contents06 .arrow-right {
    right: 7rem;
  }

  #contents08 .set_flexArea {
    width: 120rem;
  }

  #contents08 .set_flexArea .item_box {
    width: 32rem;
    height: 32rem;
  }

  #contents08 .set_flexArea .itemImg {
    width: 32rem;
    height: 32rem;
  }

  #contents08 .set_flexArea .item_textbox {
    width: 56rem;
  }

}




/**************************************************
                    SPデバイス調整
**************************************************/

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

  #Wrap {
    padding-top: calc(90 *(100vw /750));
  }

  .spOnly {
    display: block!important;
  }

  br.spOnly,
  img.spOnly {
    display: inline!important;
  }

  .pcOnly {
    display: none!important;
  }

  .lp_contents {
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    overflow: hidden;
    background-size: 100%;
    background-position-x: center;
    background-position-y: calc(0 * (100vw / 750));
    position: relative;
    overflow: hidden;
  }

  .inner {
    width: 100%;
    max-width: 100%;
  }


  .mainvisual {
    /* background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-1_sp.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-2_sp-1_sp.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_bg_sp.jpg); */
    background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-1_sp.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-2_pc.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_item1-3_pc.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/mv_bg_sp.jpg);;

    background-position: left calc(-226 *(100vw /750)) top calc(45 *(100vw /750)), right calc(50 *(100vw /750)) top calc(50 *(100vw /750)) ,right top , left top;
    background-size: calc(612 *(100vw /750)) auto, calc(100 *(100vw /750)) auto, calc(100 *(100vw /750)) auto ,100% auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    height: calc(1870 *(100vw /750));
  }

  .mainvisual_ttl img {
    display: block;
    width: calc(675 *(100vw /750));
    margin: 0 auto;
    padding-top: calc(172 *(100vw /750));
  }

  h2.cont_ttl {
    text-align: center;
    font-size: calc(35 *(100vw /750));
    letter-spacing: 0.075em;
    line-height: 1.2;
    display: flex;
    justify-content: center;
  }

  .item_box .item_flex img {
    max-height: calc(430 *(100vw /750));
  }

  #contents01 h2.cont_ttl span {
    padding-left: calc(80 *(100vw /750));
    padding-right: calc(80 *(100vw /750));
  }

  .cont_ttl span:before,
  .cont_ttl span:after {
    width: calc(2 *(100vw /750));
    height: calc(160 *(100vw /750));
    margin: 0 calc(0 *(100vw /750));
    margin-top: calc(-34 *(100vw /750));
  }

  .cont_ttl span:before {
    transform: rotate(37deg);
  }

  .cont_ttl span:after {
    transform: rotate(37deg);
  }

  .item_box .item_flex {
    min-height: calc(380 *(100vw /750));
    padding: calc(30 *(100vw /750)) calc(60 *(100vw /750)) calc(130 *(100vw /750));
  }

  .item_box:first-child + .item_textbox {
    margin-top: 0;
  }

  /* ================navigation================== */

  #bg_ImgArea.ba_ImgArea{
    width: 100%;
    background: #e4ecf1;
    padding-bottom: calc(100 *(100vw /750));
    padding-top: calc(50 *(100vw /750));
  }

  #contents01 {
    margin-top: calc(10 *(100vw /750));

  }

  #contents01 h2.cont_ttl {
    /* margin-top: calc(98 *(100vw /750)); */
    margin-top: calc(-1075 *(100vw /750));
  }

  #contents01 .cont_ttl span:before,
  #contents01 .cont_ttl span:after {
  }

  #contents01 .cont_ttl span:before {
  }

  #contents01 .cont_ttl span:after {
  }

  #contents01 .nav {
    margin-top: calc(132 *(100vw /750));
  }

  #contents01 .nav_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(700 *(100vw /750));
    margin: 0 auto;
  }

  #contents01 .nav_flex li {
    width: calc(327 *(100vw /750));
    height: calc(162 *(100vw /750));
    background: #fff;
  }

  #contents01 .nav_flex li:nth-child(3),
  #contents01 .nav_flex li:nth-child(4) {
    margin-top: calc(45 *(100vw /750));
  }

  #contents01 .nav_flex li:nth-child(5) {
    margin: calc(45 *(100vw /750)) auto 0;
  }

  #contents01 .nav_text {
    font-size: calc(25 *(100vw /750));
    line-height: 1.56;
    text-align: center;
  }

  #contents01 .nav_text.text01{
    padding: calc(22 *(100vw /750)) 0 calc(30 *(100vw /750)) 0;
  }

  #contents01 .nav_text.text02{
    padding: calc(40 *(100vw /750)) 0 calc(46 *(100vw /750)) 0;
  }

  #contents01 .nav_text.text03{
    padding: calc(58 *(100vw /750)) 0 calc(65 *(100vw /750)) 0;
  }

  /* ================graphArea================== */

  #contents02 {
    margin-top: calc(190 *(100vw /750));
  }

  #contents02 .cont_ttl span {
    line-height: 1.2;
    position: relative;
  }

  #contents02 .cont_ttl span:before,
  #contents02 .cont_ttl span:after {
  }

  #contents02 .cont_ttl span:before {
  }

  #contents02 .cont_ttl span:after {
  }


  #contents02 .graph_text {
    font-size: calc(25 *(100vw /750));
    letter-spacing: 0.07em;
    line-height: 1.82;
    text-align: center;
    margin-top: calc(123 *(100vw /750));
  }

  #contents02 .flexArea {
    width: calc(700 *(100vw /750));
    margin: calc(118 *(100vw /750)) auto 0;
    display: block;
    /* justify-content: space-between; */
  }

  #contents02 .graph_Img img {
    display: block;
    width: calc(600 *(100vw /750));
    margin: 0 auto 0;
    pointer-events: none;
  }

  #contents02 .pop_text {
    font-size: calc(20 *(100vw /750));
    line-height: 1.4;
    letter-spacing: 0.02em;
    text-align: center;
  }


/* ================inst_comment================== */

  #contents02 .comment_Area {
    margin: calc(65 *(100vw /750)) 0 0;
    padding-top: calc(240 *(100vw /750));
  }

  #contents02 .top_comment_flex {
    width: calc(670 *(100vw /750));
    display: flex;
    justify-content: flex-start;
  }

  #contents02 .comment_Box {
    font-size: calc(22 *(100vw /750));
    line-height: 1.4;
    /* background: rebeccapurple; */
    /* 左上のみ角丸 */
    border-top-left-radius: 11px;
    -webkit-border-top-left-radius: 11px;
    -moz-border-radius-topleft: 11px;
    /* 右上のみ角丸 */
    border-top-right-radius: 11px;
    -webkit-border-top-right-radius: 11px;
    -moz-border-radius-topright: 11px;
  }

  #contents02 .top_comment_flex li:first-child {
    margin-top: 0;
  }

  #contents02 .top_comment_flex li:last-child {
    margin: calc(53 *(100vw /750)) 0 0 calc(66 *(100vw /750));
  }

  #contents02 .comment_Box.comment_text1{
    padding: calc(27 *(100vw /750)) calc(24 *(100vw /750)) calc(80 *(100vw /750)) calc(24 *(100vw /750));
    letter-spacing: -0.03em;
    white-space:nowrap;
  }

  #contents02 .comment_Box.comment_text2{
    padding: calc(30 *(100vw /750)) calc(23 *(100vw /750)) calc(19 *(100vw /750)) calc(23 *(100vw /750));
    letter-spacing: -0.03em;
    white-space:nowrap;
  }

  #contents02 .btm_comment_flex li:first-child {
    margin-top: 0;
  }

  #contents02 .btm_comment_flex li:last-child {
    margin: calc(56 *(100vw /750)) 0 0 calc(62 *(100vw /750));
  }

  #contents02 .comment_Box.comment_text3{
    padding: calc(29 *(100vw /750)) calc(24 *(100vw /750)) calc(19 *(100vw /750)) calc(25 *(100vw /750));
    letter-spacing: -0.03em;
    white-space:nowrap;
  }

  #contents02 .comment_Box.comment_text4{
    padding: calc(29 *(100vw /750)) calc(24 *(100vw /750)) calc(21 *(100vw /750)) calc(25 *(100vw /750));
    letter-spacing: -0.03em;
    white-space:nowrap;
  }


  #contents02 .reply_Box {
    font-size: calc(26 *(100vw /750));
    letter-spacing: 0.05em;
    /* 左下のみ角丸 */
    border-bottom-left-radius: 11px;
    -webkit-border-bottom-left-radius: 11px;
    -moz-border-radius-bottomleft: 11px;
    /* 右下のみ角丸 */
    border-bottom-right-radius: 11px;
    -webkit-border-bottom-right-radius: 11px;
    -moz-border-radius-bottomright: 11px;
  }

  #contents02 .reply_Box{
    height: calc(68 *(100vw /750));
    padding: calc(10 *(100vw /750)) 0 calc(15 *(100vw /750)) calc(28 *(100vw /750));
  }

  #contents02 .reply_Box {
    position: relative;
  }

  #contents02 .reply_Img {
    width: calc(15 *(100vw /750));
    height: calc(27 *(100vw /750));
    display: block;
    pointer-events: none;
  }

  #contents02 .reply_Img.reply01 {
    position: absolute;
    top: calc(18 *(100vw /750));
    right: calc(20 *(100vw /750));
  }

  #contents02 .reply_Img.reply02 {
    position: absolute;
    top: calc(18 *(100vw /750));
    right: calc(20 *(100vw /750));
  }

  #contents02 .reply_Img.reply03 {
    position: absolute;
    top: calc(18 *(100vw /750));
    right: calc(23 *(100vw /750));
  }

  #contents02 .reply_Img.reply04 {
    position: absolute;
    top: calc(18 *(100vw /750));
    right: calc(23 *(100vw /750));
  }

  #contents02 .btm_comment_flex {
    width: calc(700 *(100vw /750));
    margin: calc(42 *(100vw /750)) 0 0 calc(30 *(100vw /750));
    display: flex;
    justify-content: flex-start;
  }

  #contents02 {
    position: relative;
  }

  #contents02 .pop_text {
    left: auto;
    right: 0;
    width: calc(409 *(100vw /750));
    height:  calc(174 *(100vw /750));
    padding-top: calc(50 *(100vw /750));
    background: url(../../../Contents/ImagesPkg/lp/2022HairCare/pop01_bg_sp.png);
    background-size: 100%;
    font-size: calc(31 *(100vw /750));
    letter-spacing: -0.1em;
  }

  #contents02 .arrow-right{
    display: inline-block;
    width: calc(18 *(100vw /750));
    height: calc(18 *(100vw /750));
    border-top: calc(2 *(100vw /750)) solid #fff;
    border-right: calc(2 *(100vw /750)) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(22 *(100vw /750));
    right: calc(24 *(100vw /750));
  }


/* ================contents03================== */

  #contents03 {
    position: relative;
    height: auto;
    margin: auto;
    background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/c3_wave_Img_sp.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/c3_bg_sp.png);
    background-position: left top 0 , left top;
    background-size: 100% auto, cover;
    background-repeat: no-repeat, no-repeat;
  }

  #contents03 .inner {
    padding-top: calc(200 *(100vw /750));
    padding-bottom: calc(130 *(100vw /750));
  }

  #contents03 .back_bg {
    pointer-events: none;
  }

  .back_bg img {
    width: calc(750 *(100vw /750));
  }

  #contents03 .cont_ttl  {
    margin-bottom: calc(120 *(100vw /750));
  }

  #contents03 .cont_ttl span:before,
  #contents03 .cont_ttl span:after {
  }

  #contents03 .cont_ttl span:before {
  }

  #contents03 .cont_ttl span:after {
  }

  #contents03 .text {
    width: 100%;
    font-size: calc(25 *(100vw /750));
    line-height: 1.8;
    letter-spacing: 0.046em;
    text-align: center;
  }

  /* ================contents04================== */

  #contents04 {
    margin-top: 0;
    margin-bottom: calc(150 *(100vw /750));;
  }

  #contents04 .number_Area {
    margin-left: 0;
    padding-top: calc(150 *(100vw /750));
  }

  #contents04 .number_flex {
    width: 100%;
    margin: 0 auto calc(180 *(100vw /750));
    display: block;
  }

  #contents04 h3.icon_Img img{
    width: calc(149 *(100vw /750));
    margin: 0 auto;
    height: auto;
    margin-left: calc(281 *(100vw /750));
    display: block;
    pointer-events: none;
  }

  #contents04 h4.icon_ttl {
    position: relative;
    margin: calc(43 *(100vw /750)) 0 0;
    padding: 0 0 calc(20 *(100vw /750));
    text-align: center;
    font-size: calc(32 *(100vw /750));
    font-weight: bold !important;
    letter-spacing: 0.01em;
    color: #4d4d4d;
  }

  #contents04 h4.icon_ttl::after{
    content: "";
    position: absolute;
    top: auto;
    right: calc(30 *(100vw /750));
    left: calc(30 *(100vw /750));
    bottom: 0;
    width: auto;
    height: calc(2 *(100vw /750));
    border-bottom: 1px solid;
    color: #8fa9c7;
    z-index: 1;
  }


  /* ================ staff ================== */

  #contents04 .item_flexArea {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  #contents04 .item_box {
    display: block;
    width: calc(600 *(100vw /750));
    height: calc(700 *(100vw /750));
    margin-top: calc(214 *(100vw /750));
    margin-right: auto;
    margin-left: auto;
    position: relative;
  }

  /* ================ リボン ================== */

  #contents04 .ribbon_Img {
    position: absolute;
    top: calc(-92 *(100vw /750));
    left: calc(-69 *(100vw /750));
    z-index: 1;
    pointer-events: none;
  }

  #contents04 .ribbon_Img img{
    width: calc(536 *(100vw /750));
  }

  /* ================ スタッフ ① ================== */

  #contents04 .itemImg {
    width: calc(600 *(100vw /750));
    height: calc(500 *(100vw /750));
  }

  /* #contents04 .more_btn {
    width: auto;
    height: auto;
    display: block;
    background: #8fa9c7;
    opacity: 0.6;
    position: relative;
    text-align: center;
  } */

  #contents04 .arrow-right{
    display: inline-block;
    width: calc(17 *(100vw /750));
    height: calc(17 *(100vw /750));
    border-top: calc(2 *(100vw /750)) solid #fff;
    border-right: calc(2 *(100vw /750)) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(40 *(100vw /750));
    right: calc(111 *(100vw /750));
  }

  #contents04 .text_color {
    font-size: calc(27 *(100vw /750));
    letter-spacing: -0.01em;
    text-align: center;
    color: #fff;
    padding: calc(30 *(100vw /750)) calc(20 *(100vw /750)) ;
  }

  #contents04 .more_btn a{
    display: block;
  }

  #contents04 .item_textbox {
    width: 100%;
    height: auto;
    margin-left: calc(0 *(100vw /750));
    padding-bottom: calc(160 *(100vw /750));
  }

  #contents04 .item_comment {
    width: calc(464 *(100vw /750));
    height: auto;
    margin-left: calc(80 *(100vw /750));
    margin-top: calc(0 *(100vw /750));
    margin-bottom: 0;
    background: #fff;
    padding: calc(30 *(100vw /750)) calc(35 *(100vw /750)) calc(40 *(100vw /750));
    border-radius: calc(50 *(100vw /750));
    border: 1px solid #8fa9c7;
    font-size: calc(22 *(100vw /750));
    line-height: 1.96;
    letter-spacing: 0.096em;
  }

  #contents04 .item_comment{
    position: relative;
  }

  #contents04 .item_comment::after{
    content: "";
    display: block;
    width: calc(227 *(100vw /750));
    height: calc(2 *(100vw /750));
    background-color: #8fa9c7;
    position: absolute;
    bottom: calc(-81 *(100vw /750));
    left: calc(204 *(100vw /750));
    transform: rotate(45deg);
    z-index: 0;
  }

  #contents04 .item_textbox {
    position: relative;
  }

  .staff_Img {
    right: calc(30 *(100vw /750));
    bottom: calc(-120 *(100vw /750));
  }

  .staff_Img img {
    display: block;
    width: calc(240 *(100vw /750));
  }

  p.staff_name {
    font-size: calc(16 *(100vw /750));
    text-align: center;
  }

  .staff_Box2 p.staff_name {
    margin-left: calc(0 *(100vw /750));
    margin-right: calc(10 *(100vw /750));
  }
  
  .staff_Box3 p.staff_name {
    margin-left: calc(0 *(100vw /750));
    margin-right: calc(0 *(100vw /750));
  }

  /* ========================================== */

  /* ================ スタッフ ② ================== */

  #contents04 .staff_Box2 {
    display: flex;
    flex-direction: column-reverse;
    margin-top: calc(180 *(100vw /750));
  }

  #contents04 .staff_Box2 .item_box {
    margin: calc(100 *(100vw /750)) auto 0;
  }

  #contents04 .staff_Box2 .item_textbox {
    margin: 0 0 0 calc(-3 *(100vw /750));
  }

  #contents04 .staff_Box2 .item_comment {
    position: relative;
  }

  #contents04 .staff_Box2 .item_comment::after{
    content: "";
    display: block;
    width: calc(220 *(100vw /750));
    height: calc(2 *(100vw /750));
    background-color: #8fa9c7;
    position: absolute;
    bottom: calc(-80 *(100vw /750));
    left: calc(206 *(100vw /750));
    transform: rotate(45deg);
    z-index: 0;
  }

  /* ========================================== */

  #c4_staff.staff_bg {
    height: calc(238 *(100vw /750));
    margin: 0 auto calc(150 *(100vw /750));
    background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/staff_bg_sp.jpg);
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  /* ================ スタッフ ③ ================== */

  #contents04 .number2_flex {
    display: block;
    width: 100%;
    margin: 0 auto 0;
  }

  #contents04 h3.icon2_Img {
    margin-left: calc(302 *(100vw /750));
  }

  #contents04 h3.icon2_Img img{
    width: calc(149 *(100vw /750));
    height: auto;
    pointer-events: none;
  }

  #contents04 h4.icon2_ttl {
    font-size: calc(32.5 *(100vw /750));
    letter-spacing: 0.02em;
    color: #4D4D4D;
    font-weight: bold !important;
    text-align: center;
    margin-left: calc(2 *(100vw /750));
    margin-top: calc(45 *(100vw /750));
    position: relative;
  }

  #contents04 h4.icon2_ttl::after{
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    width: calc(700 *(100vw /750));
    height: calc(20 *(100vw /750));
    color: #8fa9c7;
    top: calc(128 *(100vw /750));
    left: calc(25 *(100vw /750));
    z-index: 1;
  }

  #contents04 .staff_Box3 {
    display: block;
    margin: 0 auto calc(200 *(100vw /750));
  }

  #contents04 .staff_Box3 .item_box {
    margin: calc(5 *(100vw /750)) 0 0 calc(77 *(100vw /750));
  }

  #contents04 .staff_Box3 .item_comment {
    margin-top: calc(10 *(100vw /750));
  }

  #contents04 .staff_Box3 .item_textbox {
  }

  /* ========================================== */

  /* ================ スタッフ ④ ================== */

  #contents04 .staff_Box4 {
    display: flex;
    justify-content: flex-start;
    flex-direction: column-reverse;
    margin: 0 auto calc(200 *(100vw /750));
  }

  #contents04 .staff_Box4 .item_box {
    margin: calc(80 *(100vw /750)) auto 0;
  }

  #contents04 .staff_Box4 .item_textbox {
    margin: calc(0 *(100vw /750)) auto 0;
  }

  /* ================ スタッフ ③ ================== */

  #contents04 .staff_Box5 {
    display: block;
    margin: calc(200 *(100vw /750)) auto 0;
  }

  #contents04 .staff_Box5 .item_box {
    margin: 0 auto 0;
  }

  #contents04 .staff_Box5 .item_comment {
    margin-top: 0;
  }

  #contents04 .staff_Box5 .item_textbox {
    margin: calc(0 *(100vw /750)) auto 0 ;
  }

  #contents04 .number2_flex {
    width: 100%;
    margin: calc(50 *(100vw /750)) auto 0;
    display: block;
  }

  #contents04 h3.icon2_Img {
    margin-left: calc(302 *(100vw /750));
  }

  #contents04 h3.icon2_Img img{
    width: calc(149 *(100vw /750));
    height: auto;
    pointer-events: none;
  }

  #contents04 h4.icon2_ttl {
    font-size: calc(32.5 *(100vw /750));
    letter-spacing: 0.02em;
    color: #4D4D4D;
    font-weight: bold !important;
    text-align: center;
    margin-left: calc(2 *(100vw /750));
    margin-top: calc(45 *(100vw /750));
    position: relative;
  }

  #contents04 h4.icon2_ttl::after{
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    width: calc(700 *(100vw /750));
    height: calc(20 *(100vw /750));
    color: #8fa9c7;
    top: calc(128 *(100vw /750));
    left: calc(25 *(100vw /750));
    z-index: 1;
  }

  /* ========================================== */

  #hair_set_bg.hairset_bg {
    height: auto;
    margin: auto;
  }

  #hair_set_bg .inner {
    padding: calc(120 *(100vw /750)) 0 calc(80 *(100vw /750)) ;
  }

  #hair_set_bg .staff_btm_Area {
    margin-top: 0;
  }

  #hair_set_bg .staff_btm_ttl {
    position: relative;
    margin-bottom: calc(110 *(100vw /750));
    text-align: center;
    font-size: calc(35 *(100vw /750));
    letter-spacing: 0.075em;
    line-height: 1.3;
  }

  #hair_set_bg .staff_btm_ttl span:before,
  #hair_set_bg .staff_btm_ttl span:after {
  }

  #hair_set_bg .staff_btm_ttl:before {
  }

  #hair_set_bg .staff_btm_ttl:after {
  }

  #hair_set_bg .staff_textArea {
    width: calc(630 *(100vw /750));
    margin: auto;
    font-size: calc(25 *(100vw /750));
    letter-spacing: 0.05em;
  }

  #hair_set_bg .staff_btm_text {
    line-height: 1.8;
  }

  /* ================contents05================== */

  #contents05 {
    position: relative;
    background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/c5_wave_Img_sp.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/c5_bg_sp.jpg);
    background-position: left top -1rem , left top;
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat, no-repeat;
    height: calc(700 *(100vw /750));
  }

  #contents05 .inner {
    padding-top: calc(150 *(100vw /750));
    padding-bottom: calc(100 *(100vw /750));
  }

  #contents05 .cont_ttl {
    position: relative;
    margin-bottom: calc(100 *(100vw /750));
  }

  #contents05 .cont_ttl span:before,
  #contents05 .cont_ttl span:after {
  }

  #contents05 .cont_ttl span:before {
  }

  #contents05 .cont_ttl span:after {
  }

  #contents05 .cont_ttl span {
  }

  #contents05 .text {
    margin: auto;
    font-size: calc(25 *(100vw /750));
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-align: center;
  }

  /* ================contents06================== */

  #contents06 {
    margin-top: calc(145 *(100vw /750));
  }

  #contents06 .flexArea {
    width: calc(600 *(100vw /750));
    margin: 0 auto;
    display: block;
  }

  #contents06 .itemBox {
    width: calc(600 *(100vw /750));
  }

  #contents06 .itemBox:nth-child(2) {
    margin-top: calc(166 *(100vw /750));
  }

  #contents06 .itemBox:last-child {
    margin-top: calc(166 *(100vw /750));
  }

  #contents06 .item_Img {
    border: calc(2 *(100vw /750)) solid #8fa9c7;
    width: 100%;
    height: calc(596 *(100vw /750));
    background: #fff;
    text-align: center;
  }

  #contents06 .item_Img img {
    max-height: 100%;
  }

  #contents06 .more_btn {
    background: #8fa9c7;
    width: auto;
    height: calc(100 *(100vw /750));
    position: relative;
  }

  #contents06 .more_btn a{
    display: block;
    height: 100%;
  }

  #contents06 .arrow-right{
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    top: calc(42 *(100vw /750));
    right: calc(110 *(100vw /750));
    width: calc(17 *(100vw /750));
    height: calc(17 *(100vw /750));
    border-top: calc(2 *(100vw /750)) solid #fff;
    border-right: calc(2 *(100vw /750)) solid #fff;
  }

  #contents06 .more_btn p{
    color: #fff;
    text-align: center;
    font-size: calc(27 *(100vw /750));
    letter-spacing: 0.02em;
    padding: calc(28 *(100vw /750)) calc(1 *(100vw /750)) 0 0;
  }

  #contents06 .textArea {
    font-size: calc(25 *(100vw /750));
    letter-spacing: 0.09em;
    line-height: 2.2;
    margin-top: calc(50 *(100vw /750));
    color: #333;
  }

/* ================contents07================== */

  #contents07 {
    background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/c5_bg_sp.jpg);
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: calc(628 *(100vw /750));
    position: relative;
    margin-top: calc(220 *(100vw /750));
  }

  #contents07 .inner {
    padding-top: calc(110 *(100vw /750));
  }

  #contents07 .cont_ttl {
    margin-bottom: calc(110 *(100vw /750));
  }

  #contents07 .cont_ttl span {
    position: relative;
  }

  #contents07 .cont_ttl span:before,
  #contents07 .cont_ttl span:after {
  }

  #contents07 .cont_ttl span:before {
  }

  #contents07 .cont_ttl span:after {
  }

  #contents07 .cont_ttl span {
  }

  #contents07 .text {
    font-size: calc(25 *(100vw /750));
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-align: center;

  }

  /* ================contents08================== */

  #contents08 {
    margin-top: calc(150 *(100vw /750));
  }

  /* ================ アイテム ① ================== */

  #contents08 .frexArea_1 {
  }

  #contents08 .set_flexArea {
    display: block;
    width: calc(670 *(100vw /750));
    margin: 0 auto calc(150 *(100vw /750));
  }

  #contents08 .set_flexArea .item_box {
    width: calc(596 *(100vw /750));
    height: calc(596 *(100vw /750));
    margin: 0 auto;
  }

  #contents08 .set_flexArea .itemImg {
    border: calc(2 *(100vw /750)) solid #8fa9c7;
    width: calc(596 *(100vw /750));
    height: calc(596 *(100vw /750));
  }

  #contents08 .set_flexArea .item_textbox {
    width: calc(670 *(100vw /750));
    border: calc(2 *(100vw /750)) solid #8fa9c7;
    border-radius: 32px;
    margin: 0 auto;
    margin-top: calc(170 *(100vw /750));
    padding-top: calc(60 *(100vw /750));
    padding-bottom: calc(60 *(100vw /750));
  }


  #contents08 .set_flexArea .item_comment {
    font-size: calc(25 *(100vw /750));
    letter-spacing: 0.08em;
    line-height: 2.2;
    position: relative;
  }

  #contents08 .set_flexArea .item_comment::after{
    display: block;
    position: absolute;
    top: calc(-118 *(100vw /750));
    left: calc(71 *(100vw /750));
    transform: rotate(-45deg);
    z-index: 0;
    width: calc(160 *(100vw /750));
    height: calc(2 *(100vw /750));
    background-color: #8fa9c7;
    content: "";
  }

  .item_comment__inner {
    max-height: calc(400 *(100vw /750));
    overflow-y: scroll;
  }

  #contents08 .set_flexArea .more_btn {
    background: #8fa9c7;
    position: relative;
    width: calc(600 *(100vw /750));
    height: calc(100 *(100vw /750));
    margin: calc(55 *(100vw /750)) auto 0;
  }

  #contents08 .set_flexArea .more_btn a {
    width: 100%;
    display: block;
  }

  #contents08 .set_flexArea .text_color {
    color: #fff;
    font-size: calc(27 *(100vw /750));
    text-align: center;
    letter-spacing: -0.01em;
    padding: calc(29 *(100vw /750)) calc(3 *(100vw /750)) 0 0;
  }

  #contents08 .set_flexArea .arrow-right{
    display: inline-block;
    width: calc(17 *(100vw /750));
    height: calc(17 *(100vw /750));
    border-top: calc(2 *(100vw /750)) solid #fff;
    border-right: calc(2 *(100vw /750)) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(40 *(100vw /750));
    right: calc(110 *(100vw /750));
  }

  /* ================ アイテム ② ================== */

  #contents08 .frexArea_2 {
  }

  #contents08 .frexArea_2 .item_comment {
  }

  /* ================ アイテム ② ================== */

  #contents08 .frexArea_3 {
  }

  #contents08 .frexArea_3 .item_comment {
  }


  /* ================contents09================== */

  #contents09 {
    position: relative;
    height: auto;
    margin: auto;
    background-image: url(../../../Contents/ImagesPkg/lp/2022HairCare/wave_Img_white.png), url(../../../Contents/ImagesPkg/lp/2022HairCare/c9_bg_sp.jpg);
    background-position: left top , left top;
    background-size: 100% auto, cover;
    background-repeat: no-repeat, no-repeat;
  }

  #contents09 .inner {
    padding-top: calc(100 *(100vw /750));
    padding-bottom: calc(200 *(100vw /750));
  }

  #contents09 .cont_ttl {
  }

  #contents09 .cont_ttl span:before,
  #contents09 .cont_ttl span:after {
  }

  #contents09 .cont_ttl span:before {
  }

  #contents09 .cont_ttl span:after {
  }


  #contents09 .text {
    font-size: calc(25 *(100vw /750));
    line-height: 2;
    text-align: center;
  }

  #contents09 .sub_text {
    letter-spacing: 0.1em;
    margin: calc(161 *(100vw /750)) 0 0 calc(14 *(100vw /750));
  }

  #contents09 .big_text {
    font-size: calc(30 *(100vw /750));
    font-weight: bold !important;
  }

  #contents09 .text_1 {
    margin-top: calc(2 *(100vw /750));
    letter-spacing: 0.175em;
  }

  #contents09 .text_2.yugothic {
    margin-top: calc(-3 *(100vw /750));
    letter-spacing: 0.14em;
  }

  #contents09 .more_btn {
    width: calc(600 *(100vw /750));
    height: calc(100 *(100vw /750));
    margin: calc(87 *(100vw /750)) auto 0;
  }

  #contents09 .text_color {
    color: #fff;
    font-size: calc(27 *(100vw /750));
    text-align: center;
    letter-spacing: -0.01em;
    padding: calc(30 *(100vw /750)) calc(0 *(100vw /750)) 0 0;
  }

  #contents09 .arrow-right{
    display: inline-block;
    width: calc(17 *(100vw /750));
    height: calc(17 *(100vw /750));
    border-top: calc(2 *(100vw /750)) solid #fff;
    border-right: calc(2 *(100vw /750)) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(41 *(100vw /750));
    right: calc(110 *(100vw /750));
  }



}