@charset "UTF-8";
.limiteditem_lnik a {
  text-decoration: none;
  position: relative;
  display: block;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-right: 0;
  margin-left: auto;
  padding-left: 5.25em;
  line-height: 1.4;
  font-size: clamp(2.2rem, 1.756954612vw, 2.8rem);
}
@media (max-width: 767px) {
  .limiteditem_lnik a {
    font-size: 1.4rem;
  }
}
.limiteditem_lnik a::before {
  content: "";
  display: block;
  width: 4.6428571429em;
  height: 1px;
  background: #000;
  position: absolute;
  top: 54%;
  bottom: auto;
  left: auto;
  right: 3.5714285714em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.limiteditem_lnik a:hover::before {
  width: 0;
}

[id^=limiteditem_sec] .container {
  width: 100%;
  max-width: 60.7354685647%;
  padding: 0;
}
@media (max-width: 767px) {
  [id^=limiteditem_sec] .container {
    max-width: 415px;
    padding: 0 20px;
  }
}

#limiteditem_sec01 {
  padding: 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  #limiteditem_sec01 {
    padding-top: 87px;
  }
}
@media (max-width: 600px) {
  #limiteditem_sec01 {
    padding-top: 68px;
  }
}
#limiteditem_sec01 .container {
  max-width: none;
  padding: 0;
}
#limiteditem_sec01 .limited_item_wrap {
  padding: 2.6041666667vw 0 2.0833333333vw;
}
@media (max-width: 767px) {
  #limiteditem_sec01 .limited_item_wrap {
    padding: 4vw 0;
  }
}
#limiteditem_sec01 .limited_item {
  font-size: 10.3125vw;
  text-align: center;
  font-weight: bold;
  line-height: 1;
}
#limiteditem_sec01 .limited_item_bg {
  position: relative;
}
#limiteditem_sec01 .limited_item_bg .limited_item_img {
  padding-top: 48.8020833333vw;
}
@media (max-width: 767px) {
  #limiteditem_sec01 .limited_item_bg .limited_item_img {
    padding-top: 110.1333333333vw;
  }
}
#limiteditem_sec01 .limited_item_bg .limited_item_img img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 47%;
     object-position: center 47%;
}

#limiteditem_sec02 {
  padding-top: 7.7604166667vw;
}
@media (max-width: 767px) {
  #limiteditem_sec02 {
    padding-top: 40px;
  }
}
#limiteditem_sec02 .limiteditem_product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product {
    display: block;
  }
}
#limiteditem_sec02 .limiteditem_product:not(:last-child) {
  margin-bottom: 4.1666666667vw;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product:not(:last-child) {
    margin-bottom: 60px;
  }
}
#limiteditem_sec02 .limiteditem_product .img {
  width: 26.4591439689%;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product .img {
    width: 100%;
  }
}
#limiteditem_sec02 .limiteditem_product .text {
  width: 73.5408560311%;
  padding-right: 6%;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product .text {
    width: 100%;
    padding: 0;
  }
}
#limiteditem_sec02 .limiteditem_product .nana_logo_img01 {
  margin-bottom: 2.7083333333vw;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product .nana_logo_img01 {
    max-width: 190px;
    margin: 0 auto 30px;
  }
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product .nana_logo_img01.dryerzeroocean {
    width: 100%;
    max-width: 64.9282920469%;
  }
}
#limiteditem_sec02 .limiteditem_product .nana_item_img01 {
  margin: auto;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product .nana_item_img01 {
    max-width: 206px;
    margin-top: 60px;
  }
}
#limiteditem_sec02 .limiteditem_product .name_txt p {
  font-weight: 500;
  font-size: 1.65625vw;
}
@media (min-width: 768px) {
  #limiteditem_sec02 .limiteditem_product .name_txt p {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product .name_txt p {
    font-size: 21px;
    text-align: center;
  }
}
#limiteditem_sec02 .limiteditem_product .limiteditem_lnik {
  margin-top: 4.4791666667vw;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limiteditem_product .limiteditem_lnik {
    margin-top: 48px;
  }
}
#limiteditem_sec02 .limit_btn {
  margin-top: 3.9583333333vw;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limit_btn {
    margin-top: 38px;
  }
}
#limiteditem_sec02 .limit_btn .btn {
  margin-right: 0;
  font-size: 1.4583333333vw;
  width: 100%;
  max-width: 15.625vw;
  border-radius: 5.2083333333vw;
  padding: 0.24em 0.6em 0.32em;
}
@media (max-width: 767px) {
  #limiteditem_sec02 .limit_btn .btn {
    max-width: 148px;
    margin-right: auto;
    font-size: 13px;
  }
}

/* ===============================================
# nana-nana
=============================================== */
.opening {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: none;
  -webkit-animation: bgHide 0.8s ease-out forwards 0.8s;
          animation: bgHide 0.8s ease-out forwards 0.8s;
}
.opening.animate {
  display: block;
}
@-webkit-keyframes bgHide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes bgHide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.opening .bg {
  width: 100%;
  height: 100%;
  background-color: #faf5d2;
}

[id^=nana-nana_sec] .container {
  width: 100%;
  max-width: 83.0367734282%;
  padding: 0;
}
@media (max-width: 767px) {
  [id^=nana-nana_sec] .container {
    max-width: 415px;
    padding: 0 20px;
  }
}
[id^=nana-nana_sec] .container.wide {
  max-width: none;
  padding: 0;
}
[id^=nana-nana_sec] * {
  color: #595757;
}
[id^=nana-nana_sec] .nana_h2 {
  font-size: clamp(25px, 2.9282576867vw, 40px);
  letter-spacing: 0.38em;
  line-height: 1.5;
  text-align: center;
  display: table;
  margin: 0 auto clamp(63px, 7.3206442167vw, 100px);
}
[id^=nana-nana_sec] .nana_h2::after {
  content: "";
  display: block;
  width: 92%;
  height: 2px;
  background: #595757;
}
@media (max-width: 767px) {
  [id^=nana-nana_sec] .nana_h2 {
    font-size: 22px;
    margin-bottom: 22px;
  }
}

.nana-nana_page {
  overflow: clip;
}
.nana-nana_page main {
  overflow: clip;
}

#nana-nana_sec01 {
  padding: 120px 0 6.6666666667vw;
}
@media (max-width: 767px) {
  #nana-nana_sec01 {
    padding: 87px 0 40px;
  }
}
@media (max-width: 600px) {
  #nana-nana_sec01 {
    padding: 68px 0 40px;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec01 > .container {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec01 > .container.wide {
    padding: 0;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec01 .flex_first {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#nana-nana_sec01 .flex_first .item_lett {
  width: 52.3131672598%;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .flex_first .item_lett {
    width: 100%;
  }
}
#nana-nana_sec01 .flex_first .item_right {
  width: 47.6868327402%;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .flex_first .item_right {
    width: 100%;
  }
}
#nana-nana_sec01 .nana-nana_logo_pc {
  max-width: 21.7708333333vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .nana-nana_logo_pc {
    display: none;
  }
}
#nana-nana_sec01 .nana-nana-main_img {
  position: relative;
}
#nana-nana_sec01 .nana-nana-main_img .img_sp {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 375/431;
}
#nana-nana_sec01 .nana-nana-main_img .img_logo_pc {
  position: absolute;
  bottom: 3.1770833333vw;
  left: 4.1666666667vw;
  max-width: 39.0625vw;
}
#nana-nana_sec01 .nana-nana-main_img .img_logo_sp {
  position: absolute;
  width: 65.6vw;
  bottom: 6.4vw;
  right: 3.4666666667vw;
}
#nana-nana_sec01 .grid_profile {
  display: grid;
  grid-template-columns: 54.3509272468% 45.6490727532%;
  grid-template-rows: repeat(2, auto);
  gap: 0;
  margin-top: 6.875vw;
  position: relative;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile {
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, auto);
    margin-top: 46px;
  }
}
#nana-nana_sec01 .grid_profile .sticky_img {
  grid-row: 1/3;
  grid-column: 1/2;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .sticky_img {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
#nana-nana_sec01 .grid_profile .about {
  grid-row: 1/2;
  grid-column: 2/3;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .about {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
#nana-nana_sec01 .grid_profile .producer {
  grid-row: 2/3;
  grid-column: 2/3;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .producer {
    grid-row: 3/4;
    grid-column: 1/2;
  }
}
#nana-nana_sec01 .grid_profile .sticky_img {
  position: relative;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .sticky_img {
    margin-top: 89px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 6px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec01 .grid_profile .sticky_img .sticky_item01 {
    max-width: 21.7708333333vw;
    position: -webkit-sticky;
    position: sticky;
    top: calc(120px + 5.2083333333vw);
  }
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .sticky_img .sticky_item01 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1/1;
  }
}
#nana-nana_sec01 .grid_profile .sticky_img .sticky_item01 figcaption {
  color: #C9CACA;
  font-size: 2.03125vw;
  letter-spacing: 0.05em;
  text-align: left;
  position: absolute;
  top: 100%;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .sticky_img .sticky_item01 figcaption {
    font-size: 21px;
    bottom: calc(100% + 12px);
    top: auto;
    line-height: 1;
    font-weight: 500;
    color: #C9CACA;
  }
  #nana-nana_sec01 .grid_profile .sticky_img .sticky_item01 figcaption span {
    font-size: 18px;
    display: block;
    margin-bottom: 6px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec01 .grid_profile .sticky_img .sticky_item02 {
    position: -webkit-sticky;
    position: sticky;
    top: calc(120px + 5.2083333333vw);
    padding-left: 22.9166666667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #nana-nana_sec01 .grid_profile .sticky_img .sticky_item02 img {
    max-width: 12.34375vw;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .sticky_img .sticky_item02 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1/1;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .about {
    max-width: 300px;
    margin: auto;
  }
}
#nana-nana_sec01 .grid_profile .about .nana-nana-mark_img {
  max-width: 13.4895833333vw;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .about .nana-nana-mark_img {
    max-width: 80px;
    margin: auto;
  }
}
#nana-nana_sec01 .grid_profile .about .about_text {
  margin-top: 2.6041666667vw;
  font-size: 1.71875vw;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-weight: 500;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .about .about_text {
    margin-top: 28px;
    font-size: 12px;
  }
}
#nana-nana_sec01 .grid_profile .producer {
  margin-top: 2.6041666667vw;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .producer {
    margin-top: 20px;
    padding: 0 10px;
  }
}
#nana-nana_sec01 .grid_profile .producer .producer_name {
  font-size: 2.03125vw;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .producer .producer_name {
    font-size: 14px;
    margin-bottom: 13px;
  }
}
#nana-nana_sec01 .grid_profile .producer .producer_name .sub {
  font-size: 1.3541666667vw;
  display: block;
  line-height: 1;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .producer .producer_name .sub {
    font-size: 10px;
    margin-bottom: 2px;
  }
}
#nana-nana_sec01 .grid_profile .producer .producer_career {
  font-size: 1.0416666667vw;
  margin-top: 1.0416666667vw;
  font-weight: 500;
}
@media (max-width: 767px) {
  #nana-nana_sec01 .grid_profile .producer .producer_career {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.8333333333;
  }
}
#nana-nana_sec01 .grid_profile .producer .producer_career .text_r {
  vertical-align: middle;
}

