@charset "utf-8";


/* =======================================
reset
======================================= */
/* common */
.headerWalltop {
  background-color: #fff;
}
.mens header {
  height: auto;
}

/* Modern browser */
.page_cmn *,
.page_cmn *::before,
.page_cmn *::after{box-sizing:border-box}
.page_cmn *{margin:0}
.page_cmn img,
.page_cmn picture,
.page_cmn video,
.page_cmn canvas,
.page_cmn svg{display:block;max-width:100%}
.page_cmn input,
.page_cmn button,
.page_cmn textarea,
.page_cmn select{font:inherit}
.page_cmn p,
.page_cmn h1,
.page_cmn h2,
.page_cmn h3,
.page_cmn h4,
.page_cmn h5,
.page_cmn h6{overflow-wrap:break-word}

/* addition */
body {
  min-width: auto;
}
.page_cmn img,
.page_cmn video {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  display: inline-block;
}
@media screen and (max-width: 1100px) {
  .page_cmn img {
    width: 100%;
  }
}
.page_cmn figure {
  margin: 0;
  line-height: 1;
}

/* luminous */
.lum-lightbox {
  background-color: rgba(0,0,0,.9);
  z-index: 1000;
}
.lum-lightbox img {
  max-width: 100%;
}


/* ---------------------------------------------
font
--------------------------------------------- */
.page_cmn {
  line-height: 1.6;
  color: #000;
  font-size: 22px;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 1100px) {
  .page_cmn {
    font-size: 1.9vw;
  }
}

#page_hair_union strong,
#page_hair_union em {
  font-weight: 700;
}

#page_hair_union .f_Barlow {
  font-family: "Barlow", sans-serif;
}


/* =======================================
base
======================================= */
@media screen and (max-width: 1100px) {
  html body {
    min-width: auto;
  }
}

a,
a:link,
a:visited {
  color: #1e87f0;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
  filter: brightness(108%);
}


/* =======================================
cmn
======================================= */
#page_spcl_mrp_rush_premium .ban {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  pointer-events: none;
}

#page_hair_union .contentsWrapper {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .contentsWrapper {
    width: 87.273%;
    margin: 0 auto;
  }
}

#page_hair_union .sec {
  margin: 0 0 4em;
  padding: 0;
}

#page_hair_union .sec p {
  margin-bottom: 1.5em;
}

#page_hair_union .sec .secTtl {
  margin: 0 auto 2em;
  padding: 0;
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  border: 0;
  background: linear-gradient(90deg, #3fa1dc 0%, #1265b6 100%);
}
@media screen and (max-width: 1100px) {
  #page_hair_union .sec .secTtl {
    font-size: 4vw;
  }
}

#page_hair_union .sec h2,
#page_hair_union .sec h3 {
  line-height: 1.4;
}

#page_hair_union sup {
  font-size: 60%;
  font-weight: 400;
}

#page_hair_union .red1 {
  color: #ff0000;
}
#page_hair_union .blu1 {
  color: #0168b7;
}
#page_hair_union .org1 {
  color: #ff6c00;
}

#page_hair_union .note small {
  line-height: 1.4;
  font-size: 19px;
  display: inline-block;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .note small {
    font-size: 1.72vw;
  }
}
#page_hair_union .note1 small {
  padding-left: 1em;
  text-indent: -1em;
}
#page_hair_union .note2 small {
  padding-left: 2em;
  text-indent: -2em;
}

#page_hair_union .taR {
  text-align: right;
}
#page_hair_union .taC {
  text-align: center;
}

#page_hair_union .txtMarker {
  padding-bottom: .05em;
  background: linear-gradient(transparent 55%, #fff6bd 55%, #fff6bd 100%);
}

#page_hair_union .sec .videoArea {
  padding-bottom: 3em;
}
#page_hair_union .sec .videoArea .figVideo {
  margin-bottom: 1em;
}
#page_hair_union .sec .videoArea .figVideo video {
  width: 100%;
}

#page_hair_union .sec .bg_sty1 {
  padding: 2em 0 4em;
  background-color: #f7fbfe;
  background: linear-gradient(180deg, #f7fbfe 0%, #c6e3f5 100%);
}
#page_hair_union .sec .bg_sty2 {
  padding: 2em 0;
  background-color: #9ed8f6;
  background: linear-gradient(90deg, #caecfc 0%, #95cff1 70%, #8fb8df 100%);
}

/* cta */
#page_hair_union .cta {
  padding: 2.5em 0;
  background-color: #e6e6e6;
  position: relative;
}
#page_hair_union .cta2 {
  margin-bottom: 4em;
  padding: 0;
  background-color: transparent;
}
#page_hair_union .cta2 .bg {
  padding: 4em 0 3em;
  color: #fff;
  background-color: #818893;
}
#page_hair_union .cta2::before {
  content: '';
  width: 137px;
  height: 50px;
  background: linear-gradient(90deg, #fae500 0%, #ff9c00);
  position: absolute;
  top: -.5em;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
@media screen and (max-width: 1100px) {
  #page_hair_union .cta2::before {
    width: 12.455vw;
    height: 4.546vw;
  }
}
#page_hair_union .cta .ctaBtn {
  margin-bottom: 1.5em;
  text-align: center;
}
#page_hair_union .cta1 .ctaBtn {
  margin-bottom: 0;
}
#page_hair_union .cta .ctaBtn .btn {
  margin: 0 auto;
}
#page_hair_union .cta1 .ctaBtn .btn {
  width: 70.546%;
}
#page_hair_union .cta2 .ctaBtn .btn {
  width: 80.834%;
}
#page_hair_union .cta .ctaBtn .btn a:hover {
  filter: brightness(108%);
}
#page_hair_union .cta .ctaTel {
  width: 55.313%;
  margin: 0 auto 2em;
  display: block;
}
#page_hair_union .cta2 .ctaNote {
  margin: 0 2em;
}
#page_hair_union .ctaSolution {
  padding: 4em 0;
}
#page_hair_union .sec .cta .p-cta-campaign__heading {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}


