@charset "UTF-8";
/*///////////////////////////////////////////////////
//
//            ▼ ベース設定 ▼
//
///////////////////////////////////////////////////*/
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Black.woff2") format("woff2"), url("../fonts/NotoSansJP-Black.ttf") format("ttf");
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-ExtraBold.woff2") format("woff2"), url("../fonts/NotoSansJP-ExtraBold.ttf") format("ttf");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/NotoSansJP-Bold.ttf") format("ttf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-SemiBold.woff2") format("woff2"), url("../fonts/NotoSansJP-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/NotoSansJP-Medium.ttf") format("ttf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/NotoSansJP-Regular.ttf") format("ttf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Light.woff2") format("woff2"), url("../fonts/NotoSansJP-Light.ttf") format("ttf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-ExtraLight.woff2") format("woff2"), url("../fonts/NotoSansJP-ExtraLight.ttf") format("ttf");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Thin.woff2") format("woff2"), url("../fonts/NotoSansJP-Thin.ttf") format("ttf");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Red Rose";
  src: url("../fonts/RedRose-Bold.woff2") format("woff2"), url("../fonts/RedRose-Bold.ttf") format("ttf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Red Rose";
  src: url("../fonts/RedRose-SemiBold.woff2") format("woff2"), url("../fonts/RedRose-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Red Rose";
  src: url("../fonts/RedRose-Medium.woff2") format("woff2"), url("../fonts/RedRose-Medium.ttf") format("ttf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Red Rose";
  src: url("../fonts/RedRose-Regular.woff2") format("woff2"), url("../fonts/RedRose-Regular.ttf") format("ttf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Red Rose";
  src: url("../fonts/RedRose-Light.woff2") format("woff2"), url("../fonts/RedRose-Light.ttf") format("ttf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.ttf") format("ttf");
  font-weight: 400;
  font-display: swap;
}
html {
  font-size: calc(12px + 4 * (100vw - 768px) / 912);
  font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "游ゴシック体", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  line-height: 2;
}

body {
  color: #fff;
  background-color: #000;
  font-weight: 400;
}

@media screen and (min-width: 1680px) {
  html {
    font-size: 16px;
  }
}
a {
  color: #fff;
  display: block;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
  height: auto;
}

section,
.section {
  width: 100%;
  height: auto;
  position: relative;
}

.l_container {
  width: 95%;
  margin: 0 auto;
  max-width: 1680px;
}

.container {
  width: 90%;
  margin: 0 auto;
  max-width: 1280px;
}

.m_container {
  width: 90%;
  margin: 0 auto;
  max-width: 1080px;
}

.s_container {
  width: 90%;
  margin: 0 auto;
  max-width: 960px;
}

/* @media screen and (min-width:1540px) {
	.l_container {
		max-width: 1680px;
	}

	.container {
		max-width: 1480px;
	}
}

@media screen and (min-width:1280px) and (max-width:1539px) {
	html {
		font-size: 15px;
	}

	.container {
		max-width: 1280px;
	}
}

@media screen and (min-width:768px) and (max-width:1279px) {
	html {
		font-size: 14px;
	}

	.container {
		max-width: none;
	}
} */
.is_sp {
  display: none;
}

.is_tab {
  display: none;
}

@media screen and (min-width: 751px) and (max-width: 1025px) {
  /* html {
  	font-size: 13px;
  } */
  .is_hidden_tab {
    display: none;
  }
  .is_tab {
    display: block;
  }
}
.objectCover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: "object-fit: cover;object-position: 50% 50%;";
}

.objectContain {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  font-family: "object-fit: contain;object-position: 50% 50%;";
}

.point_reader {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.preload * {
  transition: none;
}

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

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

	 FONTS

--------------------------------------------*/
.font__capitalize {
  text-transform: capitalize;
}

.font__uppercase {
  text-transform: uppercase;
}

.font__lowercase {
  text-transform: lowercase;
}

.font__super {
  vertical-align: super;
  font-size: 0.5em;
  margin-right: 0.3em;
}

.font__vertical {
  writing-mode: vertical-rl;
}

.font__bold {
  font-weight: bold;
}

.font__outline {
  color: transparent;
  -webkit-text-stroke: 2px #FFF;
}

.montserrat {
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
}

.redrose {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 0.65;
  font-family: "Red Rose", serif !important;
  font-optical-sizing: auto;
}

.font__din2014 {
  font-family: din-2014, "Montserrat", "Noto Sans JP", "游ゴシック", "YuGothic", "游ゴシック体", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 0.7;
}

/*///////////////////////////////////////////////////
//
//            ▼ アニメーション ▼
//
///////////////////////////////////////////////////*/
.fadein {
  transform: translate(0, 50px);
  opacity: 0;
  transition: transform 0.6s, opacity 0.6s;
}
.fadein.active {
  transform: translate(0, 0);
  opacity: 1;
}

/*///////////////////////////////////////////////////
//
//            ▼ 共通 ▼
//
///////////////////////////////////////////////////*/
.section_title {
  font-size: min(120px, 6.25vw);
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: -webkit-linear-gradient(0deg, #d4d4d4 0%, #eaeaea 50%, #d4d4d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.6;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .section_title {
    font-size: 64px;
  }
}

.js-ofi {
  position: relative;
}

.js-ofi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.js-ofi-content img {
  object-fit: contain;
}

/*///////////////////////////////////////////////////
//
//            ▼ ナビ ▼
//
///////////////////////////////////////////////////*/
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50000;
}
header .header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 52px 72px 0;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  header .header_inner {
    padding: 36.4px 50.4px 0;
  }
}
header .header_inner .logo {
  line-height: 1;
  width: 204px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  header .header_inner .logo {
    width: 142.8px;
  }
}
header .header_inner .logo a {
  width: 100%;
}
header .header_inner .logo a img {
  display: block;
  width: 100%;
  height: auto;
}
header .header_inner nav {
  display: flex;
  align-items: center;
  gap: 0 34px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  header .header_inner nav {
    gap: 0 27.2px;
  }
}
header .header_inner nav ul {
  display: flex;
  gap: 0 40px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  header .header_inner nav ul {
    gap: 0 32px;
  }
}
header .header_inner nav ul.only_sp {
  display: none;
}
header .header_inner nav ul li a {
  font-size: 14px;
  letter-spacing: 0.14em;
  display: flex;
  align-items: center;
  gap: 0 10px;
  transition: opacity 0.3s;
}
header .header_inner nav ul li a:hover {
  opacity: 0.7;
}
header .header_inner nav ul li a .angle {
  display: none;
}
header .header_inner nav .purchase {
  width: 158px;
  height: 35px;
  background: #b11818;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
  border-radius: 17.5px;
  transition: opacity 0.3s;
}
header .header_inner nav .purchase:hover {
  opacity: 0.7;
}

/*///////////////////////////////////////////////////
//
//            ▼ フッター ▼
//
///////////////////////////////////////////////////*/
footer {
  background: #fff;
  position: relative;
  padding: 81px 0;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  footer {
    padding: 41px 0;
  }
}
footer a {
  position: absolute;
  top: 50%;
  right: 2.4%;
  transform: translate(0, -50%);
  transition: opacity 0.3s !important;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  footer a {
    width: 61px;
  }
}
footer a:hover {
  opacity: 0.6;
}
footer .copyright {
  font-size: 14px;
  letter-spacing: 0.07em;
  text-align: center;
  color: #000;
}

/*///////////////////////////////////////////////////
//
//            ▼ YouTubeポップアップ ▼
//
///////////////////////////////////////////////////*/
.video_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 60000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.video_overlay.open {
  opacity: 1;
  visibility: visible;
}
.video_overlay .video_wrap {
  width: 75%;
}
.video_overlay .video_wrap .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video_overlay .video_wrap .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ01 ▼
//
///////////////////////////////////////////////////*/
.top01 {
  position: relative;
}
.top01 .mv video {
  width: 100%;
  height: 100vh;
  min-height: 800px;
}
@media screen and (min-width: 1921px) {
  .top01 .mv video {
    height: auto;
  }
}
.top01 .mv_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.top01 .mv_txt .mv_txt_title {
  font-size: min(49px, 2.5520833333vw);
  background: -webkit-linear-gradient(0deg, #d4d4d4 0%, #eaeaea 50%, #d4d4d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.025em;
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top01 .mv_txt .mv_txt_title {
    font-size: 26.1px;
  }
}
.top01 .mv_txt .p01 {
  font-size: min(120px, 6.25vw);
  background: -webkit-linear-gradient(0deg, #d4d4d4 0%, #eaeaea 50%, #d4d4d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top01 .mv_txt .p01 {
    font-size: 64px;
  }
}
.top01 .mv_txt .p02 {
  font-size: 12px;
  letter-spacing: 0.14em;
  margin: min(40px, 2.0833333333vw) 0 0;
  line-height: 1.17;
}
.top01 .top__mv-scroll {
  width: 154px;
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
}
.top01 .top__mv-scroll .top__mv-scroll_circle {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}
.top01 .top__mv-scroll .top__mv-scroll_circle.circle__01 {
  width: 100%;
  height: 100%;
}
.top01 .top__mv-scroll .top__mv-scroll_circle.circle__02 {
  width: 60%;
  height: 60%;
  margin: 20%;
}
.top01 .top__mv-scroll .top__mv-scroll_text {
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  left: 0.07em;
}
.top01 .top__mv-certification {
  position: absolute;
  left: 3.75%;
  bottom: 6.66%;
}
.top01 .top__mv-certification .top__mv-certification_item {
  font-size: 18px;
  color: #858585;
  border: 1px solid #858585;
  width: 177px;
  height: 51.75px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top01 .top__mv-certification .top__mv-certification_item {
    font-size: 14.4px;
    width: 141.6px;
    height: 41.4px;
  }
}
.top01 .top__mv-certification .top__mv-certification_item:nth-child(n+2) {
  margin-top: 0.85em;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ02 ▼
//
///////////////////////////////////////////////////*/
.top02 {
  padding: min(370px, 19.2708333333vw) 0 0;
  text-align: center;
}
.top02 .p01 {
  font-size: min(50px, 2.6041666667vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top02 .p01 {
    font-size: 26.7px;
  }
}
.top02 .p02 {
  font-size: min(30px, 1.5625vw);
  line-height: 1.67;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top02 .p02 {
    font-size: 16px;
  }
}
.top02 .a_movie {
  margin-top: 2vw;
}
.top02 .a_movie button {
  text-transform: uppercase;
  font-size: min(18px, 0.9375vw);
  font-weight: 500;
  letter-spacing: 0.07em;
  position: relative;
  padding-bottom: 0.8vw;
  transition: opacity 0.3s;
  width: fit-content;
  margin: 0 auto;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top02 .a_movie button {
    font-size: 13.1px;
  }
}
.top02 .a_movie button:hover {
  opacity: 0.7;
}
.top02 .a_movie button::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  width: min(200px, 10.4166666667vw);
  height: 1px;
  background: #fff;
}
.top02 .a_movie button .angle {
  margin-left: min(15px, 0.78125vw);
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ03 ▼
//
///////////////////////////////////////////////////*/
.top03 {
  padding: min(496px, 25.8333333333vw) 0 min(220px, 11.4583333333vw);
  background: url(../images/common/top03_bg.webp) center bottom/100% no-repeat;
}
.top03 .top03_inner {
  width: 90%;
  max-width: 1650px;
  margin: 0 auto;
}
.top03 .top03_inner .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  width: fit-content;
}
.top03 .top03_inner .txt .p01 {
  font-size: min(50px, 2.6041666667vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top03 .top03_inner .txt .p01 {
    font-size: 27px;
  }
}
.top03 .top03_inner .txt .section_title {
  line-height: 1.4;
  margin-bottom: 0.5vw;
}
.top03 .top03_inner .txt .p02 {
  font-size: min(24px, 1.25vw);
  margin-bottom: min(26px, 1.3541666667vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top03 .top03_inner .txt .p02 {
    font-size: 12.8px;
  }
}
.top03 .top03_inner .txt .p03 {
  font-size: min(16px, 0.8333333333vw);
  font-weight: 300;
  color: #ddd;
  letter-spacing: 0.07em;
  position: relative;
  padding-left: min(16px, 0.8333333333vw);
  line-height: 1.75;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top03 .top03_inner .txt .p03 {
    font-size: 10px;
  }
}
.top03 .top03_inner .txt .p03::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ04 ▼
//
///////////////////////////////////////////////////*/
.top04 {
  padding: min(214px, 11.1458333333vw) 0 0;
  overflow: hidden;
}
.top04 .top04_head {
  text-align: center;
  padding: 0 0 min(200px, 10.4166666667vw);
}
.top04 .top04_head .p01 {
  font-size: min(50px, 2.6041666667vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top04_head .p01 {
    font-size: 27px;
  }
}
.top04 .top04_head .section_title {
  line-height: 1.2;
  margin: 1vw 0 2vw;
}
.top04 .top04_head .p02 {
  font-size: min(24px, 1.25vw);
  line-height: 1.88;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top04_head .p02 {
    font-size: 12.8px;
  }
}
.top04 .top__function {
  height: 20000px;
  position: relative;
}
.top04 .top__function-canvas {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.top04 .top__function-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.top04 #top__function-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.top04 #top__function-bg > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.top04 #top__function-bg > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.top04 #top__function-bg.bg_0 .bg_0,
.top04 #top__function-bg.bg_1 .bg_1,
.top04 #top__function-bg.bg_2 .bg_2,
.top04 #top__function-bg.bg_3 .bg_3,
.top04 #top__function-bg.bg_4 .bg_4,
.top04 #top__function-bg.bg_5 .bg_5,
.top04 #top__function-bg.bg_6 .bg_6,
.top04 #top__function-bg.bg_7 .bg_7,
.top04 #top__function-bg.bg_8 .bg_8,
.top04 #top__function-bg.bg_9 .bg_9,
.top04 #top__function-bg.bg_10 .bg_10,
.top04 #top__function-bg.bg_11 .bg_11,
.top04 #top__function-bg.bg_12 .bg_12,
.top04 #top__function-bg.bg_13 .bg_13,
.top04 #top__function-bg.bg_14 .bg_14,
.top04 #top__function-bg.bg_15 .bg_15,
.top04 #top__function-bg.bg_16 .bg_16,
.top04 #top__function-bg.bg_17 .bg_17,
.top04 #top__function-bg.bg_18 .bg_18,
.top04 #top__function-bg.bg_19 .bg_19,
.top04 #top__function-bg.bg_20 .bg_20,
.top04 #top__function-bg.bg_21 .bg_21,
.top04 #top__function-bg.bg_22 .bg_22,
.top04 #top__function-bg.bg_23 .bg_23,
.top04 #top__function-bg.bg_24 .bg_24,
.top04 #top__function-bg.bg_25 .bg_25,
.top04 #top__function-bg.bg_26 .bg_26,
.top04 #top__function-bg.bg_27 .bg_27,
.top04 #top__function-bg.bg_28 .bg_28,
.top04 #top__function-bg.bg_29 .bg_29,
.top04 #top__function-bg.bg_30 .bg_30,
.top04 #top__function-bg.bg_31 .bg_31,
.top04 #top__function-bg.bg_32 .bg_32,
.top04 #top__function-bg.bg_33 .bg_33,
.top04 #top__function-bg.bg_34 .bg_34,
.top04 #top__function-bg.bg_35 .bg_35,
.top04 #top__function-bg.bg_36 .bg_36,
.top04 #top__function-bg.bg_37 .bg_37,
.top04 #top__function-bg.bg_38 .bg_38,
.top04 #top__function-bg.bg_39 .bg_39,
.top04 #top__function-bg.bg_40 .bg_40,
.top04 #top__function-bg.bg_41 .bg_41,
.top04 #top__function-bg.bg_42 .bg_42,
.top04 #top__function-bg.bg_43 .bg_43,
.top04 #top__function-bg.bg_44 .bg_44,
.top04 #top__function-bg.bg_45 .bg_45,
.top04 #top__function-bg.bg_46 .bg_46,
.top04 #top__function-bg.bg_47 .bg_47,
.top04 #top__function-bg.bg_48 .bg_48,
.top04 #top__function-bg.bg_49 .bg_49,
.top04 #top__function-bg.bg_50 .bg_50,
.top04 #top__function-bg.bg_51 .bg_51,
.top04 #top__function-bg.bg_52 .bg_52,
.top04 #top__function-bg.bg_53 .bg_53,
.top04 #top__function-bg.bg_54 .bg_54,
.top04 #top__function-bg.bg_55 .bg_55,
.top04 #top__function-bg.bg_56 .bg_56,
.top04 #top__function-bg.bg_57 .bg_57,
.top04 #top__function-bg.bg_58 .bg_58,
.top04 #top__function-bg.bg_59 .bg_59,
.top04 #top__function-bg.bg_60 .bg_60,
.top04 #top__function-bg.bg_61 .bg_61,
.top04 #top__function-bg.bg_62 .bg_62,
.top04 #top__function-bg.bg_63 .bg_63,
.top04 #top__function-bg.bg_64 .bg_64,
.top04 #top__function-bg.bg_65 .bg_65,
.top04 #top__function-bg.bg_66 .bg_66,
.top04 #top__function-bg.bg_67 .bg_67,
.top04 #top__function-bg.bg_68 .bg_68,
.top04 #top__function-bg.bg_69 .bg_69,
.top04 #top__function-bg.bg_70 .bg_70,
.top04 #top__function-bg.bg_71 .bg_71,
.top04 #top__function-bg.bg_72 .bg_72,
.top04 #top__function-bg.bg_73 .bg_73,
.top04 #top__function-bg.bg_74 .bg_74,
.top04 #top__function-bg.bg_75 .bg_75,
.top04 #top__function-bg.bg_76 .bg_76,
.top04 #top__function-bg.bg_77 .bg_77,
.top04 #top__function-bg.bg_78 .bg_78,
.top04 #top__function-bg.bg_79 .bg_79,
.top04 #top__function-bg.bg_80 .bg_80,
.top04 #top__function-bg.bg_81 .bg_81,
.top04 #top__function-bg.bg_82 .bg_82,
.top04 #top__function-bg.bg_83 .bg_83,
.top04 #top__function-bg.bg_84 .bg_84,
.top04 #top__function-bg.bg_85 .bg_85,
.top04 #top__function-bg.bg_86 .bg_86,
.top04 #top__function-bg.bg_87 .bg_87,
.top04 #top__function-bg.bg_88 .bg_88,
.top04 #top__function-bg.bg_89 .bg_89,
.top04 #top__function-bg.bg_90 .bg_90,
.top04 #top__function-bg.bg_91 .bg_91,
.top04 #top__function-bg.bg_92 .bg_92,
.top04 #top__function-bg.bg_93 .bg_93,
.top04 #top__function-bg.bg_94 .bg_94,
.top04 #top__function-bg.bg_95 .bg_95,
.top04 #top__function-bg.bg_96 .bg_96,
.top04 #top__function-bg.bg_97 .bg_97,
.top04 #top__function-bg.bg_98 .bg_98,
.top04 #top__function-bg.bg_99 .bg_99,
.top04 #top__function-bg.bg_100 .bg_100,
.top04 #top__function-bg.bg_101 .bg_101,
.top04 #top__function-bg.bg_102 .bg_102,
.top04 #top__function-bg.bg_103 .bg_103,
.top04 #top__function-bg.bg_104 .bg_104,
.top04 #top__function-bg.bg_105 .bg_105,
.top04 #top__function-bg.bg_106 .bg_106,
.top04 #top__function-bg.bg_107 .bg_107,
.top04 #top__function-bg.bg_108 .bg_108,
.top04 #top__function-bg.bg_109 .bg_109 {
  opacity: 1;
}
.top04 .font__redrose.top__function-guide_ja .top__function-guide_item {
  font-size: 14.4px;
  font-weight: 300;
  letter-spacing: 0.07em;
  border: 1px solid #fff;
  width: 113px;
  height: 32.4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.top04 .font__redrose.top__function-guide_ja .top__function-guide_item:last-of-type {
  margin-top: 0;
}
.top04 .top__function-guide_ja {
  position: absolute;
  left: 5%;
  top: 2%;
  z-index: 5;
}
.top04 .top__function-guide_ja .top__function-guide_item {
  margin: 10px 0 0 !important;
}
.top04 .top__function-guide_item {
  font-size: 24px;
  opacity: 0.6;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-guide_item {
    font-size: 19.2px;
  }
}
.top04 .top__function-canvas.function_feeding .top__function-guide_en_feeding,
.top04 .top__function-canvas.function_light .top__function-guide_en_light,
.top04 .top__function-canvas.function_hose .top__function-guide_en_hose,
.top04 .top__function-canvas.function_feeding .top__function-guide_ja_feeding,
.top04 .top__function-canvas.function_light .top__function-guide_ja_light,
.top04 .top__function-canvas.function_hose .top__function-guide_ja_hose,
.top04 .top__function-canvas.function_feeding .top__function-guide_num_feeding,
.top04 .top__function-canvas.function_light .top__function-guide_num_light,
.top04 .top__function-canvas.function_hose .top__function-guide_num_hose {
  opacity: 1;
}
.top04 .font__redrose.top__function-guide_en {
  position: absolute;
  left: 13%;
  top: 4%;
  display: flex;
  gap: 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .top04 .font__redrose.top__function-guide_en {
    left: 16%;
  }
}
@media screen and (min-width: 1026px) and (max-width: 1279.5px) {
  .top04 .font__redrose.top__function-guide_en {
    left: 18%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .font__redrose.top__function-guide_en {
    left: 21%;
    gap: 0 14px;
  }
}
.top04 .font__redrose.top__function-guide_en .top__function-guide_item {
  position: relative;
  padding-left: 38px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .font__redrose.top__function-guide_en .top__function-guide_item {
    padding-left: 30.4px;
  }
}
.top04 .font__redrose.top__function-guide_en .top__function-guide_item::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  content: "";
  background: #fff;
  width: 20px;
  height: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .font__redrose.top__function-guide_en .top__function-guide_item::before {
    width: 16px;
  }
}
.top04 .top__function-number {
  position: absolute;
  right: 4%;
  top: 4%;
  display: flex;
  writing-mode: vertical-lr;
}
.top04 .top__function-number .top__function-number_item {
  font-size: 80px;
  margin-bottom: 60px;
  opacity: 0.6;
}
@media screen and (min-width: 1026px) and (max-width: 1279.5px) {
  .top04 .top__function-number .top__function-number_item {
    font-size: 64px;
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-number .top__function-number_item {
    font-size: 48px;
    margin-bottom: 36px;
  }
}
.top04 .top__function-number .top__function-number_item:last-of-type {
  margin-bottom: 0;
}
.top04 .top__function-scroll {
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  max-height: 690px;
}
.top04 .top__function-scroll_bar {
  height: 65vh;
  min-height: 31.5vw;
  background-color: #aaa;
  width: 4px;
}
.top04 .top__function-scroll_gage {
  position: absolute;
  top: 0;
  background-color: #fff;
  width: 8px;
  height: 8%;
  left: -2px;
}
.top04 .top__function-scroll_gage::after {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  content: "SCROLL";
  font-size: 12px;
  font-weight: 500;
  writing-mode: vertical-lr;
  white-space: nowrap;
  letter-spacing: 0.07em;
}
.top04 .top__function-desc {
  position: absolute;
  left: 5%;
  bottom: 0;
  width: 100%;
  height: min(165px, 8.59375vw);
  color: white;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc {
    height: 88px;
  }
}
.top04 .top__function-desc_item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(60px);
  transition: 0.5s;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 75%, rgb(0, 0, 0) 100%);
}
.top04 .top__function-desc_item .item {
  display: flex;
}
.top04 .top__function-desc_item .item .inner01 {
  text-align: center;
  border-right: 1px solid #fff;
  padding-right: min(48px, 2.5vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc_item .item .inner01 {
    padding-right: 25.6px;
  }
}
.top04 .top__function-desc_item .item .inner01 .number {
  font-size: min(36px, 1.875vw);
  line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc_item .item .inner01 .number {
    font-size: 19.2px;
  }
}
.top04 .top__function-desc_item .item .inner01 .p01 {
  font-size: min(43.2px, 2.25vw);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc_item .item .inner01 .p01 {
    font-size: 23px;
  }
}
.top04 .top__function-desc_item .item .inner01 .p02 {
  font-size: min(14.4px, 0.75vw);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 0.5vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc_item .item .inner01 .p02 {
    font-size: 13.1px;
  }
}
.top04 .top__function-desc_item .item .inner02 {
  padding-left: min(38px, 1.9791666667vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc_item .item .inner02 {
    padding-left: 20.3px;
  }
}
.top04 .top__function-desc_item .item .inner02 .p03 {
  font-size: min(28.8px, 1.5vw);
  letter-spacing: 0.07em;
  line-height: 1.67;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc_item .item .inner02 .p03 {
    font-size: 15.3px;
  }
}
.top04 .top__function-desc_item .item .inner02 .p04 {
  font-size: min(19.2px, 1vw);
  font-weight: 300;
  letter-spacing: 0.07em;
  color: #ddd;
  margin-top: min(10px, 0.5208333333vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top04 .top__function-desc_item .item .inner02 .p04 {
    font-size: 10.3px;
    margin-top: 5.3px;
  }
}
.top04 .top__function-desc_item.is_active {
  transform: none;
  opacity: 1;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ05 ▼
//
///////////////////////////////////////////////////*/
.top05 {
  padding: min(215px, 11.1979166667vw) 0 min(280px, 14.5833333333vw);
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top05 .top05_inner {
    padding-top: 100px;
  }
}
.top05 .top05_inner .head {
  text-align: center;
  padding-bottom: min(70px, 3.6458333333vw);
}
.top05 .top05_inner .head .p01 {
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: min(45px, 2.34375vw);
  line-height: 1.2;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top05 .top05_inner .head .p01 {
    font-size: 24px;
  }
}
.top05 .top05_inner .head .section_title {
  font-size: min(180px, 9.375vw);
  line-height: 1;
  margin: 0 0 1vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top05 .top05_inner .head .section_title {
    font-size: 96px;
  }
}
.top05 .top05_inner .head .p02 {
  font-size: min(24px, 1.25vw);
  line-height: 1.88;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top05 .top05_inner .head .p02 {
    font-size: 12.8px;
  }
}
.top05 .top05_inner .top__customize-body {
  padding: 0 7%;
}
.top05 .top05_inner .top__customize-body_inner {
  height: 528px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top05 .top05_inner .top__customize-body_inner {
    height: 400px;
  }
}
.top05 .top05_inner .top__customize-list {
  position: absolute;
  top: 0%;
  left: 0%;
  display: flex;
  gap: 0 72px;
}
.top05 .top05_inner .top__customize-item {
  width: max(410px, 32vw);
}
.top05 .top05_inner .top__customize-image img {
  width: 100%;
}
.top05 .top05_inner .top__customize-name {
  font-size: clamp(16px, 1.25vw, 24px);
  letter-spacing: 0.11em;
  margin-top: 1em;
}
.top05 .top__customize-typo {
  position: absolute;
  left: 50%;
  top: 32.5vw;
  transform: translateX(-50%);
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.4);
}

.bg__typo {
  font-size: 14.5vw;
  white-space: nowrap;
  color: transparent;
  line-height: 1;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ06 ▼
//
///////////////////////////////////////////////////*/
.top_comfort {
  height: 6000px;
  position: relative;
}

.top_comfort-inner {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.top_comfort-inner_inner .p01 {
  font-size: clamp(30px, 2.34375vw, 45px);
  font-weight: 700;
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  line-height: 1.2;
  margin-top: 20px;
}

.top_comfort-bg_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.top_comfort-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.5s ease;
}
.top_comfort-bg.show {
  opacity: 0.3;
}

.top_comfort-bg img {
  height: 100vh;
}

.top_comfort-inner_inner {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.top_comfort-title {
  font-size: clamp(120px, 9.375vw, 180px);
  margin-bottom: 3vw;
  text-align: center;
  background: -webkit-linear-gradient(0deg, #d4d4d4 0%, #eaeaea 50%, #d4d4d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.top_comfort-transition {
  display: flex;
  justify-content: center;
  align-items: center;
}

.top_comfort-transition-ja {
  display: flex;
  align-items: center;
}

.top_comfort-transition_subject {
  font-size: clamp(126.6px, 9.8958333333vw, 190px);
  height: 1.2em;
  line-height: 1.2;
  overflow: hidden;
}

.top_comfort-transition_list {
  transition: 1.2s ease;
}

.top_comfort.phase_scatter .top_comfort-transition_list {
  transform: translateY(-1.2em);
}

.top_comfort.phase_foreign .top_comfort-transition_list {
  transform: translateY(-2.4em);
}

.top_comfort.phase_sound .top_comfort-transition_list {
  transform: translateY(-3.6em);
}

.top_comfort.phase_stink .top_comfort-transition_list {
  transform: translateY(-4.8em);
}

.top_comfort-transition_prevent {
  font-size: clamp(74.6px, 5.8333333333vw, 112px);
  display: flex;
  align-items: center;
  background-color: #000;
  margin-left: 0.2em;
  padding: 0 0.2em;
  height: clamp(124px, 9.6875vw, 186px);
}

.top_comfort-transition-en {
  font-size: clamp(16px, 1.25vw, 24px);
  margin-left: 1.6em;
  line-height: 1.5;
}

.top_comfort-transition_en_item {
  opacity: 0.5;
  transition: 1.2s ease;
}

.top_comfort.phase_evaporation .top_comfort-transition_en_item:nth-child(1),
.top_comfort.phase_scatter .top_comfort-transition_en_item:nth-child(2),
.top_comfort.phase_foreign .top_comfort-transition_en_item:nth-child(3),
.top_comfort.phase_sound .top_comfort-transition_en_item:nth-child(4),
.top_comfort.phase_stink .top_comfort-transition_en_item:nth-child(5) {
  opacity: 2;
}

.top_comfort-desc {
  padding: 3vw 9vw;
  background: rgba(0, 0, 0, 0.6);
  flex: 1;
  margin-top: 3em;
  font-size: clamp(16px, 1.25vw, 24px);
  display: flex;
  line-height: 2;
}

.top_comfort-desc > p {
  width: 48%;
}

.top_comfort-desc > p:nth-child(2) {
  margin-left: 4%;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ07 ▼
//
///////////////////////////////////////////////////*/
.top__polycarbonate {
  height: 200vh;
}

.top__polycarbonate-inner {
  height: 100vh;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.top__polycarbonate.fixed .top__polycarbonate-inner {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.top__polycarbonate-top {
  flex: 1;
  overflow: hidden;
  background: url(../images/common/top07_bg.webp) center/cover;
  transition: 0.6s ease;
}

.top__polycarbonate-list {
  width: 200%;
  height: 100%;
  display: flex;
  transition: 1s ease;
}

.top__polycarbonate.is_right .top__polycarbonate-list {
  transform: translateX(-50%);
}

.top__polycarbonate-item {
  width: 50%;
  height: 100%;
}

.top__polycarbonate-flex {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 3.75%;
  gap: 0 2%;
}

.top__polycarbonate-head {
  width: 43.3%;
  text-align: center;
  background: -webkit-linear-gradient(0deg, #868686 0%, #f6f6f6 35%, #f6f6f6 65%, #868686 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.top__polycarbonate-head_sub {
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  letter-spacing: -0.1em;
  line-height: 1;
  font-size: min(90px, 4.6875vw);
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__polycarbonate-head_sub {
    font-size: 48px;
  }
}

.top__polycarbonate-head_main {
  font-size: 13.7vw;
  letter-spacing: -0.05em;
  line-height: 0.8;
  font-size: min(262px, 13.6458333333vw);
  display: flex;
  padding-left: 5.5vw;
  margin-top: 1vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__polycarbonate-head_main {
    font-size: 140px;
  }
}

.top__polycarbonate-head_multiple {
  font-size: min(288px, 15vw);
}

.top__polycarbonate-plane {
  flex: 1;
  font-size: min(24px, 1.25vw);
  line-height: 1.88;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__polycarbonate-plane {
    font-size: 12.8px;
  }
}

.top__polycarbonate-bottom {
  height: 20%;
  background-color: #1d1d1d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top__polycarbonate-bottom_inner {
  text-align: center;
}

.top__polycarbonate-text {
  font-size: 1.35vw;
  margin-bottom: 0.8em;
}

.top__polycarbonate-btn {
  position: relative;
  cursor: pointer;
}

.top__polycarbonate-btn_bg {
  width: 8vw;
  padding-top: 50%;
  border-radius: 4vw;
  background-color: #000;
  border: 0.1vw solid #999;
}

.top__polycarbonate-btn_circle {
  position: absolute;
  width: 3.7vw;
  height: 3.7vw;
  border-radius: 100%;
  background-color: #888;
  position: absolute;
  left: 0.25vw;
  top: 0.25vw;
  transition: 1s ease;
}

.top__polycarbonate.is_right .top__polycarbonate-btn_circle {
  transform: translateX(100%);
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ08 ▼
//
///////////////////////////////////////////////////*/
.top__eco {
  position: relative;
  z-index: 2;
}

.inner__01.top__eco-inner {
  background: #000;
  padding: 17% 0 11%;
}

.top__eco-top {
  text-align: center;
}

.top__eco-head {
  background: -webkit-linear-gradient(0deg, #7f7f7f 0%, #fdfdfd 50%, #7f7f7f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.top__eco-title_main,
.top__eco-title_sub {
  font-weight: bold;
  letter-spacing: 0;
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.top__eco-title_main {
  font-size: min(120px, 6.25vw);
  line-height: 1;
}

.top__eco-title_sub {
  font-size: min(70px, 3.6458333333vw);
  margin-bottom: 1vw;
}

.top__eco-plane {
  font-size: min(30px, 1.5625vw);
  line-height: 1.67;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-text-fill-color: #fff;
  position: relative;
}
.top__eco-plane::after {
  position: absolute;
  top: 130%;
  left: 50%;
  transform: translate(-50%, 0);
  width: min(178px, 9.2708333333vw);
  height: min(75px, 3.90625vw);
  content: "";
  background: url(../images/common/under_angle.webp) center center/contain no-repeat;
  z-index: 5;
}

.top__eco-bottom {
  margin-top: 12.5%;
  padding: 0 5%;
}

.top__eco-lead {
  font-size: min(60px, 3.125vw);
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: 2.5vw;
}

.font__super {
  font-size: min(25px, 1.3020833333vw);
  position: relative;
  top: -0.5vw;
}

.top__eco-flex {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top__eco-img {
  position: relative;
  width: 41%;
  min-width: 574px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__eco-img {
    min-width: 400px;
  }
}

.top__eco-graph_no {
  position: absolute;
  left: 33.2%;
  height: 0%;
  bottom: 21.4%;
  background: rgb(75, 78, 192);
  background: linear-gradient(180deg, rgb(75, 78, 192) 0%, rgb(148, 83, 187) 100%);
  width: 12.2%;
  transition: 0.8s 0.6s;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__eco-graph_no {
    left: 37.2%;
  }
}

.top__eco-graph_yes {
  position: absolute;
  left: 55.6%;
  height: 0%;
  bottom: 21.4%;
  background-color: #FC5C7D;
  width: 12.2%;
  transition: 0.8s 0.9s;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__eco-graph_yes {
    left: 61.6%;
  }
}

.top__eco-graph_down {
  position: absolute;
  left: 55%;
  top: 21.2%;
  transition: 0.6s 1.4s;
  transform: translateY(-30px);
  opacity: 0;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__eco-graph_down {
    left: 59%;
    top: 16.2%;
    width: 73px;
  }
}

.top__eco-flex.inview-element-on .top__eco-graph_no {
  height: 50.7%;
}

.top__eco-flex.inview-element-on .top__eco-graph_yes {
  height: 21%;
}

.top__eco-flex.inview-element-on .top__eco-graph_down {
  transform: none;
  opacity: 1;
}

.top__eco-text {
  flex: 1;
}

.top__eco-result {
  font-size: 1.25vw;
  text-align: left;
  margin-bottom: 1.25vw;
  line-height: 1.88;
}

.top__eco-note {
  font-size: 11px;
  line-height: 3;
  color: #bbb;
}

.top__eco-note_text {
  line-height: 2.6;
}

.top__eco-note_text:nth-child(n+2) {
  margin-top: 1vw;
}

.eco_add_txt p {
  position: relative;
  font-size: 13px;
  padding-left: 14px;
  margin-top: 1vw;
}
.eco_add_txt p::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ09 ▼
//
///////////////////////////////////////////////////*/
.top09 {
  background: #000;
}

.top__incredible {
  padding: 10% 0;
  background: url(../images/common/top09_bg.webp) center center/cover no-repeat;
  position: relative;
}

.top__incredible-title {
  text-align: center;
  font-size: clamp(76.2px, 6.25vw, 120px);
  font-size: 6vw;
  line-height: 1;
  height: 1em;
  overflow: hidden;
  margin-bottom: 1em;
}

.top__incredible-title_inner {
  display: block;
  transition: 0.5s ease-out;
  transform: translateY(100%);
}

.top__incredible-title.inview-element-on .top__incredible-title_inner {
  transform: translateY(0%);
}

.top__incredible-box {
  position: relative;
}

.top__incredible-target {
  position: absolute;
  left: 0;
  top: 30%;
  height: 1px;
  width: 1px;
}

.top__incredible-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15%;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__incredible-list {
    padding: 0 12%;
  }
}

.top__incredible-item {
  font-size: 2vw;
  height: min(115px, 5.9895833333vw);
  overflow: hidden;
  margin: 1em 1.5em;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__incredible-item {
    height: 61px;
  }
}

.top__incredible-item:nth-child(1) {
  transform: translateY(0.3em);
}

.top__incredible-item:nth-child(3) {
  transform: translateY(0.5em);
}

.top__incredible-item:nth-child(4) {
  transform: translateY(0.6em);
}

.top__incredible-item:nth-child(6) {
  width: 16em;
}

.top__incredible-item_inner {
  transition: 0.5s ease-out;
  transform: translateY(150%);
}

.top__incredible-target.inview-element-on + .top__incredible-list .top__incredible-item_inner {
  transform: translateY(0);
}

.top__incredible-item:nth-child(1) .top__incredible-item_inner {
  transition-delay: 0.2s;
}

.top__incredible-item:nth-child(2) .top__incredible-item_inner {
  transition-delay: 0.3s;
}

.top__incredible-item:nth-child(3) .top__incredible-item_inner {
  transition-delay: 0.4s;
}

.top__incredible-item:nth-child(4) .top__incredible-item_inner {
  transition-delay: 0.5s;
}

.top__incredible-item:nth-child(5) .top__incredible-item_inner {
  transition-delay: 0.6s;
}

.top__incredible-item:nth-child(6) .top__incredible-item_inner {
  transition-delay: 0.7s;
}

.top__incredible-item:nth-child(7) .top__incredible-item_inner {
  transition-delay: 0.8s;
}

.top__incredible-label {
  font-size: clamp(10px, 1.25vw, 24px);
  line-height: 1.3;
  color: #999;
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__incredible-label {
    font-size: 12.8px;
  }
}

.top__incredible-value {
  line-height: 1;
  font-weight: 700;
  font-size: clamp(10px, 2.34375vw, 45px);
  margin-top: 0.1vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__incredible-value {
    font-size: 24px;
  }
}
.top__incredible-value.color01 {
  background: linear-gradient(90deg, #ac52a7, #684fba);
  -webkit-background-clip: text;
  color: transparent;
}
.top__incredible-value.color02 {
  background: linear-gradient(90deg, #8f53ba, #f96b6b);
  -webkit-background-clip: text;
  color: transparent;
}
.top__incredible-value.color03 {
  color: #fd5490 !important;
}
.top__incredible-value.color04 {
  background: linear-gradient(90deg, #5b4fbc, #c652a0);
  -webkit-background-clip: text;
  color: transparent;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ10 ▼
//
///////////////////////////////////////////////////*/
.top10 {
  background: #000;
}

.top__color.inview-element {
  padding-top: 6%;
  position: relative;
  background: #000;
}

.inner__01.top__color-inner {
  position: relative;
}

.top__color-title {
  font-size: min(120px, 6.25vw);
  margin-bottom: 2.5vw;
  text-align: center;
  opacity: 0.4;
  transition: 1s 1s;
  line-height: 1.2;
}

.top__color-plane {
  font-size: min(24px, 1.25vw);
  line-height: 1.88;
  padding-bottom: 5%;
  text-align: center;
  opacity: 0.4;
  transition: 1s 1s;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__color-plane {
    font-size: 12.8px;
  }
}

.top__color-inner.inview-element-on .top__color-spot {
  left: 50%;
}

.top__color-inner.inview-element-on .top__color-title,
.top__color-inner.inview-element-on .top__color-plane {
  opacity: 1;
}

.top__color-simulator {
  padding: 2%;
  box-sizing: border-box;
}

.top__color-simulator_inner {
  background-color: #101010;
  padding: 4%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__color-simulator_inner {
    padding: 2%;
  }
}

.top__color-simulator_img_wrap {
  position: relative;
}

.top__color-simulator_img {
  height: 62vh;
  width: 100%;
  transition: opacity 0.3s;
}
.top__color-simulator_img:not(.show) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.top__color-simulator_img-list {
  height: 62vh;
}

.top__color-simulator_img-item:nth-child(1) {
  width: 64%;
  float: left;
  transition: 0.3s ease;
}
.top__color-simulator_img-item:nth-child(1) img {
  height: 62vh;
}

.top__color-simulator_img-item:nth-child(2) {
  width: 34%;
  float: right;
  transition: 0.3s ease;
}
.top__color-simulator_img-item:nth-child(2) img {
  height: 30vh;
}

.top__color-simulator_img-item:nth-child(3) {
  width: 34%;
  margin-top: 2vh;
  float: right;
  transition: 0.6s ease;
}
.top__color-simulator_img-item:nth-child(3) img {
  height: 30vh;
}

.top__color-simulator.silver.a1 .top__color-simulator_img:nth-of-type(1) {
  opacity: 1 !important;
}

.top__color-simulator.silver.a2 .top__color-simulator_img:nth-of-type(2) {
  opacity: 1 !important;
}

.top__color-simulator.silver.a3 .top__color-simulator_img:nth-of-type(3) {
  opacity: 1 !important;
}

.top__color-simulator.silver.a4 .top__color-simulator_img:nth-of-type(4) {
  opacity: 1 !important;
}

.top__color-simulator.silver.a5 .top__color-simulator_img:nth-of-type(5) {
  opacity: 1 !important;
}

.top__color-simulator.black.a1 .top__color-simulator_img:nth-of-type(6) {
  opacity: 1 !important;
}

.top__color-simulator.black.a2 .top__color-simulator_img:nth-of-type(7) {
  opacity: 1 !important;
}

.top__color-simulator.black.a3 .top__color-simulator_img:nth-of-type(8) {
  opacity: 1 !important;
}

.top__color-simulator.black.a4 .top__color-simulator_img:nth-of-type(9) {
  opacity: 1 !important;
}

.top__color-simulator.black.a5 .top__color-simulator_img:nth-of-type(10) {
  opacity: 1 !important;
}

.top__color-simulator.black.b6 .top__color-simulator_img:nth-of-type(11) {
  opacity: 1 !important;
}

.top__color-simulator.black.b7 .top__color-simulator_img:nth-of-type(12) {
  opacity: 1 !important;
}

.top__color-simulator.black.b8 .top__color-simulator_img:nth-of-type(13) {
  opacity: 1 !important;
}

.top__color-simulator.black.b9 .top__color-simulator_img:nth-of-type(14) {
  opacity: 1 !important;
}

.top__color-simulator.black.b10 .top__color-simulator_img:nth-of-type(15) {
  opacity: 1 !important;
}

.top__color-simulator.white.a1 .top__color-simulator_img:nth-of-type(16) {
  opacity: 1 !important;
}

.top__color-simulator.white.a2 .top__color-simulator_img:nth-of-type(17) {
  opacity: 1 !important;
}

.top__color-simulator.white.a3 .top__color-simulator_img:nth-of-type(18) {
  opacity: 1 !important;
}

.top__color-simulator.white.a4 .top__color-simulator_img:nth-of-type(19) {
  opacity: 1 !important;
}

.top__color-simulator.white.a5 .top__color-simulator_img:nth-of-type(20) {
  opacity: 1 !important;
}

.top__color-simulator.white.b6 .top__color-simulator_img:nth-of-type(21) {
  opacity: 1 !important;
}

.top__color-simulator.white.b7 .top__color-simulator_img:nth-of-type(22) {
  opacity: 1 !important;
}

.top__color-simulator.white.b8 .top__color-simulator_img:nth-of-type(23) {
  opacity: 1 !important;
}

.top__color-simulator.white.b9 .top__color-simulator_img:nth-of-type(24) {
  opacity: 1 !important;
}

.top__color-simulator.white.b10 .top__color-simulator_img:nth-of-type(25) {
  opacity: 1 !important;
}

.top__color-simulator.red.a1 .top__color-simulator_img:nth-of-type(26) {
  opacity: 1 !important;
}

.top__color-simulator.red.a2 .top__color-simulator_img:nth-of-type(27) {
  opacity: 1 !important;
}

.top__color-simulator.red.a3 .top__color-simulator_img:nth-of-type(28) {
  opacity: 1 !important;
}

.top__color-simulator.red.a4 .top__color-simulator_img:nth-of-type(29) {
  opacity: 1 !important;
}

.top__color-simulator.red.a5 .top__color-simulator_img:nth-of-type(30) {
  opacity: 1 !important;
}

.top__color-simulator.red.b6 .top__color-simulator_img:nth-of-type(31) {
  opacity: 1 !important;
}

.top__color-simulator.red.b7 .top__color-simulator_img:nth-of-type(32) {
  opacity: 1 !important;
}

.top__color-simulator.red.b8 .top__color-simulator_img:nth-of-type(33) {
  opacity: 1 !important;
}

.top__color-simulator.red.b9 .top__color-simulator_img:nth-of-type(34) {
  opacity: 1 !important;
}

.top__color-simulator.red.b10 .top__color-simulator_img:nth-of-type(35) {
  opacity: 1 !important;
}

.top__color-simulator.silver.a3 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-3_1s.webp);
}

.top__color-simulator.silver.a3 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-3_2s.webp);
}

.top__color-simulator.silver.a3 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-3_3s.webp);
}

.top__color-simulator.silver.a4 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-4_1s.webp);
}

.top__color-simulator.silver.a4 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-4_2s.webp);
}

.top__color-simulator.silver.a4 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-4_3s.webp);
}

.top__color-simulator.silver.a5 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-5_1s.webp);
}

.top__color-simulator.silver.a5 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-5_2s.webp);
}

.top__color-simulator.silver.a5 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-5_3s.webp);
}

.top__color-simulator.black.a1 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-1_1b.webp);
}

.top__color-simulator.black.a1 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-1_2b.webp);
}

.top__color-simulator.black.a1 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-1_3b.webp);
}