#nana-nana_sec02 {
  padding: 4.5833333333vw 0 8.125vw;
}
@media (max-width: 767px) {
  #nana-nana_sec02 {
    padding: 40px 0 116px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 70px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec02 > *:not(:last-child) {
    margin-bottom: 6.40625vw;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec02 .img_box {
    padding-top: 61.875vw;
    position: relative;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec02 .img_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec02 .img_box figure {
    position: absolute;
  }
  #nana-nana_sec02 .img_box figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    inset: 0;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec02 .img_box .float_img01 {
    padding-top: 52.1354166667vw;
    padding-right: 50.7291666667vw;
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec02 .img_box .float_img01 {
    width: 82.9333333333%;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec02 .img_box .float_img02 {
    padding-top: 31.25vw;
    padding-right: 29.8958333333vw;
    bottom: 0;
    left: 54.0625vw;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec02 .img_box .float_img02 {
    width: 62.1333333333%;
    margin-right: 0;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec02 .container.sec02_con {
    width: 73.9027283511%;
    max-width: 1250px;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec02 .container.wide {
    max-width: 415px;
    padding: 0 20px;
  }
}
#nana-nana_sec02 .sec02_h2 {
  margin-top: 0;
  font-size: 2.3958333333vw;
  margin-bottom: 2.96875vw;
  font-weight: 500;
}
@media (max-width: 767px) {
  #nana-nana_sec02 .sec02_h2 {
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 20px;
  }
}
#nana-nana_sec02 .sec02_text {
  font-size: 1.3541666667vw;
  line-height: 1.6666666667;
  font-weight: 500;
}
@media (max-width: 767px) {
  #nana-nana_sec02 .sec02_text {
    font-size: 13px;
  }
}

#nana-nana_sec03 {
  padding-top: 0;
  padding-bottom: clamp(142px, 8.5651537335vw, 117px);
}
@media (max-width: 767px) {
  #nana-nana_sec03 {
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec03 .price_box {
    display: grid;
    grid-template-columns: 52.1428571429% 47.8571428571%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#nana-nana_sec03 .price_box .slider_box {
  position: relative;
}
@media (min-width: 768px) {
  #nana-nana_sec03 .price_box .slider_box {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
#nana-nana_sec03 .price_box .slider_box .nana_slider {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#nana-nana_sec03 .price_box .slider_box .nana_slider img {
  display: block;
  max-width: 100%;
}
#nana-nana_sec03 .price_box .slider_box .nana_slider .prev {
  display: block;
  position: absolute;
  bottom: -2.0833333333vw;
  left: 0.8854166667vw;
  font-size: 1.0416666667vw;
  line-height: 1.5;
  font-weight: 700;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .slider_box .nana_slider .prev {
    font-size: 13px;
    bottom: -20px;
    left: 5px;
  }
}
#nana-nana_sec03 .price_box .slider_box .nana_slider .next {
  display: block;
  position: absolute;
  bottom: -2.0833333333vw;
  right: 0.8854166667vw;
  font-size: 1.0416666667vw;
  line-height: 1.5;
  font-weight: 700;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .slider_box .nana_slider .next {
    font-size: 13px;
    bottom: -20px;
    right: 5px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec03 .price_box .price_text {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-left: 4.0104166667vw;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text {
    margin-top: 46px;
    padding: 0 5px;
  }
}
#nana-nana_sec03 .price_box .price_text .price_logo {
  max-width: 33.0729166667vw;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .price_logo {
    max-width: 294px;
  }
}
#nana-nana_sec03 .price_box .price_text .price_yen {
  margin-top: 2.6041666667vw;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .price_yen {
    margin-top: 14px;
  }
}
#nana-nana_sec03 .price_box .price_text .price_yen .yen {
  font-size: 1.71875vw;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .price_yen .yen {
    font-size: 17px;
  }
}
#nana-nana_sec03 .price_box .price_text .price_yen .yen .tax {
  font-size: 1.25vw;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .price_yen .yen .tax {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec03 .price_box .price_text .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    max-width: 28.125vw;
    margin-top: 2.6041666667vw;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    max-width: 243px;
    margin-top: 22px;
  }
}
#nana-nana_sec03 .price_box .price_text .btn {
  margin-left: 0;
  width: 100%;
  max-width: 13.6458333333vw;
  margin: 0;
  padding: 0.5em 0.6em;
  border-radius: 100px;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .btn {
    max-width: 120px;
    line-height: 1.2;
  }
}
#nana-nana_sec03 .price_box .price_text .btn span {
  font-size: 1.3020833333vw;
  vertical-align: middle;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .btn span {
    font-size: 11px;
    letter-spacing: 0;
  }
}
#nana-nana_sec03 .price_box .price_text .btn.dl {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#nana-nana_sec03 .price_box .price_text .btn.dl span {
  color: #000;
}
#nana-nana_sec03 .price_box .price_text .btn.dl:after {
  background: url(/wp-content/uploads/download_black.png) no-repeat;
  background-size: 0.78125vw 0.8854166667vw;
  width: 0.78125vw;
  height: 0.8854166667vw;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .btn.dl:after {
    background-size: 15px 17px;
    width: 7.5px;
    height: 8.5px;
    background-size: 7.5px 8.5px;
  }
}
#nana-nana_sec03 .price_box .price_text .btn.dl:hover {
  background: #000;
}
#nana-nana_sec03 .price_box .price_text .btn.dl:hover span {
  color: #fff;
}
#nana-nana_sec03 .price_box .price_text .btn.dl:hover:after {
  background: url(/wp-content/uploads/download.png) no-repeat;
  background-size: 0.78125vw 0.8854166667vw;
  width: 0.78125vw;
  height: 0.8854166667vw;
}
#nana-nana_sec03 .price_box .price_text .price_explanation {
  margin-top: 2.2916666667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .price_explanation {
    margin-top: 25px;
  }
}
#nana-nana_sec03 .price_box .price_text .price_explanation .ttl {
  font-size: 1.25vw;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .price_explanation .ttl {
    font-size: 11px;
  }
}
#nana-nana_sec03 .price_box .price_text .price_explanation .detail {
  margin-top: 0.5729166667vw;
  font-size: 1.0416666667vw;
  line-height: 1.6666666667;
}
@media (max-width: 767px) {
  #nana-nana_sec03 .price_box .price_text .price_explanation .detail {
    font-size: 9px;
    margin-top: 6px;
  }
}

