@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap");
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

#nuclaire {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "Open Sans", Helvetica, Arial, -apple-system, blinkMacSystemFont, sans-serif;
}
@media screen and (max-width: 767px) {
  #nuclaire .pc_show {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .sp_show {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire a:hover {
    text-decoration: none;
  }
}
#nuclaire .fade-up--1 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
#nuclaire .fade-up--2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
@-webkit-keyframes fadeUp {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeUp {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
#nuclaire .fadeUpAnime {
  -webkit-animation-name: fadeUp;
          animation-name: fadeUp;
}
#nuclaire .fade-up--101 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
@-webkit-keyframes fadeUp100sp {
  100% {
    -webkit-transform: translateY(-26.667vw);
            transform: translateY(-26.667vw);
    opacity: 1;
  }
}
@keyframes fadeUp100sp {
  100% {
    -webkit-transform: translateY(-26.667vw);
            transform: translateY(-26.667vw);
    opacity: 1;
  }
}
@-webkit-keyframes fadeUp100pc {
  100% {
    -webkit-transform: translateY(min(-11.111vw, -160px));
            transform: translateY(min(-11.111vw, -160px));
    opacity: 1;
  }
}
@keyframes fadeUp100pc {
  100% {
    -webkit-transform: translateY(min(-11.111vw, -160px));
            transform: translateY(min(-11.111vw, -160px));
    opacity: 1;
  }
}
#nuclaire .fadeUpAnime101 {
  -webkit-animation-name: fadeUp100sp;
          animation-name: fadeUp100sp;
}
@media screen and (min-width: 768px) {
  #nuclaire .fadeUpAnime101 {
    -webkit-animation-name: fadeUp100pc;
            animation-name: fadeUp100pc;
  }
}
#nuclaire .fade-up--71 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .fade-up--71 {
    -webkit-transform: translateY(min(8.333vw, 120px));
            transform: translateY(min(8.333vw, 120px));
  }
}
@-webkit-keyframes fadeUp70pc {
  100% {
    -webkit-transform: translateY(min(4.861vw, 70px));
            transform: translateY(min(4.861vw, 70px));
    opacity: 1;
  }
}
@keyframes fadeUp70pc {
  100% {
    -webkit-transform: translateY(min(4.861vw, 70px));
            transform: translateY(min(4.861vw, 70px));
    opacity: 1;
  }
}
#nuclaire .fadeUpAnime71 {
  -webkit-animation-name: fadeUp;
          animation-name: fadeUp;
}
@media screen and (min-width: 768px) {
  #nuclaire .fadeUpAnime71 {
    -webkit-animation-name: fadeUp70pc;
            animation-name: fadeUp70pc;
  }
}
#nuclaire .nuclaire-banner a {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}
#nuclaire .nuclaire-fix01 {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-fix01 {
    width: min(14.583vw, 210px);
  }
}
#nuclaire .nuclaire-fix01__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.667vw 0;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-fix01__link {
    padding: 0;
  }
}
#nuclaire .nuclaire-fix01__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  padding: 0 0 0 2.667vw;
  gap: 2.667vw;
}
#nuclaire .nuclaire-fix01__link a:nth-child(2) {
  border-left: 1px solid #BAA269;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-fix01__link a {
    padding: 0 0 0 min(0.694vw, 10px);
    padding: min(0.694vw, 10px);
    gap: min(1.389vw, 20px);
  }
}
#nuclaire .nuclaire-fix01__link a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-fix01__link a:hover {
    opacity: 0.8;
  }
}
#nuclaire .nuclaire-fix01__link__image {
  width: 16vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-fix01__link__image {
    width: min(5.556vw, 80px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
#nuclaire .nuclaire-fix01__link__image img {
  width: 100%;
}
#nuclaire .nuclaire-fix01__link__title {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 3.733vw;
  color: #615d6b;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-fix01__link__title {
    font-size: min(0.972vw, 14px);
    letter-spacing: 0.0044642857em;
    line-height: 1.5;
    font-weight: 600;
    white-space: nowrap;
  }
  #nuclaire .nuclaire-fix01__link__title img {
    width: min(4.861vw, 70px);
    margin: 0 0 min(0.694vw, 10px);
    display: block;
  }
}
#nuclaire .nuclaire-nav img,
#nuclaire .nuclaire-nav svg {
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
}
#nuclaire .nuclaire-nav button {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  padding: 0;
  display: block;
  color: #333333;
  font-family: "runda", "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}
