@charset "UTF-8";

/*all----------------------------*/
html {
  font-size: 62.5%;
}

#Wrap,
.wrapTop,
.wrapBottom {
  max-width: none;
  width: 100%;
}

footer {
  position: relative;
  z-index: 2;
}

.LP_page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  letter-spacing: .05em;
}

.LP_page {
  background: #fff;
  color: #000;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;
  overflow: hidden;
}

.LP_page picture,
.LP_page a {
  display: block;
}

.LP_page a {
  transition: opacity .3s;
}

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

.LP_page img {
  width: 100%;
  height: auto;
}

.LP_page .only_sp {
  display: none;
}

.sec_inner {
  width: 120rem;
  margin: 0 auto;
}

.LP_page .txt_eng {
  font-family: 'EB Garamond', serif;
  letter-spacing: .035em;
}

.LP_page .sclr_act {
  transform: translateY(20px);
  opacity: 0;
  transition: 1s;
}

.LP_page .sclr_act.active {
  transform: translateY(0);
  opacity: 1;
}
/*----------------------------all*/

/*main ttl-----------------------*/
.main_ttl_area {
  padding: 6rem 0 4.5rem;
}

.main_ttl {
  width: 52rem;
  margin: 0 auto 3rem;
}

.main_lead {
  font-size: 1.4rem;
  line-height: 1.75;
  text-align: center;
}
/*-----------------------main ttl*/

/*staff list---------------------*/
.staff_list_wrap {
  width: 110rem;
  margin: 0 auto;
  padding-bottom: 6rem;
}

.staff_list {
  display: flex;
  justify-content: center;
  gap: 3rem;
}

.staff_list li {
  width: 12rem;
}

.staff_list li a {
  position: relative;
  padding-bottom: 1.5rem;
}

.staff_list li a::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-right: solid 1px #707070;
  border-bottom: solid 1px #707070;
  width: .8rem;
  height: .8rem;
  content: "";
}

.staff_list li a:hover {
  opacity: 1 !important;
}

.staff_list li .staff_img {
  margin-bottom: 1.3rem;
}

.staff_list li .staff_num {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  padding: 0 1.6rem .2rem;
}

.staff_list li .staff_num::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background: #E0BC73;
  content: "";
  transform: scaleX(0);
  transform-origin: center left;
  transition: .5s;
  opacity: 0;
}

.staff_list li a:hover .staff_num::before {
  transform: scaleX(1);
  opacity: 1;
}

.staff_list li .staff_num span {
  position: relative;
  display: inherit;
  font-size: 2rem;
  text-align: center;
}
/*---------------------staff list*/

/*each staff---------------------*/
.each-staff {
  width: 120rem;
  margin: 0 auto;
  padding-bottom: 8rem;
}

.sec_ttl_wrap {
  display: flex;
  gap: 1.8rem;
  justify-content: center;
  border-top: solid 1px #707070;
  width: 110rem;
  margin: 0 auto 8rem;
  padding-top: 10rem;
}

.sec_ttl_wrap .txt_wrap {
  display: flex;
  gap: 2.2rem;
  padding-left: .6rem;
  writing-mode: vertical-rl;
}

.sec_ttl_wrap .sec_ttl {
  padding-left: 1rem;
  font-weight: normal;
  font-size: 6rem;
}

.sec_ttl_wrap .sec_ttl span {
  position: relative;
}

.sec_ttl_wrap .sec_ttl span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: .6rem;
  height: 6rem;
  margin-left: -.3rem;
  background: #E0BC73;
  content: "";
}

.sec_ttl_wrap .staff_dtl {
  margin-right: 1.8rem;
}

.sec_ttl_wrap .staff_dtl dt {
  font-size: 1.2rem;
  margin-left: .5rem;
}

.sec_ttl_wrap .staff_dtl dd {
  font-size: 1.4rem;
  line-height: 1.5;
}

.sec_ttl_wrap .staff_dtl dd .txt_eng {
  vertical-align: text-top;
}

.sec_ttl_wrap .staff_dtl dd .txt_uppercase {
  vertical-align: unset !important
}

.LP_page .txt_vertical {
  text-orientation: upright;
  text-combine-upright: all;
}

.sec_ttl_wrap .staff_img {
  width: 54rem;
}

.upper-half_wrap {
  display: flex;
}

.life-style_area,
.food_area,
.hair_area,
.body_area {
  position: relative;
}

.hair_area,
.body_area {
  display: flex;
}

.life-style_area > .content_wrap {
  display: flex;
}

.life-style_area .cat_ttl {
  margin-bottom: 2.5rem;
}

.cat_ttl .txt_L {
  font-weight: normal;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.2rem;
}

.cat_ttl .txt_S {
  font-weight: normal;
  font-size: 3.2rem;
}

.life-style_area .cat_ttl .txt_L {
  font-family: 'Lato', sans-serif;
  font-size: 7.6rem;
}

.life-style_area .cat_ttl .txt_S {
  font-family: 'Shippori Mincho', serif;
  font-size: 2rem;
}

.food_area .cat_ttl .txt_L {
  font-size: 9rem;
}

.hair_area .cat_img {
  order: 2;
}

.life-style_area .each_question {
  margin-left: -1rem;
  writing-mode: vertical-rl;
}

.each_question.txt_blue {
  color: #3B9FB7;
}

.each_question_wrap .each_question:nth-of-type(n+2) {
  margin-top: 2.5rem;
}

.each_question dt {
  margin-bottom: 1.2rem;
  font-weight: 600;
  font-size: 1.6rem;
}

.life-style_area .each_question dt {
  margin: 0 0 0 1rem;
  letter-spacing: .15em;
}

.each_question dt .txt_Q {
  margin-right: .7rem;
  font-weight: normal;
  font-size: 2.1rem;
}

.life-style_area .each_question dt .txt_Q {
  margin: -.5rem 0 1rem 0;
  writing-mode: horizontal-tb;
}

.each_question dd {
  font-size: 1.3rem;
  line-height: 2;
}

.life-style_area .each_question dd {
  line-height: 1.75;
  letter-spacing: .15em;
}

.each_question dd a {
  display: inline;
  line-height: 2;
  text-decoration: underline;
  color: inherit;
}

.itm_list_wrap {
  border-radius: 1.5rem;
  width: 96rem;
  margin: 6rem auto 0;
  padding: 2.2rem 5rem 3rem;
  box-shadow: 0 0 6px rgba(0,0,0,.16);
}

.itm_list_wrap dt {
  margin-bottom: 3rem;
  font-size: 2.8rem;
  text-align: center;
}

