@charset "UTF-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}


/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* Set core html defaults */
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
/* Make images easier to work with */
img {
  /* max-width: 100%; */
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Natural flow and rhythm in articles by default */
article>*+* {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}


.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

a {
  text-decoration: none;
  color: inherit;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* ------------ここまでリセット----------- */

/* フォント */
/* font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-family: 'Zen Old Mincho', serif; */



/* -------メイン設定-------- */
.main {
  width: 100%;
  /* background-color:#4d4d4d;  */
  font-family: 'Zen Old Mincho', serif;
  color: #4d4d4d;
  letter-spacing: 0.2rem;
  text-align: center;
  font-weight: lighter;
  overflow-x: hidden;
}

.index {
  background-color: #dedede;
}




/*==================================================
ふわっ
===================================*/


/* fadeUp */

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}




/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.fadeUpTrigger {
  opacity: 0;
}



/* ---------縦線----------- */

.scroll {
  position: absolute;
  width: 100vw;
  bottom: 0px;
}

.scroll2 {
  position: absolute;
  width: 100vw;
  bottom: 0px;
}

.scroll3 {
  /* position: absolute; */
  width: 100%;
  margin-top: 25px;
  /* top: 0px; */
}

#section2 .line {
  height: 40px;
}


#section5 .scroll3 .line {
  height: 20px;
}

.scroll_text {
  display: block;
  text-align: center;
  padding: 20px 0 6px 0;

}

.scroll_text span {
  font-size: 1.3rem;
}


#section2 .line,
#section5 .line {
  width: 50%;
  height: 50px;
  margin-left: 0;
  border-right: #fff 1px solid;
}



/* -------ボタン設定-------- */
a.btn_01 {
  display: block;
  text-align: center;
  text-decoration: none;
  width: 46%;
  max-width: 500px;
  margin: auto;
  padding: 0.4rem 2rem;
  border: 2px solid #E1DCD9;
  background: #E1DCD9;
  color: #626262;
  transition: 0.4s;
  font-size: 1.5rem;
}

a.btn_02 {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: end;
  font-size: 1.3rem;
  padding-right: 30px;
}

a.btn_03 {
  display: block;
  text-align: center;
  text-decoration: none;
  width: 68%;
  max-width: 231px;
  margin: 31px auto 0 auto;
  padding: 0.5rem 0.5rem;
  border: 2px solid #E1DCD9;
  background: #E1DCD9;
  color: #626262;
  transition: 0.4s;
  font-size: 1rem;
}


/* -----header------ */

header h1 {
  width: 175px;
  height: auto;
  margin: 23.025px auto 23.025px auto;
}








/* ----section------ */


/* .box {
  position: relative;
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: center;
} */
/* 
.box_footer {
  position: relative;
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: end;
} */

/* -----main_visual----- */

.main_visual .mainview__item img {
  display: block;
  margin: 0 auto;
  width: 100vw;
  height: auto;
}

.box .main_visual .mainview__item img {
  width: 100vw;
  height: 80vh;
}

.box .main_visual .mainview__item img:first-child {
  object-position: top left 45px;
}


/* -----section1------ */



.top_message {
  text-align: center;
  padding: 80px 30px 80px 30px;
}

h2 {
  font-size: 2rem;
  font-weight: normal;
}

.h2_sub {
  font-size: 2rem;
  letter-spacing: 0.1rem;
}

#section2 .top_message {
  padding-top: 100px;
}

#section2 .content_text {
  margin: 25px 0;
}


.content_text {
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: 200;
  margin-top: 46px;
  letter-spacing: 0.18rem;
}

#section2 .content_text {
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 200;
  margin-top: 25px;
  letter-spacing: 0.18rem;
}


/* concept */
#section1 {
  background-color: #dedede;
  color: #4d4d4d;
  text-align: left;
}

#top_message {
  text-align: left;
}


/* SVG　arrow */
.info_box {
  display: flex;
  align-items: center;
}

.info {
  font-size: 2rem;
  color: #797979;
}

.info_arrow {
  width: auto;
  height: 1.8rem;
  display: inline;
  margin-right: 1rem;
}

/* -----section2------ */

/* about */
#section2 {
  background-color: #f6f6f6;
}

#section2 h2 {
  margin-top: 1rem;
}

.about_description {
  margin-top: 50px;
}

/* ------section3------ */

.product_box {
  padding: 0 20px;
}

h3 {
  padding: 90px 0 21px 0;
  font-size: 2.1rem;
  font-weight: 200;
}



.product_name {
  font-size: 1.9rem;
  font-weight: lighter;
  text-align: start;
  margin-top: 26px;
  border-left: 3px #fff solid;
  padding-left: 1.3rem;
}

.product_about {
  font-size: 1.3rem;
  font-weight: 300;
  text-align: start;
  padding: 11px 0 11px 0;
  line-height: 2.6rem;
}

.product_price {
  font-size: 2rem;
  font-weight: 300;
  text-align: start;
  padding: 0px 0 39px 0;
  line-height: 2.6rem;
}

.menu {
  display: block;
  text-align: left;
  margin-top: 4rem;
  font-size: 1.6rem
}

#section3 {
  background-color: #dedede;
}

#section3 .product_about {
  font-size: 2rem;
  position: relative;
}

.index #section3 .product_about::after {
  content: "";
  display: block;
  border: #797979 solid 1px;
  width: 400px;
  position: absolute;
  top: 24px;
  left: 146px;
}

#section3 .product_about.salon_lineup::after {
  left: 200px;
}


#section3 .Product_Container {
  margin: 0px 10px;
  width: 155px;
  text-align: left;
}

#section3 .Product_Name {
  margin-top: 0;
  height: 2rem;
  margin-bottom: .5rem;
}

#section3 .Product_Category {
  margin-top: .8rem;
  border: #4d4d4d 1px solid;
  display: inline-block;
  padding: .4rem .5rem;
  border-radius: 30px;
  font-size: .8rem;
}

#section3 .salon .Product_Category {
  margin-top: .8rem;
  border: #4d4d4d 1px solid;
  display: inline-block;
  padding: .4rem .5rem;
  border-radius: 30px;
  font-size: .8rem;
}

#section3 .Product_Price {
  margin-top: .8rem;
  font-size: .9rem;
}

#section3 .view_box {
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
  margin: 20px 0 40px 0;
}

#section3 .viewall {
  font-size: 1.6rem;
  display: inline;
}

#section3 .view_box img {
  padding-top: 5px;
}

/* -----section4------ */

#section4 {
  background-color: #f6f6f6;
}