#nuclaire .nuclaire-nav span {
  color: #333333;
  outline: none;
  font-weight: 400;
  font-family: "runda", "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#nuclaire .nuclaire-nav--fixed {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FCF0ED;
  padding: 0 50px 0 80px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  -webkit-transition: opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--fixed {
    height: 9.722vw;
    padding: 0 3.472vw 0 5.556vw;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--fixed {
    padding: 0 4vw 0 4vw;
    height: 24vw;
  }
}
#nuclaire .nuclaire-nav--fixed.isShow {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__logo {
  width: 280px;
  height: 36px;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__logo:hover {
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/logo_over.svg);
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__logo {
    padding-bottom: 2.5%;
    width: 19.444vw;
    height: 2.5vw;
    height: 0;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__logo {
    width: 56.8vw;
    height: 7.467vw;
  }
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn {
  display: none;
  width: 8vw;
  height: 6.933vw;
  position: relative;
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn {
    display: block;
  }
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn .txt {
  font-size: 0;
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn .lines {
  display: inline-block;
  /*
  right: 0;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 100%;
  svg {
    height: 100%;
  }
  .d {
    fill: none;
    stroke: $c_text01;
    stroke-miterlimit: 10;
    stroke-width: 1px;
  }*/
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn .lines span {
  background-color: #615d6b;
  display: inline-block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn .lines span:nth-child(1) {
  top: 0;
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn .lines span:nth-child(2) {
  top: calc(50% - 1px);
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__btn .lines span:nth-child(3) {
  bottom: 0;
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav {
    display: none;
  }
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav li {
  display: inline-block;
  padding: 0 min(1vw, 15px);
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav li button {
  padding: 0 0.5em;
  background-image: -webkit-gradient(linear, left top, right top, from(#615D6B), to(#615D6B));
  background-image: linear-gradient(90deg, #615D6B, #615D6B);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  text-decoration: none;
  -webkit-transition: background-size 0.3s ease-out;
  transition: background-size 0.3s ease-out;
  line-height: 1.5;
  color: #615D6B;
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav li button:hover {
  background-size: 100% 1px;
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav li button img {
  margin-top: 10px;
  margin-bottom: 5px;
  height: auto;
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav li button img {
    margin-top: 0.694vw;
    margin-bottom: 0.347vw;
  }
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav--line-up {
    width: 5.6vw;
  }
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav--about {
    width: 5.139vw;
  }
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav--feature {
    width: 6.528vw;
  }
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav--products {
    width: 8.194vw;
  }
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__nav--seminar {
    width: 6.944vw;
  }
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__link {
  padding: 4px 35px 4px 20px;
  letter-spacing: 0.15em;
  position: relative;
  background-color: #BAA269;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  font-size: min(1.111vw, 16px);
  letter-spacing: 0.00390625em;
  color: #ffffff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__link {
    padding: 0.278vw 3.125vw 0.278vw 1.389vw;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--fixed .nuclaire-nav__link {
    display: none;
  }
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__link:after {
  content: "";
  right: min(0.972vw, 14px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: min(0.972vw, 14px);
  height: min(0.972vw, 14px);
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/menu/00_arrow02.png);
}
#nuclaire .nuclaire-nav--fixed .nuclaire-nav__link:hover {
  background-color: #A28950;
  text-decoration: none;
}
.nuclaire-nav__nav {
  display: flex;
  align-items: center;
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background-color: #FCF0ED;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 140px;
  padding: 0 50px 0 80px;
  border-radius: 3px 3px 0 0;
  opacity: 0;
  opacity: 1;
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__inner {
    height: 9.722vw;
    padding: 0 3.472vw 0 5.556vw;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__inner {
    padding: 0 4vw 0 4vw;
    height: 24vw;
  }
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__logo {
  width: 280px;
  height: 36px;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__logo:hover {
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/logo_over.svg);
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__logo {
    padding-bottom: 2.5%;
    width: 19.444vw;
    height: 2.5vw;
    height: 0;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__logo {
    width: 56.8vw;
    height: 7.467vw;
  }
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__btn {
  display: none;
  width: 8vw;
  height: 6.933vw;
  position: relative;
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__btn {
    display: block;
  }
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__btn .txt {
  font-size: 0;
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__btn .lines {
  display: inline-block;
  /*
  right: 0;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 100%;
  svg {
    height: 100%;
  }
  .d {
    fill: none;
    stroke: $c_text01;
    stroke-miterlimit: 10;
  }
  */
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__btn .lines span {
  background-color: #615d6b;
  display: inline-block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__btn .lines span:nth-child(1) {
  top: 0;
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__btn .lines span:nth-child(2) {
  top: calc(50% - 1px);
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__btn .lines span:nth-child(3) {
  bottom: 0;
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__nav {
    display: none;
  }
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__nav li {
  display: inline-block;
  padding: 0 min(1.389vw, 15px);
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__nav li button {
  padding: 0 0.5em;
  background-image: -webkit-gradient(linear, left top, right top, from(#615D6B), to(#615D6B));
  background-image: linear-gradient(90deg, #615D6B, #615D6B);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  text-decoration: none;
  -webkit-transition: background-size 0.3s ease-out;
  transition: background-size 0.3s ease-out;
  line-height: 1.5;
  color: #615D6B;
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__nav li button:hover {
  background-size: 100% 1px;
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__nav li button img {
  margin-top: 10px;
  margin-bottom: 5px;
  /* height: auto; */
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__nav li button img {
    margin-top: 0.694vw;
    margin-bottom: 0.347vw;
  }
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__nav--line-up {
    /* width: 5.3vw; */
    height: 0.9vw;
  }
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__nav--about {
    /* width: 5.1vw; */
    height: 0.9vw;
  }
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__nav--feature {
    /* width: 6.3vw; */
    height: 0.9vw;
  }
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__nav--products {
    /* width: 7.4vw; */
    height: 0.9vw;
  }
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__nav--seminar {
    /* width: 6.3vw; */
    height: 0.9vw;
  }
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__link {
  padding: 4px 35px 4px 20px;
  letter-spacing: 0.15em;
  position: relative;
  background-color: #BAA269;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  font-size: min(1.111vw, 16px);
  letter-spacing: 0.00390625em;
  color: #ffffff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__link {
    padding: 0.278vw 3.125vw 0.278vw 1.389vw;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-nav--rel .nuclaire-nav__link {
    display: none;
  }
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__link:after {
  content: "";
  right: min(0.972vw, 14px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: min(0.972vw, 14px);
  height: min(0.972vw, 14px);
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/menu/00_arrow02.png);
}
#nuclaire .nuclaire-nav--rel .nuclaire-nav__link:hover {
  background-color: #A28950;
  text-decoration: none;
}
#nuclaire .nuclaire-menu {
  background-color: #FCF0ED;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.1s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#nuclaire .nuclaire-menu.isOpen {
  display: block;
  opacity: 1;
  visibility: inherit;
}
#nuclaire .nuclaire-menu img,
#nuclaire .nuclaire-menu svg {
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
}
#nuclaire .nuclaire-menu button {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  padding: 0;
  display: block;
  color: #333333;
  font-family: "runda", "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}
#nuclaire .nuclaire-menu__inner {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  padding: 8vw 0;
  position: relative;
}
#nuclaire .nuclaire-menu__close {
  position: absolute;
  top: 8.533vw;
  right: 4vw;
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-menu__close {
    display: block;
  }
}
#nuclaire .nuclaire-menu__close .lines {
  display: block;
  width: 8vw;
  height: 6.933vw;
  position: relative;
}
#nuclaire .nuclaire-menu__close .lines span {
  background-color: #615d6b;
  display: inline-block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#nuclaire .nuclaire-menu__close .lines span:nth-child(1) {
  top: calc(50% - 1px);
  -webkit-transform: rotate(40deg) scaleX(1.3);
          transform: rotate(40deg) scaleX(1.3);
}
#nuclaire .nuclaire-menu__close .lines span:nth-child(2) {
  top: calc(50% - 1px);
  -webkit-transform: rotate(-40deg) scaleX(1.3);
          transform: rotate(-40deg) scaleX(1.3);
}
#nuclaire .nuclaire-menu__content {
  opacity: 0;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1;
}
#nuclaire .nuclaire-menu__logo {
  width: 56.8vw;
  height: 7.467vw;
  margin: 0.267vw 0 16vw 4vw !important;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}
#nuclaire .nuclaire-menu__nav {
  width: 100%;
  text-align: center;
}
#nuclaire .nuclaire-menu__nav li button {
  font-weight: 300;
  letter-spacing: 0.11em;
  margin: 0 auto 10.667vw;
  font-size: 4.8vw;
  color: #615d6b;
}
#nuclaire .nuclaire-menu__nav img.nuclaire-menu__nav--line-up {
  width: 22.9vw;
}
#nuclaire .nuclaire-menu__nav img.nuclaire-menu__nav--about {
  width: 21.6vw;
}
#nuclaire .nuclaire-menu__nav img.nuclaire-menu__nav--feature {
  width: 27.2vw;
}
#nuclaire .nuclaire-menu__nav img.nuclaire-menu__nav--products {
  width: 34.4vw;
}
#nuclaire .nuclaire-menu__nav img.nuclaire-menu__nav--seminar {
  width: 29.3vw;
}
#nuclaire .nuclaire-menu__link {
  font-size: 3.733vw;
  color: white;
  text-align: center;
  width: 72vw;
  padding: 1.5vw 7vw 1.5vw 1vw;
  letter-spacing: 0.18em;
  font-weight: 300;
  position: relative;
  background-color: #BAA269;
  border-radius: 2px;
  margin: 17.6% auto 0;
  display: block;
  font-size: 3.733vw;
  letter-spacing: 0.0044642857em;
  color: #ffffff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}
#nuclaire .nuclaire-menu__link:after {
  content: "";
  right: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 4vw;
  height: 4vw;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/menu/00_arrow02.png);
}
#nuclaire .nuclaire-header__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
#nuclaire .nuclaire-header__bg {
  position: relative;
}
#nuclaire .nuclaire-header__bg .slick-dots {
  position: absolute;
  bottom: 10.667vw;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-header__bg .slick-dots {
    bottom: 3.125%;
  }
}
#nuclaire .nuclaire-header__bg .slick-dots li {
  margin: 0 1.6vw;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-header__bg .slick-dots li {
    margin: 0 min(0.694vw, 10px);
  }
}
#nuclaire .nuclaire-header__bg .slick-dots li button {
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 100%;
  padding: 0;
  background-color: #d1d1d1;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-header__bg .slick-dots li button {
    width: min(0.486vw, 7px);
    height: min(0.486vw, 7px);
  }
}
#nuclaire .nuclaire-header__bg .slick-dots li.slick-active button {
  background-color: #707070;
}
#nuclaire .nuclaire-header__slide-item img {
  width: 100%;
}
#nuclaire .nuclaire-header__head {
  position: absolute;
  top: 0;
  left: 0;
  margin: 35.733vw 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-header__head {
    margin: 18.75% 0 0 9.0277777778%;
  }
}
#nuclaire .nuclaire-header__head h2 {
  margin: 0 auto;
  width: 76%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-header__head h2 {
    margin: 0;
    width: 32.9861111111%;
  }
}
#nuclaire .nuclaire-header__head h2 img {
  width: 100%;
}
#nuclaire .nuclaire-lineup__inner {
  margin: 0 auto;
  width: 100%;
  max-width: none;
  padding: 16vw 0;
  background-color: #FCF0ED;
  position: relative;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__inner {
    padding: min(8.3vw, 120px) 0 min(9.722vw, 140px);
  }
}
#nuclaire .nuclaire-lineup h3 {
  margin: 0 auto;
  width: 34.7%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup h3 {
    width: min(15.486vw, 223px);
  }
}
#nuclaire .nuclaire-lineup h3 img {
  width: 100%;
}
#nuclaire .nuclaire-lineup ul {
  position: relative;
  padding: 16vw 0 13.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup ul {
    margin: 0 auto;
    width: 75%;
    max-width: 1080px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: min(2.2vw, 32px);
    padding: min(5.27vw, 76px) 0 min(6.25vw, 90px);
  }
}
#nuclaire .nuclaire-lineup ul .slick-arrow {
  position: absolute;
  top: 45.333vw;
  z-index: 1;
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 100%;
  padding: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  background-color: #ffffff;
  font-size: 0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
#nuclaire .nuclaire-lineup ul .slick-arrow.slick-prev {
  left: 5.333vw;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#nuclaire .nuclaire-lineup ul .slick-arrow.slick-next {
  right: 5.333vw;
}
#nuclaire .nuclaire-lineup ul .slick-arrow:after {
  position: absolute;
  width: 1.6vw;
  height: 1.6vw;
  border: 1.6670000553px solid #9a792e;
  border-left: none;
  border-top: none;
  -webkit-transform: translate(-20%, 3%) rotate(-45deg);
          transform: translate(-20%, 3%) rotate(-45deg);
  content: "";
}
#nuclaire .nuclaire-lineup ul .slick-arrow.slick-disabled {
  display: none !important;
}
#nuclaire .nuclaire-lineup ul .slick-dots {
  position: absolute;
  bottom: 8vw;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup ul .slick-dots {
    bottom: 3.125%;
  }
}
#nuclaire .nuclaire-lineup ul .slick-dots li {
  margin: 0 1.6vw;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup ul .slick-dots li {
    margin: 0 min(0.694vw, 10px);
  }
}
#nuclaire .nuclaire-lineup ul .slick-dots li button {
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 100%;
  padding: 0;
  background-color: #d1d1d1;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup ul .slick-dots li button {
    width: min(0.486vw, 7px);
    height: min(0.486vw, 7px);
  }
}
#nuclaire .nuclaire-lineup ul .slick-dots li.slick-active button {
  background-color: #707070;
}
#nuclaire .nuclaire-lineup__item {
  position: relative;
  padding: 0 0 21.333vw;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__item {
    width: 31%;
    padding: 0 0 1.389vw;
    -webkit-filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.16));
  }
}
@media screen and (min-width: 1439px) {
  #nuclaire .nuclaire-lineup__item {
    padding: 0 0 20px;
  }
}
#nuclaire .nuclaire-lineup__item__new {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #BAA269;
  width: 18.7vw;
  height: 9.3vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__item__new {
    width: min(5.6vw, 80px);
    height: min(2.8vw, 40px);
  }
}
#nuclaire .nuclaire-lineup__item a {
  display: block;
  cursor: pointer;
}
#nuclaire .nuclaire-lineup__item a:focus {
  outline: none;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__item a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
}
#nuclaire .nuclaire-lineup__item__image img {
  width: 100%;
}
#nuclaire .nuclaire-lineup__item__text {
  margin: 8vw auto 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  color: #4d4b58;
  text-align: center;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__item__text {
    margin: 2.083vw auto 0;
    font-size: min(1vw, 15px);
  }
}
@media screen and (min-width: 1439px) {
  #nuclaire .nuclaire-lineup__item__text {
    margin: 30px auto 0;
  }
}
#nuclaire .nuclaire-lineup__item__name {
  margin: 6.4vw auto 0;
  text-align: center;
  color: #4d4b58;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 3.733vw;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__item__name {
    margin: 1.667vw auto 0;
    font-size: min(1vw, 14px);
  }
}
@media screen and (min-width: 1439px) {
  #nuclaire .nuclaire-lineup__item__name {
    margin: 24px auto 0;
  }
}
#nuclaire .nuclaire-lineup__item__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#nuclaire .nuclaire-lineup__item__more > span {
  position: relative;
  margin: 5.333vw auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1;
  width: 32vw;
  border-radius: 4vw;
  padding: 1.067vw 0 1.867vw;
  background-color: #818181;
  font-size: 3.733vw;
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}
#nuclaire .nuclaire-lineup__item__more > span img {
  position: absolute;
  top: 1.6vw;
  right: 2.133vw;
  width: 3.2vw;
  height: 3.2vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__item__more > span img {
    top: 0.417vw;
    right: 0.556vw;
    width: min(0.833vw, 12px);
    height: min(0.833vw, 12px);
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-lineup__item__more > span {
    margin: 1.389vw auto 0;
    width: min(8.333vw, 120px);
    border-radius: min(0.903vw, 13px);
    padding: 0.278vw 0 0.486vw;
    background-color: #818181;
    font-size: min(0.972vw, 14px);
  }
}
@media screen and (min-width: 1439px) {
  #nuclaire .nuclaire-lineup__item__more > span {
    margin: 20px auto 0;
    padding: 4px 0 7px;
  }
}
@media screen and (min-width: 1439px) {
  #nuclaire .nuclaire-lineup__item__more > span {
    margin: 20px auto 0;
  }
}
#nuclaire .nuclaire-about__inner {
  margin: 0 auto;
  width: 100%;
  padding: 21.333vw 0;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/about/bg_sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-about__inner {
    padding: min(11.111vw, 160px) 0 min(12.5vw, 180px);
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/about/bg.jpg);
  }
}
#nuclaire .nuclaire-about__inner h3 {
  margin: 0 auto;
  width: 29.9%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-about__inner h3 {
    width: min(12.96vw, 186px);
  }
}
#nuclaire .nuclaire-about__inner h3 img {
  width: 100%;
}
#nuclaire .nuclaire-about__lead {
  margin: 0 auto 0;
  width: 61.0666666667%;
  margin-top: 10.7vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-about__lead {
    width: min(33.9vw, 488px);
    margin-top: min(8.3vw, 120px);
  }
}
#nuclaire .nuclaire-about__lead img {
  width: 100%;
}
#nuclaire .nuclaire-about__text {
  margin: 10.667vw auto 0;
  width: 76%;
  color: #4d4b58;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 4.3vw;
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-about__text {
    margin: min(5.556vw, 80px) auto 0;
    text-align: center;
    font-size: 2rem;
    line-height: 2.5em;
  }
}
#nuclaire .nuclaire-feature__part-block {
  margin: 0 auto;
  width: 100%;
}
#nuclaire .nuclaire-feature__part-block--point {
  padding: 21.333vw 0 77.333vw;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff0ed), color-stop(34%, #fff0ed), color-stop(51%, #ffffff), color-stop(68%, #fff0ed), to(#fff0ed));
  background-image: linear-gradient(-90deg, #fff0ed 0%, #fff0ed 34%, #ffffff 51%, #fff0ed 68%, #fff0ed 100%);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__part-block--point {
    padding: min(12.5vw, 180px) 0 min(25.694vw, 370px);
  }
}
#nuclaire .nuclaire-feature__part-block--point .nuclaire-banner {
  margin: 16vw auto 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__part-block--point .nuclaire-banner {
    margin: min(4.167vw, 60px) auto 0;
  }
}
#nuclaire .nuclaire-feature__part-block--point .nuclaire-banner > a {
  width: 76%;
  padding-bottom: 48%;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner_sp.jpg);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__part-block--point .nuclaire-banner > a {
    width: min(41.667vw, 600px);
    padding-bottom: min(14.5833333333%, 210px);
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner.jpg);
  }
  #nuclaire .nuclaire-feature__part-block--point .nuclaire-banner > a:hover {
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner_over.jpg);
  }
}
#nuclaire .nuclaire-feature__part-block--merit {
  position: relative;
  max-width: none;
  background-color: #E8E4DE;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__part-block--merit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(5.556vw, 80px);
    padding: 0 0 min(4.861vw, 70px);
  }
}
#nuclaire .nuclaire-feature__part-block--merit:before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-99%);
          transform: translateY(-99%);
  border-left: 100vw solid transparent;
  border-bottom: 13.333vw solid #E8E4DE;
  content: "";
}
#nuclaire .nuclaire-feature__part-block--howto {
  position: relative;
  max-width: none;
  background-color: #DDD8D1;
  margin: -2.667vw auto 0;
  padding: 24vw 0 37.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__part-block--howto {
    padding: 0 0 min(21.528vw, 310px);
  }
}
#nuclaire .nuclaire-feature__part-block--howto:before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-99%);
          transform: translateY(-99%);
  border-right: 100vw solid transparent;
  border-bottom: 16vw solid #DDD8D1;
  content: "";
}
#nuclaire .nuclaire-feature__part-block--howto .nuclaire-banner {
  margin: 16vw auto 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__part-block--howto .nuclaire-banner {
    margin: min(4.167vw, 60px) auto 0;
  }
}
#nuclaire .nuclaire-feature__part-block--howto .nuclaire-banner > a {
  width: 76%;
  padding-bottom: 48%;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner_sp.jpg);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__part-block--howto .nuclaire-banner > a {
    width: min(41.667vw, 600px);
    padding-bottom: min(14.5833333333%, 210px);
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner.jpg);
  }
  #nuclaire .nuclaire-feature__part-block--howto .nuclaire-banner > a:hover {
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner_over.jpg);
  }
}
#nuclaire .nuclaire-feature h3 {
  margin: 0 auto;
  width: 37.0666666667%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature h3 {
    width: min(16.0416666667%, 230px);
  }
}
#nuclaire .nuclaire-feature h3 img {
  width: 100%;
}
#nuclaire .nuclaire-feature__point-item {
  margin: 18.667vw auto 0;
  padding: 0 12vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item {
    position: relative;
    margin: min(6.944vw, 100px) auto 0;
    width: 75%;
    max-width: 1080px;
    min-height: min(29.167vw, 420px);
    padding: 0;
  }
}
#nuclaire .nuclaire-feature__point-item:first-child {
  margin: 13.333vw auto 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item:first-child {
    margin: min(7.639vw, 110px) auto 0;
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item--2 {
    padding-left: min(36.111vw, 520px);
  }
}
#nuclaire .nuclaire-feature__point-item-number {
  margin: 0 auto 0;
  width: 37.3333333333%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item-number {
    margin: 0;
    width: min(7.639vw, 110px);
  }
}
#nuclaire .nuclaire-feature__point-item-number img {
  width: 100%;
}
#nuclaire .nuclaire-feature__point-item-image {
  margin: 5.333vw auto 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item-image {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 38.8888888889%;
  }
}
#nuclaire .nuclaire-feature__point-item-image--2 {
  right: auto;
  left: 0;
}
#nuclaire .nuclaire-feature__point-item-image img {
  width: 100%;
}
#nuclaire .nuclaire-feature__point-item-head {
  margin: 8vw 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item-head {
    margin: min(3.472vw, 50px) 0 0;
    width: min(38.889vw, 560px);
  }
}
#nuclaire .nuclaire-feature__point-item-head--1 {
  width: 80.701754386%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item-head--1 {
    width: min(27.778vw, 480px);
  }
}
#nuclaire .nuclaire-feature__point-item-head img {
  width: 100%;
}
#nuclaire .nuclaire-feature__point-item-body {
  margin: 8vw 0 0;
  /* color: #4d4b58; */
  color: #615D6B;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  line-height: 2em;
  letter-spacing: normal;
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item-body {
    margin: min(2.778vw, 40px) 0 0;
    width: min(38.889vw, 560px);
    font-size: 1.7rem;
  }
}
#nuclaire .nuclaire-feature__point-item-body small {
  margin: 8vw 0 0;
  display: block;
  font-size: 3.2vw;
  color: #615d6b;
  line-height: 1.6em;
  padding-left: 2.6em;
  text-indent: -2.6em;
}
#nuclaire .nuclaire-feature__point-item-body small span {
  margin-right: 1em;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__point-item-body small {
    margin: min(2.778vw, 40px) auto 0;
    font-size: min(0.8vw, 12px);
    text-indent: -2.4em;
    padding-left: 2.4em;
  }
}
#nuclaire .nuclaire-feature__point-item-body small:last-of-type {
  margin: 0;
}
#nuclaire .nuclaire-feature__merit {
  position: relative;
  -webkit-transform: translateY(-26.667vw);
          transform: translateY(-26.667vw);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit {
    z-index: 1;
    -webkit-transform: translateY(min(-11.111vw, -160px));
            transform: translateY(min(-11.111vw, -160px));
  }
}
#nuclaire .nuclaire-feature__merit h4 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -32vw);
          transform: translate(-50%, -32vw);
  z-index: 1;
  margin: 0 auto 0;
  width: 50.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit h4 {
    left: 0;
    -webkit-transform: translate(21.0526315789%, -68.4210526316%);
            transform: translate(21.0526315789%, -68.4210526316%);
    width: 13.194vw;
  }
}
@media screen and (min-width: 1439px) {
  #nuclaire .nuclaire-feature__merit h4 {
    width: 190px;
  }
}
#nuclaire .nuclaire-feature__merit h4 img {
  width: 100%;
}
#nuclaire .nuclaire-feature__merit ul {
  margin: 0 auto 0;
  width: 84%;
  border-radius: 2.667vw;
  -webkit-filter: drop-shadow(1.32vw 1.32vw 0.933vw rgba(0, 0, 0, 0.16));
          filter: drop-shadow(1.32vw 1.32vw 0.933vw rgba(0, 0, 0, 0.16));
  padding: 18.667vw 0;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit ul {
    width: min(34.722vw, 500px);
    padding: min(5.208vw, 75px) 0;
  }
}
#nuclaire .nuclaire-feature__merit li:not(:first-child) {
  margin: 5.333vw 0 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit li:not(:first-child) {
    margin: min(3.125vw, 45px) 0 0;
  }
}
#nuclaire .nuclaire-feature__merit__item-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0vw;
  padding: 5.333vw 0 5.333vw 8vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit__item-head {
    padding: min(1.042vw, 15px) 0 min(1.042vw, 15px) min(4.861vw, 70px);
    gap: min(0vw, 0px);
  }
}
#nuclaire .nuclaire-feature__merit__item-head img {
  width: 13.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit__item-head img {
    width: min(3.472vw, 50px);
  }
}
#nuclaire .nuclaire-feature__merit__item-head p {
  padding: 0 16vw 0 0;
  color: #4d4b58;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 4.267vw;
  line-height: 1.6em;
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit__item-head p {
    padding: 0 min(6.944vw, 100px) 0 0;
    font-size: 1.8rem;
  }
}
#nuclaire .nuclaire-feature__merit__item-head button {
  position: absolute;
  right: 8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 5.333vw;
  height: 5.333vw;
  border: none;
  padding: 0;
  background: none;
  font-size: 0;
  -webkit-transform: translateY(38%);
          transform: translateY(38%);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit__item-head button {
    right: min(4.861vw, 70px);
    width: min(1.389vw, 20px);
    height: min(1.389vw, 20px);
  }
}
#nuclaire .nuclaire-feature__merit__item-head button:before {
  width: 100%;
  height: 100%;
  border-top: 1px solid #4d4b58;
  content: "";
}
#nuclaire .nuclaire-feature__merit__item-head button:after {
  position: absolute;
  left: 50%;
  top: -50%;
  width: 100%;
  height: 100%;
  border-left: 1px solid #4d4b58;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#nuclaire .nuclaire-feature__merit__item-body {
  padding: 0 8vw;
  color: #4d4b58;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 1.8em;
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__merit__item-body {
    padding: 0 min(4.861vw, 70px);
    font-size: 1.5rem;
  }
}
#nuclaire .nuclaire-feature__reason {
  position: relative;
  z-index: 1;
  margin: 21.333vw auto 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason {
    -webkit-transform: translateY(min(4.861vw, 70px));
            transform: translateY(min(4.861vw, 70px));
    margin: 0;
  }
}
#nuclaire .nuclaire-feature__reason h4 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -32vw);
          transform: translate(-50%, -32vw);
  z-index: 1;
  margin: 0 auto 0;
  width: 50.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason h4 {
    left: 0;
    -webkit-transform: translate(21.0526315789%, -68.4210526316%);
            transform: translate(21.0526315789%, -68.4210526316%);
    width: 13.194vw;
  }
}
@media screen and (min-width: 1439px) {
  #nuclaire .nuclaire-feature__reason h4 {
    width: 190px;
  }
}
#nuclaire .nuclaire-feature__reason h4 img {
  width: 100%;
}
#nuclaire .nuclaire-feature__reason ul {
  margin: 0 auto 0;
  width: 84%;
  border-radius: 2.667vw;
  -webkit-filter: drop-shadow(1.32vw 1.32vw 0.933vw rgba(0, 0, 0, 0.16));
          filter: drop-shadow(1.32vw 1.32vw 0.933vw rgba(0, 0, 0, 0.16));
  padding: 18.667vw 0;
  background-color: #fff0ed;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason ul {
    width: min(34.722vw, 500px);
    padding: min(5.208vw, 75px) 0;
  }
}
#nuclaire .nuclaire-feature__reason li:not(:first-child) {
  margin: 5.333vw 0 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason li:not(:first-child) {
    margin: min(3.125vw, 45px) 0 0;
  }
}
#nuclaire .nuclaire-feature__reason__item-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0vw;
  padding: 5.333vw 0 5.333vw 8vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason__item-head {
    padding: min(1.042vw, 15px) 0 min(1.042vw, 15px) min(4.861vw, 70px);
    gap: min(0vw, 0px);
  }
}
#nuclaire .nuclaire-feature__reason__item-head img {
  width: 13.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason__item-head img {
    width: min(3.472vw, 50px);
  }
}
#nuclaire .nuclaire-feature__reason__item-head p {
  padding: 0 16vw 0 0;
  color: #4d4b58;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 4.267vw;
  line-height: 1.6em;
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason__item-head p {
    padding: 0 min(6.944vw, 100px) 0 0;
    font-size: 1.8rem;
  }
}
#nuclaire .nuclaire-feature__reason__item-head p .-fs {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
#nuclaire .nuclaire-feature__reason__item-head button {
  position: absolute;
  right: 8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 5.333vw;
  height: 5.333vw;
  border: none;
  padding: 0;
  background: none;
  font-size: 0;
  -webkit-transform: translateY(38%);
          transform: translateY(38%);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason__item-head button {
    right: min(4.861vw, 70px);
    width: min(1.389vw, 20px);
    height: min(1.389vw, 20px);
  }
}
#nuclaire .nuclaire-feature__reason__item-head button:before {
  width: 100%;
  height: 100%;
  border-top: 1px solid #4d4b58;
  content: "";
}
#nuclaire .nuclaire-feature__reason__item-head button:after {
  position: absolute;
  left: 50%;
  top: -50%;
  width: 100%;
  height: 100%;
  border-left: 1px solid #4d4b58;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#nuclaire .nuclaire-feature__reason__item-body {
  display: block;
  padding: 0 8vw;
  color: #4d4b58;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 1.8em;
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__reason__item-body {
    padding: 0 min(4.861vw, 70px);
    font-size: 1.5rem;
  }
}
#nuclaire .nuclaire-feature .isClose button:after {
  opacity: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#nuclaire .nuclaire-feature__howto__catch {
  margin: 0 auto;
  padding: 0;
  width: 74.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__catch {
    margin: 0 auto;
    width: min(75%, 1080px);
    padding: 0 0 0 min(4.167vw, 60px);
  }
}
#nuclaire .nuclaire-feature__howto__catch img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__catch img {
    width: min(25.347vw, 365px);
  }
}
#nuclaire .nuclaire-feature__howto h4 {
  -webkit-transform: translateY(0.533vw);
          transform: translateY(0.533vw);
  margin: 8vw auto 0;
  width: 76vw;
  padding: 0 0 0 6.133vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto h4 {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
    margin: min(2.778vw, 40px) auto 0;
    width: min(75%, 1080px);
    padding: 0 0 0 min(4.167vw, 60px);
  }
}
#nuclaire .nuclaire-feature__howto h4 img {
  width: 56vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto h4 img {
    width: min(25.694vw, 370px);
  }
}
#nuclaire .nuclaire-feature__howto__body {
  margin: 0 auto;
  width: 84vw;
  border: 1.067vw solid #A28950;
  border-radius: 2.133vw;
  padding: 0 7.467vw 18.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__body {
    width: min(75%, 1080px);
    border-radius: 30px;
    border: 7px solid #a28950;
    padding: min(0.694vw, 10px) min(11.111vw, 160px) min(9.028vw, 130px) min(10.417vw, 150px);
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__body ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#nuclaire .nuclaire-feature__howto__item small {
  font-size: 3.2vw;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item small {
    font-size: 1.2rem;
  }
}
#nuclaire .nuclaire-feature__howto__item {
  position: relative;
  margin: 24vw 0 0;
  width: 64vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item {
    width: min(21.528vw, 310px);
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item {
    margin: min(9.722vw, 140px) 0 0;
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-feature__howto__item:first-child {
    margin: 18.667vw 0 0;
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item--2 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: min(10.417vw, 150px) 0 0;
    gap: min(4.861vw, 70px);
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item--2 .nuclaire-flex-inner {
    width: min(27.083vw, 390px);
  }
  #nuclaire .nuclaire-feature__howto__item--2 .nuclaire-flex-inner--2 {
    width: min(21.528vw, 310px);
  }
}
#nuclaire .nuclaire-feature__howto__item-number {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-8vw);
          transform: translateY(-8vw);
  z-index: 2;
  width: 10.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-number {
    -webkit-transform: translateY(-133.3333333333%);
            transform: translateY(-133.3333333333%);
    width: min(3.472vw, 50px);
  }
}
#nuclaire .nuclaire-feature__howto__item-number img {
  width: 100%;
}
#nuclaire .nuclaire-feature__howto__item-number--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-2.667vw);
          transform: translateY(-2.667vw);
  width: 100%;
  padding: 0 0 0 2.667vw;
  gap: 10.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-number--2 {
    -webkit-transform: translateY(-159.0909090909%);
            transform: translateY(-159.0909090909%);
    padding: 0;
    gap: min(3.472vw, 50px);
  }
}
#nuclaire .nuclaire-feature__howto__item-number--2 img {
  -webkit-transform: translateY(-155%);
          transform: translateY(-155%);
}
#nuclaire .nuclaire-feature__howto__item-number--2 img:nth-child(1) {
  width: 21.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-number--2 img:nth-child(1) {
    width: min(10.417vw, 150px);
  }
}
#nuclaire .nuclaire-feature__howto__item-number--2 img:nth-child(2) {
  width: 18.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-number--2 img:nth-child(2) {
    width: min(8.333vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  #nuclaire .nuclaire-feature__howto__item-number--2 img {
    -webkit-transform: translateX(-10%) translateY(-60%);
            transform: translateX(-10%) translateY(-60%);
  }
}
#nuclaire .nuclaire-feature__howto__item-photo {
  position: relative;
}
#nuclaire .nuclaire-feature__howto__item-photo:before {
  position: absolute;
  -webkit-transform: translate(4vw, -4.533vw);
          transform: translate(4vw, -4.533vw);
  width: 100%;
  height: 100%;
  background-color: #ccbd9d;
  content: "";
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-photo:before {
    -webkit-transform: translate(6.6666666667%, -11.1111111111%);
            transform: translate(6.6666666667%, -11.1111111111%);
  }
}
#nuclaire .nuclaire-feature__howto__item-photo img {
  position: relative;
  z-index: 1;
  width: 100%;
}
#nuclaire .nuclaire-feature__howto__item-photo > span {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(5.333vw, -2.667vw);
          transform: translate(5.333vw, -2.667vw);
  z-index: 1;
  font-size: 3.733vw;
  letter-spacing: 0.0044642857em;
  color: #a28950;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-photo > span {
    -webkit-transform: translate(50%, -107.1428571429%);
            transform: translate(50%, -107.1428571429%);
    font-size: min(1.25vw, 18px);
    letter-spacing: 0.0069444444em;
  }
}
#nuclaire .nuclaire-feature__howto__item-photo--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#nuclaire .nuclaire-feature__howto__item-photo--2 img {
  width: 50%;
}
#nuclaire .nuclaire-feature__howto__item-text {
  margin: 5.333vw 0 0;
  color: #4d4b58;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 2em;
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-text {
    margin: min(1.389vw, 20px) 0 0;
    font-size: 1.7rem;
    font-weight: 500;
  }
}
#nuclaire .nuclaire-feature__howto__item-text--2 {
  margin: 5.333vw 0 0;
  letter-spacing: 0.003125em;
  line-height: 2;
  color: #615D6B;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 5.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-text--2 {
    margin: 0;
    text-align: left;
    font-size: min(2.8rem, 1.944vw);
    white-space: nowrap;
  }
}
#nuclaire .nuclaire-feature__howto__item-text--2 > span {
  display: inline-block;
  border-bottom: 0.8vw solid #A28950;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-text--2 > span {
    border-width: 4px;
  }
}
#nuclaire .nuclaire-feature__howto__item-text--2 + p {
  margin: 2.667vw 0 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-feature__howto__item-text--2 + p {
    margin: min(1.389vw, 20px) 0 0;
  }
}
#nuclaire .nuclaire-products__inner {
  margin: 0 auto;
  width: 100%;
  max-width: none;
  padding: 16vw 0;
  background-color: #FCF0ED;
  position: relative;
}
#nuclaire .nuclaire-products__inner:before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-99%);
          transform: translateY(-99%);
  border-right: 100vw solid transparent;
  border-bottom: 16vw solid #FCF0ED;
  content: "";
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__inner {
    padding: min(4.167vw, 60px) 0 min(9.722vw, 140px);
  }
}
#nuclaire .nuclaire-products h3 {
  margin: 0 auto;
  width: 42.4%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products h3 {
    width: min(20.347vw, 293px);
  }
}
#nuclaire .nuclaire-products h3 img {
  width: 100%;
}
#nuclaire .nuclaire-products__item {
  margin: 24vw auto 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item {
    position: relative;
    margin: min(10.41vw, 150px) auto 0;
    width: 75%;
    max-width: 1080px;
    min-height: min(36.111vw, 520px);
  }
}
#nuclaire .nuclaire-products__item:first-child {
  margin: 10.667vw auto 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item:first-child {
    margin: min(7.639vw, 110px) auto 0;
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item--2 {
    padding: 0 0 0 min(39.583vw, 570px);
  }
}
#nuclaire .nuclaire-products__item-photo {
  position: relative;
  z-index: 0;
  width: 85.333vw;
  margin: 0 5.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-photo {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 46.2962962963%;
  }
  #nuclaire .nuclaire-products__item-photo--2 {
    right: auto;
    left: 0;
  }
}
#nuclaire .nuclaire-products__item-photo a {
  position: relative;
  display: block;
  /*
        &:after {
          position: absolute;
          bottom: 0;
          right: 0;
          transform: translate(vw(-10), vw(-10));
          width: vw(90);
          height: vw(90);
          background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/products/button_buy_over.svg);
          background-size: contain;
          background-repeat: no-repeat;
          content: '';
          @include mq('pc') {
            transform: translate(min(vwPC(-15), -15px), min(vwPC(-15), -15px));
            width: min(vwPC(95), 95px);
            height: min(vwPC(95), 95px);
            background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/products/button_buy.svg);

            //animation-name: fadeIn;
            //animation-duration:1.0s;
            //animation-fill-mode:forwards;
          }

          }
  */
}
#nuclaire .nuclaire-products__item-photo a:before {
  content: "";
  display: block;
  background-color: rgba(129, 129, 129, 0.08);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