#nana-nana_sec04 {
  padding: 0;
}
@media (min-width: 768px) {
  #nana-nana_sec04 .container {
    width: 90.8659549229%;
    max-width: 1366px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec04 .nana_h2 {
    margin-bottom: 1.28em;
  }
}
#nana-nana_sec04 .specs_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 22px 15px;
}
@media (max-width: 1366px) {
  #nana-nana_sec04 .specs_box {
    gap: 1.6105417277vw 0.78125vw;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec04 .specs_box {
    gap: 5px 3px;
  }
}
#nana-nana_sec04 .item {
  text-align: center;
  font-weight: 500;
  border: solid 1px #898989;
  border-radius: 0.5208333333vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: clamp(14px, 1.3909224012vw, 19px) 0;
}
@media (max-width: 767px) {
  #nana-nana_sec04 .item {
    padding: 30px 0;
  }
}
#nana-nana_sec04 .item p {
  line-height: 1.1818181818;
  font-size: clamp(18px, 2.3426061493vw, 39px);
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  #nana-nana_sec04 .item p {
    font-size: 9px;
  }
}
#nana-nana_sec04 .item.col4 {
  width: calc((100% - 30px) / 3 - 1px);
}
@media (max-width: 1200px) {
  #nana-nana_sec04 .item.col4 {
    width: calc((100% - 0.78125vw * 2) / 3 - 1px);
  }
}
@media (max-width: 767px) {
  #nana-nana_sec04 .item.col4 {
    width: calc((100% - 6px) / 3 - 1px);
  }
}
#nana-nana_sec04 .item.col5 {
  width: 37.5488917862%;
}
#nana-nana_sec04 .item.col7 {
  width: 60.4954367666%;
}
#nana-nana_sec04 .item.col12 {
  width: 100%;
}
#nana-nana_sec04 .item.gray {
  background: #898989;
}
#nana-nana_sec04 .item.gray p {
  color: #fff;
  font-weight: 700;
}
#nana-nana_sec04 .item.large {
  padding: clamp(16px, 1.8301610542vw, 25px) 0;
}
@media (max-width: 767px) {
  #nana-nana_sec04 .item.large {
    padding: 30px 0;
  }
}
#nana-nana_sec04 .item.large p {
  font-size: clamp(22px, 2.9282576867vw, 49px);
}
@media (max-width: 767px) {
  #nana-nana_sec04 .item.large p {
    font-size: 10px;
  }
}
#nana-nana_sec04 .item .logo_ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
#nana-nana_sec04 .item .logo_ttl .logo_specs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#nana-nana_sec04 .item .logo_ttl .logo_specs img {
  max-width: clamp(108px, 12.5915080527vw, 240px);
  padding-top: 0.5208333333vw;
}
@media (max-width: 767px) {
  #nana-nana_sec04 .item .logo_ttl .logo_specs img {
    max-width: 49px;
    padding-top: 1px;
  }
}
#nana-nana_sec04 .item .logo_ttl p {
  margin: 0;
  font-size: clamp(19px, 2.196193265vw, 42px);
}
@media (max-width: 767px) {
  #nana-nana_sec04 .item .logo_ttl p {
    font-size: 8px;
  }
}
#nana-nana_sec04 .spec_text_box {
  margin-top: clamp(31px, 3.6603221083vw, 50px);
}
#nana-nana_sec04 .spec_text_box .ttl {
  font-size: clamp(19px, 2.196193265vw, 30px);
  margin-bottom: clamp(9px, 1.0248901903vw, 14px);
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  #nana-nana_sec04 .spec_text_box .ttl {
    font-size: 13px;
  }
}
#nana-nana_sec04 .spec_text_box .detail {
  font-size: clamp(15px, 1.756954612vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.9411764706;
}
@media (max-width: 767px) {
  #nana-nana_sec04 .spec_text_box .detail {
    font-size: 11px;
  }
}

#nana-nana_sec05 {
  padding-top: clamp(114px, 13.3235724744vw, 182px);
  padding-bottom: clamp(100px, 11.7130307467vw, 160px);
}
@media (max-width: 767px) {
  #nana-nana_sec05 {
    padding-top: 66px;
    padding-bottom: 90px;
  }
}
#nana-nana_sec05 .nana_h2 {
  margin-bottom: clamp(47px, 5.4904831625vw, 75px);
}
#nana-nana_sec05 .nana_h2::after {
  width: 97%;
}
@media (min-width: 768px) {
  #nana-nana_sec05 .container {
    width: 90.8659549229%;
    max-width: 1366px;
    padding: 0;
  }
}
#nana-nana_sec05 .container > :not(:last-child) {
  margin-bottom: clamp(35px, 4.0995607613vw, 56px);
}
#nana-nana_sec05 .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#nana-nana_sec05 .box > * {
  width: 50%;
}
@media (max-width: 767px) {
  #nana-nana_sec05 .box > * {
    width: 100%;
  }
  #nana-nana_sec05 .box > *:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec05 .box .left {
    border-right: solid 1px #595757;
    padding-right: clamp(30px, 3.513909224vw, 48px);
  }
}
@media (min-width: 768px) {
  #nana-nana_sec05 .box .right {
    padding-left: clamp(30px, 3.513909224vw, 48px);
  }
}
#nana-nana_sec05 .zero_h3_wrap .zero_h3 {
  margin-top: 0;
  margin-bottom: 0;
  background: #898989;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
  padding: clamp(5px, 0.5856515373vw, 8px) 4% clamp(5px, 0.5856515373vw, 8px) clamp(15px, 1.756954612vw, 24px);
  font-size: clamp(26px, 3.0014641288vw, 41px);
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_h3_wrap .zero_h3 {
    font-size: 24px;
    line-height: 1.2;
    padding: 0.4166666667em;
  }
}
#nana-nana_sec05 .zero_h3_wrap .zero_h3 span.zero {
  color: #fff;
  display: inline-block;
  padding-left: 0.9024390244em;
  position: relative;
  background: url(./../../assets/img/2411/nana-nana_zero002.png) no-repeat left center/0.7317073171em;
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_h3_wrap .zero_h3 span.zero {
    padding-left: 1.0416666667em;
    background-size: 0.75em;
  }
}
#nana-nana_sec05 .zero_h3_wrap .zero_h3 span.ja {
  font-size: clamp(14px, 1.8301610542vw, 27px);
  color: #fff;
  letter-spacing: -0.06em;
  display: inline-block;
  margin-left: clamp(10px, 1.1713030747vw, 16px);
  font-weight: normal;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_h3_wrap .zero_h3 span.ja {
    font-size: 15px;
    margin-left: 0.6666666667em;
  }
}
#nana-nana_sec05 .zero_h3_wrap .sup {
  font-size: clamp(12px, 1.3909224012vw, 19px);
  font-weight: 500;
}
#nana-nana_sec05 .graph {
  margin-top: clamp(12px, 1.3909224012vw, 19px);
}
#nana-nana_sec05 .graph .graph_text .g_text,
#nana-nana_sec05 .graph .graph_text .g_text02 {
  font-size: clamp(12px, 1.3909224012vw, 19px);
  line-height: 1.3333333333;
}
#nana-nana_sec05 .zero_table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #595757;
}
#nana-nana_sec05 .zero_table tr {
  border: 1px solid #595757;
}
#nana-nana_sec05 .zero_table tr:not(:first-child) {
  border-top: 0;
}
@media (min-width: 768px) {
  #nana-nana_sec05 .zero_table th,
  #nana-nana_sec05 .zero_table td {
    font-size: clamp(26px, 3.0014641288vw, 41px);
  }
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_table th,
  #nana-nana_sec05 .zero_table td {
    font-size: 11px;
  }
}
#nana-nana_sec05 .zero_table th {
  text-align: left;
  font-weight: 500;
  border: 1px solid #595757;
}
@media (min-width: 768px) {
  #nana-nana_sec05 .zero_table th {
    width: 23.167539267%;
    padding: 0.6923076923em 0.8461538462em 0.6923076923em 1.0384615385em;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_table th {
    width: 23.3236151603%;
    padding: 0.9090909091em 0.9090909091em 0.9090909091em 1.0909090909em;
  }
}
#nana-nana_sec05 .zero_table th .zero_txt {
  padding-left: 1.1923076923em;
  background: url(./../../assets/img/2411/nana-nana_zero001.png) no-repeat left center/0.7692307692em;
  color: #898989;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_table th .zero_txt {
    background-size: 0.8181818182em;
    padding-left: 1.2727272727em;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec05 .zero_table td {
    padding: 0.6923076923em 1.1153846154em;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_table td {
    padding: 0.9090909091em 1.1818181818em 0.9090909091em 1.3636363636em;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec05 .zero_table .zero_function {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: clamp(27px, 3.1478770132vw, 43px);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#nana-nana_sec05 .zero_table .zero_function .ttl {
  font-size: clamp(17px, 2.196193265vw, 30px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  font-weight: 500;
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_table .zero_function .ttl {
    font-size: 13px;
  }
}
#nana-nana_sec05 .zero_table .zero_function .ast {
  font-size: 50%;
  vertical-align: top;
}
#nana-nana_sec05 .zero_table .zero_function .function {
  font-size: clamp(10px, 1.3909224012vw, 19px);
  line-height: 1.25;
  width: 54.6153846154%;
}
@media (max-width: 767px) {
  #nana-nana_sec05 .zero_table .zero_function .function {
    width: 100%;
    margin-top: 6px;
  }
}
#nana-nana_sec05 .zero_table .zero_function .function.large {
  font-size: clamp(11px, 1.5373352855vw, 21px);
}