/* js-effect1 */
#page_hair_union .sec .js-effect1 {
  padding: 1em 0 .9em;
  position: relative;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: clip-path 1s cubic-bezier(.71,0,.45,1);
}
#page_hair_union .sec .js-effect1.show {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#page_hair_union .sec .js-effect1::before {
  content: '';
  background: linear-gradient(90deg, #3fa1dc 0%, #1265b6 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
}
#page_hair_union .sec .js-effect1 .js-effect1_inner {
  position: relative;
  z-index: 2;
  display: block;
}
#page_hair_union .sec .js-effect1 .js-effect1_inner img {
  width: 100%;
}

/* before after */
#page_hair_union .sec .baArea:first-child {
  z-index: 1000;
}
#page_hair_union .sec .baArea:nth-child(2) {
  z-index: 100;
}
#page_hair_union .sec .baArea:nth-child(3) {
  z-index: 10;
}
#page_hair_union .sec .baArea:nth-child(4) {
  z-index: 1;
}
#page_hair_union .sec .baArea .baImg {
  position: relative;
}
#page_hair_union .sec .baArea .baImg_b {
  z-index: 2;
}
#page_hair_union .sec .baArea .baImg_a {
  z-index: 1;
}
#page_hair_union .sec .baArea .baImg .figImg {
  border: 1px solid #c1c5cd;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#page_hair_union .sec .baArea .baImg_a .figImg {
  border-color: #1b377f;
}
#page_hair_union .sec .baArea .baImg a {
  display: block;
  position: relative;
}
#page_hair_union .sec .baArea .baImg a::after {
  content: '';
  width: 39px;
  height: 39px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231px%22%20height%3D%2232px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(27%2C%2055%2C%20127)%22%20d%3D%22M30.944%2C26.991%20L26.767%2C31.197%20L18.742%2C23.115%20C16.875%2C24.282%2014.674%2C24.962%2012.317%2C24.962%20C5.589%2C24.962%200.115%2C19.444%200.115%2C12.669%20C0.115%2C5.892%205.589%2C0.377%2012.317%2C0.377%20C19.045%2C0.377%2024.518%2C5.892%2024.518%2C12.669%20C24.518%2C14.918%2023.912%2C17.032%2022.860%2C18.849%20L30.944%2C26.991%20ZM12.317%2C3.947%20C7.543%2C3.947%203.659%2C7.859%203.659%2C12.669%20C3.659%2C17.477%207.543%2C21.391%2012.317%2C21.391%20C17.090%2C21.391%2020.974%2C17.477%2020.974%2C12.669%20C20.974%2C7.859%2017.090%2C3.947%2012.317%2C3.947%20ZM13.569%2C17.783%20L10.970%2C17.783%20L10.970%2C14.131%20L7.347%2C14.131%20L7.347%2C11.516%20L10.970%2C11.516%20L10.970%2C7.863%20L13.569%2C7.863%20L13.569%2C11.516%20L17.192%2C11.516%20L17.192%2C14.131%20L13.569%2C14.131%20L13.569%2C17.783%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 65% auto;
  display: block;
  position: absolute;
  right: 0;
  bottom: .5em;
  z-index: 2;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .sec .baArea .baImg a::after {
    width: 3.546vw;
    height: 3.546vw;
  }
}
#page_hair_union .sec .baArea .baImg .baImg_a_ttl {
  width: 59.272%;
  padding: 0 0 .1em;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  font-style: italic;
  background-color: #ff6c00;
  position: absolute;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
}
@media screen and (max-width: 1100px) {
  #page_hair_union .sec .baArea .baImg .baImg_a_ttl {
    font-size: 3.1vw;
  }
}
#page_hair_union .sec .flow_num4 .baArea .baImg_a .baImg_a_ttl {
  width: 79.21%;
}
#page_hair_union .sec .baArea .numTxt {
  min-height: 2em;
  margin: 0;
  padding-top: 1em;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page_hair_union .sec .baArea .numTxt .txt {
  margin: 0;
  color: #1b377f;
  font-size: 40px;
  font-weight: 900;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .sec .baArea .numTxt .txt {
    font-size: 3.65vw;
  }
}
#page_hair_union .sec .baArea .numTxt .txt.en {
  padding-top: .1em;
  font-family: "Barlow", sans-serif;
  font-style: italic;
}
#page_hair_union .sec .baArea .numTxt .txt .unit {
  font-size: 70%;
  font-weight: 700;
}

#page_hair_union .sec .baFlow {
  padding-bottom: 1.5em;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#page_hair_union .sec .baFlow::after {
  content: '';
  width: 100%;
  height: 74px;
  background: url(../images/ba_flow_arrow1.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .sec .baFlow::after {
    height: 6.73vw;
  }
}
#page_hair_union .sec .baFlow .flow {
  width: 31.459%;
}
#page_hair_union .sec .baFlow.flow_num4 .flow {
  width: 23.542%;
}
#page_hair_union .sec .baFlow .flow .baImg_b::after {
  content: '';
  width: 37px;
  height: 36px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2236px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20109%2C%200)%22%20d%3D%22M37.366%2C17.801%20L0.553%2C35.426%20L0.553%2C0.177%20L37.366%2C17.801%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 97%;
  z-index: 2;
  transform: translateY(-50%);
}
@media screen and (max-width: 1100px) {
  #page_hair_union .sec .baFlow .flow .baImg_b::after {
    width: 4.273vw;
    height: 4.455vw;
  }
}