.itm_list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.itm_list li {
  position: relative;
  display: flex;
  gap: 2rem;
  width: 40rem;
}

.itm_list li:nth-of-type(even) {
  margin-left: 3rem;
}

.itm_list li:nth-of-type(even)::before {
  position: absolute;
  bottom: 0;
  left: 0;
  border-right: dotted 1px #707070;
  width: 1px;
  height: 12rem;
  margin-left: -3rem;
  content: "";
}

.itm_list li:nth-of-type(n+3) {
  border-top: dotted 1px #707070;
  padding-top: 3rem;
}

.itm_list li .itm_img {
  width: 12rem;
}

.itm_list li .txt_wrap {
  flex: 1;
}

.itm_list li .itm_name {
  margin-bottom: .5rem;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.5;
}

.itm_list li .itm_price {
  margin-bottom: 1.5rem;
  font-size: 2rem;
}

.itm_list li .itm_price .txt_eng2 {
  font-weight: 500;
  font-family: pragmatica, sans-serif;
}

.itm_list li .itm_price .tax {
  font-size: 1.2rem;
}

.itm_list li .itm_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 3.2rem;
  background: #E0BC73;
  font-size: 1.2rem;
  color: #fff;
}

/*Staff01---------------*/
#Staff01 .upper-half_wrap {
  gap: 5rem;
}

#Staff01 .life-style_area {
  margin: 3.8rem 0 0 5.3rem;
}

#Staff01 .life-style_area .cat_img {
  width: 38rem;
  order: 2;
}

#Staff01 .life-style_area > .content_wrap {
  gap: 2rem;
}

#Staff01 .food_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -3.1rem 0 0 0;
}

#Staff01 .food_area .cat_ttl .txt_S {
  display: block;
  margin: 1.3rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff01 .food_area .cat_img {
  width: 40rem;
  margin: 0 0 1.8rem 5rem;
}

#Staff01 .hair_area {
  gap: 8.8rem;
  margin: 8.3rem 0 0 12.6rem;
}

#Staff01 .hair_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -4.2rem 0 0 46.5rem;
}

#Staff01 .hair_area .cat_ttl .txt_S {
  display: block;
  margin: 2rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff01 .hair_area .cat_img {
  width: 45rem;
}

#Staff01 .hair_area .each_question_wrap {
  width: 43.3rem;
}

#Staff01 .body_area {
  align-items: center;
  gap: 4rem;
  margin: 5rem 0 0 14.8rem;
}

#Staff01 .body_area .cat_img {
  width: 42.1rem;
}

#Staff01 .body_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -4rem 0 0 -5.5rem;
}

#Staff01 .body_area .cat_ttl .txt_S {
  display: block;
  margin: 1.8rem 0 0 .6rem;
  writing-mode: vertical-rl;
}

#Staff01 .body_area .each_question_wrap {
  width: 45rem;
}

#Staff01 .life-style_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 13rem;
  height: 6.66rem;
  margin: 1.3rem .5rem 0 0;
  background: url(../img/deco_011.svg) center center / cover no-repeat;
  content: "";
  transform: rotate(10deg);
}

#Staff01 .life-style_area::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 16rem;
  height: 4.935rem;
  margin: 0 0 3.8rem -.5rem;
  background: url(../img/deco_012.svg) center center / cover no-repeat;
  content: "";
}

#Staff01 .hair_area::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.4rem;
  height: 8.175rem;
  margin: 0 0 8.5rem 39.5rem;
  background: url(../img/deco_013.svg) center center / cover no-repeat;
  content: "";
  transform: rotate(-50deg);
}

#Staff01 .body_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.8rem;
  height: 9.257rem;
  margin: 5.5rem 11.2rem 0 0;
  background: url(../img/deco_014.svg) center center / cover no-repeat;
  content: "";
}
/*---------------Staff01*/

/*Staff02---------------*/
#Staff02 .upper-half_wrap {
  gap: 5rem;
}

#Staff02 .life-style_area {
  margin: 2rem 0 0 2rem;
}

#Staff02 .life-style_area .cat_img {
  width: 38rem;
}

#Staff02 .life-style_area > .content_wrap {
  gap: 2.5rem;
}

#Staff02 .food_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 28.8rem 0 0 2.8rem;
}

#Staff02 .food_area .cat_ttl .txt_S {
  margin: 1.3rem 0 0 -.8rem;
  vertical-align: -.2rem;
}

#Staff02 .food_area .cat_img_wrap {
  position: relative;
  width: 54rem;
  height: 36.6rem;
  margin-bottom: 3.5rem;
}

#Staff02 .food_area .cat_img_wrap .cat_img:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 31rem;
}

#Staff02 .food_area .cat_img_wrap .cat_img:nth-of-type(2) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25rem;
}

#Staff02 .food_area .each_question {
  width: 49rem;
  margin-left: 3rem;
}

#Staff02 .hair_area {
  gap: 9rem;
  margin: 4rem 0 0 9rem;
}

#Staff02 .hair_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -.8rem 0 0 51rem;
}

#Staff02 .hair_area .cat_ttl .txt_S {
  display: block;
  margin: 2rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff02 .hair_area .cat_img {
  width: 48rem;
  margin-top: 3.2rem;
}

#Staff02 .hair_area .each_question_wrap {
  width: 48rem;
}

#Staff02 .body_area {
  align-items: center;
  gap: 4.2rem;
  margin: 8rem 0 0 14rem;
}

#Staff02 .body_area .cat_img {
  width: 42rem;
}

#Staff02 .body_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -4rem 0 0 -5.5rem;
}

#Staff02 .body_area .cat_ttl .txt_S {
  display: block;
  margin: 1.8rem 0 0 .6rem;
  writing-mode: vertical-rl;
}

#Staff02 .body_area .each_question_wrap {
  width: 45rem;
}

#Staff02 .life-style_area::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4.697rem;
  margin: -2rem 0 0 17rem;
  background: url(../img/deco_021.svg) center center / cover no-repeat;
  content: "";
}

#Staff02 .food_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 14rem;
  height: 9.817rem;
  margin: 0 6.5rem 0 0;
  background: url(../img/deco_022.svg) center center / cover no-repeat;
  content: "";
}

#Staff02 .hair_area::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.2rem;
  height: 9.243rem;
  margin: 33rem 0 0 46rem;
  background: url(../img/deco_023.svg) center center / cover no-repeat;
  content: "";
  transform: rotate(16deg);
}
/*---------------Staff02*/