#nana-nana_sec06 {
  padding: 0;
  padding-bottom: clamp(73px, 7.467057101vw, 102px);
}
@media (min-width: 768px) {
  #nana-nana_sec06 .container {
    width: 90.8659549229%;
    max-width: 1200px;
    padding: 0;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec06 .nana_h2 {
    margin-bottom: 1.28em;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec06 .nana_h2 {
    margin-bottom: 25px;
  }
}
#nana-nana_sec06 .nana_h2:after {
  width: 96%;
}
#nana-nana_sec06 .text_box p {
  font-size: clamp(12px, 1.3909224012vw, 19px);
  line-height: 1.9166666667;
  letter-spacing: 0.03em;
  font-weight: 500;
}
@media (max-width: 767px) {
  #nana-nana_sec06 .text_box p {
    font-size: 13px;
  }
}
#nana-nana_sec06 .img_box {
  margin-top: clamp(45px, 4.6120058565vw, 63px);
}
@media (max-width: 767px) {
  #nana-nana_sec06 .img_box {
    margin-top: 30px;
  }
}
#nana-nana_sec06 .img_box figcaption {
  text-align: left;
  font-size: 27.5px;
  line-height: 1.2631578947;
  margin: auto;
  display: table;
  letter-spacing: 0.1em;
  margin-top: 14px;
  font-weight: 500;
}
@media (max-width: 1200px) {
  #nana-nana_sec06 .img_box figcaption {
    font-size: 2.0833333333vw;
    margin-top: 0.5185185185em;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec06 .img_box figcaption {
    font-size: 12px;
    margin-top: 10px;
  }
}

#nana-nana_sec07 {
  padding-top: 0;
  padding-bottom: clamp(56px, 5.710102489vw, 78px);
}
@media (max-width: 767px) {
  #nana-nana_sec07 {
    padding-bottom: 70px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec07 .container {
    width: 90.8659549229%;
    max-width: 1366px;
  }
}
#nana-nana_sec07 .customize_h2_wrap {
  padding-left: clamp(25px, 2.5622254758vw, 35px);
  margin-bottom: clamp(17px, 1.6837481698vw, 23px);
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_h2_wrap {
    padding-left: 0;
    margin-bottom: 22px;
  }
}
#nana-nana_sec07 .customize_h2_wrap .customize_h2 {
  font-weight: 500;
  font-size: clamp(25px, 2.5622254758vw, 35px);
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin: 0;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_h2_wrap .customize_h2 {
    font-size: 20px;
  }
}
#nana-nana_sec07 .customize_h2_wrap .customize_ja {
  font-size: clamp(15px, 1.5373352855vw, 21px);
  letter-spacing: 0.15em;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 1em;
  padding: 0 1.6666666667em 0 0;
  position: relative;
  display: table;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_h2_wrap .customize_ja {
    font-size: 12px;
  }
}
#nana-nana_sec07 .customize_h2_wrap .customize_ja::after {
  content: "";
  display: block;
  width: 1px;
  height: 2.2em;
  background: #595757;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 1%;
  -webkit-transform: translateY(-50%) rotate(40deg);
          transform: translateY(-50%) rotate(40deg);
}
#nana-nana_sec07 .customize_wrap .box {
  border: solid 1px #595757;
  padding: clamp(36px, 3.6603221083vw, 50px) clamp(40px, 4.0995607613vw, 56px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .box {
    border: 0;
    padding: 0;
    display: block;
  }
}
#nana-nana_sec07 .customize_wrap .box:not(:last-child) {
  margin-bottom: clamp(16px, 1.6105417277vw, 22px);
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .box:not(:last-child) {
    margin-bottom: 50px;
  }
}
#nana-nana_sec07 .customize_wrap .mid {
  width: 34.8637015782%;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .mid {
    width: 100%;
  }
}
#nana-nana_sec07 .customize_wrap .condition {
  width: 65.1362984218%;
  padding-left: clamp(35px, 3.5871156662vw, 49px);
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .condition {
    width: 100%;
    padding-left: 0;
  }
}
#nana-nana_sec07 .customize_wrap .customize_h3 {
  margin: 0 auto;
  text-align: center;
  background: #898989;
  font-weight: bold;
  font-size: clamp(27px, 2.7086383602vw, 37px);
  line-height: 1.2;
  color: #fff;
  padding: 0.0740740741em 4%;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .customize_h3 {
    font-size: 18px;
    display: table;
    margin-left: 0;
    padding: 5px;
    width: 100%;
    max-width: 161px;
  }
}
#nana-nana_sec07 .customize_wrap .dry_ttl {
  font-size: clamp(23px, 2.3426061493vw, 32px);
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.8695652174em;
  margin-bottom: 0;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .dry_ttl {
    text-align: left;
    font-size: 18px;
    margin-top: 6px;
  }
}
#nana-nana_sec07 .customize_wrap .dry_text {
  text-align: center;
  font-weight: 500;
  font-size: clamp(17px, 1.8301610542vw, 25px);
  line-height: 1.5882352941;
  margin-top: 0.8823529412em;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .dry_text {
    font-size: 14px;
    margin-top: 5px;
    text-align: left;
  }
}
#nana-nana_sec07 .customize_wrap .text_top {
  font-size: clamp(17px, 1.8301610542vw, 25px);
  line-height: 1.4117647059;
  font-weight: bold;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .text_top {
    font-size: 14px;
    margin-top: 18px;
  }
}
#nana-nana_sec07 .customize_wrap .text_middle {
  font-size: clamp(15px, 1.5373352855vw, 21px);
  line-height: 1.5714285714;
  margin-top: 0.9285714286em;
  font-weight: 500;
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .text_middle {
    margin-top: 10px;
    font-size: 14px;
  }
}
#nana-nana_sec07 .customize_wrap .dry_img {
  margin-top: clamp(18px, 1.8301610542vw, 25px);
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .dry_img {
    margin-top: 22px;
  }
}
#nana-nana_sec07 .customize_wrap .dry_img img {
  display: block;
  width: 100%;
  max-width: clamp(376px, 38.5065885798vw, 526px);
}
@media (max-width: 767px) {
  #nana-nana_sec07 .customize_wrap .dry_img img {
    max-width: 195px;
  }
}

#nana-nana_sec09 {
  padding: 8.4895833333vw 0 12.2395833333vw;
}
@media (min-width: 768px) {
  #nana-nana_sec09 .container {
    width: 53.3807829181%;
    max-width: none;
  }
}
#nana-nana_sec09 .nana_link_box {
  padding-top: 5.15625vw;
  padding-bottom: 4.1145833333vw;
  position: relative;
}
#nana-nana_sec09 .nana_link_box .link_logo {
  max-width: 41.8229166667vw;
  width: 100%;
}
@media (max-width: 767px) {
  #nana-nana_sec09 .nana_link_box .link_logo {
    max-width: 329px;
  }
}
@media (min-width: 768px) {
  #nana-nana_sec09 .nana_link_box .nana_product {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.3854166667vw;
  }
}
@media (max-width: 767px) {
  #nana-nana_sec09 .nana_link_box .nana_product {
    width: 134px;
    margin: auto;
    margin-top: 38px;
  }
}
#nana-nana_sec09 .nana_link_box .btn {
  margin-top: 1.71875vw;
  margin-left: 0;
  width: 100%;
  max-width: 17.7604166667vw;
  font-size: 1.8229166667vw;
  border-radius: 100px;
}
@media (max-width: 767px) {
  #nana-nana_sec09 .nana_link_box .btn {
    max-width: 188px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }
}
#nana-nana_sec09 .nana_link_box .btn span {
  font-size: 1.3020833333vw;
}
@media (max-width: 767px) {
  #nana-nana_sec09 .nana_link_box .btn span {
    font-size: 15px;
    letter-spacing: 0;
  }
}

.top_sec_01 .second_bnr.top_bnr {
  margin-top: -80px;
}
@media (max-width: 767px) {
  .top_sec_01 .second_bnr.top_bnr {
    margin-top: -20px;
  }
}

@media (min-width: 768px) {
  .top_sec_03.ja .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .top_sec_03.ja .row .col {
    width: calc((100% - 18px) / 2 - 1px);
  }
  .top_sec_03.ja .row .link_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none;
  }
  .top_sec_03.ja .row .link_item .flex {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top_sec_03.ja .row .link_item .flex span {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .top_sec_03.ja .row {
    padding: 0 10px;
  }
  .top_sec_03.ja .row .link_item .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
  }
  .top_sec_03.ja .row .link_item .flex p {
    font-size: 4.1666666667vw;
  }
}

.st0 {
  fill: #211714;
}

.st1 {
  fill: none;
  stroke: #fff;
  stroke-width: 14;
  stroke-miterlimit: 10;
}

.st2 {
  fill: none;
  stroke: #fff;
  stroke-width: 16;
  stroke-miterlimit: 10;
}

.st3 {
  fill: none;
  stroke: #fff;
  stroke-width: 14;
  stroke-miterlimit: 10;
}

.st4 {
  fill: none;
  stroke: #fff;
  stroke-width: 17;
  stroke-miterlimit: 10;
}

.st5 {
  fill: none;
  stroke: #fff;
  stroke-width: 11;
  stroke-miterlimit: 10;
}

.st6 {
  fill: none;
  stroke: #fff;
  stroke-width: 13;
  stroke-miterlimit: 10;
}

.st7 {
  fill: none;
  stroke: #fff;
  stroke-width: 19;
  stroke-miterlimit: 10;
}

