/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/assets/scss/en/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@-webkit-keyframes infiniteSlide {
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes infiniteSlide {
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#ing-en a:focus-visible,
#ing-en button:focus-visible {
  border-radius: 5px;
  outline: 2px solid #191919;
}
#ing-en .main_title,
#ing-en .mainTitleH2,
#ing-en .mainTitleH3,
#ing-en h4 {
  font-family: "Shiseido Neue Regular", sans-serif;
}
#ing-en .mainTitleH2 {
  color: #191919;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.75;
  padding-bottom: 16px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #ing-en .mainTitleH2 {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .mainTitleH2 {
    font-size: 24px;
  }
}
#ing-en .mainTitleH2:before {
  border: 1px solid #e7e6e6;
  bottom: 0;
  content: "";
  position: absolute;
  width: 100%;
}
#ing-en .mainTitleH3 {
  color: #191919;
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  margin-top: 24px;
}
@media screen and (min-width: 1280px) {
  #ing-en .mainTitleH3 {
    font-size: 20px;
    margin-top: 48px;
  }
}
#ing-en .txt {
  color: #191919;
  font-size: 14px;
  font-weight: 300;
  line-height: 2;
}
@media screen and (min-width: 1280px) {
  #ing-en .txt {
    font-size: 16px;
  }
}
#ing-en .notisTxt {
  color: #191919;
  font-size: 12px;
  font-weight: 300;
  line-height: 2;
}
#ing-en .inner {
  margin: 0 auto;
  max-width: 1200px;
  width: calc(100% - 32px);
}
@media screen and (min-width: 768px) {
  #ing-en .inner {
    width: calc(100% - 80px);
  }
}
#ing-en .link_wrapper {
  margin-top: 24px;
  width: 100%;
}
#ing-en .link_wrapper.-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: flex-end;
}
#ing-en .linkStyle {
  color: #191919;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  padding-right: 32px;
  position: relative;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  #ing-en .linkStyle:hover {
    opacity: 0.7;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
}
#ing-en .linkStyle .linkIcon {
  background-image: url(/en/rd/safety/ingredients/img/ico_arrow.svg);
  background-repeat: no-repeat;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  width: 20px;
}
#ing-en .linkStyle .linkIcon.external {
  background-image: none;
  width: 15px;
  height: 15px;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(0deg);
}