#section4 .salon_woman img {
  height: auto;
}

#section4 h3 {
  padding: 40px 0 0px 0;
  z-index: 2;

}

#section4 .top_message {
  padding-bottom: 0;
  position: relative;
}

#section4 .top_message::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -49px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 50px solid #f6f6f6;
}

#section4 .box {
  background-color: #dedede;
  padding-top: 100px;
  padding-bottom: 60px;
}

#section4 .flow_outbox {
  border-color: #4d4d4d;
  text-align: center;
}

#section4 .btn_03 {
  background: #fff;
  margin: 15px 0 0 0px;
  line-height: 2rem;
  letter-spacing: 0rem;
  padding: 1.5rem 0rem;
  display: inline-block;
  width: 52%;
  font-size: 1.2rem;
}

/* ------section5 お取り扱い------- */

.howto_padding {
  padding: 0 10px;
}

.howtoget_text_sub {
  line-height: 2.3rem;
  font-size: 1.5rem;
  padding-top: 41px;
}

.howtoget_title {
  font-size: 2.1rem;
  padding-top: 30px;
  font-weight: 300;
}

.salon_woman img {
  margin-top: 30px;
  width: 100%;
}

.sub_title {
  font-size: 2rem;
  margin: 53px auto 85px auto;
  color: #626262;
  background-color: #E1DCD9;
  display: block;
  width: 70%;
  max-width: 305px;
  padding: 10px 0;
}

.flow_content {
  text-align: start;
  width: 90%;
  margin: 0 auto;
}

.flow_title {
  font-size: 1.8rem;
  line-height: 4rem;
}

.flow_outbox {
  padding: 0 0px 50px 1.8rem;
  margin: 5px 0 0 0.8rem;
  height: 145px;
  border-left: #fff 1px solid;
}

.flow_content:last-child .flow_outbox {
  border: none;
}

.flow_info {
  font-size: 1.4rem;
  line-height: 2.3rem;
  letter-spacing: 0.18rem;
}

/* ------footer------- */

footer {
  background-color: #4d4d4d;
  color: #fff;
  width: 100vw;
  padding: 33px 35px 22px 35px;
  margin-top: 100px;
}

/* Top footer */

.footer_content {
  font-family: 'Zen Old Mincho', serif;
  background-color: #4d4d4d;
  /* padding: 33px 35px 22px 35px; */
  margin-top: 0px;
}

.footer_content p {
  color: #fff;
  font-size: 2rem;
  padding-left: 1rem;
}

.footer_content .footer_nav ul li a {
  color: #fff;
}

.footer_content .footer_nav ul {
  border-left: #fff 1px solid;
}

.footer_content .footer_text a {
  color: #fff;
}


.footer_content .footer_small_sub li a {
  color: #fff;
}

.footer_content .footer_right {
  margin-bottom: 20px;
}

.footer_content small {
  color: #fff;
  text-align: center;
  display: block;
}

#section6 {
  position: relative;
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: center;
  align-items: end;
}


.footer_content {
  text-align: left;
}

.footer_logo {
  font-size: 2.3rem;
  font-weight: 600;
}

.footer_nav ul {
  margin-left: 1.45rem;
  padding-left: 1.85rem;
  border-left: #4d4d4d 1px solid;
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer_nav ul li {
  line-height: 6rem;
  font-size: 1.8rem;
}

.footer_nav ul li a {
  color: #4d4d4d;
}

.footer_nav ul li:last-child {
  padding: 18px 0;
}

.instagram_logo {
  width: 24px;
  height: 24px;
  margin: 0;
}

.footer_text a {
  font-size: 1.6rem;
  padding-left: 1.45rem;
  line-height: 4rem;
  color: #4d4d4d;
}

.footer_text:last-child {
  margin-bottom: 15px;
}

.footer_right {
  display: flex;
  justify-content: space-evenly;
  background-color: #fcfcfc;
  color: #4d4d4d;
  padding: 16px 14px;
  width: 88%;
  max-width: 310px;
  min-width: 275px;
  align-items: center;
  /* 垂直方向に中央揃え */
  list-style: none;
  /* リストのデフォルトのマーカーを非表示にする */
  margin-left: 1.45rem;
  margin-bottom: 88px;
}

.footer_right li {
  display: flex;
  align-items: center;
  /* 垂直方向に中央揃え */
}

.footer_right li:first-child {
  font-size: 1.8rem;
}

.footer_right li:nth-child(2) {
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
}

.link_logo {
  width: 17.41px;
  height: 17.41px;
  margin: 0;
  /* 画像の余白をリセット */
}


.every_logo {
  width: 130px;
  height: auto;
  margin: 0;
}

.pro_logo {
  width: 190px;
  height: auto;
  margin: 0;
}

.footer_small_sub {
  text-align: center;
  font-family: 'Zen Kaku Gothic New', sans-serif;
}

.footer_small_sub li a {
  font-size: 0.7rem;
  margin-right: 10px;
  color: #fff;

}

small {
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  display: block;

}



/* --------------------- */
/* プラポリページ */
/* ------------------------ */

.pp {
  text-align: start;
  width: 90%;
  margin: 20vw auto !important;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  line-height: 1.6;
  font-size: 1.2rem;
}

.pp h2 {
  font-size: 2.4rem;
}

.pp a {
  color: #fff;
}

.headline {
  font-weight: 600;
}


/* -----------------------------

  商品詳細ページ,クラッキングフォームセラム

  ------------------------------ */

/* -----トップ製品画像・値段----- */
.light_back {
  background-color: #dedede;
}

.light_back .main {
  background-color: #dedede;
}

.light_back footer {
  background-color: #4d4d4d;
}

.light_back .footer_nav ul li a {
  color: #fff;
}

.light_back .footer_text a {
  color: #fff;
}

.light_back .footer_nav ul {
  border-left: #fff 1px solid;
}

.light_back .footer_small_sub li a {
  color: #fff;
}

.light_back #small2 {
  color: #fff;
}

.light_back div.main {
  padding-top: 10px;
  color: #4d4d4d;
}

.light_back .product_name {
  border-left: 3px #4d4d4d solid;
}

.light_back a.btn_01 {
  border: none;
  background: #4d4d4d;
  color: #fff;
  transition: 0.4s;
  font-size: 1.5rem;
  margin-bottom: 20px;
  padding: 1.8rem 1.6rem;
  width: 71%;
}

.light_back a.btn_01:nth-of-type(2) {
  border: 0.5px solid #4d4d4d;
  background: none;
  color: #626262;
}


.light_back .groupe_title {
  text-align: start;
}