.top__color-simulator.black.a2 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-2_1b.webp);
}

.top__color-simulator.black.a2 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-2_2b.webp);
}

.top__color-simulator.black.a2 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-2_3b.webp);
}

.top__color-simulator.black.a3 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-3_1b.webp);
}

.top__color-simulator.black.a3 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-3_2b.webp);
}

.top__color-simulator.black.a3 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-3_3b.webp);
}

.top__color-simulator.black.a4 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-4_1b.webp);
}

.top__color-simulator.black.a4 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-4_2b.webp);
}

.top__color-simulator.black.a4 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-4_3b.webp);
}

.top__color-simulator.black.a5 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-5_1b.webp);
}

.top__color-simulator.black.a5 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-5_2b.webp);
}

.top__color-simulator.black.a5 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-5_3b.webp);
}

.top__color-simulator.black.b6 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-6_1b.webp);
}

.top__color-simulator.black.b6 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-6_2b.webp);
}

.top__color-simulator.black.b6 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-6_3b.webp);
}

.top__color-simulator.black.b7 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-7_1b.webp);
}

.top__color-simulator.black.b7 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-7_2b.webp);
}

.top__color-simulator.black.b7 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-7_3b.webp);
}

.top__color-simulator.black.b8 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-8_1b.webp);
}