/* swiper */
.swiper-button-next,
.swiper-button-prev {
  width: 34px;
  height: 34px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20data-name%3D%22%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.08%2021.35%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M2.48%2C20.97c.51.51%2C1.35.51%2C1.86%2C0l9.36-9.36c.51-.51.51-1.35%2C0-1.86L4.34.38c-.51-.51-1.35-.51-1.86%2C0L.38%2C2.48c-.51.51-.51%2C1.35%2C0%2C1.86l5.41%2C5.41c.51.51.51%2C1.35%2C0%2C1.86L.38%2C17.02c-.51.51-.51%2C1.35%2C0%2C1.86l2.09%2C2.09Z%22%2F%3E%3C%2Fsvg%3E') no-repeat 12px center #000;
  background-size: 13px 21px;
  border-radius: 50%;
  top: calc(50% - 17px);
}
@media screen and (max-width: 1100px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 3.091vw;
    height: 3.091vw;
    background-position: 1.091vw center;
    background-size: 1.182vw 1.91vw;
    top: calc(50% - 1.5455vw);
  }
}
.swiper-button-prev {
  transform: rotate(180deg);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-pagination {
  bottom: 0 !important;
  pointer-events: none;
}
.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 .5em !important;
  background-color: #fff;
  border: 1px solid #000;
  opacity: 1;
  pointer-events: all;
}
@media screen and (max-width: 1100px) {
  .swiper-pagination-bullet {
    width: 1.182vw;
    height: 1.182vw;
  }
}
.swiper-pagination-bullet-active {
  background-color: #999;
}


/* =======================================
contents
======================================= */
#page_hair_union {
  width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1100px) {
  #page_hair_union {
    width: 100%;
  }
}


/* ---------
header
--------- */
#page_hair_union .page_header {
  box-shadow: 0 0 0 transparent;
}


/* ---------
main
--------- */
#page_hair_union .page_main {
  position: relative;
  z-index: 1;
}


/* header */
#page_hair_union .page_main .lpHeader {
  height: auto;
}
#page_hair_union .page_main .lpHeader .info_tel {
  padding: .3em 0 .5em;
  background-color: #e6e6e6;
}
#page_hair_union .page_main .lpHeader .info_tel .tel {
  width: 28.646%;
  margin: 0 0 0 auto;
  display: block;
}

#page_hair_union .page_main .hero {
  margin: 0 0 4em;
}
#page_hair_union .page_main .hero .fvArea {
  position: relative;
}
#page_hair_union .page_main .hero .fvArea .pageTitle {
  margin: 0;
  position: relative;
  z-index: 1;
}
#page_hair_union .page_main .hero .fvArea .slider .sliderContent {
  position: relative;
}
#page_hair_union .page_main .hero .fvArea .slider .sliderContent .img {
  position: relative;
  z-index: 1;
}
#page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn {
  width: 390px;
  text-align: center;
  position: absolute;
  bottom: 1.7em;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
  #page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn {
    width: 35.455vw;
  }
}
#page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn a {
  margin: 0 auto;
  padding: .5em 1em;
  line-height: 1;
  color: #fff;
  font-size: 130%;
  font-weight: 600;
  background-color: #0b6cb7;
  border-radius: 2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn a::before,
#page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn a::after {
  content: '';
  width: 23px;
  height: 19px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20data-name%3D%22%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.74%2018.48%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211.37%2018.48%200%200%2022.74%200%2011.37%2018.48%2011.37%2018.48%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  display: block;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn a::before,
  #page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn a::after {
    width: 2.091vw;
    height: 1.728vw;
  }
}
#page_hair_union .page_main .hero .fvArea .slider .sliderContent .btn a:hover {
  background-color: #3f8fcd;
}
#page_hair_union .page_main .hero .cta {
  margin-bottom: 0;
}


/* page_main */
#page_hair_union #sec2 .secTtl {
  margin-bottom: 0;
}
#page_hair_union #sec2 .secTtl .txt {
  width: 62.637%;
  margin: 0 auto;
}
#page_hair_union #sec2 .ttl1 {
  width: 98.23%;
  margin: 0 auto 1.5em;
}
#page_hair_union #sec2 .noteArea1 {
  margin-bottom: 2em;
}
#page_hair_union #sec2 .txtArea1 .txt1 {
  margin-bottom: 2em;
}
#page_hair_union #sec2 .txtArea1 .txt2 {
  margin-bottom: 1.2em;
  text-align: center;
  font-size: 53px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec2 .txtArea1 .txt2 {
    font-size: 4.8vw;
  }
}
#page_hair_union #sec2 .bg_sty1 {
  margin-bottom: 4em;
  padding-bottom: 6em;
}
#page_hair_union #sec2 .achievements {
  margin-bottom: 3em;
}
#page_hair_union #sec2 .achievements .ttl {
  margin-bottom: 1em;
}
#page_hair_union #sec2 .achievements .bg_sty1 {
  padding-bottom: 0;
  margin-bottom: 1em;
}
#page_hair_union #sec2 .achievements .txtArea1 {
  width: 100%;
  margin: 0 0 1em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: visible;
}
#page_hair_union #sec2 .achievements .txtArea1 .txt {
  width: 275px;
  margin-left: -1em;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec2 .achievements .txtArea1 .txt {
    width: 25.023vw;
  }
}
#page_hair_union #sec2 .achievements .txtArea1 .txt .icon {
  width: 183px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec2 .achievements .txtArea1 .txt .icon {
    width: 66.55%;
  }
}
#page_hair_union #sec2 .achievements .txtArea1 .txt .txt1 {
  margin: 0 -1em;
  line-height: 1.4;
  font-size: 27px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec2 .achievements .txtArea1 .txt .txt1 {
    font-size: 2.4vw;
  }
}
#page_hair_union #sec2 .achievements .txtArea1 .txt p:last-child {
  margin-bottom: 0;
}
#page_hair_union #sec2 .achievements .txtArea1 .img {
  width: 740px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec2 .achievements .txtArea1 .img {
    width: 70.313%;
  }
}
#page_hair_union #sec2 .flow_num4 .baArea .baImg .baImg_a_ttl {
  transform: translate(-50%, -80%);
}


#page_hair_union #sec3 .secTtl {
  margin-bottom: 0;
}
#page_hair_union #sec3 .secTtl .txt {
  width: 62.455%;
  margin: 0 auto;
}
#page_hair_union #sec3 .worries {
  min-height: 649px;
  padding: 2em 0 0;
  background: url(../images/sec3_bg1.jpg) no-repeat right bottom;
  position: relative;
}
#page_hair_union #sec3 .worries .worries_list {
  width: 650px;
  margin: 0 auto 0 0;
  padding-bottom: .5em;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec3 .worries .worries_list {
    width: 67.7084%;
  }
}
#page_hair_union #sec3 .worries .worries_list li {
  margin-bottom: 1em;
}
#page_hair_union #sec3 .worries .txtArea1 {
  width: 515px;
  margin: 0;
  position: absolute;
  right: 45%;
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec3 .worries .txtArea1 {
    width: 46.819vw;
  }
}
#page_hair_union #sec3 .worries .txtArea1 .txt1 {
  margin-bottom: 0;
}