/* ------製品特徴--------- */

.product_character {
  padding: 0 20px;
}

.character_title {
  margin-top: 70px;
}

.character_title h2 {
  font-size: 2.3rem;
}

hr.title_bottom_line {
  width: 18px;
  border-top: 0.4px solid #656565;
  margin: 0 auto;
}

.character_title .h2_sub {
  margin-top: 0;
  font-size: 1.8rem;
}

.ch_top_img {
  margin: 0;
  padding: 40px 0;
}

.character_groupe {
  margin: 0;
  padding: 0 0 30px 0;
}

.groupe_title {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 20px auto 0 auto;
  align-items: center;
}

.groupe_title h3 {
  font-size: 2.6rem;
  border-right: #4d4d4d solid 2px;
  padding: 0;
  padding-right: 10px;
}

.cfs_img {
  padding: 20px 0;
}

.groupe_title p {
  font-size: 1.9rem;
  margin-left: 10px;
}

.bfe .groupe_title p {
  padding-bottom: 10px;
}

/* -------製品特徴０２------- */
#cfs_img02 {
  width: 50%;
  margin: 0 auto;
  padding: 20px 0;
}

/* ------使い方-------------- */

.howtouse {
  background-color: rgb(255, 255, 255, 0.7);
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  /* Assuming your content is in a column layout */
}

.daynight_icon {
  width: 14px;
  margin: 0 auto;
  padding: 15px 0;
}

.howtouse_step {
  font-size: 1.6rem;
  padding: 25px 0;
  width: 90%;
  margin: 0 auto;
  /* text-align: start; */
}


.howtouse_step span {
  font-size: 1.3rem;
}


.howtouse_img01,
.howtouse_img02 {
  width: 70%;
  max-width: 700px;
  margin: 0 auto;
}

/* .howtouse_img02 {
padding-top: 20px;
align-self: flex-end;
} */

.howtouse .character_title {
  margin-top: 0;
}

/* ----------------
FAQ
---------------- */

.faq {
  width: 90%;
  margin: 0 auto;
  max-width: 1100px;
  padding: 60px 0 50px 0;
}

.faq dl {
  text-align: left;
  font-size: 1.6rem;
  padding: 19px 0;
  line-height: 1.4;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.1rem;
}

.faq dl dt {
  font-size: 1.6rem;
  padding-bottom: 20px;
  padding: 19px 21px 21px 21px;
}

.faq dl dd {
  padding: 21px 21px 25px 21px;
  background-color: rgb(255, 255, 255, 0.7);
  border-radius: 12.5px;
  margin-bottom: 19px;
}

span.qanda {
  font-size: 2.1rem;
}


.qa_line {
  height: 2px;
  background-color: #cecece;
}







/* -----------------------------

  商品詳細ページ,バイオファクトエッセンス

  ------------------------------ */
.bfe_top_title {
  text-align: start;
}

.groupe_title p span {
  font-size: 1.3rem;
}



.bfe .daynight_icon {
  width: 40px;
}

#laboratorypc {
  text-align: center;
  font-size: 2.2rem;
  line-height: 4rem;
}

#laboratorysp {
  text-align: center;
  font-size: 1.8rem;
  line-height: 3.7rem;
  padding: 5px 0;
  width: 70%;
  margin: 15px auto 0 auto;
  background-color: rgb(255, 255, 255, 0.5);
}

#laboratory_img {
  padding-bottom: 0;
}

/* -----------------------------

  取り扱いサロン一覧

  ------------------------------ */
.salon_top_message {
  padding: 0 20px;
}

.h3.sp {
  text-align: left;
}

.title_sp {
  padding: 0 20px;
  text-align: left;
}

.title_sp hr {
  margin-left: 0;
  width: 35px;
  margin: 20px 0;
}

.salon_top_message .sp {
  text-align: left;
  padding: 75px 0 0 0;
  border-bottom: 1px #4d4d4d solid;
}

.salon_top_message .sp span {
  font-size: 1.7rem;
}

.salon_top_message .product_about {
  font-size: 1.5rem;
  line-height: 2.4rem;
}

.areatitle {
  padding-bottom: 20px;
}

/* .arealink li {
  display: inline-block;
  width: 43%;
  margin: 10px;
} */

.arealink li a {
  display: block;
  border: 0.5px solid #4d4d4d;
  text-align: center;
  font-size: 20px;
  padding: 15px 10px;
  font-size: 15px;
  background-color: #ffffffd1;
  color: #4d4d4d;
}

.bottom_message {
  padding: 10px 20px 0 20px;
  font-size: 1.5rem;
}

.bottom_message p span {
  border-bottom: 1px solid #4d4d4d;
}


/* ----------------
県別　shop_○○
---------------- */
.salon_list {
  padding: 0 30px;
  text-align: left;
}

.oneshop {
  display: block;
  margin: 60px 0;
}

.shoptx .name {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-align: left;
  color: #fff;
  background-color: #4d4d4d;
  padding-left: 20px;
  line-height: 2;
}

.salon_info {
  padding: 0 15px;
  font-size: 1.3rem;
  letter-spacing: 0;
}

.owc {
  font-size: 1.8rem;
  margin-bottom: 10px;
}


.owctx {
  font-size: 1.4rem;
}

.owc_line {
  padding: 15px 0;
}


/* ----------------
ホームケア　ラインナップ
---------------- */
.Lineup {
  font-size: 1.5rem;
  width: 90%;
  margin: 0 auto;
  padding-top: 80px;
}

.Lineup_Title {
  font-weight: normal;
}

.Lineup_Title.pc {
  display: none;
}

.Lineup .Lineup_Title_EN::before {
  content: "";
  display: block;
  width: 1.8rem;
  border: #4d4d4d solid .5px;
  margin: 10px auto;
}

.Lineup img {
  width: 155px;
  height: 155px;
}

.Product_IMG {
  position: relative;
  display: inline-block;
}

/* Arrow */
.circle {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: #4d4d4d 1px solid;
  border-radius: 50%;
  bottom: 6%;
  right: 14%;
}

.arrow_box {
  position: absolute;
  bottom: 6%;
  right: 5%;
}

.arrow {
  position: relative;
  display: inline-block;
  width: 23px;
  height: 1px;
  margin: 4.3px 0;
  border-radius: 9999px;
  background-color: #4d4d4d;
  perspective-origin: right;
}

.Product_Container:hover .arrow {
  animation-name: arrowstrach;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}



@keyframes arrowstrach {
  0% {
    opacity: 0;
    transform: translateX(-30%);
  }

  75% {
    opacity: 1;
    transform: translateX(0);
  }
}