.top__color-simulator.black.b8 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-8_2b.webp);
}

.top__color-simulator.black.b8 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-8_3b.webp);
}

.top__color-simulator.black.b9 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-9_1b.webp);
}

.top__color-simulator.black.b9 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-9_2b.webp);
}

.top__color-simulator.black.b9 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-9_3b.webp);
}

.top__color-simulator.black.b10 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-10_1b.webp);
}

.top__color-simulator.black.b10 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-10_2b.webp);
}

.top__color-simulator.black.b10 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-10_3b.webp);
}

.top__color-simulator.white.a1 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-1_1w.webp);
}

.top__color-simulator.white.a1 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-1_2w.webp);
}

.top__color-simulator.white.a1 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-1_3w.webp);
}

.top__color-simulator.white.a2 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-2_1w.webp);
}

.top__color-simulator.white.a2 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-2_2w.webp);
}

.top__color-simulator.white.a2 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-2_3w.webp);
}

.top__color-simulator.white.a3 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-3_1w.webp);
}

.top__color-simulator.white.a3 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-3_2w.webp);
}

.top__color-simulator.white.a3 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-3_3w.webp);
}

.top__color-simulator.white.a4 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-4_1w.webp);
}

.top__color-simulator.white.a4 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-4_2w.webp);
}