/*Staff03---------------*/
#Staff03 .upper-half_wrap {
  gap: 5rem;
}

#Staff03 .life-style_area {
  margin: 3.8rem 0 0 5.3rem;
}

#Staff03 .life-style_area .cat_img {
  width: 38rem;
  order: 2;
}

#Staff03 .life-style_area > .content_wrap {
  gap: 2rem;
}

#Staff03 .food_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -4.8rem 0 0 35.5rem;
}

#Staff03 .food_area .cat_ttl .txt_S {
  display: block;
  margin: 1.5rem 0 0 5.2rem;
  writing-mode: vertical-rl;
}

#Staff03 .food_area .cat_img {
  width: 40rem;
  margin: 0 0 1.8rem 0;
}

#Staff03 .hair_area {
  gap: 8.8rem;
  margin: 4.3rem 0 0 10rem;
}

#Staff03 .hair_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -.6rem 0 0 48rem;
}

#Staff03 .hair_area .cat_ttl .txt_S {
  display: block;
  margin: 2rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff03 .hair_area .cat_img {
  width: 45rem;
  margin-top: 3.5rem;
}

#Staff03 .hair_area .each_question_wrap {
  width: 45rem;
}

#Staff03 .body_area {
  gap: 4rem;
  margin: 5.8rem 0 0 20rem;
}

#Staff03 .body_area .cat_img {
  width: 36rem;
}

#Staff03 .body_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -3rem 0 0 30.5rem;
}

#Staff03 .body_area .cat_ttl .txt_S {
  margin: 0 0 0 -.3rem;
  vertical-align: 1rem;
}

#Staff03 .body_area .each_question_wrap {
  width: 45rem;
  margin-top: 9rem;
}

#Staff03 .life-style_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 12rem;
  height: 9.57rem;
  margin: -1.5rem 9.5rem 0 0;
  background: url(../img/deco_031.svg) center center / cover no-repeat;
  content: "";
}

#Staff03 .food_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 7.401rem;
  margin: 17rem -.2rem 0 0;
  background: url(../img/deco_032.svg) center center / cover no-repeat;
  content: "";
}

#Staff03 .body_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 9.201rem;
  height: 8.223rem;
  margin: 0 16.5rem 0 0;
  background: url(../img/deco_033.svg) center center / cover no-repeat;
  content: "";
}
/*---------------Staff03*/

/*Staff04---------------*/
#Staff04 .upper-half_wrap {
  gap: 5rem;
}

#Staff04 .life-style_area {
  margin: -2rem 0 0 5.3rem;
}

#Staff04 .life-style_area .cat_img {
  width: 38rem;
  order: 2;
}

#Staff04 .life-style_area > .content_wrap {
  gap: 2rem;
}

#Staff04 .food_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -3.1rem 0 0 0;
}

#Staff04 .food_area .cat_ttl .txt_S {
  display: block;
  margin: 1.3rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff04 .food_area .cat_img {
  width: 40rem;
  margin: 0 0 1.8rem 5rem;
}

#Staff04 .food_area .each_question {
  width: 49rem;
}

#Staff04 .hair_area {
  gap: 4rem;
  margin: 4.2rem 0 0 10rem;
}

#Staff04 .hair_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -.5rem 0 0 90rem;
}

#Staff04 .hair_area .cat_ttl .txt_S {
  display: block;
  margin: 1.5rem 0 0 5.5rem;
  writing-mode: vertical-rl;
}

#Staff04 .hair_area .cat_img {
  width: 45rem;
  margin-top: 3rem;
}

#Staff04 .hair_area .each_question_wrap {
  width: 45rem;
}

#Staff04 .body_area {
  gap: 4rem;
  margin: 7.5rem 0 0 14rem;
}

#Staff04 .body_area .cat_img {
  width: 42rem;
}

#Staff04 .body_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -3rem 0 0 36.5rem;
}

#Staff04 .body_area .cat_ttl .txt_S {
  margin: 0 0 0 -.2rem;
  vertical-align: 1rem;
}

#Staff04 .body_area .each_question_wrap {
  width: 45rem;
  margin-top: 9rem;
}

#Staff04 .food_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 11rem;
  height: 11.805rem;
  margin: 33.4rem -1.5rem 0 0;
  background: url(../img/deco_041.svg) center center / cover no-repeat;
  content: "";
}

#Staff04 .hair_area::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  height: 9.928rem;
  margin: 25rem 0 0 38rem;
  background: url(../img/deco_042.svg) center center / cover no-repeat;
  content: "";
}

#Staff04 .body_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 7.7rem;
  height: 10.562rem;
  margin: -1rem 17rem 0 0;
  background: url(../img/deco_043.svg) center center / cover no-repeat;
  content: "";
}
/*---------------Staff04*/

/*Staff05---------------*/
#Staff05 .upper-half_wrap {
  gap: 6rem;
}

#Staff05 .life-style_area {
  margin: 3.8rem 0 0 10rem;
}

#Staff05 .life-style_area .cat_img {
  width: 38rem;
}

#Staff05 .life-style_area > .content_wrap {
  gap: 2rem;
}

#Staff05 .food_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5rem 0 0 35.8rem;
}

#Staff05 .food_area .cat_ttl .txt_S {
  display: block;
  margin: 1.5rem 0 0 5.2rem;
  writing-mode: vertical-rl;
}

#Staff05 .food_area .cat_img {
  width: 40rem;
  margin: 0 0 1.8rem 0;
}

#Staff05 .hair_area {
  gap: 8.8rem;
  margin: 5.5rem 0 0 10rem;
}

#Staff05 .hair_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -4.2rem 0 0 48rem;
}

#Staff05 .hair_area .cat_ttl .txt_S {
  display: block;
  margin: 2rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff05 .hair_area .cat_img {
  width: 45rem;
}

#Staff05 .hair_area .each_question_wrap {
  width: 45rem;
  margin-top: .3rem;
}

#Staff05 .body_area {
  gap: 4rem;
  margin: 6rem 0 0 20rem;
}

#Staff05 .body_area .cat_img {
  width: 36rem;
}

#Staff05 .body_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -3rem 0 0 30.5rem;
}

#Staff05 .body_area .cat_ttl .txt_S {
  margin: 0 0 0 -.2rem;
  vertical-align: 1rem;
}

#Staff05 .body_area .each_question_wrap {
  width: 45rem;
  margin-top: 9rem;
}