.limited_item_ani {
  max-width: 63.8020833333vw;
  margin: auto;
  display: block;
}
@media (max-width: 767px) {
  .limited_item_ani {
    max-width: 88vw;
  }
}

@media (min-width: 768px) {
  .dryer_sec_06 .flex {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}

.bnr_slider_content {
  width: 80%;
  margin: -120px auto 120px auto;
}
@media (max-width: 1280px) {
  .bnr_slider_content {
    width: 90%;
    margin: -80px auto 80px auto;
  }
}
@media (max-width: 1023px) {
  .bnr_slider_content {
    margin: -60px auto 40px auto;
  }
}
@media (max-width: 767px) {
  .bnr_slider_content {
    margin: -40px auto 40px auto;
  }
}

.bnr_slider {
  position: relative;
}
.bnr_slider .slick-img a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bnr_slider .slick-img a:hover img {
  opacity: 0.85;
}
.bnr_slider .slick-img img {
  height: auto;
  width: 100%;
}
.bnr_slider .slick-num {
  font-size: 18px;
  position: absolute;
  bottom: 23px;
  left: 30px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  display: inline-block;
  line-height: 1;
  width: 200px;
  max-width: 100%;
  text-align: center;
  border-radius: 100px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .bnr_slider .slick-num {
    inset: auto;
    position: static;
    margin: 20px auto 0;
    font-size: 16px;
  }
}
.bnr_slider .slick-arrow {
  position: absolute;
  border-radius: 50%;
  background: #fff;
  width: 30px;
  height: 30px;
  z-index: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: solid 1px #fff;
}
.bnr_slider .slick-arrow:hover {
  background: transparent;
}
.bnr_slider .slick-arrow:hover:after {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.bnr_slider .slick-arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-transform: translate(-50%, -20%) rotate(45deg);
          transform: translate(-50%, -20%) rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.bnr_slider .slick-arrow.next {
  bottom: 33px;
  left: 190px;
}
@media (max-width: 767px) {
  .bnr_slider .slick-arrow.next {
    bottom: 10px;
    left: calc(50% + 76px);
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}
.bnr_slider .slick-arrow.prev {
  bottom: 33px;
  left: 40px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
@media (max-width: 767px) {
  .bnr_slider .slick-arrow.prev {
    bottom: 10px;
    left: calc(50% - 76px);
    -webkit-transform: translateX(-50%) rotate(270deg);
            transform: translateX(-50%) rotate(270deg);
  }
}

/* ===============================================
# dryerzerooceanページ
=============================================== */
.ocean_page {
  overflow: clip;
  background: #000;
}
.ocean_page main {
  overflow: clip;
}

[id^=ocean_sec] .container {
  width: 100%;
  max-width: 83.0367734282%;
  padding: 0;
}
@media (max-width: 767px) {
  [id^=ocean_sec] .container {
    max-width: 415px;
    padding: 0 20px;
  }
}
[id^=ocean_sec] .container.small {
  width: 83.0367734282%;
  max-width: 1250px;
}
@media (max-width: 767px) {
  [id^=ocean_sec] .container.small {
    width: 100%;
  }
}
[id^=ocean_sec] .container.x-small {
  width: 83.0367734282%;
  max-width: 1050px;
}
@media (max-width: 767px) {
  [id^=ocean_sec] .container.x-small {
    width: 100%;
  }
}
[id^=ocean_sec] * {
  color: #fff;
}
[id^=ocean_sec] p {
  line-height: 1.8125;
}
[id^=ocean_sec] .ocean_h2 {
  font-size: clamp(40px, 4.39238653vw, 60px);
  letter-spacing: 0.38em;
  line-height: 1.5;
  text-align: center;
  display: table;
  margin: 0 auto clamp(63px, 7.3206442167vw, 100px);
}
[id^=ocean_sec] .ocean_h2::after {
  content: "";
  display: block;
  width: 92%;
  height: 2px;
  background: #fff;
}
@media (max-width: 767px) {
  [id^=ocean_sec] .ocean_h2 {
    font-size: 26px;
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) {
  [id^=ocean_sec] .ocean_h2.pc-left {
    margin-left: 0;
  }
}
[id^=ocean_sec] .ocean_h3 {
  font-size: clamp(29px, 3.4407027818vw, 47px);
  margin-bottom: 1.2413793103em;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-weight: 500;
}
@media (max-width: 767px) {
  [id^=ocean_sec] .ocean_h3 {
    text-align: center;
    font-size: 16px;
  }
}
[id^=ocean_sec] .ocean_h3 sup {
  font-size: clamp(16px, 1.2445095168vw, 18px);
  top: -1.2em;
}
@media (max-width: 767px) {
  [id^=ocean_sec] .ocean_h3 sup {
    font-size: 11px;
    top: -0.6em;
  }
}

#ocean_sec01 {
  padding-top: 120px;
  padding-bottom: 0;
  background: #0C0103;
}
@media (max-width: 767px) {
  #ocean_sec01 {
    padding-top: 87px;
  }
}
#ocean_sec01 .ocean_head {
  margin: auto;
  max-width: clamp(767px, 100vw, 1366px);
}
#ocean_sec01 .ocean_head img {
  width: 100%;
}

#ocean_sec02 {
  padding-top: 7.2916666667vw;
  padding-bottom: 0;
  position: relative;
  background-color: #0D0002;
}
@media (max-width: 767px) {
  #ocean_sec02 {
    padding-top: 0px;
  }
}
#ocean_sec02 .ocean_h2 {
  font-size: clamp(20px, 2.4158125915vw, 33px);
  margin-bottom: 1.8em;
}
#ocean_sec02 .sec02_txt {
  font-size: clamp(16px, 1.756954612vw, 24px);
}
@media (max-width: 767px) {
  #ocean_sec02 .sec02_txt {
    font-size: 14px;
  }
}
#ocean_sec02 .sec02_small {
  font-size: clamp(13px, 1.5373352855vw, 21px);
  margin-top: 1.9047619048em;
}
#ocean_sec02 p {
  font-weight: 300;
}

#ocean_sec03 {
  padding-top: clamp(120px, 13.17715959vw, 200px);
  padding-bottom: clamp(96px, 11.420204978vw, 190px);
  background: url(./../../assets/img/2507/dryerzeroocean_bg_flag.png) no-repeat 0 clamp(112px, 10.1756954612vw, 159px)/clamp(547px, 64.8609077599vw, 886px);
  background-color: #0D0002;
}
@media (max-width: 767px) {
  #ocean_sec03 {
    background-color: #0D0002;
    background-size: 65.9713168188%;
    background-position: 0 4.3024771838vw;
    padding-top: 18.2529335072vw;
    padding-bottom: 14.3415906128vw;
  }
}
#ocean_sec03 .logo_ttl {
  max-width: clamp(392px, 46.486090776vw, 635px);
  margin: auto;
  margin-bottom: clamp(72px, 7.3206442167vw, 100px);
}
@media (max-width: 767px) {
  #ocean_sec03 .logo_ttl {
    max-width: 63.1029986962vw;
    margin-bottom: 10.0391134289vw;
  }
}
#ocean_sec03 .profile_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 767px) {
  #ocean_sec03 .profile_box {
    width: 74.8370273794vw;
    margin: auto;
  }
}
#ocean_sec03 .profile_box:not(:last-child) {
  margin-bottom: clamp(44px, 6.3689604685vw, 87px);
}
@media (max-width: 767px) {
  #ocean_sec03 .profile_box:not(:last-child) {
    margin-bottom: 50px;
  }
}
#ocean_sec03 .profile_box .sticky_img {
  width: 35.4231974922%;
}
@media (max-width: 767px) {
  #ocean_sec03 .profile_box .sticky_img {
    width: 100%;
    max-width: 39.1134289439vw;
    margin: auto;
  }
}
@media (min-width: 768px) {
  #ocean_sec03 .profile_box .sticky_item {
    position: -webkit-sticky;
    position: sticky;
    top: 160px;
  }
}
#ocean_sec03 .profile_box .text {
  width: 64.5768025078%;
  padding-left: clamp(46px, 5.1244509517vw, 70px);
}
@media (max-width: 767px) {
  #ocean_sec03 .profile_box .text {
    width: 100%;
    padding-left: 0;
  }
}
#ocean_sec03 .profile_box .name {
  font-size: clamp(18px, 2.0497803807vw, 28px);
  font-weight: normal;
  margin-bottom: 1.4444444444em;
  margin-top: 0;
}
@media (max-width: 767px) {
  #ocean_sec03 .profile_box .name {
    font-size: 16px;
    margin-top: 27px;
    margin-bottom: 18px;
  }
}
#ocean_sec03 .profile_box .txt-wrapper .txt {
  font-size: clamp(16px, 1.756954612vw, 24px);
  overflow: hidden;
  -webkit-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
}
@media (max-width: 767px) {
  #ocean_sec03 .profile_box .txt-wrapper .txt {
    font-size: 13px;
  }
}
#ocean_sec03 .profile_box .txt-wrapper .rest {
  display: none;
}
#ocean_sec03 .profile_box .txt-wrapper .read_more {
  cursor: pointer;
  display: table;
  font-size: clamp(20px, 2.196193265vw, 30px);
  margin-top: 1.2380952381em;
  line-height: 1.4;
  margin-right: 0;
  margin-left: auto;
  border-bottom: solid 1px #fff;
  padding-bottom: 0.380952381em;
  font-weight: 300;
}
@media (max-width: 767px) {
  #ocean_sec03 .profile_box .txt-wrapper .read_more {
    font-size: 14px;
  }
}