#ing-en .main {
  background: #ffe9ed;
  margin-top: 96px;
  padding: 64px 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #ing-en .main {
    padding: 96px 0;
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .main {
    padding: 100px 0;
  }
}
#ing-en .main .main_inner .main_title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #ing-en .main .main_inner .main_title {
    font-size: 36px;
  }
}
#ing-en .main .main_inner .main_txt {
  font-size: 14px;
  margin-top: 24px;
}
@media screen and (min-width: 1280px) {
  #ing-en .main .main_inner .main_txt {
    font-size: 18px;
    margin-top: 40px;
  }
}
#ing-en .main .main_inner .main_annotation {
  font-size: 13px;
  margin-top: 16px;
}
@media screen and (min-width: 1280px) {
  #ing-en .main .main_inner .main_annotation {
    margin-top: 24px;
  }
}
#ing-en .contents {
  position: relative;
  width: 100%;
}
#ing-en .attempt {
  padding-top: 64px;
}
@media screen and (min-width: 1280px) {
  #ing-en .attempt {
    padding-top: 96px;
  }
}
#ing-en .attempt .attempt_policyList li {
  margin-top: 64px;
}
@media screen and (min-width: 1280px) {
  #ing-en .attempt .attempt_policyList li {
    margin-top: 96px;
  }
}
#ing-en .attempt .attempt_policyList li:first-child {
  margin-top: 0;
}
#ing-en .attempt .attempt_policyList li .attempt_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.75;
  padding-bottom: 16px;
  position: relative;
}
@media screen and (min-width: 1280px) {
  #ing-en .attempt .attempt_policyList li .attempt_title {
    font-size: 24px;
    padding-bottom: 24px;
  }
}
#ing-en .attempt .attempt_policyList li .attempt_title:before {
  border: 1px solid #e7e6e6;
  bottom: 0;
  content: "";
  position: absolute;
  width: 100%;
}
#ing-en .attempt .attempt_policyList li .attempt_txt {
  margin-top: 24px;
}
#ing-en .notuse {
  padding-top: 64px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #ing-en .notuse {
    padding-top: 96px;
  }
}
#ing-en .notuse .notuse_inner .notuse_txt {
  margin-top: 23px;
}
@media screen and (min-width: 1280px) {
  #ing-en .notuse .notuse_inner .notuse_txt {
    margin-top: 31px;
  }
}
#ing-en .notuse .notuse_inner .notuse_list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 16px;
  justify-content: space-between;
  margin-top: 32px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #ing-en .notuse .notuse_inner .notuse_list {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .notuse .notuse_inner .notuse_list {
    gap: 16px 24px;
  }
}
#ing-en .notuse .notuse_inner .notuse_list:after,
#ing-en .notuse .notuse_inner .notuse_list:before {
  content: "";
  display: none;
  height: 0;
  width: calc(50% - 8px);
}
@media screen and (min-width: 768px) {
  #ing-en .notuse .notuse_inner .notuse_list:after,
  #ing-en .notuse .notuse_inner .notuse_list:before {
    display: block;
    width: calc(33.33% - 10.4px);
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .notuse .notuse_inner .notuse_list:after,
  #ing-en .notuse .notuse_inner .notuse_list:before {
    width: calc(33.33% - 16px);
  }
}
#ing-en .notuse .notuse_inner .notuse_list:before {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#ing-en .notuse .notuse_inner .notuse_list li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  padding-left: 1em;
  position: relative;
  width: calc(100% - 8px);
}
@media screen and (min-width: 768px) {
  #ing-en .notuse .notuse_inner .notuse_list li {
    width: calc(50% - 24px);
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .notuse .notuse_inner .notuse_list li {
    width: calc(33% - 12px);
  }
}
#ing-en .notuse .notuse_inner .notuse_list li:before {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  background-color: #c80421;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 0;
  order: 1;
  position: absolute;
  top: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
}
#ing-en .notuse .notuse_inner .notuse_list li:first-child {
  margin-top: 0;
}
#ing-en .notuse .notuse_inner .notuse_annotation {
  margin-top: 16px;
}
@media screen and (min-width: 1280px) {
  #ing-en .notuse .notuse_inner .notuse_annotation {
    margin-top: 24px;
  }
}
#ing-en .notuse .notuse_inner .notuse_annotation li {
  padding-left: 16px;
  position: relative;
}
#ing-en .notuse .notuse_inner .notuse_annotation li span {
  left: 0;
  position: absolute;
  top: 0;
}
#ing-en .ingredients_policy {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #ing-en .ingredients_policy {
    padding-top: 8px;
  }
}
#ing-en .ingredients_policy .ingredients_policy_title {
  margin-top: 64px;
}
@media screen and (min-width: 1280px) {
  #ing-en .ingredients_policy .ingredients_policy_title {
    margin-top: 96px;
  }
}
#ing-en .ingredients_policy .ingredients_policy_txt {
  margin-top: 24px;
}
#ing-en .question {
  padding-top: 64px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #ing-en .question {
    padding-top: 96px;
  }
}
#ing-en .question .question_title.mainTitleH3 {
  margin-top: 24px;
}
@media screen and (min-width: 1280px) {
  #ing-en .question .question_title.mainTitleH3 {
    margin-top: 40px;
  }
}
#ing-en .question .question_inner .question_list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 0;
  justify-content: space-between;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  #ing-en .question .question_inner .question_list {
    gap: 16px 0;
    margin-top: 40px;
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .question .question_inner .question_list {
    gap: 24px;
  }
}
#ing-en .question .question_inner .question_list:after,
#ing-en .question .question_inner .question_list:before {
  content: "";
  display: none;
  height: 0;
  width: calc(50% - 8px);
}
@media screen and (min-width: 768px) {
  #ing-en .question .question_inner .question_list:after,
  #ing-en .question .question_inner .question_list:before {
    display: block;
    width: calc(33.33% - 10.4px);
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .question .question_inner .question_list:after,
  #ing-en .question .question_inner .question_list:before {
    width: calc(33.33% - 16px);
  }
}
#ing-en .question .question_inner .question_list:before {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#ing-en .question .question_inner .question_list li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #ffd0d8;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Hiragino Kaku Gothic ProN;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  min-height: 59px;
  overflow-wrap: break-word;
  position: relative;
  width: calc(50% - 8px);
}
#ing-en .question .question_inner .question_list li:nth-last-child(-n + 2) {
  margin: 0;
}
@media screen and (min-width: 768px) {
  #ing-en .question .question_inner .question_list li {
    width: calc(33.33% - 10.4px);
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .question .question_inner .question_list li {
    font-size: 16px;
    font-weight: 600;
    width: calc(33.33% - 16px);
  }
}
#ing-en .question .question_inner .question_list li .question_openBtn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #191919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 10px 38px 10px 12px;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
#ing-en .question .question_inner .question_list li .question_openBtn br {
  display: none;
}
@media screen and (min-width: 1280px) {
  #ing-en .question .question_inner .question_list li .question_openBtn br {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #ing-en .question .question_inner .question_list li .question_openBtn {
    min-height: 59px;
    padding: 9px 38px 9px 16px;
  }
  #ing-en .question .question_inner .question_list li .question_openBtn:hover {
    background-color: #ffd0d8;
    text-decoration: none;
  }
}
@media screen and (min-width: 1280px) {
  #ing-en .question .question_inner .question_list li .question_openBtn {
    min-height: 82px;
    padding: 17px 92px 17px 32px;
  }
}
#ing-en
  .question
  .question_inner
  .question_list
  li
  .question_openBtn
  .question_openIcon {
  background-image: url(/en/rd/safety/ingredients/img/ico_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 14px;
}
@media screen and (min-width: 1280px) {
  #ing-en
    .question
    .question_inner
    .question_list
    li
    .question_openBtn
    .question_openIcon {
    height: 20px;
    right: 32px;
    width: 20px;
  }
}
#ing-en .faq .faq_inner .faq_list {
  margin-top: 23px;
}
#ing-en .faq .faq_inner .faq_list .faq_item {
  margin-top: 16px;
}
#ing-en .faq .faq_inner .faq_list .faq_item:first-child {
  margin-top: 0;
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  min-height: 1em;
  padding-left: 28px;
  padding-right: 32px;
  position: relative;
  text-align: left;
  width: 100%;
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_btn:before {
  content: "Ｑ. ";
  left: 0;
  position: absolute;
  top: 0;
  font-family: "Shiseido Neue Regular", sans-serif;
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_btn_icon {
  background-image: url(/en/rd/safety/ingredients/img/ico_arrow.svg);
  background-repeat: no-repeat;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 20px;
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_btn_icon.-show {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_ans {
  background-color: #fff0f3;
  height: 0;
  margin-top: 16px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_ans.-show {
  height: 1000px;
  overflow: visible;
}
#ing-en
  .faq
  .faq_inner
  .faq_list
  .faq_item
  .faq_ans.-show
  .faq_ans_txts
  .faq_ans_txt,
#ing-en
  .faq
  .faq_inner
  .faq_list
  .faq_item
  .faq_ans.-show
  .faq_ans_txts
  .faq_link {
  opacity: 1;
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_ans .faq_ans_txts {
  padding: 20px 16px;
  position: relative;
}
@media screen and (min-width: 1280px) {
  #ing-en .faq .faq_inner .faq_list .faq_item .faq_ans .faq_ans_txts {
    padding: 32px 24px;
  }
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_ans .faq_ans_txts .faq_ans_txt,
#ing-en .faq .faq_inner .faq_list .faq_item .faq_ans .faq_ans_txts .faq_link {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#ing-en
  .faq
  .faq_inner
  .faq_list
  .faq_item
  .faq_ans
  .faq_ans_txts
  .faq_ans_txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
}
@media screen and (min-width: 1280px) {
  #ing-en
    .faq
    .faq_inner
    .faq_list
    .faq_item
    .faq_ans
    .faq_ans_txts
    .faq_ans_txt {
    font-size: 16px;
  }
}
#ing-en
  .faq
  .faq_inner
  .faq_list
  .faq_item
  .faq_ans
  .faq_ans_txts
  .faq_ans_txt:before {
  content: "Ａ. ";
  font-weight: 600;
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_ans .faq_ans_txts .faq_link {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
  margin-top: 14px;
  -webkit-text-decoration: solid;
  text-decoration: solid;
}
@media screen and (min-width: 1280px) {
  #ing-en .faq .faq_inner .faq_list .faq_item .faq_ans .faq_ans_txts .faq_link {
    font-size: 16px;
  }
}
#ing-en .faq .faq_inner .faq_list .faq_item .faq_ans .faq_ans_txts .faq_link a {
  color: #191919;
  text-decoration: underline;
}
#ing-en .disclosure .disclosure_txt {
  margin-top: 24px;
}
#ing-en .disclosure .disclosure_list {
  margin-top: 32px;
}
#ing-en .disclosure .disclosure_list li {
  margin-top: 16px;
}
#ing-en .disclosure .disclosure_list li:first-child {
  margin-top: 0;
}
#ing-en .fiveR {
  padding-top: 64px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #ing-en .fiveR {
    padding-top: 96px;
  }
}
#ing-en .fiveR .fiveR_inner.inner .fiveR_txt {
  margin-top: 24px;
}
#ing-en .fiveR .fiveR_inner.inner .annotation_list {
  margin-top: 16px;
}
#ing-en .fiveR .fiveR_inner.inner .annotation_list > li {
  position: relative;
}
#ing-en .fiveR .fiveR_inner.inner .annotation_list > li span {
  left: 0;
  position: absolute;
  top: 0;
}
#ing-en .fiveR .fiveR_inner.inner .fiveR_list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-top: 24px;
}
@media screen and (min-width: 1280px) {
  #ing-en .fiveR .fiveR_inner.inner .fiveR_list {
    margin-top: 32px;
  }
}
#ing-en .fiveR .fiveR_inner.inner .fiveR_list > li {
  border: 1px solid #e7e6e6;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 8px rgba(48, 48, 48, 0.1);
  box-shadow: 0 0 8px rgba(48, 48, 48, 0.1);
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  padding: 24px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #ing-en .fiveR .fiveR_inner.inner .fiveR_list > li {
    max-width: 220px;
    min-height: 384px;
    min-width: auto;
  }
}
#ing-en .fiveR .fiveR_inner.inner .fiveR_list > li .fiveRList_inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 25px 16px;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  #ing-en .fiveR .fiveR_inner.inner .fiveR_list > li .fiveRList_inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 0 16px;
    justify-content: center;
    margin: 0 auto;
    max-width: 106px;
  }
}
#ing-en .fiveR .fiveR_inner.inner .fiveR_list > li .fiveRList_inner img {
  width: 60px;
}
@media screen and (min-width: 1280px) {
  #ing-en .fiveR .fiveR_inner.inner .fiveR_list > li .fiveRList_inner img {
    width: 106px;
  }
}
#ing-en
  .fiveR
  .fiveR_inner.inner
  .fiveR_list
  > li
  .fiveRList_inner
  .fiveRList_flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
}
@media screen and (min-width: 1280px) {
  #ing-en
    .fiveR
    .fiveR_inner.inner
    .fiveR_list
    > li
    .fiveRList_inner
    .fiveRList_flex {
    gap: 8px;
    margin-top: 12px;
  }
}

.fiveRList_flex {
  font-weight: 400;
}
#ing-en .fiveR .fiveR_inner.inner .fiveR_list .fiveRList_txt {
  color: #191919;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  margin-top: 8px;
}
@media screen and (min-width: 1280px) {
  #ing-en .fiveR .fiveR_inner.inner .fiveR_list .fiveRList_txt {
    max-width: 188px;
  }
}
#ing-en .ing_related {
  padding-top: 64px;
}
@media screen and (min-width: 1280px) {
  #ing-en .ing_related {
    padding-top: 96px;
  }
}
#ing-en .ing_related_list {
  margin-top: 32px;
}
#ing-en .ing_related_list > li {
  margin-top: 16px;
}
#ing-en .ing_related_list > li:first-child {
  margin-top: 0;
}