.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 5px;
  height: 1px;
  border-radius: 9999px;
  background-color: #4d4d4d;
  transform-origin: calc(100% - 0.5px) 50%;
}

.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  transform: rotate(-45deg);
}

/* //Arrow */

.Lineup_Container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;

}

.Lineup_Container::after {
  content: "";
  display: block;
  width: calc(175px * 1);
}

.Product_Container {
  margin: 20px 6px;
  width: 155px;
  text-align: left;
}

.Product_Name {
  margin-top: 1.4rem;
}

.Product_Category {
  margin-top: .8rem;
  border: #4d4d4d 1px solid;
  display: inline-block;
  padding: .3rem 1.4rem;
  border-radius: 30px;
  font-size: 1rem;
}

.Product_Price {
  margin-top: .4rem;
  font-size: 1.2rem;
}


/* ----------------
サロンケア　ラインナップ
---------------- */

.Lineup_Container.salon::after {
  content: "";
  display: block;
  width: calc(175px * 1);
}

/* ------------レスポンシブ設定　PCの時----------- */


#section1_pc,
#section2_pc,
#section3_pc,
#section4_pc,
#section5_pc {
  display: none;
}

#burger_pc {
  display: none;
}

#footer_nav_pc {
  display: none;
}

.product_about_pc {
  display: none;
}

.pc {
  display: none;
}

.title_pc {
  display: none;
}