#page_hair_union #sec4 {
  margin-bottom: 0;
  background: linear-gradient(90deg, #3fa1dc 0%, #1265b6 100%);
}
#page_hair_union #sec4 .secTtlArea {
  position: relative;
  z-index: 2;
}
#page_hair_union #sec4 .secTtl {
  margin-bottom: 0;
  padding: 1.5em 0 0;
  position: relative;
  z-index: 1;
}
#page_hair_union #sec4 .secTtl .txt {
  width: 71.819%;
  margin: 0 auto 0 85px;
  display: block;
}
#page_hair_union #sec4 .secTtlArea .talent {
  width: 30.91%;
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 2;
}
#page_hair_union #sec4 .charms {
  width: 96.364%;
  margin: 0 auto;
}
#page_hair_union #sec4 .charms .charm {
  margin-bottom: 6em;
  padding: 0 0 3em;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
#page_hair_union #sec4 .charms .charm:last-child {
  margin-bottom: 3em;
  padding-bottom: 4em;
}
#page_hair_union #sec4 .charms .charm1 {
  padding-top: 4em;
  clip-path: polygon(0 90px, 100% 0, 100% 100%, 0 100%);
}
#page_hair_union #sec4 .charms .charm .ttlArea {
  margin-bottom: -2em;
  position: relative;
  top: -5em;
}
#page_hair_union #sec4 .charms .charm1 .ttlArea {
  margin-bottom: 2.5em;
  top: 0;
}
#page_hair_union #sec4 .charms .charm1 .ttlArea .ttl .txt {
  padding: .95em 0 1em;
}
#page_hair_union #sec4 .charms .charm .ttlArea .ttl .plus {
  margin-left: 2.2em;
  line-height: .8;
  font-size: 130%;
  font-weight: 500;
  display: block;
}
#page_hair_union #sec4 .charms .charm .charm_content {
  position: relative;
}
#page_hair_union #sec4 .charms .charm1 .charm_content {
  display: flex;
  justify-content: space-between;
}
#page_hair_union #sec4 .charms .charm1 .charm_content .baArea {
  width: 33.125%;
}
#page_hair_union #sec4 .charms .charm1 .charm_content .baArea .baTtl {
  margin: 0 auto -1em;
  position: relative;
  z-index: 3;
}
#page_hair_union #sec4 .charms .charm1 .charm_content .baArea .baImg_b {
  width: 79.25%;
  margin: 0 auto 1.5em;
}
#page_hair_union #sec4 .charms .charm1 .charm_content .baArea .baImg_b::after {
  content: '';
  width: 46px;
  height: 40px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247px%22%20height%3D%2241px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20109%2C%200)%22%20d%3D%22M23.525%2C40.539%20L0.681%2C0.975%20L46.369%2C0.975%20L23.525%2C40.539%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 103%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec4 .charms .charm1 .charm_content .baArea .baImg_b::after {
    width: 4.182vw;
    height: 3.637vw;
  }
}
#page_hair_union #sec4 .charms .charm1 .charm_content .baArea .baImg_a {
  width: 94.97%;
  margin: 0 auto;
}
#page_hair_union #sec4 .charms .charm1 .charm_content .baArea .baImg_a .baImg_a_ttl {
  top: 100%;
}
#page_hair_union #sec4 .charms .charm2 .advices {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#page_hair_union #sec4 .charms .charm2 .advices .advice {
  padding-top: 5em;
  position: relative;
}
#page_hair_union #sec4 .charms .charm2 .advices .advice1 {
  margin-right: 1em;
}
#page_hair_union #sec4 .charms .charm2 .advices .advice .txtArea {
  width: 275px;
  height: 275px;
  line-height: 1.4;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -.5em;
  left: -2.5em;
  box-shadow: 0 0 10px 5px #e5e5e5;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec4 .charms .charm2 .advices .advice .txtArea {
    width: 25vw;
    height: 25vw;
  }
}
#page_hair_union #sec4 .charms .charm2 .advices .advice .txtArea p {
  margin: 0;
  color: #1b377f;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec4 .charms .charm2 .advices .advice .txtArea p {
    font-size: 2.9vw;
  }
}
#page_hair_union #sec4 .charms .charm2 .advices .advice2 .txtArea p {
  padding-top: .5em;
}
#page_hair_union #sec4 .charms .charm3 .txtArea {
  text-align: center;
  font-size: 32px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec4 .charms .charm3 .txtArea {
    font-size: 2.9vw;
  }
}
#page_hair_union #sec4 .charms .charm3 .figImg {
  margin-bottom: 2em;
}
#page_hair_union #sec4 .baArea .baImg .figImg {
  margin-bottom: 0;
}
#page_hair_union #sec4 .bg_Area1 {
  padding: 4em 0 1px;
  clip-path: polygon(0 0, 100% 90px, 100% 100%, 0 100%);
}