#Staff05 .life-style_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 12rem;
  height: 7.91rem;
  margin: -.5rem 2.5rem 0 0;
  background: url(../img/deco_051.svg) center center / cover no-repeat;
  content: "";
}

#Staff05 .food_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 7.401rem;
  margin: 17rem 8.2rem 0 0;
  background: url(../img/deco_032.svg) center center / cover no-repeat;
  content: "";
}

#Staff05 .hair_area::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4rem;
  height: 12.439rem;
  margin: 26rem 0 0 43.5rem;
  background: url(../img/deco_052.svg) center center / cover no-repeat;
  content: "";
}
/*---------------Staff05*/

/*Staff06---------------*/
#Staff06 .upper-half_wrap {
  gap: 5rem;
}

#Staff06 .life-style_area {
  margin: 0 0 0 5.3rem;
}

#Staff06 .life-style_area .cat_img {
  width: 38rem;
  order: 2;
}

#Staff06 .life-style_area > .content_wrap {
  gap: 2rem;
}

#Staff06 .food_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -3.1rem 0 0 0;
}

#Staff06 .food_area .cat_ttl .txt_S {
  display: block;
  margin: 1.3rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff06 .food_area .cat_img {
  width: 40rem;
  margin: 0 0 1.8rem 5rem;
}

#Staff06 .hair_area {
  gap: 8.8rem;
  margin: 0 0 0 10rem;
}

#Staff06 .hair_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: 4.3rem 0 0 48.5rem;
}

#Staff06 .hair_area .cat_ttl .txt_S {
  display: block;
  margin: 2rem 0 0 .5rem;
  writing-mode: vertical-rl;
}

#Staff06 .hair_area .cat_img {
  width: 50rem;
  margin-top: 8.5rem;
}

#Staff06 .hair_area .each_question_wrap {
  width: 45rem;
}

#Staff06 .body_area {
  gap: 4rem;
  margin: 5.5rem 0 0 14rem;
}

#Staff06 .body_area .cat_img {
  width: 42rem;
}

#Staff06 .body_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin: -3rem 0 0 36.5rem;
}

#Staff06 .body_area .cat_ttl .txt_S {
  margin: 0 0 0 -.2rem;
  vertical-align: 1rem;
}

#Staff06 .body_area .each_question_wrap {
  width: 45rem;
  margin-top: 9rem;
}

#Staff06 .life-style_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 7.837rem;
  margin: .5rem 13rem 0 0;
  background: url(../img/deco_061.svg) center center / cover no-repeat;
  content: "";
}

#Staff06 .food_area::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 11.685rem;
  margin: 31.5rem 6.5rem 0 0;
  background: url(../img/deco_062.svg) center center / cover no-repeat;
  content: "";
  transform: rotate(12deg);
}

#Staff06 .hair_area::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.3rem;
  height: 8.607rem;
  margin: 36.5rem 0 0 40.5rem;
  background: url(../img/deco_063.svg) center center / cover no-repeat;
  content: "";
}
/*---------------Staff06*/
/*---------------------each staff*/
.btn_sumup {
  width: fit-content;
  margin: 2rem auto 10rem;
}

.btn_sumup a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48rem;
  height: 8rem;
  background: #E0BC73;
  color: #fff;
  font-family: 'Shippori Mincho', serif;
  font-size: 1.3rem;
  text-align: center;
}

.btn_sumup a .txt_eng {
  display: block;
  margin-bottom: .8rem;
  font-size: 2.2rem;
}