/* ===============================================
# ocean_sec04
=============================================== */
#ocean_sec04 {
  background: url(./../../assets/img/2507/dryerzeroocean_bg_wave.svg) no-repeat left bottom/89%;
  padding-top: 0;
  padding-bottom: clamp(150px, 14.6412884334vw, 250px);
  background-color: #0D0002;
}
@media (max-width: 767px) {
  #ocean_sec04 {
    background-size: 100%;
    padding-bottom: 16.8187744459vw;
  }
}
#ocean_sec04 .sec04_img {
  width: 59.7916666667vw;
  margin-left: auto;
  margin-right: 4.375vw;
}
@media (max-width: 767px) {
  #ocean_sec04 .sec04_img {
    margin-right: 0;
    width: 61.408083442vw;
  }
}
#ocean_sec04 .sec04_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.1405895692;
}

/* ===============================================
# ocean_sec05
=============================================== */
#ocean_sec05 {
  background: url(./../../assets/img/2507/dryerzeroocean_bg_red.jpg) no-repeat center center/cover;
  padding: clamp(74px, 8.78477306vw, 120px) 0 clamp(100px, 10.980966325vw, 150px);
}
@media (max-width: 767px) {
  #ocean_sec05 {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  #ocean_sec05 .ocean_h2 {
    margin-bottom: 46px;
  }
}
@media (min-width: 768px) {
  #ocean_sec05 .price_box {
    display: grid;
    grid-template-columns: 43.4666666667% 56.5333333333%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#ocean_sec05 .price_box .slider_box {
  position: relative;
}
@media (min-width: 768px) {
  #ocean_sec05 .price_box .slider_box {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .slider_box {
    width: 58.6701434159vw;
    margin: auto;
  }
}
#ocean_sec05 .price_box .slider_box .ocean_slider {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#ocean_sec05 .price_box .slider_box .ocean_slider img {
  display: block;
  max-width: 100%;
}
#ocean_sec05 .price_box .slider_box .ocean_slider .prev {
  display: block;
  position: absolute;
  bottom: -2.0833333333vw;
  left: 0.8854166667vw;
  font-size: 1.0416666667vw;
  line-height: 1.5;
  font-weight: 700;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .slider_box .ocean_slider .prev {
    font-size: 13px;
    bottom: -20px;
    left: 5px;
  }
}
#ocean_sec05 .price_box .slider_box .ocean_slider .next {
  display: block;
  position: absolute;
  bottom: -2.0833333333vw;
  right: 0.8854166667vw;
  font-size: 1.0416666667vw;
  line-height: 1.5;
  font-weight: 700;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .slider_box .ocean_slider .next {
    font-size: 13px;
    bottom: -20px;
    right: 5px;
  }
}
@media (min-width: 768px) {
  #ocean_sec05 .price_box .price_text {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-left: 4.0104166667vw;
  }
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text {
    margin-top: 46px;
    padding: 0 5px;
  }
}
#ocean_sec05 .price_box .price_text .price_logo {
  max-width: clamp(375px, 44.2166910688vw, 604px);
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_logo {
    max-width: 100%;
  }
}
#ocean_sec05 .price_box .price_text .price_logo figcaption {
  font-size: clamp(15px, 1.756954612vw, 24px);
  text-align: left;
  margin-top: 1.25em;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_logo figcaption {
    font-size: 13px;
  }
}
#ocean_sec05 .price_box .price_text .price_yen {
  margin-top: 2.6041666667vw;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_yen {
    margin-top: 14px;
  }
}
#ocean_sec05 .price_box .price_text .price_yen .yen {
  font-size: clamp(22px, 2.7086383602vw, 37px);
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_yen .yen {
    font-size: 17px;
  }
}
#ocean_sec05 .price_box .price_text .price_yen .yen .kakaku {
  font-size: clamp(14px, 1.8301610542vw, 25px);
}
#ocean_sec05 .price_box .price_text .price_yen .yen .tax {
  font-size: clamp(12px, 1.4641288433vw, 20px);
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_yen .yen .tax {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  #ocean_sec05 .price_box .price_text .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    max-width: 28.125vw;
    margin-top: 2.6041666667vw;
  }
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    max-width: 243px;
    margin-top: 22px;
  }
}
#ocean_sec05 .price_box .price_text .btn {
  width: 100%;
  max-width: 13.6458333333vw;
  margin: 0;
  padding: 0.5em 0.6em;
  border-radius: 100px;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .btn {
    max-width: 120px;
    line-height: 1.2;
  }
}
#ocean_sec05 .price_box .price_text .btn span {
  font-size: 1.3020833333vw;
  vertical-align: middle;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .btn span {
    font-size: 11px;
    letter-spacing: 0;
  }
}
#ocean_sec05 .price_box .price_text .btn.dl {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#ocean_sec05 .price_box .price_text .btn.dl span {
  color: #000;
}
#ocean_sec05 .price_box .price_text .btn.dl:after {
  background: url(/wp-content/uploads/download_black.png) no-repeat;
  background-size: 0.78125vw 0.8854166667vw;
  width: 0.78125vw;
  height: 0.8854166667vw;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .btn.dl:after {
    background-size: 15px 17px;
    width: 7.5px;
    height: 8.5px;
    background-size: 7.5px 8.5px;
  }
}
#ocean_sec05 .price_box .price_text .btn.dl:hover {
  background: #000;
}
#ocean_sec05 .price_box .price_text .btn.dl:hover span {
  color: #fff;
}
#ocean_sec05 .price_box .price_text .btn.dl:hover:after {
  background: url(/wp-content/uploads/download.png) no-repeat;
  background-size: 0.78125vw 0.8854166667vw;
  width: 0.78125vw;
  height: 0.8854166667vw;
}
#ocean_sec05 .price_box .price_text .price_explanation {
  margin-top: 2.2916666667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_explanation {
    margin-top: 25px;
  }
}
#ocean_sec05 .price_box .price_text .price_explanation .ttl {
  font-size: 1.25vw;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_explanation .ttl {
    font-size: 11px;
  }
}
#ocean_sec05 .price_box .price_text .price_explanation .detail {
  margin-top: 0.5729166667vw;
  font-size: 1.0416666667vw;
  line-height: 1.6666666667;
}
@media (max-width: 767px) {
  #ocean_sec05 .price_box .price_text .price_explanation .detail {
    font-size: 9px;
    margin-top: 6px;
  }
}
@media (min-width: 768px) {
  #ocean_sec05 .container {
    width: 90.8659549229%;
    max-width: 1366px;
  }
}
#ocean_sec05 .specs_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 22px 15px;
  margin-top: clamp(100px, 10.2489019034vw, 200px);
}
@media (max-width: 767px) {
  #ocean_sec05 .specs_box {
    margin-top: 45px;
  }
}
@media (max-width: 1366px) {
  #ocean_sec05 .specs_box {
    gap: 1.6105417277vw 0.78125vw;
  }
}
@media (max-width: 767px) {
  #ocean_sec05 .specs_box {
    gap: 5px 3px;
  }
}
#ocean_sec05 .item {
  text-align: center;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: clamp(14px, 1.3909224012vw, 19px) 0;
  position: relative;
}
@media (max-width: 767px) {
  #ocean_sec05 .item {
    padding: 10px 6px;
  }
}
#ocean_sec05 .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5208333333vw;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(rgb(176, 173, 175)), color-stop(25%, rgb(176, 173, 175)), color-stop(50%, rgb(206, 206, 208)), color-stop(75%, rgb(136, 127, 132)), to(rgb(135, 126, 131)));
  background: -webkit-linear-gradient(left, rgb(176, 173, 175) 0%, rgb(176, 173, 175) 25%, rgb(206, 206, 208) 50%, rgb(136, 127, 132) 75%, rgb(135, 126, 131) 100%);
  background: linear-gradient(90deg, rgb(176, 173, 175) 0%, rgb(176, 173, 175) 25%, rgb(206, 206, 208) 50%, rgb(136, 127, 132) 75%, rgb(135, 126, 131) 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box;
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
#ocean_sec05 .item p {
  line-height: 1.1818181818;
  font-size: clamp(18px, 2.3426061493vw, 39px);
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  #ocean_sec05 .item p {
    font-size: 13px;
  }
}
#ocean_sec05 .item.gray {
  background: url(./../../assets/img/2507/dryerzeroocean_bg_gray.jpg) no-repeat center center/cover;
  border: 0;
  border-radius: 0.5208333333vw;
}
#ocean_sec05 .item.gray::before {
  content: none;
}
#ocean_sec05 .item.gray p {
  color: #231815;
}
#ocean_sec05 .item.col4 {
  width: calc((100% - 30px) / 3 - 1px);
}
@media (max-width: 1200px) {
  #ocean_sec05 .item.col4 {
    width: calc((100% - 0.78125vw * 2) / 3 - 1px);
  }
}
@media (max-width: 767px) {
  #ocean_sec05 .item.col4 {
    width: calc((100% - 6px) / 3 - 1px);
  }
}
#ocean_sec05 .item.col5 {
  width: 37.5488917862%;
}
#ocean_sec05 .item.col7 {
  width: 60.4954367666%;
}
#ocean_sec05 .item.col12 {
  width: 100%;
}
#ocean_sec05 .item.large {
  padding: clamp(16px, 1.8301610542vw, 25px) 0;
}
@media (max-width: 767px) {
  #ocean_sec05 .item.large {
    padding: 30px 0;
  }
}
#ocean_sec05 .item.large p {
  font-size: clamp(22px, 2.9282576867vw, 49px);
}
@media (max-width: 767px) {
  #ocean_sec05 .item.large p {
    font-size: 10px;
  }
}
#ocean_sec05 .item .logo_ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
#ocean_sec05 .item .logo_ttl .logo_specs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#ocean_sec05 .item .logo_ttl .logo_specs img {
  max-width: clamp(108px, 12.5915080527vw, 240px);
  padding-top: 0.5208333333vw;
}
@media (max-width: 767px) {
  #ocean_sec05 .item .logo_ttl .logo_specs img {
    max-width: 49px;
    padding-top: 1px;
  }
}
#ocean_sec05 .item .logo_ttl p {
  margin: 0;
  font-size: clamp(19px, 2.196193265vw, 42px);
}
@media (max-width: 767px) {
  #ocean_sec05 .item .logo_ttl p {
    font-size: 8px;
  }
}
#ocean_sec05 .spec_text_box {
  margin-top: clamp(70px, 8.78477306vw, 120px);
}
@media (max-width: 767px) {
  #ocean_sec05 .spec_text_box {
    margin-top: 35px;
  }
}
#ocean_sec05 .spec_text_box .ttl {
  font-size: clamp(19px, 2.196193265vw, 30px);
  margin-bottom: clamp(9px, 1.0248901903vw, 14px);
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  #ocean_sec05 .spec_text_box .ttl {
    font-size: 14px;
  }
}
#ocean_sec05 .spec_text_box .detail {
  font-size: clamp(15px, 1.756954612vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.9411764706;
}
@media (max-width: 767px) {
  #ocean_sec05 .spec_text_box .detail {
    font-size: 12px;
  }
}