#page_hair_union #sec5 {
  margin-bottom: 0;
}
#page_hair_union #sec5 .bg_sty2 {
  margin-bottom: 1em;
  padding: 0 0 1px;
}
#page_hair_union #sec5 .secTtl {
  margin-bottom: 0;
}
#page_hair_union #sec5 .secTtl .txt {
  width: 54.091%;
  margin: 0 auto;
}
#page_hair_union #sec5 .voice {
  margin: 0 auto;
  padding: 2em 0 0;
  position: relative;
  background: linear-gradient(90deg, #ceeaf9 21%, #5992d1 85%);
}
#page_hair_union #sec5 .voice:nth-child(even) {
  background: linear-gradient(90deg, #5992d1 15%, #ceeaf9 79%);
}
#page_hair_union #sec5 .voice::after {
  content: '';
  width: 100%;
  height: 65%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(90deg, #28a6e0 45%, #0248a2 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
}
#page_hair_union #sec5 .voice:nth-child(even)::after {
  transform: scale(-1, 1);
}
#page_hair_union #sec5 .voice .before {
  width: 26.364%;
  text-align: center;
  position: absolute;
  right: 14%;
  bottom: 3em;
  z-index: 4;
}
#page_hair_union #sec5 .voice:nth-child(even) .before {
  right: auto;
  left: 14%;
}
#page_hair_union #sec5 .voice .before .txt {
  margin: 0 0 .3em;
  line-height: 1.4;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec5 .voice .before .txt {
    font-size: 2vw;
  }
}
#page_hair_union #sec5 .voice .before .figImg {
  margin-bottom: 0;
  border: 1px solid #c1c5cd;
  border-radius: 10px;
  overflow: hidden;
}
#page_hair_union #sec5 .voice .after {
  position: relative;
  z-index: 3;
}
#page_hair_union #sec5 .voice .after .txt {
  margin-bottom: 0;
  display: block;
}
#page_hair_union #sec5 .noteArea1 {
  margin: 0 0 3em;
}


#page_hair_union #sec6 {
  margin-bottom: 0;
}
#page_hair_union #sec6 .bg1 {
  padding: 0 0 3em;
  background: linear-gradient(90deg, #f2f8fe 0%, #d9ebfd 100%);
  position: relative;
}
#page_hair_union #sec6 .secTtlArea {
  padding-bottom: 5.5em;
  position: relative;
  z-index: 1;
}
#page_hair_union #sec6 .secTtl {
  margin-bottom: 0;
  padding: 1.2em 0 1em;
  position: relative;
  z-index: 1;
}
#page_hair_union #sec6 .secTtl .txt {
  width: 59.455%;
  margin: 0 140px 0 auto;
  display: block;
}
#page_hair_union #sec6 .secTtlArea .talent {
  width: 30%;
  margin: 0;
  position: absolute;
  top: 1em;
  left: 0;
  z-index: 2;
}
#page_hair_union #sec6 .anxietys {
  position: relative;
  z-index: 2;
}
#page_hair_union #sec6 .anxietys .anxiety {
  margin-bottom: 5em;
}
#page_hair_union #sec6 .anxietys .anxiety .ttlArea {
  margin-bottom: 1.5em;
  border-top: 4px solid #1b377f;
}
#page_hair_union #sec6 .anxietys .anxiety .ttlArea .ttl {
  background-color: #fff;
  position: relative;
}
#page_hair_union #sec6 .anxietys .anxiety .ttlArea .ttl .numArea {
  width: 100px;
  position: absolute;
  top: -.8em;
  left: 1.4em;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec6 .anxietys .anxiety .ttlArea .ttl .numArea {
    width: 9.091vw;
  }
}
#page_hair_union #sec6 .anxietys .anxiety .ttlArea .ttl .txt {
  margin-left: 3.6em;
  padding: .3em 0 .4em;
  line-height: 1.3;
  color: #1b377f;
  font-size: 48px;
  font-weight: 900;
  display: block;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec6 .anxietys .anxiety .ttlArea .ttl .txt {
    font-size: 4.18vw;
  }
}
#page_hair_union #sec6 .anxietys .anxiety .ttlArea .ttl .txt .sub {
  font-size: 75%;
  font-weight: 900;
  display: block;
}
#page_hair_union #sec6 .anxietys .anxiety .anxiety_content {
  width: 93.75%;
  margin: 0 auto;
}
#page_hair_union #sec6 .anxietys .anxiety5 .anxiety_content {
  width: 100%;
}
#page_hair_union #sec6 .anxietys .anxiety .anxiety_content .txtArea {
  margin: 0 0 1em;
  font-size: 32px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec6 .anxietys .anxiety .anxiety_content .txtArea {
    font-size: 2.9vw;
  }
}
#page_hair_union #sec6 .anxietys .anxiety .anxiety_content .txtArea .txt1 {
  margin-bottom: 2em;
  padding-top: .5em;
}
#page_hair_union #sec6 .anxietys .anxiety4 .anxiety_content {
  position: relative;
}
#page_hair_union #sec6 .anxietys .anxiety4 .anxiety_content .txtArea {
  width: 52.223%;
  margin: 0;
  position: relative;
  z-index: 2;
}
#page_hair_union #sec6 .anxietys .anxiety4 .anxiety_content .txtArea .baFlow {
  padding-bottom: 0;
}
#page_hair_union #sec6 .anxietys .anxiety4 .anxiety_content .txtArea .baFlow::after {
  display: none;
}
#page_hair_union #sec6 .anxietys .anxiety4 .anxiety_content .txtArea .baFlow.flow_num4 .flow {
  width: 48.088%;
}
#page_hair_union #sec6 .anxietys .anxiety4 .anxiety_content .figImg1 {
  width: 46.667%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#page_hair_union #sec6 .bg2 {
  padding: 0 0 1px;
  border-top: 6px solid #0c3673;
}