#nuclaire .nuclaire-products__item-photo a .-buy {
  display: inline-block;
  font-size: 0;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(-2.667vw, -2.667vw);
          transform: translate(-2.667vw, -2.667vw);
  width: 24vw;
  height: 24vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-photo a .-buy {
    -webkit-transform: translate(min(-1.042vw, -15px), min(-1.042vw, -15px));
            transform: translate(min(-1.042vw, -15px), min(-1.042vw, -15px));
    width: min(6.597vw, 95px);
    height: min(6.597vw, 95px);
  }
}
#nuclaire .nuclaire-products__item-photo a .-buy:before, #nuclaire .nuclaire-products__item-photo a .-buy:after {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#nuclaire .nuclaire-products__item-photo a .-buy:before {
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/products/button_buy.svg);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-photo a .-buy:before {
    opacity: 1;
  }
}
#nuclaire .nuclaire-products__item-photo a .-buy:after {
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/products/button_buy_over.svg);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-photo a .-buy:after {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  /* #nuclaire .nuclaire-products__item-photo a:hover {
    &:after {
      background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/products/button_buy_over.svg) !important;

      animation-name: fadeIn;
      animation-duration:1.0s;
      animation-fill-mode:forwards;

    }
  } */
  #nuclaire .nuclaire-products__item-photo a:hover:before {
    opacity: 1;
  }
  #nuclaire .nuclaire-products__item-photo a:hover .-buy:before {
    opacity: 0;
  }
  #nuclaire .nuclaire-products__item-photo a:hover .-buy:after {
    opacity: 1;
  }
}
#nuclaire .nuclaire-products__item-photo img {
  width: 100%;
}
#nuclaire .nuclaire-products__item-photo:before {
  position: absolute;
  -webkit-transform: translate(2.667vw, 2.667vw);
          transform: translate(2.667vw, 2.667vw);
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(139deg, #d9d6c9 0%, #918b7f 100%);
  content: "";
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-photo:before {
    -webkit-transform: translate(min(1.111vw, 16px), min(1.111vw, 16px));
            transform: translate(min(1.111vw, 16px), min(1.111vw, 16px));
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-text {
    width: min(32.639vw, 470px);
  }
}
#nuclaire .nuclaire-products__item-catch {
  margin: 8vw 0 0;
  padding: 0 6.667vw;
}
#nuclaire .nuclaire-products__item-catch img {
  width: 100%;
}
/*例外レイアウトSP版product05と06*/
#nuclaire .nuclaire-products__item-catch05, #nuclaire .nuclaire-products__item-catch06 {
  margin: 8vw 0 0;
  padding: 0 6.667vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-catch05, #nuclaire .nuclaire-products__item-catch06 {
    margin: 0;
    padding: 0;
  }
}
#nuclaire .nuclaire-products__item-catch05 img {
  width: 90.5%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-catch05 img {
    width: 80.9%;
  }
}
#nuclaire .nuclaire-products__item-catch06 img {
  width: 74.9%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-catch06 img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-catch {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-details {
    margin: min(3.472vw, 50px) 0 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: min(1.389vw, 20px);
  }
}
#nuclaire .nuclaire-products__item-name {
  margin: 8vw 0 0;
  padding: 0 12vw;
  line-height: 1.5555555556;
  color: #615D6B;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 4.8vw;
  letter-spacing: normal;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-name {
    margin: 0;
    padding: 0;
    font-size: min(1.5vw, 22px);
    white-space: nowrap;
  }
}
#nuclaire .nuclaire-products__item-name span {
  font-size: 4.8vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-name span {
    font-size: min(1.1vw, 16px);
    margin-right: min(0.7vw, 10px);
  }
}
#nuclaire .nuclaire-products__item-version {
  margin: 5.333vw 0 0;
  width: 16vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.667vw;
  padding: 0 12vw;
}
#nuclaire .nuclaire-products__item-version img {
  width: 16vw;
  height: 6.933vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-version {
    margin: 0;
    width: min(4.167vw, 60px);
    height: min(1.806vw, 26px);
    padding: 0;
    gap: min(0.694vw, 10px);
  }
  #nuclaire .nuclaire-products__item-version img {
    width: min(4.167vw, 60px);
    height: min(1.806vw, 26px);
  }
}
#nuclaire .nuclaire-products__item-body {
  margin: 5.333vw 0 0;
  padding: 0 12vw;
  color: #615D6B;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 4vw;
  line-height: 2em;
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-body {
    margin: min(1.389vw, 20px) 0 0;
    padding: 0;
    font-size: min(1vw, 15px);
  }
}
#nuclaire .nuclaire-products__item-body small span {
  margin-right: 1em;
}
#nuclaire .nuclaire-products__item-body small {
  display: block;
  margin: 8vw 0 0;
  font-size: 3.2vw;
  color: #615d6b;
  line-height: 1.6em;
  padding-left: 2.6em;
  text-indent: -2.6em;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-body small {
    margin: min(2.778vw, 40px) 0 0;
    font-size: min(0.8vw, 12px);
    text-indent: -2.4em;
    padding-left: 2.4em;
  }
}
#nuclaire .nuclaire-products__item-body small:not(:first-of-type) {
  margin: 0;
}