.top__color-simulator.white.a4 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-4_3w.webp);
}

.top__color-simulator.white.a5 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-5_1w.webp);
}

.top__color-simulator.white.a5 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-5_2w.webp);
}

.top__color-simulator.white.a5 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-5_3w.webp);
}

.top__color-simulator.white.b6 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-6_1w.webp);
}

.top__color-simulator.white.b6 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-6_2w.webp);
}

.top__color-simulator.white.b6 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-6_3w.webp);
}

.top__color-simulator.white.b7 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-7_1w.webp);
}

.top__color-simulator.white.b7 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-7_2w.webp);
}

.top__color-simulator.white.b7 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-7_3w.webp);
}

.top__color-simulator.white.b8 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-8_1w.webp);
}

.top__color-simulator.white.b8 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-8_2w.webp);
}

.top__color-simulator.white.b8 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-8_3w.webp);
}

.top__color-simulator.white.b9 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-9_1w.webp);
}

.top__color-simulator.white.b9 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-9_2w.webp);
}

.top__color-simulator.white.b9 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-9_3w.webp);
}

.top__color-simulator.white.b10 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-10_1w.webp);
}

.top__color-simulator.white.b10 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-10_2w.webp);
}

.top__color-simulator.white.b10 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-10_3w.webp);
}