#page_hair_union #sec7 {
  margin-bottom: 0;
}
#page_hair_union #sec7 .secTtlArea {
  position: relative;
  z-index: 1;
}
#page_hair_union #sec7 .secTtl {
  padding: 1.8em 0;
}
#page_hair_union #sec7 .secTtl .txt {
  width: 61.91%;
  margin: 0 auto 0 70px;
  display: block;
  position: relative;
  z-index: 2;
}
#page_hair_union #sec7 .secTtlArea .talent {
  width: 33.637%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#page_hair_union #sec7 .points .point .ttlArea {
  border-top: 4px solid #1b377f;
  border-bottom: 4px solid #1b377f;
}
#page_hair_union #sec7 .points .point .ttlArea .ttl {
  background-color: #fff;
  position: relative;
}
#page_hair_union #sec7 .points .point .ttlArea .ttl .numArea {
  width: 150px;
  position: absolute;
  top: -.8em;
  left: 1em;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .points .point .ttlArea .ttl .numArea {
    width: 13.637vw;
  }
}
#page_hair_union #sec7 .points .point .ttlArea .ttl .txt {
  margin-left: 4.3em;
  padding: .6em 0 .7em;
  line-height: 1.3;
  color: #1b377f;
  font-size: 46px;
  font-weight: 900;
  display: block;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .points .point .ttlArea .ttl .txt {
    font-size: 4.18vw;
  }
}
#page_hair_union #sec7 .points .point .point_content {
  padding: 3em 0 5em;
  position: relative;
}
#page_hair_union #sec7 .points .point1 .point_content {
  padding-bottom: 7em;
}
#page_hair_union #sec7 .points .point3 .point_content {
  padding-bottom: 3em;
}
#page_hair_union #sec7 .points .point .advice {
  width: 81.25%;
  margin: 0 auto;
  position: relative;
}
#page_hair_union #sec7 .points .point .advice1 {
  margin-right: 1em;
}
#page_hair_union #sec7 .points .point .advice .txtArea {
  width: 275px;
  height: 275px;
  line-height: 1.4;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10%;
  left: 5%;
  box-shadow: 0 0 10px 5px #e5e5e5;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .points .point .advice .txtArea {
    width: 25vw;
    height: 25vw;
  }
}
#page_hair_union #sec7 .points .point .advice .txtArea p {
  margin: 0;
  color: #1b377f;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .points .point .advice .txtArea p {
    font-size: 2.9vw;
  }
}
#page_hair_union #sec7 .points .point3 .txtArea1 {
  margin-bottom: 2.5em;
  text-align: center;
}
#page_hair_union #sec7 .points .point3 .txtArea1 .ttl {
  margin: 0;
  padding: .1em 1em .2em;
  text-align: center;
  color: #ffff;
  font-size: 59px;
  font-weight: 700;
  background-color: #1b377f;
  display: inline-block;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .points .point3 .txtArea1 .ttl {
    font-size: 5.35vw;
  }
}
#page_hair_union #sec7 .points .point3 .figImg {
  width: 62.292%;
  margin: 0 auto 2em;
}
#page_hair_union #sec7 .points .point3 .txtArea2 {
  margin-bottom: 2em;
}
#page_hair_union #sec7 .points .point3 .txtArea2 .txt {
  margin: 0;
  text-align: center;
  color: #1b377f;
  font-size: 43px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .points .point3 .txtArea2 .txt {
    font-size: 3.9vw;
  }
}
#page_hair_union #sec7 .points .point3 .txtArea2 .txt .txt1 {
  line-height: 1.2;
  font-size: 115%;
}
#page_hair_union #sec7 .bg1 {
  padding-bottom: 1px;
  background-color: #c6e3f5;
}
#page_hair_union #sec7 .compareArea {
  width: 93.75%;
  margin: 0 auto;
  position: relative;
}
#page_hair_union #sec7 .compareArea #compare1 {
  margin-bottom: 1em;
  position: relative;
  z-index: 1;
}
#page_hair_union #sec7 .compareArea #compare1::after,
#page_hair_union #sec7 .compareArea #compare1 .icv__wrapper::after {
  line-height: 1;
  color: #333;
  white-space: nowrap;
  font-size: 110%;
  position: absolute;
  bottom: 1em;
}
#page_hair_union #sec7 .compareArea #compare1::after {
  content: '\5F93\6765\54C1';
  left: 1em;
  z-index: 2;
}
#page_hair_union #sec7 .compareArea #compare1 .icv__wrapper::after {
  content: '\30CD\30A4\30C6\30A3\30D6\30D5\30ED\30F3\30C8\52A0\5DE5';
  color: #1b377f;
  font-size: 140%;
  font-weight: 700;
  right: 1em;
  z-index: 3;
}
#page_hair_union #sec7 .compareArea #compare1 .icv__img-b {
  width: auto;
  max-width: none;
  height: 100%;
}
#page_hair_union #sec7 .compareArea #compare1 .icv__control-line {
  width: 4px !important;
  background-color: #fff !important;
}
#page_hair_union #sec7 .compareArea #compare1 .icv__control::after {
  content: '';
  width: 121px;
  height: 111px;
  background: url(../images/compare_icon1.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 2%;
  left: 50%;
  z-index: 1000;
  transform: translateX(-50%);
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .compareArea #compare1 .icv__control::after {
    width: 11vw;
    height: 10.091vw;
  }
}
#page_hair_union #sec7 .compareArea #compare1 .icv__theme-wrapper {
  z-index: 1;
}
#page_hair_union #sec7 .compareArea #compare1 .icv__theme-wrapper .icv__arrow-wrapper {
  width: 82px;
  height: 62px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  top: 5%;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec7 .compareArea #compare1 .icv__theme-wrapper .icv__arrow-wrapper {
    width: 7.455vw;
    height: 5.637vw;
  }
}
#page_hair_union #sec7 .compareArea #compare1 .icv__theme-wrapper .icv__arrow-wrapper:first-child {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2281px%22%20height%3D%2262px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(228%2C%20214%2C%20165)%22%20d%3D%22M81.002%2C46.206%20L32.660%2C46.206%20L32.660%2C62.013%20L0.005%2C31.013%20L32.660%2C0.013%20L32.660%2C14.592%20L81.002%2C14.592%20L81.002%2C46.206%20Z%22%2F%3E%3C%2Fsvg%3E');
  right: calc(50% + 2.5em);
}
#page_hair_union #sec7 .compareArea #compare1 .icv__theme-wrapper .icv__arrow-wrapper:last-child {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2283px%22%20height%3D%2262px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(228%2C%20214%2C%20165)%22%20d%3D%22M82.058%2C31.015%20L49.339%2C61.859%20L49.339%2C46.097%20L0.904%2C46.097%20L0.904%2C14.643%20L49.339%2C14.643%20L49.339%2C0.173%20L82.058%2C31.015%20Z%22%2F%3E%3C%2Fsvg%3E');
  left: calc(50% + 2.5em);
}
#page_hair_union #sec7 .compareArea #compare1 .icv__theme-wrapper .icv__arrow-wrapper svg {
  display: none;
}
#page_hair_union #sec7 .compareArea .note {
  padding: 0 1em;
}
#page_hair_union #sec7 .flow_num4 .baArea .baImg .baImg_a_ttl {
  transform: translate(-50%, -80%);
}