/*Smart phone---------------------------------------------*/
@media screen and  (max-width:767px) {
/*all----------------------------*/
.LP_page .only_pc {
  display: none;
}

.LP_page .only_sp {
  display: block;
}
/*----------------------------all*/

/*main ttl-----------------------*/
.main_ttl_area {
  padding: calc(50 * (100vw / 430)) 0 calc(35 * (100vw / 430));
}

.main_ttl {
  width: calc(390 * (100vw / 430));
  margin: 0 auto calc(28 * (100vw / 430));
}

.main_lead {
  font-size: calc(13 * (100vw / 430));
}
/*-----------------------main ttl*/

/*staff list---------------------*/
.staff_list_wrap {
  width: calc(390 * (100vw / 430));
  padding-bottom: calc(30 * (100vw / 430));
}

.staff_list {
  flex-wrap: wrap;
  gap: calc(15 * (100vw / 430));
  row-gap: calc(22 * (100vw / 430));
}

.staff_list li {
  width: calc(120 * (100vw / 430));
}

.staff_list li a {
  padding-bottom: calc(15 * (100vw / 430));
}

.staff_list li a::before {
  width: calc(8 * (100vw / 430));
  height: calc(8 * (100vw / 430));
}

.staff_list li .staff_img {
  margin-bottom: calc(13 * (100vw / 430));
}

.staff_list li .staff_num {
  padding: 0 calc(11 * (100vw / 430)) calc(2 * (100vw / 430));
}

.staff_list li .staff_num::before {
  height: calc(10 * (100vw / 430));
}

.staff_list li .staff_num span {
  font-size: calc(18 * (100vw / 430));
}
/*---------------------staff list*/

/*each staff---------------------*/
.each-staff {
  width: 100%;
  padding-bottom: calc(32 * (100vw / 430));
}

.each-staff:nth-last-of-type(1) {
  padding-bottom: 0;
}

.sec_ttl_wrap {
  gap: calc(30 * (100vw / 430));
  justify-content: center;
  align-items: center;
  width: calc(390 * (100vw / 430));
  margin: 0 auto calc(37 * (100vw / 430));
  padding-top: calc(50 * (100vw / 430));
}

.sec_ttl_wrap .txt_wrap {
  display: block;
  margin-top: calc(-8 * (100vw / 430));
  padding-left: 0;
  writing-mode: horizontal-tb;
}

.sec_ttl_wrap .sec_ttl {
  margin-bottom: calc(15 * (100vw / 430));
  padding-left: 0;
  font-size: calc(46 * (100vw / 430));
}

.sec_ttl_wrap .sec_ttl span {
  position: relative;
  padding-left: calc(15 * (100vw / 430));
}

.sec_ttl_wrap .sec_ttl span::before {
  width: calc(6 * (100vw / 430));
  height: calc(40 * (100vw / 430));
  margin: calc(12 * (100vw / 430)) 0 0 0;
}

.sec_ttl_wrap .staff_dtl {
  margin-right: 0;
}

.sec_ttl_wrap .staff_dtl dt {
  font-size: calc(13 * (100vw / 430));
  margin: 0 0 calc(6 * (100vw / 430)) 0;
}

.sec_ttl_wrap .staff_dtl dd {
  font-size: calc(15 * (100vw / 430));
}

.sec_ttl_wrap .staff_dtl dd .txt_eng {
  vertical-align: calc(-.2 * (100vw / 430));
}

.sec_ttl_wrap .staff_dtl dd .txt_uppercase {
  vertical-align: unset !important
}

.txt_vertical {
  text-orientation: mixed;
  text-combine-upright: none;
}

.sec_ttl_wrap .staff_img {
  width: calc(150 * (100vw / 430));
}

.upper-half_wrap {
  display: block;
}

.hair_area,
.body_area {
  display: block;
}

.life-style_area > .content_wrap {
  display: block;
}

.life-style_area .cat_ttl {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0;
}

.cat_ttl .txt_L {
  font-size: calc(66 * (100vw / 430));
}

.cat_ttl .txt_S {
  font-size: calc(24 * (100vw / 430));
}

.life-style_area .cat_ttl .txt_L {
  font-size: calc(55 * (100vw / 430));
}

.life-style_area .cat_ttl .txt_S {
  display: block;
  margin-top: calc(6 * (100vw / 430));
  font-size: calc(16 * (100vw / 430));
}

.food_area .cat_ttl .txt_L {
  font-size: calc(66 * (100vw / 430));
}

.life-style_area .cat_img {
  float: left;
  margin: 0 calc(15 * (100vw / 430)) 0 0;
}

.food_area .cat_img {
  float: right;
}

.hair_area .cat_img {
  margin: 0 0 calc(15 * (100vw / 430)) calc(45 * (100vw / 430));
}

.life-style_area .each_question {
  margin-left: 0;
  writing-mode: horizontal-tb;
}

.each_question_wrap .each_question:nth-of-type(n+2) {
  margin-top: calc(10 * (100vw / 430));
}

.each_question dt {
  margin-bottom: calc(5 * (100vw / 430));
  font-size: calc(14 * (100vw / 430));
  line-height: 1.5;
}

.life-style_area .each_question dt {
  margin: 0 0 calc(5 * (100vw / 430)) 0;
  letter-spacing: .05em;
}

.food_area .each_question dt,
.body_area .each_question dt {
  text-indent: -1.8em;
  padding-left: 1.8em;
}

.each_question dt .txt_Q {
  margin-right: calc(5 * (100vw / 430));
  font-size: calc(20 * (100vw / 430));
}

.life-style_area .each_question dt .txt_Q {
  margin: 0 calc(5 * (100vw / 430)) 0 0;
  writing-mode: horizontal-tb;
}

.each_question dd {
  width: calc(390 * (100vw / 430));
  font-size: calc(12 * (100vw / 430));
}

.life-style_area .each_question dd {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
  line-height: 2;
  letter-spacing: .05em;
}

.itm_list_wrap {
  position: relative;
  width: 100vw;
  padding: calc(40 * (100vw / 430)) 0 calc(20 * (100vw / 430));
  margin: calc(15 * (100vw / 430)) 0 0 0;
  overflow-x: scroll;
  box-shadow: unset;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.itm_list_wrap::-webkit-scrollbar {
  display:none;
}

.itm_list_wrap dt {
  position: sticky;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  width: calc(10 * (100vw / 430));;
  margin-bottom: calc(-50 * (100vw / 430));
  font-size: calc(26 * (100vw / 430));
  white-space: nowrap;
}

.itm_list_wrap dd {
  position: relative;
  border-radius: calc(15 * (100vw / 430));
  width: fit-content;
  margin-left: calc(20 * (100vw / 430));
  padding: calc(65 * (100vw / 430)) 0 calc(20 * (100vw / 430));
  box-shadow: 0 0 6px rgba(0,0,0,.16);
}

.itm_list_wrap dd::before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: calc(20 * (100vw / 430));
  height: 1px;
  content: "";
}

.itm_list {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
}

.itm_list li {
  display: block;
  width: calc(180 * (100vw / 430));
  padding: 0 calc(15 * (100vw / 430));
}

.itm_list li:nth-of-type(even) {
  margin-left: 0;
}

.itm_list li:nth-of-type(even)::before {
 display: none;
}

.itm_list li:nth-of-type(n+2) {
  border-top: none;
  border-left: dotted 1px #707070;
  padding-top: 0;
}

.itm_list li .itm_img {
  width: auto;
  margin-bottom: calc(8 * (100vw / 430));
}

.itm_list li .itm_name {
  margin-bottom: calc(8 * (100vw / 430));
  font-size: calc(13 * (100vw / 430));
}

.itm_list li .itm_name br {
  line-height: 1.5;
}

.itm_list li .itm_price {
  margin-bottom: calc(20 * (100vw / 430));
  font-size: calc(18 * (100vw / 430));
}

.itm_list li .itm_price .tax {
  font-size: calc(11 * (100vw / 430));
}

.itm_list li .itm_btn {
  width: fit-content;
  margin: 0 auto;
}

.itm_list li .itm_btn a {
  width: calc(109 * (100vw / 430));
  height: calc(27 * (100vw / 430));
  font-size: calc(12 * (100vw / 430));
}

/*Staff01---------------*/
#Staff01 .sec_ttl_wrap {
  padding-top: calc(40 * (100vw / 430));
}

#Staff01 .life-style_area {
  margin: 0;
}

#Staff01 .life-style_area .cat_ttl {
  margin: calc(10 * (100vw / 430)) 0 0 calc(172 * (100vw / 430));
}

#Staff01 .life-style_area .cat_ttl .txt_S {
  margin-left: calc(32 * (100vw / 430));
}

#Staff01 .life-style_area .cat_img {
  width: calc(190 * (100vw / 430));
}

#Staff01 .life-style_area .each_question {
  padding-top: calc(102 * (100vw / 430));
}

#Staff01 .food_area {
  margin: calc(18 * (100vw / 430)) 0 0 0;
}

#Staff01 .food_area .cat_ttl {
  margin: calc(15 * (100vw / 430)) 0 0 calc(20 * (100vw / 430));
}

#Staff01 .food_area .cat_ttl .txt_S {
  display: inline;
  margin: 0 0 0 calc(-5 * (100vw / 430));
  writing-mode: horizontal-tb;
}

#Staff01 .food_area .cat_img {
  width: calc(180 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 calc(15 * (100vw / 430));
}

#Staff01 .food_area .each_question {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
  padding-top: calc(96 * (100vw / 430));
}

#Staff01 .hair_area {
  margin: calc(22 * (100vw / 430)) 0 0 0;
}