/* ===============================================
# ocean_sec06
=============================================== */
#ocean_sec06 {
  padding: clamp(100px, 10.2489019034vw, 140px) 0;
}
@media (max-width: 767px) {
  #ocean_sec06 {
    padding: 70px 0 80px;
  }
}
#ocean_sec06 .ocean_h2 {
  margin-bottom: clamp(40px, 5.4904831625vw, 75px);
}
#ocean_sec06 .ocean_h2::after {
  width: 97%;
}
#ocean_sec06 .sec06-h3 {
  text-align: center;
  font-weight: 500;
  font-size: clamp(32px, 3.4407027818vw, 47px);
  text-align: center;
  margin-bottom: clamp(60px, 6.149341142vw, 84px);
}
@media (max-width: 767px) {
  #ocean_sec06 .sec06-h3 {
    font-size: 16px;
    margin-bottom: 45px;
  }
}
@media (min-width: 768px) {
  #ocean_sec06 .container {
    width: 90.8659549229%;
    max-width: 1366px;
    padding: 0;
  }
}
#ocean_sec06 .container > div:not(:last-child) {
  margin-bottom: clamp(35px, 4.0995607613vw, 56px);
}
#ocean_sec06 .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#ocean_sec06 .box > * {
  width: 50%;
}
@media (max-width: 767px) {
  #ocean_sec06 .box > * {
    width: 100%;
  }
  #ocean_sec06 .box > *:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  #ocean_sec06 .box .left {
    border-right: solid 1px #9E9E9F;
    padding-right: clamp(30px, 3.513909224vw, 48px);
  }
}
@media (min-width: 768px) {
  #ocean_sec06 .box .right {
    padding-left: clamp(30px, 3.513909224vw, 48px);
  }
}
#ocean_sec06 .zero_h3_wrap p {
  color: #9E9E9F;
}
#ocean_sec06 .zero_h3_wrap .zero_h3 {
  margin-top: 0;
  margin-bottom: 0;
  background: #898989;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-align: center;
  padding: clamp(5px, 0.439238653vw, 6px) 4% clamp(5px, 0.5856515373vw, 8px) clamp(15px, 1.756954612vw, 24px);
  font-size: clamp(26px, 2.196193265vw, 41px);
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_h3_wrap .zero_h3 {
    font-size: 24px;
    line-height: 1.2;
    padding: 0.4166666667em;
  }
}
#ocean_sec06 .zero_h3_wrap .zero_h3 span.zero {
  color: #fff;
  display: block;
  position: relative;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_h3_wrap .zero_h3 span.zero {
    background-size: 0.75em;
  }
}
#ocean_sec06 .zero_h3_wrap .zero_h3 span.ja {
  font-size: clamp(18px, 1.4641288433vw, 22px);
  color: #fff;
  letter-spacing: -0.06em;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0.2727272727em;
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_h3_wrap .zero_h3 span.ja {
    font-size: 15px;
  }
}
#ocean_sec06 .zero_h3_wrap .sup {
  font-size: clamp(12px, 1.3909224012vw, 19px);
  font-weight: 500;
}
#ocean_sec06 .graph {
  margin-top: clamp(12px, 2.5622254758vw, 35px);
}
#ocean_sec06 .graph .graph_text .g_text,
#ocean_sec06 .graph .graph_text .g_text02 {
  font-size: clamp(12px, 1.3909224012vw, 19px);
  line-height: 1.3333333333;
}
#ocean_sec06 .zero_table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
#ocean_sec06 .zero_table tr:not(:first-child) {
  border-top: 0;
}
#ocean_sec06 .zero_table tr:last-of-type td,
#ocean_sec06 .zero_table tr:last-of-type th {
  border-bottom: 0;
}
#ocean_sec06 .zero_table th,
#ocean_sec06 .zero_table td {
  background: #888888;
}
@media (min-width: 768px) {
  #ocean_sec06 .zero_table th,
  #ocean_sec06 .zero_table td {
    font-size: clamp(26px, 3.0014641288vw, 41px);
  }
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_table th,
  #ocean_sec06 .zero_table td {
    font-size: 14px;
  }
}
#ocean_sec06 .zero_table th {
  text-align: center;
  font-weight: 500;
  border-right: solid 0.5px #fff;
  border-bottom: solid 0.5px #fff;
}
@media (min-width: 768px) {
  #ocean_sec06 .zero_table th {
    width: 23.167539267%;
    padding: 0.6923076923em 0.8461538462em 0.6923076923em 1.0384615385em;
  }
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_table th {
    width: 23.3236151603%;
    padding: 0.9090909091em 0.9090909091em 0.9090909091em 1.0909090909em;
  }
}
#ocean_sec06 .zero_table th .zero_txt {
  letter-spacing: 0.08em;
  line-height: 1.5;
}
#ocean_sec06 .zero_table td {
  border-bottom: solid 0.5px #fff;
}
@media (min-width: 768px) {
  #ocean_sec06 .zero_table td {
    padding: 0.6923076923em 1.1153846154em;
  }
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_table td {
    padding: 0.9090909091em 1.1818181818em 0.9090909091em 1.3636363636em;
  }
}
@media (min-width: 768px) {
  #ocean_sec06 .zero_table .zero_function {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px clamp(27px, 2.635431918vw, 43px);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#ocean_sec06 .zero_table .zero_function .ttl {
  font-size: clamp(17px, 2.196193265vw, 30px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 500;
}
#ocean_sec06 .zero_table .zero_function .ttl p {
  line-height: 1.2;
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_table .zero_function .ttl {
    font-size: 14px;
  }
}
#ocean_sec06 .zero_table .zero_function .ast {
  font-size: 50%;
  vertical-align: top;
}
#ocean_sec06 .zero_table .zero_function .function {
  font-size: clamp(10px, 1.3909224012vw, 19px);
  line-height: 1.25;
  width: 54.6153846154%;
}
#ocean_sec06 .zero_table .zero_function .function p {
  line-height: 1.5;
}
@media (max-width: 767px) {
  #ocean_sec06 .zero_table .zero_function .function {
    width: 100%;
    margin-top: 6px;
  }
}
#ocean_sec06 .zero_table .zero_function .function.large {
  font-size: clamp(11px, 1.5373352855vw, 21px);
}