.top__color-simulator.red.a1 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-1_1r.webp);
}

.top__color-simulator.red.a1 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-1_2r.webp);
}

.top__color-simulator.red.a1 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-1_3r.webp);
}

.top__color-simulator.red.a2 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-2_1r.webp);
}

.top__color-simulator.red.a2 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-2_2r.webp);
}

.top__color-simulator.red.a2 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-2_3r.webp);
}

.top__color-simulator.red.a3 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-3_1r.webp);
}

.top__color-simulator.red.a3 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-3_2r.webp);
}

.top__color-simulator.red.a3 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-3_3r.webp);
}

.top__color-simulator.red.a4 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-4_1r.webp);
}

.top__color-simulator.red.a4 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-4_2r.webp);
}

.top__color-simulator.red.a4 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-4_3r.webp);
}

.top__color-simulator.red.a5 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/a-5_1r.webp);
}

.top__color-simulator.red.a5 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/a-5_2r.webp);
}

.top__color-simulator.red.a5 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/a-5_3r.webp);
}

.top__color-simulator.red.b6 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-6_1r.webp);
}

.top__color-simulator.red.b6 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-6_2r.webp);
}

.top__color-simulator.red.b6 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-6_3r.webp);
}

.top__color-simulator.red.b7 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-7_1r.webp);
}

.top__color-simulator.red.b7 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-7_2r.webp);
}

.top__color-simulator.red.b7 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-7_3r.webp);
}

.top__color-simulator.red.b8 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-8_1r.webp);
}

.top__color-simulator.red.b8 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-8_2r.webp);
}

.top__color-simulator.red.b8 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-8_3r.webp);
}

.top__color-simulator.red.b9 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-9_1r.webp);
}

.top__color-simulator.red.b9 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-9_2r.webp);
}

.top__color-simulator.red.b9 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-9_3r.webp);
}

.top__color-simulator.red.b10 .top__color-simulator_img-item:nth-child(1) {
  background-image: url(../images/common/b-10_1r.webp);
}

.top__color-simulator.red.b10 .top__color-simulator_img-item:nth-child(2) {
  background-image: url(../images/common/b-10_2r.webp);
}

.top__color-simulator.red.b10 .top__color-simulator_img-item:nth-child(3) {
  background-image: url(../images/common/b-10_3r.webp);
}

.top__color-simulator_text {
  flex: 1;
  padding-top: 2%;
}

.top__color-simulator-btns {
  display: flex;
  align-items: center;
}

.top__color-simulator-size {
  margin-top: 1.8%;
}

.top__color-simulator_label {
  font-size: min(18px, 0.9375vw);
  margin-right: 1.2em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__color-simulator_label {
    font-size: 13px;
  }
}

.top__color-simulator-btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7vw;
}

.top__color-simulator-btn-item {
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: 0.5s;
  cursor: pointer;
}