@media screen and (min-width: 565px) {
  .Lineup_Container.salon::after {
    width: calc(175px * 2);
  }

  .Lineup_Container::after {
    width: calc(175px * 2);
  }
}


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

  /* html {
  background-color:#4d4d4d ;
} */

  div.main {
    max-width: 2000px;
    margin: 0 auto;
  }

  header h1 {
    width: 235px;
  }

  #burger_sp {
    display: none;
  }

  #burger_pc {
    display: block;
  }

  #section1_pc,
  #section2_pc,
  #section3_pc,
  #section4_pc,
  #section5_pc {
    display: block;
  }

  #section1,
  #section2,
  #section3,
  #section4,
  #section5 {
    display: none;
  }

  #mainview_pc img {
    width: 100vw;
  }

  /* section1 */



  .info {
    font-size: 3rem;
    color: #797979;
  }

  .info_arrow {
    width: auto;
    height: 2.6rem;
    display: inline;
    margin-right: 1rem;
    transform: translateY(4px);
  }

  #section1_pc {
    background-color: #dedede;
    padding-bottom: 200px;
  }


  .main_visual {
    position: static;
  }

  .top_message {
    max-width: 90%;
    margin: 0 auto;
    padding-top: 200px;
  }



  .TopTitle {
    display: flex;
    justify-content: space-between;
  }

  .TopTitle h2 {
    margin-top: 50px;
  }

  #section1_pc h2 {
    font-size: 5rem;
  }

  h2 {
    margin-top: 150px;
    font-size: 3rem;
  }

  .content_text {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 3.5rem;
    /* margin-right: 300px; */
  }

  /* section2 */
  #section2_pc {
    background-color: #f6f6f6;
    padding-bottom: 200px;
  }

  #section2_pc article {
    text-align: start;
    position: relative;
  }

  #section2_pc .section2_content {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
  }

  #section2_pc picture {
    padding-right: 20px;
  }

  #section2_pc picture img {
    max-width: 395px;
    min-width: 240px;
    max-height: 395px;
    min-height: 240px;

  }


  #section2_pc h2 {
    margin-top: 0px;
  }





  #section2_pc .section2_description {
    max-width: 400px;
  }

  /* section3 */

  #section3_pc {
    background-color: #dedede;
    padding-bottom: 100px;
  }

  #section3_pc .Product_IMG img {

    width: 200px;
    height: 200px;
  }

  #section3_pc .view_box {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin: 20px 0 40px 0;
  }

  #section3_pc .viewall {
    font-size: 1.8rem;
    display: inline;
  }

  #section3_pc .view_box img {
    padding-top: 5px;
  }


  #section3_pc .product_about {
    margin-top: 3rem;
    font-size: 2.6rem;
    position: relative;
  }

  .product_price {
    font-size: 2.6rem;
  }

  .index #section3_pc .product_about::after {
    content: "";
    display: block;
    border: #79797999 solid 1px;
    width: 800px;
    position: absolute;
    top: 19px;
    left: 190px;
  }

  #section3_pc .product_about.salon_lineup::after {
    left: 256px;
    width: 740px;

  }


  .menu_pc {
    display: block;
    text-align: left;
    font-size: 1.6rem;
    margin-top: 3rem;
  }




  h3 {
    margin: 200px 0 60px 0;
    font-size: 3rem;
  }

  .product {
    display: flex;
    padding: 30px 100px 80px 100px;
  }

  .product_info,
  .product img {
    width: 50%;
  }

  .product img {
    padding: 25px 50px 50px 50px;
  }

  #product_explanation {
    padding-left: 50px;
  }

  .product_info {
    margin-left: 40px;
  }

  .product_name {
    font-size: 3rem;
    margin-bottom: 24px;
  }

  .product_about {
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding: 0 0 15px 0;
  }

  p.product_about:nth-child(3) {
    padding-bottom: 37px;
  }

  /* section4 */

  #section4_pc {
    position: relative;
    background-color: #f6f6f6;
  }

  #section4_pc .product {
    display: block;
    padding: 0;
  }

  #section4_pc .product_info {
    width: 100%;
  }

  #section4_pc .salon_woman img {
    width: 972px;
    height: 400px;
  }

  #section4_pc h3 {
    padding: 40px 0 0px 0;
    z-index: 2;

  }

  #section4_pc .top_message {
    padding-bottom: 0;

  }

  #section4_pc::after {
    display: block;
    content: "";
    position: absolute;
    top: 1130px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 100px solid #f6f6f6;
  }

  #section4_pc .box {
    background-color: #dedede;
    padding-top: 300px;
    padding-bottom: 60px;
  }

  #section4_pc .flow_outbox {
    border-color: #4d4d4d;
    text-align: center;
  }

  #section4_pc .btn_03 {
    background: #fff;
    margin: 15px 0 0 0px;
    line-height: 2rem;
    letter-spacing: 0rem;
    padding: 1.5rem 0rem;
    display: inline-block;
    width: 52%;
    font-size: 1.6rem;
  }

































  #btn_02_pc {
    text-align: center;
    font-size: 2.5rem;
  }

  /* section5 */
  .howtoget_title {
    font-size: 3rem;
  }

  .salon_woman img {
    margin-top: 50px;
  }

  .howtoget_text_sub {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 2.2rem;
    line-height: 1.8;
  }

  .sub_title {
    font-size: 2.4rem;
  }

  .flow_content {
    width: 73%;
    margin-bottom: 20px;
  }

  .flow_title {
    font-size: 2rem;
  }

  .flow_info {
    font-size: 1.6rem;
    line-height: 1.8;
  }

  a.btn_03 {
    max-width: 273px;
    font-size: 1.5rem;
    margin: 31px auto 31px auto;
  }


  footer {
    padding: 80px 71px 80px 71px;
    /* margin-top: 100px; */
  }


  #footer_nav_pc {
    display: block;
  }

  #footer_nav_sp {
    display: none;
  }

  .footer_content {
    display: flex;
    justify-content: space-between;
  }

  .footer_left,
  .footer_right_pc {
    width: 50%;
  }

  .footer_right {
    padding: 25px 9px;
    max-width: 360px;
    margin: 0 0 0 auto;
  }

  .every_logo {
    width: 168px;
  }

  .footer_small_sub li a,
  small {
    font-size: 1.1rem;
  }


  /* -----------------
プラポリページ
----------------- */


  .pp {
    font-size: 1.6rem;
    max-width: 1280px;
  }

  .pp h2 {
    font-size: 4.5rem;
  }

  /* -----------------
商品詳細ページ
----------------- */
  .light_back .product {
    padding-top: 100px;
  }

  .light_back .btn_01:nth-child(3) {
    margin-top: 50px;
  }

  .light_back h2 {
    margin-top: 0;
  }

  .ch_top_img {
    display: none;
  }

  hr.title_bottom_line {
    margin-top: 13px;
    margin-bottom: 13px;
    width: 18px;
    height: 2px;
    background-color: #4d4d4d;
  }

  #product_about_pc {
    font-size: 1.8rem;
    line-height: 3.8rem;
  }

  /* ----製品特徴----- */
  .character_groupe {
    display: flex;
    width: 80%;
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 64px;
  }

  .character_title h2 {
    font-size: 2.8rem;
  }

  .character_title .h2_sub {
    font-size: 2.4rem;
  }


  .light_back h3 {
    margin: 0;
    font-size: 3.5rem;
  }

  .groupe_title p {
    width: 100%;
    text-align: start;
    font-size: 2.4rem;
  }

  .flex {
    width: 50%;
    padding-right: 40px;
  }

  .cfs_img {
    width: 50%;
    padding-left: 40px;
  }

  .product_about {
    line-height: 3.8rem;
  }

  .product_about_pc {
    display: block;
    padding-top: 20px;
    font-size: 1.9rem;
  }

  .product_about_sp {
    display: none;
  }

  #pc_about {
    padding-top: 20px;
  }

  #cfs_img02 {
    padding: 70px;
  }

  .howtouse {
    width: 80%;
    margin: 100px auto 0 auto;
    max-width: 1100px;
    padding: 60px 0 100px 0;
  }

  .daynight_icon {
    width: 23px;
    padding-top: 32px;
  }

  .howtouse_step {
    font-size: 2.5rem;
    padding: 40px 0;
  }

  .howtouse_step span {
    font-size: 1.9rem;
  }

  /* ----------バイオファクトエッセンス--------- */

  .bfe .flex:nth-child(4) {
    padding-left: 40px;
  }

  .bfe .cfs_img:nth-child(2) {
    padding-right: 40px;
  }

  .groupe_title p span {
    font-size: 1.9rem;
  }

  .bfe .daynight_icon {
    width: 65px;
  }

  .laboratory {
    display: block;
  }


  /* ----------------FAQ---------------- */

  .faq {
    padding: 60px 0 100px 0;
  }

  .faq dl {
    padding: 42px 0;
  }

  .faq dl dt {
    font-size: 1.9rem;
    padding-bottom: 20px;
    padding: 23px 25px 25px 25px;
    border-radius: 12.5px;
    margin-top: 25px;
  }

  .faq dl dd {
    font-size: 1.9rem;
    padding: 25px;
  }

  span.qanda {
    font-size: 2.4rem;
  }





  /* --------取り扱い店舗一覧ページ------- */
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }

  .title_sp {
    display: none;
  }

  .title_pc {
    display: block;
  }

  .salon_top_message .pc {
    font-size: 2.3rem;
  }

  .salon_top_message .pc span {
    border-bottom: 1px solid #4d4d4d;
  }


  .salon_top_message .product_about {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.6;
  }

  .character_title .areatitle {
    font-size: 2.3rem;
  }

  .arealink {
    width: 900px;
    margin: 0 auto;
  }

  /* .arealink li {
    width: 22%;
  } */

  /* -------県別サロンリスト------ */

  .oneshop {
    /* width: 50%; */
    margin: 0 auto;
    margin-bottom: 70px;
  }

  .shoptx .name {
    font-size: 2rem;
  }

  .salon_info {
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
    line-height: 1.5;
  }

  .owc {
    font-size: 1.9rem;
  }

  .owctx {
    font-size: 1.6rem;
  }

  .owc_line {
    padding: 18px 0;
  }



  /* ホームケア　ラインナップ */
  .Lineup img {
    width: 344px;
    height: 344px;
  }

  .Lineup {
    font-size: 1.8rem;
    width: 90%;
    margin: 0 auto;
    margin-top: 100px;
  }

  .Lineup_Title.pc {
    display: block;
  }

  .Lineup.sp {
    display: none
  }

  .Lineup .Lineup_Title_EN::before {
    content: "";
    display: block;
    width: 1.8rem;
    border: #4d4d4d solid .5px;
    margin: 10px auto;
  }

  .Lineup_Title_EN {
    margin-bottom: 50px;
  }


  .Product_IMG {
    position: relative;
    display: inline-block;
  }

  /* Arrow */
  .circle {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: #4d4d4d 1px solid;
    border-radius: 50%;
    bottom: 5%;
    right: 10%;
  }

  .arrow_box {
    position: absolute;
    bottom: 6%;
    right: 5%;
  }

  .arrow {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 1px;
    margin: 4.3px 0;
    border-radius: 9999px;
    background-color: #4d4d4d;
    perspective-origin: right;
  }

  .Product_Container:hover .arrow {
    animation-name: arrowstrach;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }



  @keyframes arrowstrach {
    0% {
      opacity: 0;
      transform: translateX(-30%);
    }

    75% {
      opacity: 1;
      transform: translateX(0);
    }
  }


  .arrow::before,
  .arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 5px;
    height: 1px;
    border-radius: 9999px;
    background-color: #4d4d4d;
    transform-origin: calc(100% - 0.5px) 50%;
  }

  .arrow::before {
    transform: rotate(45deg);
  }

  .arrow::after {
    transform: rotate(-45deg);
  }

  /* //Arrow */

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

  .Lineup_Container::after {
    content: "";
    display: block;
    width: calc(414px * 1);
  }

  .Lineup_Container.salon::after {
    width: calc(414px * 1);
  }

  .Product_Container {
    margin: 30px 20px;
    width: 374px;
  }

  .index .Product_Name {
    margin-top: 1.4rem;
    margin-bottom: .4rem;
    font-size: 1.2rem;
    height: 1rem;
    width: 100%;
  }

  .Product_Name {
    margin-top: 1.4rem;
    margin-bottom: .4rem;
    font-size: 1.6rem;
    height: 1rem;
    width: 100%;
  }

  .Product_Category {
    margin-top: 1.8rem;
    border: #4d4d4d 1px solid;
    display: inline-block;
    padding: .6rem 1rem;
    border-radius: 30px;
    font-size: 1.2rem;

  }

  .Product_Price {
    margin-top: 1.4rem;
    font-size: 1.4rem;
  }


}


