@charset "UTF-8";
.topimage { position: relative; }

#topimage { position: relative; }
#topimage .slick_list { position: absolute; left: 0; z-index: 2; }
#topimage .slick_list li a { color: #fff; font-family: "Poppins", sans-serif; font-weight: 400; display: flex; align-items: center; position: relative; }
#topimage .slick_list li a:before { content: ""; position: absolute; top: 50%; right: 1em; background-color: #fff; clip-path: polygon(100% 50%, 0 0, 0 100%); transform: translateY(-50%); transition: right 0.4s; }
#topimage .slick_list li a:hover { text-decoration: none; cursor: pointer; }
#topimage .slick_list li a:hover:before { right: 0.75em; }
#topimage .slick_list li:nth-child(1) a { background-color: #e74200; }
#topimage .slick_list li:nth-child(2) a { background-color: #3e549f; }
#topimage .slick_list li:nth-child(3) a { background-color: #d156b6; }
#topimage .slick_list li:nth-child(4) a { background-color: #54535c; }
#topimage #slick_slider { overflow: hidden; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
#topimage #slick_slider li { background: linear-gradient(to bottom right, #eee, #ccc); }
#topimage .topcatch { font-weight: 400; font-style: oblique; font-feature-settings: "palt"; color: #e74200; position: absolute; z-index: 35; margin-left: auto; margin-right: auto; }
#topimage .topcatch.slide01 .en { font-family: "Poppins", sans-serif; font-weight: 700; }
#topimage .circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
#topimage .circle .cir { aspect-ratio: 1 / 1; border-radius: 100%; z-index: 2; }
#topimage .circle .cir01 { position: absolute; background-color: #e74200; top: 45%; left: 8%; width: 3.25%; }
#topimage .circle .cir02 { position: absolute; background-color: #d156b6; top: 55%; left: 22%; width: 1.25%; }
#topimage .circle .cir03 { position: absolute; background-color: #3e549f; bottom: -1%; left: 48%; width: 1.5%; }
#topimage .circle .cir04 { position: absolute; background-color: #54535c; top: -2%; left: 50%; width: 2%; }
#topimage .circle .cir05 { position: absolute; background-color: #e74200; top: 5%; left: 65%; width: 1.75%; }
#topimage .circle .cir06 { position: absolute; background-color: #3e549f; top: 3%; left: 72%; width: 2.25%; }
#topimage .circle .cir07 { position: absolute; background-color: #d156b6; bottom: -2%; left: 94%; width: 2.5%; }
#topimage .circle .cir08 { position: absolute; background-color: #54535c; bottom: 5%; left: 98%; width: 1%; }