#Staff01 .hair_area .cat_ttl {
  margin: calc(18 * (100vw / 430)) 0 0 calc(300 * (100vw / 430));
}

#Staff01 .hair_area .cat_ttl .txt_S {
  margin: calc(15 * (100vw / 430)) 0 0 calc(38 * (100vw / 430));
}

#Staff01 .hair_area .cat_img {
  width: calc(280 * (100vw / 430));
}

#Staff01 .hair_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
}

#Staff01 .body_area {
  margin: calc(25 * (100vw / 430)) 0 0 0;
}

#Staff01 .body_area .cat_img {
  width: calc(250 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 auto;
}

#Staff01 .body_area .cat_ttl {
  margin: calc(115 * (100vw / 430)) 0 0 calc(22 * (100vw / 430));
}

#Staff01 .body_area .cat_ttl .txt_S {
  margin: calc(13 * (100vw / 430)) 0 0 calc(36 * (100vw / 430));
  writing-mode: horizontal-tb;
}

#Staff01 .body_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: calc(-8 * (100vw / 430)) auto 0;
}

#Staff01 .life-style_area::before {
  width: calc(80 * (100vw / 430));
  height: calc(40.98 * (100vw / 430));
  margin: calc(25 * (100vw / 430)) calc(27 * (100vw / 430)) 0 0;
}

#Staff01 .life-style_area::after {
  display: none;
}

#Staff01 .hair_area::before {
  left: auto;
  right: 0;
  width: calc(27.3 * (100vw / 430));
  height: calc(64.99 * (100vw / 430));
  margin: 0 calc(42 * (100vw / 430)) calc(40 * (100vw / 430)) 0;
}

#Staff01 .body_area::before {
  right: auto;
  left: 0;
  width: calc(50 * (100vw / 430));
  height: calc(67.53 * (100vw / 430));
  margin: calc(92 * (100vw / 430)) 0 0 calc(97 * (100vw / 430));
}
/*---------------Staff01*/

/*Staff02---------------*/
#Staff02 .sec_ttl_wrap {
  gap: calc(25 * (100vw / 430));
}

#Staff02 .sec_ttl_wrap .txt_wrap .staff_dtl {
  width: calc(215 * (100vw / 430));
}

#Staff02 .life-style_area {
  margin: 0;
}

#Staff02 .life-style_area .cat_ttl {
  margin: calc(10 * (100vw / 430)) 0 0 calc(205 * (100vw / 430));
}

#Staff02 .life-style_area .cat_img {
  width: calc(190 * (100vw / 430));
}

#Staff02 .life-style_area .each_question {
  padding-top: calc(102 * (100vw / 430));
}

#Staff02 .food_area {
  margin-top: calc(20 * (100vw / 430));
}

#Staff02 .food_area .cat_ttl {
  margin: calc(18 * (100vw / 430)) 0 0 calc(18 * (100vw / 430));
}

#Staff02 .food_area .cat_ttl .txt_S {
  margin: calc(18 * (100vw / 430)) 0 0 calc(-5 * (100vw / 430));
  vertical-align: calc(-3 * (100vw / 430));
}

#Staff02 .food_area .cat_img_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(260 * (100vw / 430));
  height: calc(209 * (100vw / 430));
  margin-bottom: 0;
}

#Staff02 .food_area .cat_img_wrap .cat_img:nth-of-type(1) {
  width: calc(160 * (100vw / 430));
}

#Staff02 .food_area .cat_img_wrap .cat_img:nth-of-type(2) {
  width: calc(115 * (100vw / 430));
}

#Staff02 .food_area .each_question {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
  padding-top: calc(102 * (100vw / 430));
}

#Staff02 .hair_area {
  margin: calc(25 * (100vw / 430)) 0 0 0;
}

#Staff02 .hair_area .cat_ttl {
  margin: calc(18 * (100vw / 430)) 0 0 calc(300 * (100vw / 430));
}

#Staff02 .hair_area .cat_ttl .txt_S {
  margin: calc(15 * (100vw / 430)) 0 0 calc(40 * (100vw / 430));
}

#Staff02 .hair_area .cat_img {
  width: calc(280 * (100vw / 430));
  margin-top: 0;
}

#Staff02 .hair_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
}

#Staff02 .body_area {
  margin: calc(28 * (100vw / 430)) 0 0 0;
}

#Staff02 .body_area .cat_img {
  width: calc(250 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 auto;
}

#Staff02 .body_area .cat_ttl {
  margin: calc(115 * (100vw / 430)) 0 0 calc(22 * (100vw / 430));
}

#Staff02 .body_area .cat_ttl .txt_S {
  margin: calc(13 * (100vw / 430)) 0 0 calc(36 * (100vw / 430));
  writing-mode: horizontal-tb;
}

#Staff02 .body_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: calc(-8 * (100vw / 430)) auto 0;
}

#Staff02 .life-style_area::before {
  left: auto;
  right: 0;
  width: calc(31 * (100vw / 430));
  height: calc(36.4 * (100vw / 430));
  margin: calc(45 * (100vw / 430)) calc(47 * (100vw / 430)) 0 0;
}

#Staff02 .food_area::before {
  display: none;
}

#Staff02 .hair_area::before {
  left: auto;
  right: 0;
  width: calc(33.22 * (100vw / 430));
  height: calc(73.1 * (100vw / 430));
  margin: calc(230 * (100vw / 430)) calc(45 * (100vw / 430)) 0 0;
}
/*---------------Staff02*/

/*Staff03---------------*/
#Staff03 .sec_ttl_wrap {
  padding-top:  calc(55 * (100vw / 430));
}

#Staff03 .life-style_area {
  margin: calc(30 * (100vw / 430)) 0 0 0;
}

#Staff03 .life-style_area .cat_ttl {
  margin: calc(10 * (100vw / 430)) 0 0 calc(172 * (100vw / 430));
}

#Staff03 .life-style_area .cat_ttl .txt_S {
  margin-left: calc(32 * (100vw / 430));
}

#Staff03 .life-style_area .cat_img {
  width: calc(190 * (100vw / 430));
}

#Staff03 .life-style_area .each_question {
  padding-top: calc(102 * (100vw / 430));
}

#Staff03 .food_area {
  margin-top: calc(20 * (100vw / 430));
}

#Staff03 .food_area .cat_ttl {
  margin: calc(15 * (100vw / 430)) 0 0 calc(20 * (100vw / 430));
}