@media screen and (min-width: 1000px) {
  .top_message {
    max-width: 75%;
  }

}


@media screen and (min-width: 1379px) {

  .Lineup_Container::after {

    width: calc(414px * 1);
  }

  .Lineup_Container.salon::after {
    width: calc(414px * 2);
  }

  .top_message {
    max-width: 60%;
  }
}

@media screen and (min-width: 1799px) {

  .top_message {
    max-width: 50%;
  }

}



@media screen and (min-width: 1800px) {

  #g-nav li a {
    font-size: 4.1rem;
  }




  footer {
    padding: 78px 200px 5px 200px;
  }

}


@media screen and (min-width: 1839px) {

  .Lineup_Container::after {
    width: calc(414px * 1);
  }

  .Lineup_Container.salon::after {
    width: calc(414px * 1);
  }
}

@media screen and (min-width: 1840px) {

  .Lineup_Container::after {
    width: calc(414px * 3);
  }

  .Lineup_Container.salon::after {
    width: calc(414px * 2);
  }
}



@media screen and (min-width: 2000px) {
  #section4_pc::after {
    display: none;

  }
}




/*************** salon ***************/

.saloninner p {
  font-size: 1.3rem;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .saloninner p {
    font-size: 1.9rem;
  }
}

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

  .saloninner h2 {
    margin-top: 100px;
  }

}

.saloninner .oneshop p {

  width: 100%;

}


.saloninner .jptx,
.saloninner .sptx {
  font-size: 15px;
  text-decoration: underline;
}

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

  .saloninner .jptx,
  .saloninner .sptx {
    font-size: 22px;
  }
}


.saloninner .egtx {
  padding-top: 10px;
  font-size: 1.3rem;
}


@media screen and (min-width: 768px) {
  .saloninner .egtx {
    font-size: 1.9rem;
  }
}


.saloninner .arealink {
  max-width: 349px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 9px;
}

@media screen and (min-width: 768px) {
  .saloninner .arealink {
    max-width: 930px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px 23px;
  }
}

.saloninner .areaname+.arealink {
  margin-top: 23px;
}


@media screen and (min-width: 768px) {
  .saloninner .areaname+.arealink {
    margin-top: 52px;
  }
}


.saloninner .areaname {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 47px;
  margin: 0 auto;
  /* margin-bottom: 13px; */
  border: 1px solid #626262;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
  text-decoration: none;
  max-width: 170px;
}

/* 
@media screen and (min-width: 768px) {
  .saloninner .areaname {
    margin-bottom: 27px;
  }
} */

.saloninner .back-link2 {
  text-align: left;
}


@media screen and (min-width: 768px) {
  .saloninner .back-link2 {
    text-align: center;
    margin-top: 100px;
  }
}


.oneshop {
  margin-inline: auto;
}

.oneshop+.oneshop {
  margin-top: 44px;
}

.oneshop .name {
  background-color: #F4F8FA;
  line-height: 1.4;
  border-radius: 3px;
  padding: 10px 24px;
}

.oneshop .name .ttl {
  font-size: 19px;
}

.oneshop .name .small {
  font-size: 12px;
}

.oneshop .brand_ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.4;
  margin-top: 19px;
  font-size: 11px;
}

.oneshop .brand_ttl:after {
  content: "";
  display: block;
  /* arrow */
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #949494 transparent transparent transparent;
  border-width: 6px 4px 0 4px;
  margin-left: 5px;
}

.oneshop .brand_list {
  display: flex;
  flex-wrap: wrap;
  gap: min(3vw, 11px);
  margin-top: 4px;
}

.oneshop .brand_tag {
  display: inline-flex;
  border-radius: 3px;
  border: 1px solid #747372;
  padding: min(1vw, 3px) min(5.7vw, 21px);
}

.oneshop .brand_tag img {
  width: auto;
  max-width: none;
  height: min(5vw, 19px);
}

.oneshop .brand_tag.-black {
  background-color: #6A6A6A;
  border-color: #6A6A6A;
}

.oneshop .address {
  text-align: left;
  line-height: 1.5;
  font-size: 14px;
  margin-top: 19px;
}

.oneshop .tel {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  margin-top: 10px;
  /* icon */
}

.oneshop .tel::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M8.31073 2.09055C7.65846 1.16688 6.75532 0.750664 5.79744 0.760927C4.8886 0.77005 4.0037 1.1589 3.26477 1.67661C2.51108 2.20723 1.86842 2.88011 1.37296 3.65737C0.905427 4.39744 0.567889 5.27207 0.613503 6.12618C0.833586 10.2348 3.14504 14.6251 6.39155 17.8739C9.63579 21.1192 13.9679 23.3748 18.3422 22.9438C19.1997 22.8594 20.0105 22.4226 20.673 21.8662C21.3583 21.2857 21.9182 20.5718 22.3185 19.7679C22.7063 18.9788 22.9377 18.0689 22.81 17.1828C22.6777 16.2591 22.1612 15.4336 21.2113 14.8862C21.0145 14.772 20.8198 14.6542 20.6274 14.5327C20.4564 14.4266 20.2739 14.3115 20.0527 14.1792C19.6008 13.9006 19.124 13.6647 18.6284 13.4745C18.1187 13.2886 17.536 13.1666 16.9293 13.2498C16.301 13.3365 15.7172 13.633 15.212 14.1644C14.8232 14.5749 14.2507 14.7026 13.4456 14.47C12.6269 14.2328 11.7055 13.6444 10.905 12.8484C10.1045 12.0548 9.49895 11.1265 9.2401 10.2884C8.98466 9.45822 9.09756 8.84815 9.49667 8.42736C10.036 7.85948 10.3234 7.22774 10.3838 6.5595C10.4431 5.90952 10.2812 5.2983 10.0497 4.76463C9.70307 3.96754 9.11466 3.17501 8.65397 2.55695C8.53814 2.40242 8.4241 2.24657 8.31187 2.08941' fill='%23949494'/%3E%3C/svg%3E") no-repeat center center/contain;
  width: 21px;
  height: 17px;
  flex: 0 0 22px;
  margin-right: 13px;
}