/* ===============================================
# ocean_sec07
=============================================== */
#ocean_sec07 {
  padding: 0;
  padding-bottom: clamp(100px, 10.980966325vw, 150px);
}
@media (max-width: 767px) {
  #ocean_sec07 {
    padding-bottom: 70px;
  }
}
@media (min-width: 768px) {
  #ocean_sec07 .container {
    width: 90.8659549229%;
    max-width: 1200px;
    padding: 0;
  }
}
@media (min-width: 768px) {
  #ocean_sec07 .ocean_h2 {
    margin-bottom: 1.28em;
  }
}
@media (max-width: 767px) {
  #ocean_sec07 .ocean_h2 {
    margin-bottom: 25px;
  }
}
#ocean_sec07 .ocean_h2:after {
  width: 96%;
}
#ocean_sec07 .text_box p {
  font-size: clamp(16px, 1.756954612vw, 24px);
  line-height: 1.9166666667;
  letter-spacing: 0.03em;
  font-weight: 300;
}
@media (max-width: 767px) {
  #ocean_sec07 .text_box p {
    font-size: 13px;
  }
}
#ocean_sec07 .img_box {
  margin-top: clamp(45px, 4.6120058565vw, 63px);
}
@media (max-width: 767px) {
  #ocean_sec07 .img_box {
    margin-top: 30px;
  }
}
#ocean_sec07 .img_box img {
  width: 1064px;
  max-width: 100%;
}
#ocean_sec07 .img_box figcaption {
  text-align: left;
  font-size: 25px;
  line-height: 1.2631578947;
  margin: auto;
  display: table;
  letter-spacing: 0.1em;
  margin-top: 14px;
  font-weight: 500;
  color: #9E9E9F;
}
@media (max-width: 1200px) {
  #ocean_sec07 .img_box figcaption {
    font-size: 2.0833333333vw;
    margin-top: 0.5185185185em;
  }
}
@media (max-width: 767px) {
  #ocean_sec07 .img_box figcaption {
    font-size: 12px;
    margin-top: 10px;
  }
}

/* ===============================================
# ocean_sec08
=============================================== */
#ocean_sec08 {
  padding: clamp(50px, 7.3206442167vw, 100px) 0;
  background: url(./../../assets/img/2507/dryerzeroocean_bg_red2.jpg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  #ocean_sec08 {
    padding: 50px 0;
    background: url(./../../assets/img/2507/sp_dryerzeroocean_bg_red2.jpg) no-repeat center center/cover;
  }
}
@media (min-width: 768px) {
  #ocean_sec08 .container {
    width: 90.8659549229%;
    max-width: 1366px;
  }
}
#ocean_sec08 .customize_h2_wrap {
  margin-bottom: clamp(26px, 2.4890190337vw, 34px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_h2_wrap {
    padding-left: 0;
    margin-bottom: 22px;
  }
}
#ocean_sec08 .customize_h2_wrap .customize_h2 {
  font-weight: 500;
  font-size: clamp(27px, 3.2210834553vw, 44px);
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin: 0;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_h2_wrap .customize_h2 {
    font-size: 20px;
    margin: auto;
  }
}
#ocean_sec08 .customize_h2_wrap .customize_ja {
  font-size: clamp(16px, 1.9033674963vw, 26px);
  letter-spacing: 0.15em;
  line-height: 1.2;
  font-weight: 500;
  padding: 0 1.6666666667em 0;
  position: relative;
  display: table;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_h2_wrap .customize_ja {
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
}
#ocean_sec08 .customize_h2_wrap .customize_ja::before {
  content: "";
  display: block;
  width: 1px;
  height: 2.2em;
  background: #fff;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 1%;
  right: auto;
  -webkit-transform: translateY(-50%) rotate(40deg);
          transform: translateY(-50%) rotate(40deg);
}
#ocean_sec08 .customize_h2_wrap .customize_ja::after {
  content: "";
  display: block;
  width: 1px;
  height: 2.2em;
  background: #fff;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 1%;
  -webkit-transform: translateY(-50%) rotate(40deg);
          transform: translateY(-50%) rotate(40deg);
}
#ocean_sec08 .customize_wrap * {
  color: #231815;
}
#ocean_sec08 .customize_wrap .box {
  background: #fff;
  padding: clamp(36px, 3.6603221083vw, 50px) clamp(40px, 4.0995607613vw, 56px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .box {
    border: 0;
    padding: 5.2151238592vw;
    display: block;
  }
}
#ocean_sec08 .customize_wrap .box:not(:last-child) {
  margin-bottom: clamp(30px, 3.6603221083vw, 50px);
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .box:not(:last-child) {
    margin-bottom: 40px;
  }
}
#ocean_sec08 .customize_wrap .mid {
  width: 34.8637015782%;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .mid {
    width: 100%;
  }
}
#ocean_sec08 .customize_wrap .condition {
  width: 65.1362984218%;
  padding-left: clamp(35px, 3.5871156662vw, 49px);
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .condition {
    width: 100%;
    padding-left: 0;
  }
}
#ocean_sec08 .customize_wrap .customize_h3 {
  margin: 0 auto;
  text-align: center;
  background: url(./../../assets/img/2507/dryerzeroocean_ttl_red.jpg) no-repeat center center/cover;
  font-weight: bold;
  font-size: clamp(27px, 2.7086383602vw, 37px);
  line-height: 1.2;
  color: #fff;
  padding: 0.0740740741em 4%;
  width: 90%;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .customize_h3 {
    font-size: 18px;
    display: table;
    margin-left: 0;
    padding: 5px;
    width: 100%;
    max-width: 161px;
  }
}
#ocean_sec08 .customize_wrap .dry_ttl {
  font-size: clamp(23px, 2.3426061493vw, 32px);
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.8695652174em;
  margin-bottom: 0;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .dry_ttl {
    text-align: left;
    font-size: 18px;
    margin-top: 16px;
  }
}
#ocean_sec08 .customize_wrap .dry_text {
  text-align: center;
  font-weight: 500;
  font-size: clamp(17px, 1.8301610542vw, 25px);
  line-height: 1.5882352941;
  margin-top: 0.8823529412em;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .dry_text {
    font-size: 14px;
    margin-top: 5px;
    text-align: left;
  }
}
#ocean_sec08 .customize_wrap .text_top {
  font-size: clamp(17px, 1.8301610542vw, 25px);
  line-height: 1.4117647059;
  font-weight: bold;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .text_top {
    font-size: 14px;
    margin-top: 18px;
  }
}
#ocean_sec08 .customize_wrap .text_middle {
  font-size: clamp(15px, 1.5373352855vw, 21px);
  line-height: 1.5714285714;
  margin-top: 0.9285714286em;
  font-weight: 500;
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .text_middle {
    margin-top: 10px;
    font-size: 14px;
  }
}
#ocean_sec08 .customize_wrap .dry_img {
  margin-top: clamp(18px, 1.8301610542vw, 25px);
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .dry_img {
    margin-top: 22px;
  }
}
#ocean_sec08 .customize_wrap .dry_img img {
  display: block;
  width: 100%;
  max-width: clamp(376px, 38.5065885798vw, 526px);
}
@media (max-width: 767px) {
  #ocean_sec08 .customize_wrap .dry_img img {
    max-width: 195px;
  }
}

/* ===============================================
# ocean_sec09
=============================================== */
#ocean_sec09 {
  padding: clamp(92px, 10.980966325vw, 150px) 0;
  background: #fff;
}
@media (max-width: 767px) {
  #ocean_sec09 {
    padding: 80px 0 100px;
  }
}
@media (min-width: 768px) {
  #ocean_sec09 .container {
    width: 53.3807829181%;
    max-width: none;
  }
}
#ocean_sec09 .ocean_link_box {
  padding-top: 5.15625vw;
  padding-bottom: 4.1145833333vw;
  position: relative;
}
@media (max-width: 767px) {
  #ocean_sec09 .ocean_link_box {
    padding: 0;
  }
}
#ocean_sec09 .ocean_link_box .link_logo {
  max-width: clamp(346px, 41.1420204978vw, 700px);
  width: 100%;
}
@media (max-width: 767px) {
  #ocean_sec09 .ocean_link_box .link_logo {
    max-width: 332px;
    margin: auto;
  }
}
#ocean_sec09 .ocean_link_box .link_logo figcaption {
  color: #000;
  text-align: left;
  margin-top: 1.7142857143em;
  font-size: clamp(14px, 1.6105417277vw, 22px);
}
#ocean_sec09 .ocean_link_box .link_logo figcaption span {
  color: #000;
}
@media (max-width: 767px) {
  #ocean_sec09 .ocean_link_box .link_logo figcaption {
    text-align: center;
  }
}
@media (min-width: 768px) {
  #ocean_sec09 .ocean_link_box .ocean_product {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.3854166667vw;
  }
}
@media (max-width: 767px) {
  #ocean_sec09 .ocean_link_box .ocean_product {
    width: 134px;
    margin: auto;
    margin-top: 38px;
  }
}
@media (min-width: 768px) {
  #ocean_sec09 .ocean_link_box .btn_wrap {
    max-width: clamp(346px, 41.1420204978vw, 700px);
  }
}
#ocean_sec09 .ocean_link_box .btn {
  margin-top: clamp(26px, 3.2942898975vw, 45px);
  margin-left: auto;
  margin-right: 0;
  width: 100%;
  max-width: 17.7604166667vw;
  font-size: 1.8229166667vw;
  border-radius: 100px;
}
@media (max-width: 767px) {
  #ocean_sec09 .ocean_link_box .btn {
    max-width: 188px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }
}
#ocean_sec09 .ocean_link_box .btn span {
  font-size: 1.3020833333vw;
}
@media (max-width: 767px) {
  #ocean_sec09 .ocean_link_box .btn span {
    font-size: 15px;
    letter-spacing: 0;
  }
}/*# sourceMappingURL=limiteditem.css.map */