.numbox_container { position: relative; overflow: hidden; }
.numbox_container .karumaze_en { position: absolute; z-index: -1; opacity: 0.5; width: 100vw; height: 240px; }
.numbox_container .karumaze_en .line:before { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 60px; background-image: url("../../../images/karumaze.png"); background-repeat: repeat-x; background-size: auto 100%; animation-name: endless01; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes endless01 { 0% { background-position: 0 0; }
  100% { background-position: 268px 0; } }
@keyframes endless02 { 0% { background-position: 5rem 0; }
  100% { background-position: calc(268px + 5rem) 0; } }
@keyframes endless03 { 0% { background-position: 10rem 0; }
  100% { background-position: calc(268px + 10rem) 0; } }
@keyframes endless04 { 0% { background-position: 15rem 0; }
  100% { background-position: calc(268px + 15rem) 0; } }
.numbox_container .karumaze_en .line:nth-child(2):before { top: 60px; animation-name: endless02; }
.numbox_container .karumaze_en .line:nth-child(3):before { top: 120px; animation-name: endless03; }
.numbox_container .karumaze_en .line:nth-child(4):before { top: 180px; animation-name: endless04; }

.topcontent_ttl { display: flex; align-items: baseline; color: #999; font-weight: 600; position: relative; z-index: 10; }
.topcontent_ttl img { height: auto; }

.circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.circle .cir { position: absolute; aspect-ratio: 1 / 1; border-radius: 50%; }

#pickup { background-color: #eee; margin-top: 0 !important; position: relative; }
#pickup .topcontent_ttl img { margin-left: 0; }
#pickup .pickup_ttl { display: flex; justify-content: space-between; align-items: baseline; }
#pickup .pickup_ttl .view { display: flex; align-items: baseline; position: relative; z-index: 10; }
#pickup .pickup_ttl .view a { display: flex; color: #333; align-items: center; }
#pickup .pickup_ttl .view a .arrow { background-color: #e74200; transition: transform 0.2s; transform-origin: center center; }
#pickup .pickup_ttl .view a .arrow img { height: auto; position: relative; left: 0; transition: left 0.2s; }
#pickup .pickup_ttl .view a:hover { text-decoration: none; }
#pickup .pickup_ttl .view a:hover .arrow { transform: scale(1.5); }
#pickup .pickup_area { position: relative; z-index: 2; }
#pickup .pickup_area:before { content: ""; position: absolute; top: 0; right: 0; width: 50vw; height: 100%; background-color: #fff; }
#pickup .pickup_area .container { background-color: #fff; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
#pickup .circle .cir09 { background-color: #3e549f; top: 50%; left: 2%; width: 10%; transform: translateY(-50%); }
#pickup .circle .cir10 { background-color: #d156b6; top: 75%; left: 12%; width: 4%; }

.news_list { display: flex; }
.news_list ul { width: 100%; }
.news_list ul li { margin-left: 42px; padding-top: 1em; padding-bottom: 1em; }
.news_list ul li + li { border-top: #ddd 2px solid; position: relative; }
.news_list ul li + li::after { content: ""; display: block; position: absolute; bottom: 0; top: -2px; width: 5.5em; border-top: #e74200 2px solid; }
.news_list ul li a:link, .news_list ul li a:visited { color: #333; }
.news_list ul li a:hover, .news_list ul li a:active { color: #e74200; text-decoration: none; }
.news_list ul li .cate { display: inline-block; vertical-align: middle; padding-bottom: 2px; }
.news_list ul li .cate .cate-inner { display: flex; align-items: center; color: #888; font-size: 12px; line-height: 12px; text-align: center; font-weight: normal; }
.news_list ul li.cate01 { font-family: 'Noto Sans JP', sans-serif; }
.news_list ul li.cate02 { font-family: 'Noto Sans JP', sans-serif; }
.news_list ul li.cate03 { font-family: 'Noto Sans JP', sans-serif; }

#newcolor { background-color: #eee; margin-top: 0 !important; overflow: hidden; position: relative; }
#newcolor:before { content: ""; position: absolute; top: 0; left: 50%; aspect-ratio: 1 / 1; background-color: #fff; border-radius: 100%; transform: translateX(-50%); }
#newcolor .topcontent_ttl { text-align: center; display: block; }
#newcolor .topcontent_ttl:before { content: ""; position: absolute; left: 50%; width: 100%; background-image: url("../../../images/newcolor_dot.png"); background-size: auto 100%; background-position: center center; background-repeat: no-repeat; transform: translateX(-50%); }
#newcolor .newcolor_list li { position: relative; background-color: #fff; z-index: 2; border-radius: 10px; }
#newcolor .newcolor_list li .circle { z-index: -1; }
#newcolor .newcolor_list li:nth-child(1) a:before { background-color: #3e549f; }
#newcolor .newcolor_list li:nth-child(1) a .newcolor_txt .newcolor_name .arrow { background-color: #3e549f; }
#newcolor .newcolor_list li:nth-child(1) .circle .cir11 { background-color: #3e549f; top: 70%; left: -35%; width: 40%; transform: translateY(-50%); }
#newcolor .newcolor_list li:nth-child(2) { z-index: 1; }
#newcolor .newcolor_list li:nth-child(2) a:before { background-color: #d156b6; }
#newcolor .newcolor_list li:nth-child(2) a .newcolor_txt .newcolor_name .arrow { background-color: #d156b6; }
#newcolor .newcolor_list li:nth-child(2) .circle .cir12 { background-color: #d156b6; top: 0; right: -5%; width: 20%; transform: translateY(-50%); }
#newcolor .newcolor_list li:nth-child(3) a:before { background-color: #54535c; }
#newcolor .newcolor_list li:nth-child(3) a .newcolor_txt .newcolor_name .arrow { background-color: #54535c; }
#newcolor .newcolor_list li:nth-child(3) .circle .cir13 { background-color: #54535c; top: 80%; right: -40%; width: 50%; transform: translateY(-50%); }
#newcolor .newcolor_list li a { border: 2px solid #ccc; background-color: #fff; border-radius: 10px; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; overflow: hidden; }
#newcolor .newcolor_list li a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; z-index: 0; }
#newcolor .newcolor_list li a:hover { text-decoration: none; }
#newcolor .newcolor_list li a:hover:before { opacity: 1; }
#newcolor .newcolor_list li a:hover .newcolor_txt .newcolor_name { color: #fff; }
#newcolor .newcolor_list li a:hover .newcolor_txt .arrow { transform: scale(1.4); }
#newcolor .newcolor_list li a .newcolor_img { position: relative; z-index: 1; width: 90%; height: 650%; border-radius: 10px; overflow: hidden; }
#newcolor .newcolor_list li a .newcolor_txt { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; width: 100%; }
#newcolor .newcolor_list li a .newcolor_txt .newcolor_name { font-weight: 600; transition: color 0.3s; width: 100%; display: flex; justify-content: space-between; }
#newcolor .newcolor_list li a .newcolor_txt .newcolor_name .arrow { aspect-ratio: 1 / 1; border-radius: 100%; transition: transform 0.3s; }
#newcolor .newcolor_list li a .newcolor_txt .newcolor_name .arrow img { width: 100%; height: auto; }
#newcolor .slider { display: flex; overflow: hidden; position: relative; z-index: 2; }
#newcolor .slider .gallery { display: flex; list-style: none; padding: 0; }

.advantage_area { position: relative; }
.advantage_area:before { content: ""; position: absolute; top: 5%; left: -5%; width: 50vw; height: 100%; background-image: url("../../../images/deco_advantage.png"); background-size: contain; background-position: 0 0; background-repeat: no-repeat; }
.advantage_area .topcontent_ttl { justify-content: flex-end; }
.advantage_area .adv_container { display: flex; align-items: center; justify-content: center; background-image: url("../../../images/bg_advantage.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; z-index: 2; }
.advantage_area .adv_container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; z-index: 1; }
.advantage_area .adv_container .adv_list { display: flex; width: 100%; position: relative; z-index: 2; }
.advantage_area .adv_container .adv_list li { display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: bold; color: #fff; }
.advantage_area .adv_container .adv_list li:nth-child(1) { background-color: #3e549f; }
.advantage_area .adv_container .adv_list li:nth-child(2) { background-color: #d156b6; }
.advantage_area .adv_container .adv_list li:nth-child(3) { background-color: #54535c; }
.advantage_area .circle .cir14 { background-color: #e74200; bottom: 0; right: 5%; width: 5%; }
.advantage_area .circle .cir15 { background-color: #54535c; bottom: -18%; right: 12%; width: 10%; }

.movie .topcontent_ttl { margin-bottom: -1rem; }
.movie .mov { background-color: #eee; display: flex; align-items: center; position: relative; overflow: hidden; }
.movie .mov iframe { border-radius: 10px; aspect-ratio: 560 / 315; }
.movie .mov .container { position: relative; z-index: 2; }
.movie .mov.mov01 { margin-right: 5%; }
.movie .mov.mov02 { margin-left: 5%; }
.movie .mov + .mov { margin-top: 2rem; }
.movie .mov .movie_ttl { color: #e74200; font-weight: bold; position: relative; }
.movie .mov .movie_ttl:before { content: ""; position: absolute; top: 50%; left: 0; height: 1px; background-color: #e74200; }
.movie .mov .movie_ttl:after { content: ""; position: absolute; top: 50%; right: 0; height: 1px; background-color: #e74200; }
.movie .mov .circle { z-index: 1; }
.movie .mov .circle .cir16 { background-color: #e74200; bottom: 30%; left: 3%; width: 5%; }
.movie .mov .circle .cir17 { background-color: #3e549f; bottom: -18%; left: 10%; width: 15%; }
.movie .mov .circle .cir18 { background-color: #54535c; bottom: 30%; right: 3%; width: 5%; }
.movie .mov .circle .cir19 { background-color: #d156b6; bottom: -18%; right: 10%; width: 15%; }

.modelv #colorViewer { margin-left: auto; margin-right: auto; }

.spec_bt { display: flex; justify-content: center; position: relative; }
.spec_bt a { border: 1px solid #e74200; background-color: #fff; }
.spec_bt a:hover { text-decoration: none; background-color: #e74200; }
.spec_bt a:hover .spec_bt_ttl { color: #fff; }
.spec_bt .circle .cir20 { background-color: #e74200; top: 0; left: 5%; width: 2%; }
.spec_bt .circle .cir21 { background-color: #54535c; top: 10%; left: 10%; width: 8%; }
.spec_bt .circle .cir22 { background-color: #3e549f; top: 0; right: 5%; width: 2%; }
.spec_bt .circle .cir23 { background-color: #d156b6; top: 10%; right: 10%; width: 8%; }

@media screen and (min-width: 768px), print { #topimage + .section { padding-top: 100px; }
  #topimage .slick_list { bottom: 10%; width: 35%; }
  #topimage .slick_list li { margin-top: 20px; }
  #topimage .slick_list li a { height: 60px; padding-left: calc(10vw + 1em); border-top-right-radius: 30px; border-bottom-right-radius: 30px; font-size: 28px; }
  #topimage .slick_list li a:before { width: 14px; height: 16px; }
  #topimage .slick_list li a:hover:before { right: 0.75em; }
  #topimage #slick_slider { width: 90%; margin-left: 10%; }
  #topimage .topcatch { font-size: 68px; line-height: 72px; letter-spacing: 4px; top: 10%; left: 6%; }
  #topimage .topcatch .txtmin { font-size: 54px; }
  #topimage .topcatch.slide01 { line-height: 0.5em; }
  #topimage img { max-height: calc(100vh - 80px); object-fit: cover; }
  #topimage .topcatch.slide01 { top: 7%; }
  #topimage .topcatch.slide01 .en { font-size: clamp(60px, 8vw, 130px); line-height: clamp(74px, 9vw, 140px); }
  #topimage .topcatch.slide01 .txtmin { font-size: clamp(30px, 5vw, 60px); line-height: 1; }
  .numbox_container { padding-bottom: 120px; }
  .numbox_container .karumaze_en { top: 50%; left: 0; transform: translateY(-50%); }
  .numbox_container .karumaze_en .line:before { animation-duration: 6s; }
  .topcontent_ttl { font-size: 48px; line-height: 60px; }
  .topcontent_ttl span { font-size: 60px; }
  .topcontent_ttl img { width: 82px; margin-left: 1rem; }
  #pickup { padding-top: 80px; padding-bottom: 80px; }
  #pickup .pickup_ttl { padding-left: 0.5rem; padding-right: 0.5rem; margin-bottom: -0.75rem; }
  #pickup .pickup_ttl .view a .arrow { border-radius: 18px; margin-left: 1rem; }
  #pickup .pickup_ttl .view a .arrow img { width: 36px; }
  #pickup .pickup_area .container { padding-top: 2rem; padding-bottom: 2rem; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
  .news_list h2 { padding-bottom: 8px; }
  .news_list h2 img { height: 24px; }
  .news_list h2 a { font-size: 16px; }
  .news_list .view { display: flex; font-size: 16px; line-height: 16px; }
  .news_list .view img { width: 18px; height: 18px; background-color: #e74200; border-radius: 9px; display: inline-block; margin-left: 4px; }
  .news_list ul li a { display: flex; }
  .news_list ul li span.date { display: inline-block; width: 11em; text-indent: 0; font-size: 16px; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; color: #ee7b4c; }
  .news_list ul li span.date #text { border-bottom: 3px solid red; }
  .news_list ul li .newsttl { width: calc(100% - 11.5em); }
  .news_list ul li .cate { margin-left: 10px; }
  .news_list ul li .cate .cate-inner { width: 5.5em; height: 20px; }
  #newcolor { padding-top: 120px; }
  #newcolor:before { width: 200vw; }
  #newcolor .topcontent_ttl:before { bottom: -1rem; height: 10px; }
  #newcolor .newcolor_list { display: flex; flex-wrap: wrap; margin-top: 3rem; margin-left: -1rem; margin-right: -1rem; }
  #newcolor .newcolor_list li { width: calc(33.3% - 2rem); margin-left: 1rem; margin-right: 1rem; }
  #newcolor .newcolor_list li a { padding: 1rem 1rem 0.5rem; height: 100%; }
  #newcolor .newcolor_list li a .newcolor_txt { height: 100%; margin-top: 0.5rem; }
  #newcolor .newcolor_list li a .newcolor_txt .newcolor_name { font-size: 24px; line-height: 36px; }
  #newcolor .newcolor_list li a .newcolor_txt .newcolor_name .arrow { width: 36px; }
  @keyframes infinity-scroll-left { from { transform: translateX(0); }
    to { transform: translateX(-100%); } }
  #newcolor .slider { margin-top: 80px; }
  #newcolor .slider .gallery { animation: infinity-scroll-left 40s infinite linear 0.5s both; }
  #newcolor .slider .gallery li { width: calc(100vw / 8); }
  .advantage_area { padding-top: 320px; }
  .advantage_area .adv_container { margin-top: 1rem; padding: 80px 1rem; border-radius: 20px; }
  .advantage_area .adv_container .adv_list { margin-left: -10px; margin-right: -10px; }
  .advantage_area .adv_container .adv_list li { width: calc(33.3% - 20px); height: 80px; margin-left: 10px; margin-right: 10px; border-radius: 10px; font-size: 20px; line-height: 28px; padding: 1em 2em; }
  .movie .topcontent_ttl { margin-bottom: -1rem; }
  .movie .mov { height: 420px; }
  .movie .mov.mov01 { border-top-right-radius: 210px; border-bottom-right-radius: 210px; }
  .movie .mov.mov02 { border-top-left-radius: 210px; border-bottom-left-radius: 210px; }
  .movie .mov.mov02 .container { flex-direction: row-reverse; }
  .movie .mov + .mov { margin-top: 2rem; }
  .movie .mov .container { display: flex; align-items: flex-end; }
  .movie .mov .movie_ttl { font-size: 32px; margin-left: 2rem; margin-right: 2rem; padding-left: 0.75em; padding-right: 0.75em; }
  .movie .mov .movie_ttl:before { width: 0.5em; }
  .movie .mov .movie_ttl:after { width: 0.5em; }
  .modelv { position: relative; }
  .modelv #v360 { position: absolute; top: 80px; left: calc(100% - 85vw); }
  .modelv #colorViewer { width: 70vw; height: 70vh; }
  .modelv #colorViewer .v360deco { position: absolute; bottom: 0; left: 0; }
  .modelv #colorViewer .v360decor { position: absolute; bottom: 0; right: 0; }
  .spec_bt { margin-top: 16px; }
  .spec_bt a .spec_bt_ttl { font-size: 18px; color: #e74200; padding: 23px 110px; }
  .ft_dec { width: 100%; } }
@media screen and (min-width: 768px) and (min-width: 1184px) { #topimage .topcatch { font-size: clamp(80px, 6vw, 106px); line-height: clamp(86px, 6.5vw, 118px); } }
@media screen and (min-width: 768px) and (max-width: 1399px) { /* 1400px未満 */
  #topimage .slick_list { width: 40%; bottom: 5%; }
  #topimage .slick_list li a { padding-left: 5%; font-size: 20px; }
  #topimage .slick_list li + li { margin-top: 12px; } }
@media screen and (min-width: 768px) and (max-width: 1183px) { /* 1184px以下 */
  #topimage .slick_list { bottom: 5%; }
  #topimage .slick_list li { margin-top: 0.75rem; }
  #topimage .slick_list li a { height: 48px; }
  #pickup .pickup_ttl .view { margin-right: 70px; }
  #newcolor .newcolor_list { margin-left: -0.5rem; margin-right: -0.5rem; }
  #newcolor .newcolor_list li { width: calc(33.3% - 1rem); margin-left: 0.5rem; margin-right: 0.5rem; }
  #newcolor .newcolor_list li a .newcolor_txt .newcolor_name { font-size: 20px; line-height: 36px; }
  #newcolor .slider .gallery li { width: calc(100vw / 6); }
  .movie .mov .movie_ttl { font-size: 24px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { /* 992px以下 */
  #topimage .topcatch { font-size: 40px; line-height: 54px; letter-spacing: 2px; top: 4%; left: 4%; }
  #topimage .topcatch .txtmin { font-size: 36px; }
  #newcolor .newcolor_list { margin-left: auto; margin-right: auto; justify-content: center; }
  #newcolor .newcolor_list li { width: calc(40% - 1rem); margin-left: 0.5rem; margin-right: 0.5rem; }
  #newcolor .newcolor_list li:last-child { margin-top: 1rem; }
  #newcolor .newcolor_list li a .newcolor_txt .newcolor_name { font-size: 20px; line-height: 36px; }
  #newcolor .slider .gallery li { width: calc(100vw / 4); }
  .advantage_area { padding-top: 200px; }
  .advantage_area .topcontent_ttl { margin-right: 70px; }
  .advantage_area .adv_container .adv_list { flex-wrap: wrap; justify-content: center; }
  .advantage_area .adv_container .adv_list li { width: calc(40% - 20px); }
  .advantage_area .adv_container .adv_list li:last-child { margin-top: 20px; }
  .movie .topcontent_ttl { margin-bottom: -1rem; }
  .movie .mov { height: 420px; }
  .movie .mov.mov01 { border-top-right-radius: 210px; border-bottom-right-radius: 210px; }
  .movie .mov.mov02 { border-top-left-radius: 210px; border-bottom-left-radius: 210px; }
  .movie .mov.mov02 .container { flex-direction: row-reverse; }
  .movie .mov + .mov { margin-top: 2rem; }
  .movie .mov .container { display: flex; align-items: flex-end; }
  .movie .mov .movie_ttl { writing-mode: vertical-rl; font-size: 32px; margin-left: 0; margin-right: 0; }
  .movie .mov .movie_ttl:before { display: none; }
  .movie .mov .movie_ttl:after { display: none; } }
@media screen and (max-width: 767px) { #topimage + .section { padding-top: 40px; }
  #footer { padding-bottom: 86px; }
  #topimage .slick_list { bottom: 4%; width: 48%; }
  #topimage .slick_list li { margin-top: 6px; }
  #topimage .slick_list li a { height: 32px; padding-left: 0.5em; border-top-right-radius: 30px; border-bottom-right-radius: 30px; font-size: 15px; }
  #topimage .slick_list li a:before { width: 7px; height: 8px; right: 0.75rem; }
  #topimage .slick_list li a:hover:before { right: 0.75em; }
  #topimage #slick_slider { width: 94%; margin-left: 6%; }
  #topimage .topcatch { font-size: clamp(30px, 2vw, 48px); line-height: 36px; top: 5%; left: 3%; }
  #topimage .topcatch .txtmin { font-size: 22px; }
  #topimage .topcatch.slide01 { font-size: clamp(40px, 5vw, 60px); line-height: clamp(40px, 5vw, 60px); }
  #topimage .topcatch.slide01 .txtmin { font-size: clamp(24px, 3vw, 30px); line-height: clamp(24px, 3vw, 30px); }
  .numbox_area { margin-left: -1rem; flex-wrap: wrap; }
  .numbox_area a { width: 90%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
  .numbox_area a:not(:first-child) { margin-top: 0.5rem; }
  .numbox_area .numbox { padding: 0.25rem 0.5rem; flex-direction: row; position: relative; overflow: hidden; }
  .numbox_area .numbox .num_txt { width: 65%; }
  .numbox_area .numbox .num_txt .num1 { font-size: 24px; line-height: 24px; height: 24px; }
  .numbox_area .numbox .num_txt .num2 { padding-left: 0.75em; padding-right: 1em; width: 100%; flex-grow: 1; }
  .numbox_area .numbox .num_img { width: 35%; position: relative; right: -0.5rem; bottom: -0.25rem; }
  .numbox_container { padding-bottom: 40px; }
  .numbox_container .karumaze_en { top: 50%; left: 15%; transform: translateY(-50%) rotate(90deg); }
  .numbox_container .karumaze_en .line:before { animation-duration: 8s; }
  .topcontent_ttl { font-size: 32px; line-height: 48px; }
  .topcontent_ttl span { font-size: 40px; }
  .topcontent_ttl img { width: 41px; margin-left: 1rem; }
  #pickup { padding-top: 40px; padding-bottom: 40px; }
  #pickup .pickup_ttl { margin-left: 1rem; padding-right: 0.5rem; margin-bottom: -0.75rem; }
  #pickup .pickup_ttl .view a .arrow { border-radius: 18px; margin-left: 0.75rem; }
  #pickup .pickup_ttl .view a .arrow img { width: 24px; }
  #pickup .pickup_area .container { padding-top: 1rem; padding-bottom: 1rem; margin-left: 1rem; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
  .news_list ul li span.date { padding-bottom: 4px; display: block; font-size: 16px; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; color: #ee7b4c; }
  .news_list ul li .cate { margin-left: 14px; }
  .news_list ul li .cate .cate-inner { width: 8em; height: 16px; }
  #newcolor { padding-top: 60px; }
  #newcolor:before { width: 300vw; height: 100%; }
  #newcolor .topcontent_ttl { margin-bottom: 1em; }
  #newcolor .topcontent_ttl:before { bottom: -0.5rem; height: 6px; }
  #newcolor .newcolor_list { margin-top: 2rem; margin-left: auto; margin-right: auto; width: 80%; display: flex; flex-direction: column; align-items: center; }
  #newcolor .newcolor_list li + li { margin-top: 1rem; }
  #newcolor .newcolor_list li a { padding: 1rem 1rem 0.5rem; height: 100%; width: 100%; max-width: 360px; }
  #newcolor .newcolor_list li a .newcolor_txt { height: 100%; margin-top: 0.5rem; }
  #newcolor .newcolor_list li a .newcolor_txt .newcolor_name { font-size: 18px; line-height: 30px; }
  #newcolor .newcolor_list li a .newcolor_txt .newcolor_name .arrow { width: 30px; }
  #newcolor .newcolor_list li a .newcolor_img { display: flex; justify-content: center; width: 75%; }
  @keyframes infinity-scroll-left { from { transform: translateX(0); }
    to { transform: translateX(-100%); } }
  #newcolor .slider { margin-top: 30px; }
  #newcolor .slider .gallery { animation: infinity-scroll-left 40s infinite linear 0.5s both; }
  #newcolor .slider .gallery li { width: calc(100vw / 3); }
  .advantage_area { padding-top: 80px; }
  .advantage_area .adv_container { margin-top: 1rem; padding: 24px 1rem; border-radius: 20px; }
  .advantage_area .adv_container .adv_list { flex-direction: column; align-items: center; }
  .advantage_area .adv_container .adv_list li { min-width: 320px; height: 60px; border-radius: 10px; font-size: 14px; line-height: 22px; padding: 0.5em 1em; }
  .advantage_area .adv_container .adv_list li + li { margin-top: 0.5rem; }
  .movie .topcontent_ttl { margin-bottom: -1rem; }
  .movie .mov { padding-top: 30px; padding-bottom: 24px; }
  .movie .mov iframe { width: 100%; height: auto; }
  .movie .mov.mov01 { margin-right: 5%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
  .movie .mov.mov02 { margin-left: 5%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
  .movie .mov + .mov { margin-top: 1rem; }
  .movie .mov .container { display: flex; flex-direction: column; align-items: center; }
  .movie .mov .movie_ttl { display: inline-block; text-align: center; font-size: 16px; margin-top: 0.25rem; padding-left: 0.75em; padding-right: 0.75em; }
  .movie .mov .movie_ttl:before { width: 0.5em; }
  .movie .mov .movie_ttl:after { width: 0.5em; }
  .modelv { position: relative; margin-top: 40px; }
  .modelv #v360 { position: absolute; width: 80px; height: 80px; top: 20px; left: 8%; }
  .modelv #colorViewer { width: 90vw; height: 40vh; }
  .modelv #colorViewer .v360deco { position: absolute; bottom: 0; left: 0; width: 12px; height: 12px; }
  .modelv #colorViewer .v360decor { position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; }
  .spec_bt { margin-top: 24px; margin-bottom: 60px; }
  .spec_bt a .spec_bt_ttl { font-size: 18px; color: #e74200; padding: 19px 2em; }
  .ft_dec { height: 110px; }
  .ft_dec img { height: 100%; object-fit: cover; } }
@media screen and (max-width: 991px) { /* タブレット以下 */
  .news_list { flex-direction: column; }
  .news_list .news_list_set { justify-content: space-between; flex-direction: row; border-bottom: 1px solid #e74200; }
  .news_list ul li { margin-left: 0; } }