#Staff03 .food_area .cat_ttl .txt_S {
  display: inline;
  margin: 0 0 0 calc(-5 * (100vw / 430));
  writing-mode: horizontal-tb;
}

#Staff03 .food_area .cat_img {
  width: calc(180 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 calc(15 * (100vw / 430));
}

#Staff03 .food_area .each_question {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
  padding-top: calc(95 * (100vw / 430));
}

#Staff03 .hair_area {
  margin: calc(20 * (100vw / 430)) 0 0 0;
}

#Staff03 .hair_area .cat_ttl {
  margin: calc(-25 * (100vw / 430)) 0 0 calc(310 * (100vw / 430));
}

#Staff03 .hair_area .cat_ttl .txt_S {
  margin: calc(10 * (100vw / 430)) 0 0 calc(35 * (100vw / 430));
}

#Staff03 .hair_area .cat_img {
  width: calc(280 * (100vw / 430));
  margin-top: 0;
}

#Staff03 .hair_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
}

#Staff03 .body_area {
  margin: calc(30 * (100vw / 430)) 0 0 0;
}

#Staff03 .body_area .cat_img {
  width: calc(250 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 auto;
}

#Staff03 .body_area .cat_ttl {
  margin: calc(115 * (100vw / 430)) 0 0 calc(22 * (100vw / 430));
}

#Staff03 .body_area .cat_ttl .txt_S {
  display: block;
  margin: calc(13 * (100vw / 430)) 0 0 calc(36 * (100vw / 430));
}

#Staff03 .body_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: calc(-8 * (100vw / 430)) auto 0;
}

#Staff03 .life-style_area::before {
  width: calc(83 * (100vw / 430));
  height: calc(66.2 * (100vw / 430));
  margin: calc(2 * (100vw / 430)) calc(20 * (100vw / 430)) 0 0;
}

#Staff03 .food_area::before {
  right: auto;
  left: 0;
  width: calc(38.5 * (100vw / 430));
  height: calc(56.99 * (100vw / 430));
  margin: calc(17 * (100vw / 430)) 0 0 calc(176 * (100vw / 430));
}

#Staff03 .body_area::before {
  top: auto;
  bottom: 0;
  width: calc(67.11 * (100vw / 430));
  height: calc(59.98 * (100vw / 430));
  margin: 0 calc(31 * (100vw / 430)) calc(40 * (100vw / 430)) 0;
}
/*---------------Staff03*/

/*Staff04---------------*/
#Staff04 .sec_ttl_wrap {
  gap: calc(25 * (100vw / 430));
}

#Staff04 .sec_ttl_wrap .txt_wrap .staff_dtl {
  width: calc(215 * (100vw / 430));
}

#Staff04 .life-style_area {
  margin: calc(10 * (100vw / 430)) 0 0 0;
}

#Staff04 .life-style_area .cat_ttl {
  margin: calc(10 * (100vw / 430)) 0 0 calc(203 * (100vw / 430));
}

#Staff04 .life-style_area .cat_img {
  width: calc(190 * (100vw / 430));
}

#Staff04 .life-style_area .each_question {
  padding-top: calc(102 * (100vw / 430));
}

#Staff04 .food_area {
  margin: calc(20 * (100vw / 430)) 0 0 0;
}

#Staff04 .food_area .cat_ttl {
  margin: calc(15 * (100vw / 430)) 0 0 calc(20 * (100vw / 430));
}

#Staff04 .food_area .cat_ttl .txt_S {
  display: inline;
  margin: 0 0 0 calc(-5 * (100vw / 430));
  writing-mode: horizontal-tb;
}

#Staff04 .food_area .cat_img {
  width: calc(180 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 calc(15 * (100vw / 430));
}

#Staff04 .food_area .each_question {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
  padding-top: calc(95 * (100vw / 430));
}

#Staff04 .hair_area {
  margin: calc(22 * (100vw / 430)) 0 0 0;
}

#Staff04 .hair_area .cat_ttl {
  margin: calc(20 * (100vw / 430)) 0 0 calc(300 * (100vw / 430));
}

#Staff04 .hair_area .cat_ttl .txt_S {
  margin: calc(15 * (100vw / 430)) 0 0 calc(40 * (100vw / 430));
}

#Staff04 .hair_area .cat_img {
  width: calc(280 * (100vw / 430));
  margin-top: 0;
}

#Staff04 .hair_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
}

#Staff04 .body_area {
  margin: calc(30 * (100vw / 430)) 0 0 0;
}

#Staff04 .body_area .cat_img {
  width: calc(250 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 auto;
}

#Staff04 .body_area .cat_ttl {
  margin: calc(115 * (100vw / 430)) 0 0 calc(22 * (100vw / 430));
}

#Staff04 .body_area .cat_ttl .txt_S {
  display: block;
  margin: calc(13 * (100vw / 430)) 0 0 calc(36 * (100vw / 430));
}

#Staff04 .body_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: calc(-8 * (100vw / 430)) auto 0;
}

#Staff04 .food_area::before {
  right: auto;
  left: 0;
  width: calc(67.4 * (100vw / 430));
  height: calc(72.33 * (100vw / 430));
  margin: calc(-2 * (100vw / 430)) 0 0 calc(154 * (100vw / 430));
}

#Staff04 .hair_area::before {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  width: calc(69 * (100vw / 430));
  height: calc(85.63 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) calc(143 * (100vw / 430)) 0;
}

#Staff04 .body_area::before {
  right: auto;
  left: 0;
  width: calc(47 * (100vw / 430));
  height: calc(64 * (100vw / 430));
  margin: calc(100 * (100vw / 430)) 0 0 calc(100 * (100vw / 430));
}
/*---------------Staff04*/

/*Staff05---------------*/
#Staff05 .life-style_area {
  margin: 3.8rem 0 0 0;
}

#Staff05 .life-style_area .cat_ttl {
  margin: calc(30 * (100vw / 430)) 0 0 calc(172 * (100vw / 430));
}

#Staff05 .life-style_area .cat_ttl .txt_S {
  margin-left: calc(32 * (100vw / 430));
}

#Staff05 .life-style_area .cat_img {
  width: calc(190 * (100vw / 430));
}

#Staff05 .life-style_area .each_question {
  padding-top: calc(120 * (100vw / 430));
}

#Staff05 .food_area {
  margin: calc(28 * (100vw / 430)) 0 0 0;
}

#Staff05 .food_area .cat_ttl {
  margin: calc(15 * (100vw / 430)) 0 0 calc(20 * (100vw / 430));
}