#page_hair_union #sec8 {
  margin-bottom: 0;
}
#page_hair_union #sec8 .bg_sty2 {
  padding: 4em 0 1px;
}
#page_hair_union #sec8 .secTtl {
  margin-bottom: 0;
  padding: 1.2em 0 1em;
}
#page_hair_union #sec8 .secTtl .txt {
  width: 61.91%;
  margin: 0 auto;
}
#page_hair_union #sec8 .steps .step {
  margin-bottom: 5em;
}
#page_hair_union #sec8 .steps .step .ttlArea {
  margin-bottom: 3em;
  border-top: 4px solid #1b377f;
  border-bottom: 4px solid #1b377f;
}
#page_hair_union #sec8 .steps .step .ttlArea .ttl {
  background-color: #fff;
  position: relative;
}
#page_hair_union #sec8 .steps .step .ttlArea .ttl .numArea {
  width: 120px;
  position: absolute;
  top: -.8em;
  left: 1.5em;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec8 .steps .step .ttlArea .ttl .numArea {
    width: 10.91vw;
  }
}
#page_hair_union #sec8 .steps .step .ttlArea .ttl .txt {
  margin-left: 4.3em;
  padding: .6em 0 .7em;
  line-height: 1.3;
  color: #1b377f;
  font-size: 46px;
  font-weight: 900;
  display: block;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec8 .steps .step .ttlArea .ttl .txt {
    font-size: 4.18vw;
  }
}
#page_hair_union #sec8 .steps .step .step_content {
  margin: 0 auto;
  position: relative;
}
#page_hair_union #sec8 .steps .step .step_content .txtArea {
  font-size: 31px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec8 .steps .step .step_content .txtArea {
    font-size: 2.8vw;
  }
}
#page_hair_union #sec8 .steps .step .step_content .txtArea p:last-of-type {
  margin-bottom: 0;
}
#page_hair_union #sec8 .steps .step .step_content .txtArea {
  font-size: 31px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec8 .steps .step .step_content .txtArea {
    font-size: 2.8vw;
  }
}
#page_hair_union #sec8 .steps .step .step_content .txtArea p:last-of-type {
  margin-bottom: 0;
}
#page_hair_union #sec8 .steps .step .step_content .figImg {
  margin: 0 0 2em;
}
#page_hair_union #sec8 .steps .step .step_content .stepItem {
  margin: 0 0 3em;
  position: relative;
}
#page_hair_union #sec8 .steps .step .step_content .stepItem .txtArea1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#page_hair_union #sec8 .steps .step .step_content .stepItem .txtArea1 .ttl1 {
  margin-bottom: 1.5em;
}
#page_hair_union #sec8 .steps .step .step_content .stepItem .txtArea .txt {
  margin-left: 1em;
}
#page_hair_union #sec8 .steps .step .step_content .stepItem .figImg {
  margin: 0 0 1.5em;
  position: relative;
  z-index: 1;
}
#page_hair_union #sec8 .steps .step .step_content .pointArea {
  margin: 0 1em;
  padding: 1em;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  border: 2px solid #1265b6;
}
#page_hair_union #sec8 .steps .step .step_content .pointArea .ttl2 {
  width: 150px;
  height: 150px;
  margin: 0 1em 0 .5em;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  font-size: 31px;
  font-weight: 700;
  background-color: #ff6d00;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec8 .steps .step .step_content .pointArea .ttl2 {
    width: 13.637vw;
    height: 13.637vw;
    font-size: 2.8vw;
  }
}
#page_hair_union #sec8 .steps .step2 .step_content .baFlow {
  margin-bottom: 3em;
  justify-content: center;
}
#page_hair_union #sec8 .steps .step2 .step_content .baFlow::after {
  display: none;
}
#page_hair_union #sec8 .steps .step2 .step_content .baFlow .flow {
  width: 300px;
  margin: 0 .8em;
}
#page_hair_union #sec8 .steps .step2 .step_content .baFlow .flow .figImg {
  margin-bottom: 0;
}
#page_hair_union #sec8 .steps .step2 .txtArea1 {
  margin-bottom: 1.5em;
}


#page_hair_union #sec9 {
  margin-bottom: 0;
}
#page_hair_union #sec9 .secTtl {
  margin-bottom: 0;
}
#page_hair_union #sec9 .secTtl .txt {
  width: 34.91%;
  margin: 0 auto;
}
#page_hair_union #sec9 .faq_list {
  margin: 0;
}
#page_hair_union #sec9 .faq_list .faq {
  margin: 0 0 1em;
  padding: 0;
  text-align: left;
  background-color: #fff;
}
#page_hair_union #sec9 .faq_list .faq .ttl {
  margin: 0;
  padding: 0;
  font-size: 4vw;
  font-weight: 600;
  background-color: #818893;
  display: flex;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}
#page_hair_union #sec9 .faq_list .faq .ttl:after {
  content: '\FF0B';
  width: 70px;
  color: #fff;
  line-height: 1;
  font-size: 35px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .2s;
}
#page_hair_union #sec9 .faq_list .faq .ttl.active:after {
  content: '\FF0D';
  transform: rotate(180deg);
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec9 .faq_list .faq .ttl:after {
    width: 6.364vw;
    font-size: 3.2vw;
  }
}
#page_hair_union #sec9 .faq_list .faq .ttl .icon {
  width: 108px;
  line-height: 1.2;
  text-align: center;
  color: #1b377f;
  font-family: "Barlow", sans-serif;
  font-style: italic;
  font-size: 42px;
  font-weight: 700;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec9 .faq_list .faq .ttl .icon {
    width: 9.819vw;
    font-size: 3.8vw;
  }
}
#page_hair_union #sec9 .faq_list .faq .ttl .icon picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
#page_hair_union #sec9 .faq_list .faq .ttl .title_txt {
  width: 780px;
  margin: 0;
  padding: .8em 0 .8em 1em;
  line-height: 1.3;
  color: #fff;
  font-size: 26px;
  flex-grow: 1;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec9 .faq_list .faq .ttl .title_txt {
    width: 71vw;
    font-size: 2.36vw;
  }
}
#page_hair_union #sec9 .faq_list .faq .toggleCont {
  margin: 0;
  padding: 1em 2em;
  line-height: 1.6;
  display: none;
}
#page_hair_union #sec9 .faq_list .faq .toggleCont p:last-child {
  margin-bottom: 0;
}
#page_hair_union #sec9 .faq_list .faq a {
  display: inline;
  text-decoration: underline;
}
#page_hair_union #sec9 .faq_list .faq a:hover {
  text-decoration: none;
}