/*缶タイプ*/
#nuclaire .nuclaire-products__item-other {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(226, 216, 195, 0.6);
  border-radius: 2.6vw;
  width: 71%;
  padding: 5.3vw 8vw;
  margin: 0 auto;
  margin-top: 10.7vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-other {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: rgba(226, 216, 195, 0.6);
    border-radius: 0.7vw;
    width: 100%;
    padding-top: min(1.9vw, 27px);
    padding-bottom: min(1.9vw, 27px);
    padding-left: min(3.5vw, 50px);
    padding-right: min(3.5vw, 50px);
    margin-top: min(4.5vw, 65px);
  }
}
#nuclaire .nuclaire-products__item-other img {
  width: min(27.2vw, 102px);
  margin-right: 0;
  margin-bottom: min(3.7vw, 14px);
}
#nuclaire .nuclaire-products__item-other p {
  font-size: min(4vw, 15px);
  color: #BAA269;
  line-height: 2;
  width: min(16.3vw 234px);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-other img {
    width: min(6.9vw, 100px);
    margin-right: min(1.9vw, 27px);
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__item-other p {
    font-size: min(1vw, 15px);
    color: #BAA269;
    line-height: 2;
    width: min(16.3vw 234px);
  }
}

#nuclaire .nuclaire-products__button {
  margin: 21.333vw auto 0;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__button {
    margin: min(9.722vw, 140px) auto 0;
  }
}
#nuclaire .nuclaire-products__button a {
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 84.267vw;
  border-radius: 9.333vw;
  padding: 7.467vw 0;
  background-color: #818181;
  font-size: 4vw;
  letter-spacing: 0.0041666667em;
  line-height: 1;
  color: #ffffff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__button a {
    width: min(31.25vw, 450px);
    padding: min(1.806vw, 26px) 0;
    font-size: min(1.181vw, 17px);
    letter-spacing: 0.05em;
  }
}
#nuclaire .nuclaire-products__button a:after {
  content: "";
  background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/arrow.svg) no-repeat center center;
  background-size: contain;
  display: block;
  right: 5.333vw;
  width: 5.333vw;
  height: 5.333vw;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__button a:after {
    right: min(1.389vw, 20px);
    width: min(1.389vw, 20px);
    height: min(1.389vw, 20px);
  }
}
#nuclaire .nuclaire-products__button a:hover {
  color: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-products__button a:hover {
    background-color: #615d6b;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*salon voice */
#nuclaire .nuclaire-salon-voice {
  background-color: #FCF0ED;
}
#nuclaire .nuclaire-salon-voice__inner {
  position: relative;
  width: 95%;
  padding: 16vw 0 13.333vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-salon-voice__inner {
    margin: 0 auto;
    width: 84%;
    max-width: 1080px;
    padding: 16vw 0;
  }
}
#nuclaire .nuclaire-products__salon-voice:before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-99%);
          transform: translateY(-99%);
  border-right: 100vw solid transparent;
  border-bottom: 16vw solid #FCF0ED;
  content: "";
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-salon-voice__inner {
    padding: min(4.167vw, 60px) 0 min(9.722vw, 140px);
  }
}
#nuclaire .nuclaire-salon-voice h3 {
  margin: 0 auto;
  width: 59.7%;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-salon-voice h3 {
    width: min(25.9vw, 373px);
  }
}
#nuclaire .nuclaire-salon-voice h3 img {
  width: 100%;
}
#nuclaire .nuclaire-salon-voice__lead p {
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: min(4.3vw, 16px);
  margin-top: 3.3vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-salon-voice__lead p {
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: min(1.4vw, 20px);
    margin-top: 3.3vw;
  }
}