#Staff05 .food_area .cat_ttl .txt_S {
  display: inline;
  margin: 0 0 0 calc(-5 * (100vw / 430));
  writing-mode: horizontal-tb;
}

#Staff05 .food_area .cat_img {
  width: calc(180 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 calc(15 * (100vw / 430));
}

#Staff05 .food_area .each_question {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
  padding-top: calc(95 * (100vw / 430));
}

#Staff05 .hair_area {
  margin: calc(22 * (100vw / 430)) 0 0 0;
}

#Staff05 .hair_area .cat_ttl {
  margin: calc(20 * (100vw / 430)) 0 0 calc(300 * (100vw / 430));
}

#Staff05 .hair_area .cat_ttl .txt_S {
  margin: calc(15 * (100vw / 430)) 0 0 calc(40 * (100vw / 430));
}

#Staff05 .hair_area .cat_img {
  width: calc(280 * (100vw / 430));
}

#Staff05 .hair_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
}

#Staff05 .body_area {
  margin: calc(30 * (100vw / 430)) 0 0 0;
}

#Staff05 .body_area .cat_img {
  width: calc(250 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 auto;
}

#Staff05 .body_area .cat_ttl {
  margin: calc(115 * (100vw / 430)) 0 0 calc(22 * (100vw / 430));
}

#Staff05 .body_area .cat_ttl .txt_S {
  display: block;
  margin: calc(13 * (100vw / 430)) 0 0 calc(36 * (100vw / 430));
}

#Staff05 .body_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: calc(-8 * (100vw / 430)) auto 0;
}

#Staff05 .body_area .each_question dd {
  letter-spacing: .045em;
}

#Staff05 .life-style_area::before {
  width: calc(89.57 * (100vw / 430));
  height: calc(59.04 * (100vw / 430));
  margin: calc(20 * (100vw / 430)) calc(20 * (100vw / 430)) 0 0;
}

#Staff05 .food_area::before {
  right: auto;
  left: 0;
  width: calc(38.5 * (100vw / 430));
  height: calc(56.99 * (100vw / 430));
  margin: calc(25 * (100vw / 430)) 0 0 calc(177 * (100vw / 430));
}

#Staff05 .hair_area::before {
  left: auto;
  right: 0;
  width: calc(39 * (100vw / 430));
  height: calc(75.8 * (100vw / 430));
  margin: calc(222 * (100vw / 430)) calc(38 * (100vw / 430)) 0 0;
}
/*---------------Staff05*/

/*Staff06---------------*/
#Staff06 .life-style_area {
  margin: 0 0 0 0;
}

#Staff06 .life-style_area .cat_ttl {
  margin: calc(10 * (100vw / 430)) 0 0 calc(172 * (100vw / 430));
}

#Staff06 .life-style_area .cat_ttl .txt_S {
  margin-left: calc(32 * (100vw / 430));
}

#Staff06 .life-style_area .cat_img {
  width: calc(190 * (100vw / 430));
}

#Staff06 .life-style_area .each_question {
  padding-top: calc(102 * (100vw / 430));
}

#Staff06 .food_area {
  margin: calc(20 * (100vw / 430)) 0 0 0;
}

#Staff06 .food_area .cat_ttl {
  margin: calc(15 * (100vw / 430)) 0 0 calc(20 * (100vw / 430));
}

#Staff06 .food_area .cat_ttl .txt_S {
  display: inline;
  margin: 0 0 0 calc(-5 * (100vw / 430));
  writing-mode: horizontal-tb;
}

#Staff06 .food_area .cat_img {
  width: calc(180 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 calc(15 * (100vw / 430));
}

#Staff06 .food_area .each_question {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
  padding-top: calc(95 * (100vw / 430));
}

#Staff06 .hair_area {
  margin: calc(22 * (100vw / 430)) 0 0 0;
}

#Staff06 .hair_area .cat_ttl {
  margin: calc(20 * (100vw / 430)) 0 0 calc(300 * (100vw / 430));
}

#Staff06 .hair_area .cat_ttl .txt_S {
  margin: calc(15 * (100vw / 430)) 0 0 calc(40 * (100vw / 430));
}

#Staff06 .hair_area .cat_img {
  width: calc(280 * (100vw / 430));
  margin-top: 0;
}

#Staff06 .hair_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: 0 auto;
}

#Staff06 .body_area {
  margin: calc(30 * (100vw / 430)) 0 0 0;
}

#Staff06 .body_area .cat_img {
  width: calc(250 * (100vw / 430));
  margin: 0 calc(20 * (100vw / 430)) 0 auto;
}

#Staff06 .body_area .cat_ttl {
  margin: calc(115 * (100vw / 430)) 0 0 calc(22 * (100vw / 430));
}

#Staff06 .body_area .cat_ttl .txt_S {
  display: block;
  margin: calc(13 * (100vw / 430)) 0 0 calc(36 * (100vw / 430));
}

#Staff06 .body_area .each_question_wrap {
  width: calc(390 * (100vw / 430));
  margin: calc(-8 * (100vw / 430)) auto 0;
}

#Staff06 .life-style_area::before {
  width: calc(46 * (100vw / 430));
  height: calc(60.09 * (100vw / 430));
  margin: calc(20 * (100vw / 430)) calc(35 * (100vw / 430)) 0 0;
}

#Staff06 .food_area::before {
  right: auto;
  left: 0;
  width: calc(35 * (100vw / 430));
  height: calc(68.16 * (100vw / 430));
  margin: calc(10 * (100vw / 430)) 0 0 calc(178 * (100vw / 430));
}

#Staff06 .hair_area::before {
  left: auto;
  right: 0;
  width: calc(73 * (100vw / 430));
  height: calc(67.56 * (100vw / 430));
  margin: calc(232 * (100vw / 430)) calc(20 * (100vw / 430)) 0 0;
}
/*---------------Staff06*/
/*---------------------each staff*/
.btn_sumup {
  margin: calc(20 * (100vw / 430)) auto calc(60 * (100vw / 430));
}

.btn_sumup a {
  width: calc(330 * (100vw / 430));
  height: calc(70 * (100vw / 430));
  font-size: calc(12 * (100vw / 430));
}

.btn_sumup a .txt_eng {
  margin-bottom: calc(5 * (100vw / 430));
  font-size: calc(20 * (100vw / 430));
}

}

/*---------------------------------------------Smart phone*/

/*レスポンシブ＆タブレット対応-------------------------------*/
@media screen and (max-width: 1400px){
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}
/*-------------------------------レスポンシブ＆タブレット対応*/