.top__color-simulator-btn-item:hover,
.top__color-simulator-btn-item.is_active {
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.top__color-simulator-color .top__color-simulator-btn-item {
  font-size: min(24px, 1.25vw);
  padding: 0.1vw 1.6vw;
  border-radius: 30px;
}

.top__color-simulator-color .top__color-simulator-btn-item:before {
  content: "";
  display: inline-block;
  width: min(32.6px, 1.6979166667vw);
  height: min(32.6px, 1.6979166667vw);
  border-radius: 50%;
  margin-right: 0.5vw;
  margin-bottom: 0.3vw;
  vertical-align: bottom;
}

.top__color-simulator-color .top__color-simulator-btn-item[data-value=black]:before {
  background-color: #000;
}

.top__color-simulator-color .top__color-simulator-btn-item[data-value=white]:before {
  background-color: #fff;
}

.top__color-simulator-color .top__color-simulator-btn-item[data-value=red]:before {
  background-color: #f00;
}

.top__color-simulator-color .top__color-simulator-btn-item[data-value=silver]:before {
  background-color: #ccc;
}

.top__color-simulator-size .top__color-simulator-btn-item {
  font-size: 1.1vw;
  font-size: min(20px, 1.0416666667vw);
  padding: 0 1vw;
  border-radius: 40px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__color-simulator-size .top__color-simulator-btn-item {
    font-size: 13px;
  }
}

.top__color-simulator-size .top__color-simulator-btn-item span {
  font-size: min(14px, 0.7291666667vw);
  margin-left: 0.75vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__color-simulator-size .top__color-simulator-btn-item span {
    font-size: 11px;
  }
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ11 ▼
//
///////////////////////////////////////////////////*/
.top__buy {
  padding: 8% 0;
  background-color: #fff;
  transition: 0.8s ease-in;
}

.inview-element-on.top__buy {
  background-color: #000;
}

.top__buy-flex {
  padding: 0 9.5% 12%;
  display: flex;
  background: url(../images/common/top11_bg.webp) center right 13%/28% no-repeat;
}

.top__buy-title {
  font-size: min(120px, 6.25vw);
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: -webkit-linear-gradient(0deg, #d4d4d4 0%, #eaeaea 50%, #d4d4d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.6;
  margin-bottom: 0.2vw;
  width: fit-content;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-title {
    font-size: 64px;
  }
}

.top__buy-lead {
  font-size: min(40px, 2.0833333333vw);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-lead {
    font-size: 21.3px;
  }
}

.top__buy-plane {
  font-size: min(24px, 1.25vw);
  line-height: 1.88;
  margin-top: 1vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-plane {
    font-size: 12.8px;
  }
}

.top__buy-inner .add_txt {
  border: 1px solid #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  color: #b1b1b1;
  letter-spacing: 0.07em;
  line-height: 1;
  width: min(580px, 30.2083333333vw);
  padding: min(30px, 1.5625vw) 0;
  margin: 3.5vw 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-inner .add_txt {
    width: 310px;
    padding: 16px 0;
  }
}
.top__buy-inner .add_txt .p01 {
  font-size: min(24px, 1.25vw);
  padding-right: 1vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-inner .add_txt .p01 {
    font-size: 12.8px;
    padding-right: 10.2px;
  }
}
.top__buy-inner .add_txt .p02_wrap {
  border-left: 1px solid #b1b1b1;
  padding-left: 1vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-inner .add_txt .p02_wrap {
    padding-left: 10.2px;
  }
}
.top__buy-inner .add_txt .p02_wrap .p02 {
  font-size: min(50px, 2.6041666667vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-inner .add_txt .p02_wrap .p02 {
    font-size: 26.7px;
  }
}
.top__buy-inner .add_txt .p02_wrap .small {
  font-size: 12px;
  letter-spacing: 0;
  margin-top: 0.7vw;
  display: block;
}
@media screen and (min-width: 1026px) and (max-width: 1279.5px) {
  .top__buy-inner .add_txt .p02_wrap .small {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top__buy-inner .add_txt .p02_wrap .small {
    font-size: 11px;
  }
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ12 ▼
//
///////////////////////////////////////////////////*/
.cover {
  background-color: #fff;
  color: #000;
  padding: 8vw 0;
}

.inner__01 .logo {
  width: 180px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .inner__01 .logo {
    width: 144px;
  }
}

.cover-title {
  text-align: center;
  font-size: 5.5vw;
  margin-bottom: 2vw;
  line-height: 1.5;
}

.cover-flex {
  display: flex;
  padding: 0 4%;
}
.cover-flex .cover-image {
  width: 55%;
}
.cover-flex .cover-image .cover-image_list {
  margin-bottom: 0;
}

.cover-image_item img {
  width: 100%;
}

.cover-image_list .slick-dots {
  position: static;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

.cover-image_list .slick-dots li {
  display: block;
  width: 24%;
  height: auto;
  margin: 0;
}

.cover-image_list .slick-dots li:nth-child(n+5) {
  margin-top: 10px;
}

.cover-image-dot_name {
  text-align: left;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover-image-dot_name {
    font-size: 10px;
  }
}

.cover-image-dot_image {
  padding-top: 56%;
  width: 100%;
}

.cover-text {
  width: 45%;
  box-sizing: border-box;
  padding: 0 5vw;
  position: relative;
}
.cover-text::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  height: 1px;
  width: calc(100% - 10vw);
  background: #777;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover-text {
    padding: 0 3vw 2vw;
  }
}
.cover-text::before {
  width: calc(100% - 6vw);
}

.cover-name {
  font-size: 1.6vw;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.7vw 0;
  margin-bottom: 1.25vw;
}

.cover__select-block + .cover__select-block {
  margin-top: 30px;
}
.cover__select-block + .cover__select-block.none {
  display: none;
}

.cover__select-title {
  font-size: 1vw;
  margin-bottom: 0.5vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-title {
    font-size: 10px;
  }
}

.cover__select-size_select_box {
  position: relative;
}

.cover__select-size_select {
  width: 100%;
  font-size: 1vw;
  padding: 1em;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 10px;
  -webkit-appearance: none;
  appearance: none;
  background: url(../images/common/select_angle.png) 95% center/0.78125vw 0.46875vw no-repeat;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-size_select {
    font-size: 10px;
    background: url(../images/common/select_angle.png) 95% center/12px 7px no-repeat;
  }
}

.cover__select-size_select option:nth-child(n+6) {
  display: none;
}

.cover__select-size_select-number {
  position: absolute;
  right: 0;
  bottom: 101%;
}
@media screen and (min-width: 1280px) and (max-width: 1439.5px) {
  .cover__select-size_select-number {
    bottom: 103%;
  }
}
@media screen and (min-width: 1026px) and (max-width: 1279.5px) {
  .cover__select-size_select-number {
    bottom: 103%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-size_select-number {
    bottom: 103%;
    font-size: 11px;
  }
}

.cover__select-size_detail {
  position: relative;
}

.cover__select-size_detail-part {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.5s;
}

.cover__select-size_detail-part.is_active {
  z-index: 2;
  opacity: 1;
}

.cover__select-size_detail-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5vw 0;
  background-color: #ddd;
  padding: 1vw 1vw;
  border-radius: 10px;
  font-size: clamp(12px, 0.7291666667vw, 14px);
  line-height: 1.3;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-size_detail-list {
    display: block;
  }
}

.cover__select-size_detail-item {
  width: 50%;
  box-sizing: border-box;
  position: relative;
  padding-left: 0.85vw;
}
.cover__select-size_detail-item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-size_detail-item {
    width: 100%;
    padding-left: 1.25vw;
  }
}

.cover__select-size_detail-item .wrap {
  display: flex;
  gap: 0 5px;
  font-size: clamp(12px, 0.7291666667vw, 14px);
}

.cover__select-size_detail-item .wrap .inner:first-of-type {
  white-space: nowrap;
}

.cover__select-color_select_box {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-color_select_box {
    display: block;
  }
}

.cover__select-color_chart {
  margin-right: 20px;
}

.cover__select-color_chart-list {
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-color_chart-list {
    margin: 0 0 1vw 0;
  }
}

.cover__select-color_chart-item {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}

.cover__select-color_chart-item + .cover__select-color_chart-item {
  margin-left: 10px;
}

.cover__select-color_chart-item.black {
  background-color: #000;
}

.cover__select-color_chart-item.white {
  background-color: #fff;
  border: 1px solid #ddd;
}

.cover__select-color_chart-item.red {
  background-color: #af0905;
}

.cover__select-color_chart-item.silver {
  background-color: #ccc;
}

.cover__select-color_select_box {
  flex: 1;
}

.cover__select-color_select {
  width: 100%;
  font-size: 1vw;
  padding: 1em;
  text-align: center;
  border-radius: 10px;
  -webkit-appearance: none;
  appearance: none;
  background: url(../images/common/select_angle.png) 92% center/0.78125vw 0.46875vw no-repeat;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__select-color_select {
    font-size: 10px;
    background: url(../images/common/select_angle.png) 92% center/12px 7px no-repeat;
  }
}

.cover__select {
  margin: 0 1.5vw;
}

.cover__price {
  display: flex;
  align-items: flex-end;
  margin: 0 1.5vw;
  position: relative;
}

.price_blind {
  position: absolute;
  top: 1.5vw;
  left: 0;
  display: flex;
  align-items: flex-end;
  background: #fff;
}
.price_blind .price_blind_txt {
  font-size: 2vw;
}
.price_blind .price_blind_small {
  font-size: 1vw;
  margin-bottom: 0.5em;
}

.cover__price-number {
  font-size: 3vw;
}

.cover__price-unit {
  margin-bottom: 1em;
}

.cover__note {
  line-height: 1.5;
  margin: 0 1.5vw;
  font-size: clamp(11px, 0.7291666667vw, 14px);
}

#cover__cart01 {
  margin-top: 3vw;
  position: relative;
}

.btn_blind {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 65%;
  z-index: 10;
}
.btn_blind .btn_blind_txt {
  display: block;
  color: #fff;
  background-color: #000;
  width: 100%;
  padding: 0.85vw 0;
  text-align: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(18px, 0.9375vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .btn_blind .btn_blind_txt {
    font-size: 10px;
  }
}
.btn_blind .btn_blind_txt span {
  margin-left: 5px;
  font-size: min(14px, 0.8375vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .btn_blind .btn_blind_txt span {
    font-size: 10px;
  }
}

.cover__cart-btns {
  position: relative;
}

.cover__cart-btns > div {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 62.5%;
  z-index: 1;
  opacity: 0;
}

.cover__cart-btns a {
  display: block;
  color: #fff;
  background-color: #000;
  width: 100%;
  padding: 0.8vw 0;
  text-align: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(18px, 0.9375vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .cover__cart-btns a {
    font-size: 10px;
  }
}
.cover__cart-btns a .angle {
  width: 10px;
  height: 16px;
  margin-left: 1.5vw;
}
.cover__cart-btns a .cart {
  margin-right: 2vw;
}

#cover__cart01.a1silver .cover__cart-btn_a1silver,
#cover__cart01.a1black .cover__cart-btn_a1black,
#cover__cart01.a1white .cover__cart-btn_a1white,
#cover__cart01.a1red .cover__cart-btn_a1red,
#cover__cart01.a2silver .cover__cart-btn_a2silver,
#cover__cart01.a2black .cover__cart-btn_a2black,
#cover__cart01.a2white .cover__cart-btn_a2white,
#cover__cart01.a2red .cover__cart-btn_a2red,
#cover__cart01.a3silver .cover__cart-btn_a3silver,
#cover__cart01.a3black .cover__cart-btn_a3black,
#cover__cart01.a3white .cover__cart-btn_a3white,
#cover__cart01.a3red .cover__cart-btn_a3red,
#cover__cart01.a4silver .cover__cart-btn_a4silver,
#cover__cart01.a4black .cover__cart-btn_a4black,
#cover__cart01.a4white .cover__cart-btn_a4white,
#cover__cart01.a4red .cover__cart-btn_a4red,
#cover__cart01.a5silver .cover__cart-btn_a5silver,
#cover__cart01.a5black .cover__cart-btn_a5black,
#cover__cart01.a5white .cover__cart-btn_a5white,
#cover__cart01.a5red .cover__cart-btn_a5red,
#cover__cart01.b6black .cover__cart-btn_b6black,
#cover__cart01.b6white .cover__cart-btn_b6white,
#cover__cart01.b6red .cover__cart-btn_b6red,
#cover__cart01.b7black .cover__cart-btn_b7black,
#cover__cart01.b7white .cover__cart-btn_b7white,
#cover__cart01.b7red .cover__cart-btn_b7red,
#cover__cart01.b8black .cover__cart-btn_b8black,
#cover__cart01.b8white .cover__cart-btn_b8white,
#cover__cart01.b8red .cover__cart-btn_b8red,
#cover__cart01.b9black .cover__cart-btn_b9black,
#cover__cart01.b9white .cover__cart-btn_b9white,
#cover__cart01.b9red .cover__cart-btn_b9red,
#cover__cart01.b10black .cover__cart-btn_b10black,
#cover__cart01.b10white .cover__cart-btn_b10white,
#cover__cart01.b10red .cover__cart-btn_b10red {
  opacity: 1;
  z-index: 2;
}

#cover__cart02.a1silver .cover__cart-btn_a1silver,
#cover__cart02.a1black .cover__cart-btn_a1black,
#cover__cart02.a1white .cover__cart-btn_a1white,
#cover__cart02.a1red .cover__cart-btn_a1red,
#cover__cart02.a2silver .cover__cart-btn_a2silver,
#cover__cart02.a2black .cover__cart-btn_a2black,
#cover__cart02.a2white .cover__cart-btn_a2white,
#cover__cart02.a2red .cover__cart-btn_a2red,
#cover__cart02.a3silver .cover__cart-btn_a3silver,
#cover__cart02.a3black .cover__cart-btn_a3black,
#cover__cart02.a3white .cover__cart-btn_a3white,
#cover__cart02.a3red .cover__cart-btn_a3red,
#cover__cart02.a4silver .cover__cart-btn_a4silver,
#cover__cart02.a4black .cover__cart-btn_a4black,
#cover__cart02.a4white .cover__cart-btn_a4white,
#cover__cart02.a4red .cover__cart-btn_a4red,
#cover__cart02.a5silver .cover__cart-btn_a5silver,
#cover__cart02.a5black .cover__cart-btn_a5black,
#cover__cart02.a5white .cover__cart-btn_a5white,
#cover__cart02.a5red .cover__cart-btn_a5red,
#cover__cart02.b6black .cover__cart-btn_b6black,
#cover__cart02.b6white .cover__cart-btn_b6white,
#cover__cart02.b6red .cover__cart-btn_b6red,
#cover__cart02.b7black .cover__cart-btn_b7black,
#cover__cart02.b7white .cover__cart-btn_b7white,
#cover__cart02.b7red .cover__cart-btn_b7red,
#cover__cart02.b8black .cover__cart-btn_b8black,
#cover__cart02.b8white .cover__cart-btn_b8white,
#cover__cart02.b8red .cover__cart-btn_b8red,
#cover__cart02.b9black .cover__cart-btn_b9black,
#cover__cart02.b9white .cover__cart-btn_b9white,
#cover__cart02.b9red .cover__cart-btn_b9red,
#cover__cart02.b10black .cover__cart-btn_b10black,
#cover__cart02.b10white .cover__cart-btn_b10white,
#cover__cart02.b10red .cover__cart-btn_b10red {
  opacity: 1;
  z-index: 2;
}

#cover__cart03.a1silver .cover__cart-btn_a1silver,
#cover__cart03.a1black .cover__cart-btn_a1black,
#cover__cart03.a1white .cover__cart-btn_a1white,
#cover__cart03.a1red .cover__cart-btn_a1red,
#cover__cart03.a2silver .cover__cart-btn_a2silver,
#cover__cart03.a2black .cover__cart-btn_a2black,
#cover__cart03.a2white .cover__cart-btn_a2white,
#cover__cart03.a2red .cover__cart-btn_a2red,
#cover__cart03.a3silver .cover__cart-btn_a3silver,
#cover__cart03.a3black .cover__cart-btn_a3black,
#cover__cart03.a3white .cover__cart-btn_a3white,
#cover__cart03.a3red .cover__cart-btn_a3red,
#cover__cart03.a4silver .cover__cart-btn_a4silver,
#cover__cart03.a4black .cover__cart-btn_a4black,
#cover__cart03.a4white .cover__cart-btn_a4white,
#cover__cart03.a4red .cover__cart-btn_a4red,
#cover__cart03.a5silver .cover__cart-btn_a5silver,
#cover__cart03.a5black .cover__cart-btn_a5black,
#cover__cart03.a5white .cover__cart-btn_a5white,
#cover__cart03.a5red .cover__cart-btn_a5red,
#cover__cart03.b6black .cover__cart-btn_b6black,
#cover__cart03.b6white .cover__cart-btn_b6white,
#cover__cart03.b6red .cover__cart-btn_b6red,
#cover__cart03.b7black .cover__cart-btn_b7black,
#cover__cart03.b7white .cover__cart-btn_b7white,
#cover__cart03.b7red .cover__cart-btn_b7red,
#cover__cart03.b8black .cover__cart-btn_b8black,
#cover__cart03.b8white .cover__cart-btn_b8white,
#cover__cart03.b8red .cover__cart-btn_b8red,
#cover__cart03.b9black .cover__cart-btn_b9black,
#cover__cart03.b9white .cover__cart-btn_b9white,
#cover__cart03.b9red .cover__cart-btn_b9red,
#cover__cart03.b10black .cover__cart-btn_b10black,
#cover__cart03.b10white .cover__cart-btn_b10white,
#cover__cart03.b10red .cover__cart-btn_b10red {
  opacity: 1;
  z-index: 2;
}

#cover__cart04.a1silver .cover__cart-btn_a1silver,
#cover__cart04.a1black .cover__cart-btn_a1black,
#cover__cart04.a1white .cover__cart-btn_a1white,
#cover__cart04.a1red .cover__cart-btn_a1red,
#cover__cart04.a2silver .cover__cart-btn_a2silver,
#cover__cart04.a2black .cover__cart-btn_a2black,
#cover__cart04.a2white .cover__cart-btn_a2white,
#cover__cart04.a2red .cover__cart-btn_a2red,
#cover__cart04.a3silver .cover__cart-btn_a3silver,
#cover__cart04.a3black .cover__cart-btn_a3black,
#cover__cart04.a3white .cover__cart-btn_a3white,
#cover__cart04.a3red .cover__cart-btn_a3red,
#cover__cart04.a4silver .cover__cart-btn_a4silver,
#cover__cart04.a4black .cover__cart-btn_a4black,
#cover__cart04.a4white .cover__cart-btn_a4white,
#cover__cart04.a4red .cover__cart-btn_a4red,
#cover__cart04.a5silver .cover__cart-btn_a5silver,
#cover__cart04.a5black .cover__cart-btn_a5black,
#cover__cart04.a5white .cover__cart-btn_a5white,
#cover__cart04.a5red .cover__cart-btn_a5red,
#cover__cart04.b6black .cover__cart-btn_b6black,
#cover__cart04.b6white .cover__cart-btn_b6white,
#cover__cart04.b6red .cover__cart-btn_b6red,
#cover__cart04.b7black .cover__cart-btn_b7black,
#cover__cart04.b7white .cover__cart-btn_b7white,
#cover__cart04.b7red .cover__cart-btn_b7red,
#cover__cart04.b8black .cover__cart-btn_b8black,
#cover__cart04.b8white .cover__cart-btn_b8white,
#cover__cart04.b8red .cover__cart-btn_b8red,
#cover__cart04.b9black .cover__cart-btn_b9black,
#cover__cart04.b9white .cover__cart-btn_b9white,
#cover__cart04.b9red .cover__cart-btn_b9red,
#cover__cart04.b10black .cover__cart-btn_b10black,
#cover__cart04.b10white .cover__cart-btn_b10white,
#cover__cart04.b10red .cover__cart-btn_b10red {
  opacity: 1;
  z-index: 2;
}

#cover__cart05.a1silver .cover__cart-btn_a1silver,
#cover__cart05.a1black .cover__cart-btn_a1black,
#cover__cart05.a1white .cover__cart-btn_a1white,
#cover__cart05.a1red .cover__cart-btn_a1red,
#cover__cart05.a2silver .cover__cart-btn_a2silver,
#cover__cart05.a2black .cover__cart-btn_a2black,
#cover__cart05.a2white .cover__cart-btn_a2white,
#cover__cart05.a2red .cover__cart-btn_a2red,
#cover__cart05.a3silver .cover__cart-btn_a3silver,
#cover__cart05.a3black .cover__cart-btn_a3black,
#cover__cart05.a3white .cover__cart-btn_a3white,
#cover__cart05.a3red .cover__cart-btn_a3red,
#cover__cart05.a4silver .cover__cart-btn_a4silver,
#cover__cart05.a4black .cover__cart-btn_a4black,
#cover__cart05.a4white .cover__cart-btn_a4white,
#cover__cart05.a4red .cover__cart-btn_a4red,
#cover__cart05.a5silver .cover__cart-btn_a5silver,
#cover__cart05.a5black .cover__cart-btn_a5black,
#cover__cart05.a5white .cover__cart-btn_a5white,
#cover__cart05.a5red .cover__cart-btn_a5red,
#cover__cart05.b6black .cover__cart-btn_b6black,
#cover__cart05.b6white .cover__cart-btn_b6white,
#cover__cart05.b6red .cover__cart-btn_b6red,
#cover__cart05.b7black .cover__cart-btn_b7black,
#cover__cart05.b7white .cover__cart-btn_b7white,
#cover__cart05.b7red .cover__cart-btn_b7red,
#cover__cart05.b8black .cover__cart-btn_b8black,
#cover__cart05.b8white .cover__cart-btn_b8white,
#cover__cart05.b8red .cover__cart-btn_b8red,
#cover__cart05.b9black .cover__cart-btn_b9black,
#cover__cart05.b9white .cover__cart-btn_b9white,
#cover__cart05.b9red .cover__cart-btn_b9red,
#cover__cart05.b10black .cover__cart-btn_b10black,
#cover__cart05.b10white .cover__cart-btn_b10white,
#cover__cart05.b10red .cover__cart-btn_b10red {
  opacity: 1;
  z-index: 2;
}

#cover__cart06.a1silver .cover__cart-btn_a1silver,
#cover__cart06.a1black .cover__cart-btn_a1black,
#cover__cart06.a1white .cover__cart-btn_a1white,
#cover__cart06.a1red .cover__cart-btn_a1red,
#cover__cart06.a2silver .cover__cart-btn_a2silver,
#cover__cart06.a2black .cover__cart-btn_a2black,
#cover__cart06.a2white .cover__cart-btn_a2white,
#cover__cart06.a2red .cover__cart-btn_a2red,
#cover__cart06.a3silver .cover__cart-btn_a3silver,
#cover__cart06.a3black .cover__cart-btn_a3black,
#cover__cart06.a3white .cover__cart-btn_a3white,
#cover__cart06.a3red .cover__cart-btn_a3red,
#cover__cart06.a4silver .cover__cart-btn_a4silver,
#cover__cart06.a4black .cover__cart-btn_a4black,
#cover__cart06.a4white .cover__cart-btn_a4white,
#cover__cart06.a4red .cover__cart-btn_a4red,
#cover__cart06.a5silver .cover__cart-btn_a5silver,
#cover__cart06.a5black .cover__cart-btn_a5black,
#cover__cart06.a5white .cover__cart-btn_a5white,
#cover__cart06.a5red .cover__cart-btn_a5red,
#cover__cart06.b6black .cover__cart-btn_b6black,
#cover__cart06.b6white .cover__cart-btn_b6white,
#cover__cart06.b6red .cover__cart-btn_b6red,
#cover__cart06.b7black .cover__cart-btn_b7black,
#cover__cart06.b7white .cover__cart-btn_b7white,
#cover__cart06.b7red .cover__cart-btn_b7red,
#cover__cart06.b8black .cover__cart-btn_b8black,
#cover__cart06.b8white .cover__cart-btn_b8white,
#cover__cart06.b8red .cover__cart-btn_b8red,
#cover__cart06.b9black .cover__cart-btn_b9black,
#cover__cart06.b9white .cover__cart-btn_b9white,
#cover__cart06.b9red .cover__cart-btn_b9red,
#cover__cart06.b10black .cover__cart-btn_b10black,
#cover__cart06.b10white .cover__cart-btn_b10white,
#cover__cart06.b10red .cover__cart-btn_b10red {
  opacity: 1;
  z-index: 2;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ13 ▼
//
///////////////////////////////////////////////////*/
.top13 {
  background: #ededed;
  padding: min(205px, 10.6770833333vw) 0 min(200px, 10.4166666667vw);
}
.top13 .top13_inner {
  padding: 0 min(160px, 8.3333333333vw);
}
.top13 .top13_inner .logo {
  width: 180px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .logo {
    width: 144px;
  }
}
.top13 .top13_inner h2 {
  font-size: min(110px, 5.7291666667vw);
  text-transform: uppercase;
  color: #000;
  line-height: 1;
  text-align: center;
  margin-top: 0.5vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner h2 {
    font-size: 58.7px;
  }
}
.top13 .top13_inner .box {
  display: flex;
  flex-wrap: wrap;
  gap: 0 6%;
  margin: min(112px, 5.8333333333vw) 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box {
    gap: 0 4%;
  }
}
.top13 .top13_inner .box .item {
  width: 47%;
  margin-bottom: 4%;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item {
    width: 48%;
  }
}
.top13 .top13_inner .box .item:last-of-type {
  margin-bottom: 0;
}
.top13 .top13_inner .box .item .swiper-container {
  position: relative;
  overflow: hidden;
}
.top13 .top13_inner .box .item .swiper-container .swiper-button-prev,
.top13 .top13_inner .box .item .swiper-container .swiper-button-next {
  width: 27px;
  height: 27px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  top: auto;
  bottom: 5%;
}
.top13 .top13_inner .box .item .swiper-container .swiper-button-prev::after,
.top13 .top13_inner .box .item .swiper-container .swiper-button-next::after {
  content: none;
}
.top13 .top13_inner .box .item .swiper-container .swiper-button-prev {
  background-image: url(../images/common/slider_prev.png);
  left: auto;
  right: 76px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .swiper-container .swiper-button-prev {
    right: 56px;
  }
}
.top13 .top13_inner .box .item .swiper-container .swiper-button-next {
  background-image: url(../images/common/slider_next.png);
  right: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .swiper-container .swiper-button-next {
    right: 20px;
  }
}
.top13 .top13_inner .box .item .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.top13 .top13_inner .box .item .txt {
  background: #fff;
  color: #000;
  padding: min(50px, 2.6041666667vw) 0;
  position: relative;
}
.top13 .top13_inner .box .item .txt .flow_txt {
  position: absolute;
  right: 0;
  top: 8%;
  font-size: min(120px, 6.25vw);
  color: #d5d5d5;
  writing-mode: vertical-lr;
  transform: translate(40%, 0);
  opacity: 0.5;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .txt .cover__select-color_chart {
    margin: 0 0 1vw 0;
  }
}
.top13 .top13_inner .box .item .txt .cover-text {
  width: 100%;
  padding: 0 min(68px, 3.5416666667vw) 3.8541666667vw;
  position: relative;
}
.top13 .top13_inner .box .item .txt .cover-text::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  transform: translate(-50%, 0);
  width: calc(100% - 6.8vw);
  height: 1px;
  background: #000;
}
.top13 .top13_inner .box .item .txt .cover-text .cover-name {
  font-size: min(36px, 1.875vw);
  padding: 0.4vw 0;
  white-space: nowrap;
}
.top13 .top13_inner .box .item .txt .cover-text .disc {
  font-size: clamp(12px, 1.25vw, 24px);
  font-weight: 500;
  line-height: 1.88;
  letter-spacing: 0.07em;
  padding: 0 2vw;
}
.top13 .top13_inner .box .item .txt .cover-text table {
  width: calc(100% - 2vw);
  margin: 1.5vw auto 5vw;
}
.top13 .top13_inner .box .item .txt .cover-text table.mb01 {
  margin-bottom: 12.9vw;
}
.top13 .top13_inner .box .item .txt .cover-text table.table tr th:first-of-type,
.top13 .top13_inner .box .item .txt .cover-text table.table tr td:first-of-type {
  width: 30% !important;
}
.top13 .top13_inner .box .item .txt .cover-text table.table tr th:nth-of-type(2),
.top13 .top13_inner .box .item .txt .cover-text table.table tr td:nth-of-type(2) {
  width: 30%;
}
.top13 .top13_inner .box .item .txt .cover-text table.table tr th:nth-of-type(3),
.top13 .top13_inner .box .item .txt .cover-text table.table tr td:nth-of-type(3) {
  width: 20%;
}
.top13 .top13_inner .box .item .txt .cover-text table.table tr th:nth-of-type(4),
.top13 .top13_inner .box .item .txt .cover-text table.table tr td:nth-of-type(4) {
  width: 20%;
}
.top13 .top13_inner .box .item .txt .cover-text table tr {
  border-bottom: 1px solid #000;
}
.top13 .top13_inner .box .item .txt .cover-text table tr th,
.top13 .top13_inner .box .item .txt .cover-text table tr td {
  width: 33.3333333333%;
  font-size: min(20px, 1.0416666667vw);
  letter-spacing: 0.07em;
  line-height: 1;
  font-weight: 400;
  text-align: left;
  padding: 0.6vw 0;
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .txt .cover-text table tr th,
.top13 .top13_inner .box .item .txt .cover-text table tr td {
    font-size: 10px;
  }
}
.top13 .top13_inner .box .item .txt .cover-text table tr th.pl01,
.top13 .top13_inner .box .item .txt .cover-text table tr td.pl01 {
  padding-left: 2vw;
}
.top13 .top13_inner .box .item .txt .cover-text table tr th.center,
.top13 .top13_inner .box .item .txt .cover-text table tr td.center {
  text-align: center;
  line-height: 1.5;
}
.top13 .top13_inner .box .item .txt .cover-text table tr .small01,
.top13 .top13_inner .box .item .txt .cover-text table tr .small02 {
  display: block;
  width: fit-content;
  margin-bottom: 0.2vw;
}
.top13 .top13_inner .box .item .txt .cover-text table tr .small01 {
  font-size: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .txt .cover-text table tr .small01 {
    font-size: 10px;
  }
}
.top13 .top13_inner .box .item .txt .cover-text table tr .small02 {
  font-size: 10px;
}
.top13 .top13_inner .box .item .txt .cover-text .cover__select-title {
  font-size: min(20px, 1.0416666667vw);
  margin-bottom: 0.3vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .txt .cover-text .cover__select-title {
    font-size: 10px;
  }
}
.top13 .top13_inner .box .item .txt .cover-text .cover__select-size_select {
  font-size: min(18px, 0.9375vw);
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .txt .cover-text .cover__select-size_select {
    font-size: 10px;
  }
}
.top13 .top13_inner .box .item .txt .cover-text .cover__select-size_detail-part {
  width: 100%;
}
.top13 .top13_inner .box .item .txt .cover-text #cover__cart02,
.top13 .top13_inner .box .item .txt .cover-text #cover__cart03,
.top13 .top13_inner .box .item .txt .cover-text #cover__cart04,
.top13 .top13_inner .box .item .txt .cover-text #cover__cart05,
.top13 .top13_inner .box .item .txt .cover-text #cover__cart06 {
  margin-top: 2vw;
  position: relative;
}
.top13 .top13_inner .box .item .txt .cover-text .cover__cart-btns > div {
  width: 55.5%;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .top13 .top13_inner .box .item .txt .cover-text .cover__cart-btns > div {
    width: 75%;
  }
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ14 ▼
//
///////////////////////////////////////////////////*/
.top14 {
  padding: min(208px, 10.8333333333vw) 0 min(214px, 11.1458333333vw);
}
.top14 .top14_inner {
  width: 90%;
  max-width: 964px;
  margin: 0 auto;
}
.top14 .top14_inner .en {
  font-size: min(50px, 2.6041666667vw);
  text-align: center;
  display: block;
  margin-bottom: 1vw;
}
.top14 .top14_inner h2 {
  font-size: min(120px, 6.25vw);
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
  text-align: center;
}
.top14 .top14_inner .p01 {
  font-size: clamp(16px, 1.25vw, 24px);
  text-align: center;
  line-height: 1.88;
  letter-spacing: 0.07em;
  margin-top: 2vw;
}
.top14 .top14_inner form {
  margin: 34px 0 0;
}
.top14 .top14_inner form .item {
  margin-bottom: 48px;
}
.top14 .top14_inner form .item .inner {
  letter-spacing: 0.07em;
}
.top14 .top14_inner form .item .inner:first-of-type {
  margin-bottom: 8px;
}
.top14 .top14_inner form .item .inner:first-of-type label {
  font-size: 20px;
}
.top14 .top14_inner form .item .inner:last-of-type input[type=text],
.top14 .top14_inner form .item .inner:last-of-type input[type=email],
.top14 .top14_inner form .item .inner:last-of-type input[type=tel],
.top14 .top14_inner form .item .inner:last-of-type textarea {
  width: 100%;
  border: 1px solid #cdd6dd;
  background: #000;
  color: #fff;
  padding: 16.5px;
}
.top14 .top14_inner form .item .inner:last-of-type input[type=text]::placeholder,
.top14 .top14_inner form .item .inner:last-of-type input[type=email]::placeholder,
.top14 .top14_inner form .item .inner:last-of-type input[type=tel]::placeholder,
.top14 .top14_inner form .item .inner:last-of-type textarea::placeholder {
  font-size: 14px;
}
.top14 .top14_inner form .item .inner:last-of-type textarea {
  height: 186px;
}
.top14 .top14_inner form .item.radio_item input {
  display: none;
}
.top14 .top14_inner form .item.radio_item .label {
  font-size: 18px;
  position: relative;
  cursor: pointer;
  padding-left: 40px;
  margin-right: 20px;
}
.top14 .top14_inner form .item.radio_item .label::before, .top14 .top14_inner form .item.radio_item .label::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.top14 .top14_inner form .item.radio_item .label::before {
  border: 1px solid #fff;
  width: 23px;
  height: 23px;
  left: 5px;
  border-radius: 50%;
}
.top14 .top14_inner form .item.radio_item .label::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  left: 0;
  opacity: 0;
  left: 10px;
  position: absolute;
  background: #808080;
  border-radius: 50%;
}
.top14 .top14_inner form .item.radio_item input:checked + label::after {
  opacity: 1;
}
.top14 .top14_inner form .acceptance .inner {
  text-align: center;
}
.top14 .top14_inner form .acceptance .inner input {
  display: none;
}
.top14 .top14_inner form .acceptance .inner label {
  position: relative;
  cursor: pointer;
  padding-left: 45px;
  font-weight: 400;
  font-size: 16px;
}
.top14 .top14_inner form .acceptance .inner label::before, .top14 .top14_inner form .acceptance .inner label::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.top14 .top14_inner form .acceptance .inner label::before {
  background-color: #fff;
  border: 1px solid #cdd6dd;
  width: 30px;
  height: 30px;
  left: 5px;
}
.top14 .top14_inner form .acceptance .inner label::after {
  border-right: 4px solid #000;
  border-bottom: 4px solid #000;
  content: "";
  display: block;
  height: 18px;
  left: 16px;
  margin-top: -13px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 11px;
}
.top14 .top14_inner form .acceptance .inner input:checked + label::after {
  opacity: 1;
}
.top14 .top14_inner form .submit {
  text-align: center;
  margin: 50px 0 0;
}
.top14 .top14_inner form .submit button {
  background: #fff;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.07em;
  width: 360px;
  margin: 0 auto;
  border: none;
  padding: 21.5px 0;
  cursor: pointer;
  border-radius: 10px;
  transition: opacity 0.3s;
}
.top14 .top14_inner form .submit button:hover {
  opacity: 0.8;
}