.oneshop .tel+.url {
  margin-top: 6px !important;
}

.oneshop .url {
  display: flex;
  align-items: flex-start;
  text-align: left;
  word-break: break-all;
  font-size: 14px;
  margin-top: 10px;
  /* icon */
}

.oneshop .url::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='25' viewBox='0 0 28 25' fill='none'%3E%3Cpath d='M13.964 0.116211C13.964 0.116211 5.73424 7.22047 1.1351 11.0679C0.988693 11.1954 0.870741 11.3522 0.788914 11.5283C0.707088 11.7043 0.663218 11.8956 0.660156 12.0897C0.660156 12.4425 0.800321 12.7809 1.04982 13.0304C1.29931 13.2799 1.6377 13.4201 1.99054 13.4201H4.65131V22.7327C4.65131 23.0856 4.79148 23.424 5.04097 23.6735C5.29047 23.923 5.62885 24.0631 5.98169 24.0631H9.97285C10.3257 24.0631 10.6641 23.923 10.9136 23.6735C11.1631 23.424 11.3032 23.0856 11.3032 22.7327V17.4112H16.6248V22.7327C16.6248 23.0856 16.7649 23.424 17.0144 23.6735C17.2639 23.923 17.6023 24.0631 17.9552 24.0631H21.9463C22.2991 24.0631 22.6375 23.923 22.887 23.6735C23.1365 23.424 23.2767 23.0856 23.2767 22.7327V13.4201H25.9375C26.2903 13.4201 26.6287 13.2799 26.8782 13.0304C27.1277 12.7809 27.2678 12.4425 27.2678 12.0897C27.266 11.8919 27.2191 11.6971 27.1309 11.5201C27.0426 11.343 26.9152 11.1884 26.7583 11.0679C22.1911 7.22047 13.964 0.116211 13.964 0.116211Z' fill='%23949494'/%3E%3C/svg%3E") no-repeat center center/contain;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  margin-right: 11px;
}

.oneshop .insta {
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='45' viewBox='0 0 46 45' fill='none'%3E%3Cpath d='M34.8223 0.402344H11.2101C5.45689 0.402344 0.792969 5.06626 0.792969 10.8195V34.4317C0.792969 40.1849 5.45689 44.8489 11.2101 44.8489H34.8223C40.5756 44.8489 45.2395 40.1849 45.2395 34.4317V10.8195C45.2395 5.06626 40.5756 0.402344 34.8223 0.402344Z' fill='url(%23paint0_radial_30_43)'/%3E%3Cpath d='M34.8223 0.402344H11.2101C5.45689 0.402344 0.792969 5.06626 0.792969 10.8195V34.4317C0.792969 40.1849 5.45689 44.8489 11.2101 44.8489H34.8223C40.5756 44.8489 45.2395 40.1849 45.2395 34.4317V10.8195C45.2395 5.06626 40.5756 0.402344 34.8223 0.402344Z' fill='url(%23paint1_radial_30_43)'/%3E%3Cpath d='M23.0275 5.26294C18.3124 5.26294 17.7205 5.2836 15.8687 5.36781C14.0204 5.45253 12.7587 5.74508 11.6548 6.17444C10.5127 6.61786 9.5441 7.21112 8.57913 8.17644C7.61329 9.14159 7.02003 10.1102 6.57522 11.2518C6.14464 12.356 5.85174 13.6182 5.76858 15.4657C5.68576 17.3177 5.66406 17.9097 5.66406 22.625C5.66406 27.3404 5.6849 27.9303 5.76893 29.7821C5.854 31.6305 6.14655 32.8922 6.57556 33.996C7.01933 35.1381 7.61259 36.1067 8.57791 37.0717C9.54272 38.0376 10.5113 38.6322 11.6525 39.0756C12.7573 39.505 14.0191 39.7975 15.8671 39.8823C17.7191 39.9665 18.3105 39.9871 23.0255 39.9871C27.7411 39.9871 28.3311 39.9665 30.1829 39.8823C32.0313 39.7975 33.2943 39.505 34.3991 39.0756C35.5406 38.6322 36.5079 38.0376 37.4725 37.0717C38.4383 36.1067 39.0314 35.1381 39.4764 33.9966C39.9032 32.8922 40.1962 31.6301 40.283 29.7825C40.3662 27.9307 40.3879 27.3404 40.3879 22.625C40.3879 17.9097 40.3662 17.318 40.283 15.466C40.1962 13.6177 39.9032 12.3562 39.4764 11.2523C39.0314 10.1102 38.4383 9.14159 37.4725 8.17644C36.5068 7.21077 35.541 6.61752 34.398 6.17461C33.2912 5.74508 32.0288 5.45236 30.1805 5.36781C28.3285 5.2836 27.7389 5.26294 23.0222 5.26294H23.0275ZM21.47 8.39173C21.9324 8.39104 22.4482 8.39173 23.0275 8.39173C27.6634 8.39173 28.2127 8.4084 30.0433 8.49156C31.7361 8.569 32.6549 8.85182 33.2669 9.08951C34.0772 9.4041 34.6548 9.78034 35.2621 10.3882C35.8698 10.9958 36.2459 11.5745 36.5613 12.3848C36.799 12.9959 37.0822 13.9147 37.1593 15.6075C37.2424 17.4378 37.2605 17.9875 37.2605 22.621C37.2605 27.2546 37.2424 27.8044 37.1593 29.6346C37.0818 31.3273 36.799 32.2461 36.5613 32.8575C36.2467 33.6677 35.8698 34.2447 35.2621 34.852C34.6545 35.4597 34.0775 35.8357 33.2669 36.1505C32.6556 36.3892 31.7361 36.6713 30.0433 36.7488C28.213 36.8319 27.6634 36.85 23.0275 36.85C18.3916 36.85 17.8421 36.8319 16.0119 36.7488C14.3192 36.6707 13.4004 36.3878 12.7878 36.1501C11.9777 35.8354 11.3989 35.4593 10.7912 34.8516C10.1835 34.244 9.80749 33.6667 9.49202 32.8561C9.25433 32.2448 8.97116 31.326 8.89407 29.6332C8.81091 27.8029 8.79424 27.2532 8.79424 22.6167C8.79424 17.9802 8.81091 17.4335 8.89407 15.6032C8.97151 13.9104 9.25433 12.9916 9.49202 12.3796C9.80679 11.5693 10.1835 10.9906 10.7914 10.383C11.3992 9.7753 11.9777 9.39907 12.788 9.08378C13.4 8.84505 14.3192 8.56292 16.0119 8.48514C17.6136 8.41274 18.2343 8.39104 21.47 8.38739V8.39173ZM32.2953 11.2745C31.1451 11.2745 30.2119 12.2068 30.2119 13.3572C30.2119 14.5075 31.1451 15.4407 32.2953 15.4407C33.4456 15.4407 34.3788 14.5075 34.3788 13.3572C34.3788 12.207 33.4456 11.2738 32.2953 11.2738V11.2745ZM23.0275 13.7088C18.1037 13.7088 14.1115 17.701 14.1115 22.625C14.1115 27.549 18.1037 31.5393 23.0275 31.5393C27.9516 31.5393 31.9424 27.549 31.9424 22.625C31.9424 17.7012 27.9512 13.7088 23.0272 13.7088H23.0275ZM23.0275 16.8376C26.2237 16.8376 28.815 19.4285 28.815 22.625C28.815 25.8212 26.2237 28.4125 23.0275 28.4125C19.8314 28.4125 17.2403 25.8212 17.2403 22.625C17.2403 19.4285 19.8312 16.8376 23.0275 16.8376Z' fill='white'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_30_43' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(12.5991 48.2721) rotate(-90) scale(44.0498 40.9698)'%3E%3Cstop stop-color='%23FFDD55'/%3E%3Cstop offset='0.1' stop-color='%23FFDD55'/%3E%3Cstop offset='0.5' stop-color='%23FF543E'/%3E%3Cstop offset='1' stop-color='%23C837AB'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_30_43' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-6.652 3.60405) rotate(78.681) scale(19.6905 81.1649)'%3E%3Cstop stop-color='%233771C8'/%3E%3Cstop offset='0.128' stop-color='%233771C8'/%3E%3Cstop offset='1' stop-color='%236600FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
  width: 32px;
  height: 32px;
  margin-top: 15px;
}