#page_hair_union #sec10 {
  margin-bottom: 0;
  padding: 0 0 1em;
  position: relative;
  background-color: #ebebeb;
}
#page_hair_union #sec10 .secTtl {
  margin: 0 0 .7em;
}
#page_hair_union #sec10 .secTtl .txt {
  width: 29.688%;
  margin: 0 auto;
}
#page_hair_union #sec10 .mapArea {
  margin-bottom: 3em;
  padding: 3em 0 1em;
  background-color: #fff;
}
#page_hair_union #sec10 .inner {
  margin: 0 auto;
}
#page_hair_union #sec10 .txtArea1 {
  margin: 0;
  text-align: center;
}
#page_hair_union #sec10 .txtArea1 .txt1 {
  margin: 0 0 1em;
  padding: 0;
  line-height: 1;
  font-size: 30px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec10 .txtArea1 .txt1 {
    font-size: 2.74vw;
  }
}
#page_hair_union #sec10 .txtArea1 .txt1 .surveyDay {
  font-size: 65%;
}
#page_hair_union #sec10 .txtArea1 .txt3 {
  margin: 0 0 1em;
  text-align: left;
  display: inline-block;
}
#page_hair_union #sec10 .salonMap {
  width: 670px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec10 .salonMap {
    width: 69.792%;
  }
}
#page_hair_union #sec10 .txtArea2 {
  padding-bottom: 1em;
}
#page_hair_union #sec10 .salonImage {
  margin: 0;
  padding: 1.675em;
  background-color: #fff;
}
#page_hair_union #sec10 .salonImage .figImg {
  margin: 0 0 2em;
}
#page_hair_union #sec10 .salonImage .txt {
  margin: 0;
}
#page_hair_union #sec10 .salonImage p {
  margin: 0 0 1em;
}
#page_hair_union #sec10 .salonImage p:last-child {
  margin-bottom: 0;
}


#page_hair_union #sec11 {
  margin: 0;
  padding: 4.5em 0;
  text-align: left;
  background-color: #ebebeb;
  position: relative;
}
#page_hair_union #sec11 .ttlArea {
  margin: 0 0 2em;
}
#page_hair_union #sec11 .secTtl {
  margin: 0 auto;
  display: inline-block;
  background: none;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec11 .secTtl {
    width: 55.819%;
  }
}
#page_hair_union #sec11 .info {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#page_hair_union #sec11 .info .telBtn {
  margin: 0 0 2em;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec11 .info .telBtn {
    width: 68.646%;
  }
}
#page_hair_union #sec11 .info .note {
  text-align: left;
  display: inline-block;
}
#page_hair_union #sec11 .info .note small {
  font-size: 18px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union #sec11 .info .note small {
    font-size: 1.64vw;
  }
}
#page_hair_union #sec11 .talent {
  width: 29.091%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}


/**
 * 2024.04.15 追加
**/
.p-cta-campaign {
  padding: 2.5em 0;
  background: #E6E4E5;
}
.p-cta-campaign__heading {
  margin-bottom: -170px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .p-cta-campaign__heading {
    width: 89.584%;
    margin: 0 auto -15.5vw;
  }
}


/* ---------
footer
--------- */
#page_hair_union .page_footer {
  margin: 0;
  padding: 0 0 2em;
  position: relative;
  z-index: 2;
  background-color: #ebebeb;
}
#page_hair_union .page_footer .footer_fixedBtn {
  margin: 0;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}
#page_hair_union .page_footer .footer_fixedBtn ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page_hair_union .page_footer .footer_fixedBtn ul li {
  width: 50%;
  margin: 0;
  background-color: #ff3c00;
}
#page_hair_union .page_footer .footer_fixedBtn ul li:last-child {
  background-color: #e7cb1b;
}
#page_hair_union .page_footer .footer_fixedBtn ul li a,
#page_hair_union .page_footer .footer_fixedBtn ul li .linkArea {
  width: 480px;
  margin: 0 auto;
  padding: .5em 0;
  display: block;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .page_footer .footer_fixedBtn ul li a,
  #page_hair_union .page_footer .footer_fixedBtn ul li .linkArea {
    width: 43.637vw;
    margin: 0 auto;
  }
}
#page_hair_union .page_footer .footer_fixedBtn ul li a:hover {
  background-color: #f7be43;
}
#page_hair_union .page_footer .footer_fixedBtn ul li:first-child a,
#page_hair_union .page_footer .footer_fixedBtn ul li:first-child .linkArea {
  margin: 0 0 0 auto;
}
#page_hair_union .page_footer .footer_fixedBtn ul li:last-child a {
  margin: 0 auto 0 0;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .page_footer .footer_fixedBtn ul li:first-child a,
  #page_hair_union .page_footer .footer_fixedBtn ul li:first-child .linkArea {
    margin: 0 0 0 auto;
  }
  #page_hair_union .page_footer .footer_fixedBtn ul li:last-child a {
    margin: 0 auto 0 0;
  }
}


#page_hair_union .page_footer .copyright {
  margin: 0;
  text-align: center;
  color: #888;
  font-size: 14px;
}
@media screen and (max-width: 1100px) {
  #page_hair_union .page_footer .copyright {
    font-size: 1.4vw;
  }
}


/* =======================================
printing
======================================= */
@media print{
  .ban {
    opacity: 0;
  }
}