#nuclaire .nuclaire-bottom__inner {
  margin: 0 auto;
  width: 100%;
  padding: 16vw 0 21.333vw;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/bottom/bg_sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-bottom__inner {
    padding: min(6.944vw, 100px) 0 min(6.25vw, 90px);
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/bottom/bg.jpg);
  }
}
#nuclaire .nuclaire-bottom h3 {
  margin: 0 auto 0;
  width: 37.333vw;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-bottom h3 {
    width: min(17.361vw, 250px);
  }
}
#nuclaire .nuclaire-bottom h3 img {
  width: 100%;
}
#nuclaire .nuclaire-bottom__text {
  margin: 10.667vw auto 0;
  width: 72vw;
  color: #ffffff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 4.267vw;
  line-height: 1.6em;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-bottom__text {
    margin: min(3.472vw, 50px) auto 0;
    font-size: min(1.528vw, 22px);
    font-weight: 500;
    letter-spacing: 0.1em;
  }
}
#nuclaire .nuclaire-bottom .nuclaire-banner {
  margin: 16vw auto 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-bottom .nuclaire-banner {
    margin: min(4.167vw, 60px) auto 0;
  }
}
#nuclaire .nuclaire-bottom .nuclaire-banner > a {
  width: 76%;
  padding-bottom: 48%;
  background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner_sp.jpg);
}
@media screen and (min-width: 768px) {
  #nuclaire .nuclaire-bottom .nuclaire-banner > a {
    width: min(41.667vw, 600px);
    padding-bottom: min(14.5833333333%, 210px);
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner.jpg);
  }
  #nuclaire .nuclaire-bottom .nuclaire-banner > a:hover {
    background-image: url(/_ui/responsive/common/ui_assets/online/bg/pickup/nuclaire/img/common/banner_over.jpg);
  }
}