@media not all and (min-width: 768px) {
  .oneshop {
    max-width: 375px;
  }
}


@media screen and (min-width: 768px) {
  .shoplist {
    margin-top: 106px;
    margin-bottom: 240px;
  }

  .shoplist .back-link {
    margin-top: 106px;
  }

  .oneshop+.oneshop {
    margin-top: 63px;
  }

  .oneshop .name {
    padding: 14px 70px;
    margin-left: -70px;
    margin-right: -70px;
  }

  .oneshop .name .ttl {
    font-size: 27px;
  }

  .oneshop .name .small {
    font-size: 17px;
  }

  .oneshop .brand_ttl {
    font-size: 15px;
    margin-top: 22px;
  }

  .oneshop .brand_list {
    margin-top: 8px;
    gap: 10px;
  }

  .oneshop .brand_tag {
    padding: 7px 40px;
  }

  .oneshop .brand_tag img {
    height: 22px;
  }

  .oneshop .address {
    margin-top: 23px;
    font-size: 20px;
  }

  .oneshop .tel {
    margin-top: 8px;
    font-size: 20px;
  }

  .oneshop .tel::before {
    width: 23px;
    height: 21px;
    flex: 0 0 24px;
    margin-right: 18px;
    margin-top: 5px;
  }

  .oneshop .url {
    margin-top: 8px;
    font-size: 20px;
  }

  .oneshop .url::before {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    margin-right: 18px;
    margin-top: 5px;
  }

  .oneshop .insta {
    width: 45px;
    height: 45px;
    margin-top: 20px;
  }

}

.line {
  display: block;
  background: url(https://d2w53g1q050m78.cloudfront.net/everyskinjp/uploads/assets/img/common/line_icon.svg) no-repeat center center / contain;
  width: 32px;
  height: 32px;
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .line {
    width: 45px;
    height: 45px;
    margin-top: 20px;

  }
}

.saloninner .oth {
  margin-top: 40px;
  margin-bottom: 120px;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .saloninner .oth {
    margin-top: 50px;
    margin-bottom: 250px;
    text-align: center;
  }
}

.back-link2 {
  margin-bottom: 120px;
}


@media not all and (min-width: 768px) {
  .back-link2 {
    font-size: 13px;
    margin-top: 40px !important;
    text-align: left;
  }
}


.shoplist {
  max-width: 624px;
  margin-top: 75px;
  margin-inline: auto;
}


@media not all and (min-width: 768px) {
  .shoplist {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 120px;
  }
}

@media not all and (min-width: 768px) {
  .oneshop .name {
    margin-inline: -25px;
  }
}

/* ****************about us**************** */

.u-color__border--border {
  border-color: #D8DDDF;
}

.p-page_table__inner {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}

.c-table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  table-layout: auto;
  margin-top: 75px;
}

.c-table tbody tr {
  border-bottom: #bcbcbc 1px solid;
  /* display: block; */
}


@media screen and (max-width: 719px) {
  .c-table tbody tr {
    display: block;
    padding: 15px;
  }
}


.c-table tbody tr th {
  font-size: 14px;
  text-align: left;
  padding: 16px 10px;
}

@media screen and (max-width: 719px) {
  .c-table tbody tr th {
    display: block;
    padding: 0;
    margin-bottom: 4px;
  }
}

.c-table tbody tr td {
  font-size: 14px;
  padding: 16px 10px;
  text-align: left;
}



@media screen and (max-width: 719px) {
  .c-table tbody tr td {
    display: block;
    padding: 0;
  }
}

.banner_container {
  max-width: 720px;
  margin: 0 auto;
}

.banner_container a{
  display: block;
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
}

.banner_container a picture img{
  width: 100%;
  height: auto;
}

.banner_container .banner_container_flex {
  margin-top: 30px;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .banner_container .banner_container_flex {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
  }

    .banner_container .banner_container_flex a {
      width: 49%;
  }

  .banner_container a{
    margin: 0 ;
  }


  .banner_container a .EVERYSKIN_AI img {
    width: 100%;
  }


}