/*///////////////////////////////////////////////////
//
//            ▼ 確認画面 ▼
//
///////////////////////////////////////////////////*/
.confirm form {
  margin-top: 100px !important;
}
.confirm .btn_wrap {
  display: flex;
  justify-content: center;
  gap: 5%;
}
.confirm .btn_wrap .back,
.confirm .btn_wrap .submit {
  text-align: center;
  margin: 50px 0 0;
  width: 40%;
}
.confirm .btn_wrap .back button,
.confirm .btn_wrap .submit button {
  background: #fff;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.07em;
  width: 100%;
  margin: 0 auto;
  border: none;
  padding: 21.5px 0;
  cursor: pointer;
  border-radius: 10px;
  transition: opacity 0.3s;
}
.confirm .btn_wrap .back button:hover,
.confirm .btn_wrap .submit button:hover {
  opacity: 0.8;
}
.confirm .btn_wrap .submit button {
  width: 100% !important;
}

/*///////////////////////////////////////////////////
//
//            ▼ サンクス ▼
//
///////////////////////////////////////////////////*/
.thanks {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.thanks .en {
  font-size: min(50px, 2.6041666667vw);
  text-align: center;
  display: block;
  margin-bottom: 1vw;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .thanks .en {
    font-size: 26.6px;
  }
}
.thanks h2 {
  font-size: min(80px, 4.1666666667vw);
  font-family: "游ゴシック", "YuGothic", "游ゴシック体", "Noto Sans JP", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .thanks h2 {
    font-size: 42.6px;
  }
}
.thanks p {
  text-align: center;
  font-size: clamp(13px, 1.0416666667vw, 20px);
  margin-top: 3vw;
}
.thanks .link_btn {
  margin-top: 4vw;
}
.thanks .link_btn a {
  background: #fff;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.07em;
  width: 360px;
  margin: 0 auto;
  padding: 21.5px 0;
  border-radius: 10px;
  transition: opacity 0.3s;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1025.5px) {
  .thanks .link_btn a {
    font-size: 16px;
    width: 320px;
    padding: 15.5px 0;
  }
}
.thanks .link_btn a:hover {
  opacity: 0.8;
}

button.layout_a {
  width: 1000px;
}

.storesjp-button-cart {
  width: 100% !important;
}

/*///////////////////////////////////////////////////
//
//            ▼ IE対策 ▼
//
///////////////////////////////////////////////////*/

/*# sourceMappingURL=desktop.css.map */