@charset "UTF-8";

@layer base, components, utilities;
@layer base {
.section:not(.theme-dark){
padding-top:var(--blankXL);
margin-bottom:var(--blankXL);
}
@media (max-width:768px)  {
.section:not(.theme-dark){
padding-top:var(--blankL);
margin-bottom:calc(2*var(--blankM));
}
}
}
@layer components {
.section h2 {
display:flex;
flex-direction: column;
justify-content: flex-start;
gap:19px;
margin-bottom:calc(var(--blankM) + 2px);
}
.section h2 .en {
font:var(--hfont);
border-bottom:2px solid var(--gray);
}
.section h2 .ja {
font:var(--font2);
}
.section h2.center {
align-items: center;
} 
.section h2.left {
align-items: flex-start;
} 
.btn_box {
margin-top:calc(var(--blankM) + 2px);
}
.news_list a dt {
display: flex;
align-items: center;
gap:var(--blankXXS);
}
.news_list a .time {
font:var(--font2);
}
.news_list a .label {
border:1px solid black;
padding:4px 6px;
font:var(--font3);
}
@media (max-width:768px)  {
.section h2 {
margin-bottom:var(--blankM2);
}
section h2 .en {
padding-bottom:8px;
}
.btn_box {
margin-top:var(--blankM);
}
}
} #top_kv {
width:100%;
height:100svh;
overflow: hidden;
}
.top_kv-slider {
width:100%;
height:100svh;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
overflow: hidden;
}
.top_kv-slider .slick-slide figure {
width:100%;
height:100svh;
position:relative;
display: flex;
}
.top_kv-slider .slick-slide figure:before {
z-index: 1;
opacity: 0.2;
}
.top_kv-slider .slick-slide figure img{
width:100%;
height:100%;
object-fit: cover;
}
.top_kv-slider .slick-slide figure figcaption {
position:absolute;
right:68px;
bottom:var(--blankM2);
opacity:0.5;
z-index: 2;
}
.top_kv-slider .slick-slide figure figcaption img {
height:var(--blankS);
width:auto;
}
.top_kv-slider .slick-slide figure.leolux figcaption img {
filter: invert();
}
.top_kv-slider .slick-slide figure.interlubke figcaption img {
height:calc(var(--blankS) + 5px);
}
.top_kv-slider .slick-dots {
bottom:var(--blankM2);
}
.top_kv-slider .slick-dots li {
margin:0 0;
}
.top_kv-slider .slick-dots li button:before {
font-size:8px;
color:rgb(255 255 255 / 0.3);
opacity:1;
}
.top_kv-slider .slick-dots .slick-active button:before {
color:black;
}
#top_kv .outer {
display: flex;
width:100%;
height:100%;
padding-bottom:var(--blankXL2);
}
#top_kv .outer .flex {
width:100%;
height:100%;
justify-content: space-between;
align-items: flex-end;
}
#top_kv .scroll {
padding-bottom:var(--blankM);
width:16px;
}
#top_kv .scroll .en {
writing-mode: vertical-lr;
font:var(--font);
line-height: 1;
}
#top_kv .scroll img {
width:3.72px;
margin:15px auto 0;
transform: translateY(-5px);
animation: scroll_down 3s infinite;
}
@keyframes scroll_down {
0% {
transform: translateY(-5px);
opacity: 0;
}
30% {
opacity: 1;
}
100% {
transform: translateY(20px);
opacity: 0;
}
}
#top_kv .news-pick_wrap h3 {
font-family:var(--fontfamily);
font-size:28px;
margin-bottom:var(--blankXS);
font-weight:normal;
letter-spacing: 1px;
}
.news-pick_list {
margin-bottom:var(--blankS);
}
.news-pick_list a {
display: flex;
flex-direction: column;
gap:var(--blankXS);
color:white;
}
.news-pick_list a dt {
display: flex;
align-items: center;
gap:var(--blankXXS);
}
.news-pick_list a .label {
border:1px solid white;
}
.news-pick_list a dd {
font:var(--font);
}
#top_kv .news-pick_wrap .link_more {
color:white;
}
#top_kv .news-pick_wrap .link_more .i_arw {
filter: invert();
}
@media (max-width:768px)  {
.top_kv-slider .slick-slide figure figcaption { right:32px;
bottom:30px;
}
.top_kv-slider .slick-dots{
bottom:var(--blankS);
}
#top_kv .outer {
padding-bottom: 0;
}
#top_kv .outer .news-pick_wrap{
padding-bottom:var(--blankM);
}
#top_kv .scroll {
padding-bottom:calc(var(--blankL) + 10px);
}
#top_kv .news-pick_wrap h3 {
margin-bottom:var(--blankS);
}
.news-pick_list a dd {
font:var(--font2b);
}
}
@keyframes zoomOut {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1); }
}
.top_kv-slider .slick-slide.add-animation figure img{
animation: zoomOut 10s linear 0s normal both;
} .bland-list_box figure {
width:100%;
height:auto;
aspect-ratio:261/120;
}
.bland-list_box figure img {
width:100%;
height:100%;
object-fit: contain;
object-position: center;
}
.bland-list_box h3 {
display: flex;
gap:var(--blankXXS);
align-items: center;
margin-top:var(--blankXS);
}
.bland-list_box h3 i img{
width: auto;
height:16px;
}
.interluebke h3 i img {
width: auto;
height:24px;
}
.leolux h3 i img {
width: auto;
height:17px;
}
.b3form h3 i img {
width: auto;
height:18px;
}
.bland-list_box h3 .ja {
font:var(--font2b);
letter-spacing: 1px;
}
.bland-list_box .description {
display: flex;
gap:var(--blankS);
align-items: center;
padding-bottom:var(--blankXS);
border-bottom:1px solid black;
margin-top:var(--blankXXS);
}
.bland-list_box .description p {
font:var(--font3);
}
@media (max-width:768px)  {
.bland-list_box .description {
gap:var(--blankM2);
justify-content: space-between;
}
.bland-list_box .description p {
font: var(--font);
line-height: 1.75;
}
} #top_product {
background:url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/top_product_bn.jpg) no-repeat;
background-size: cover;
padding:calc(var(--blankM) - 4px) 0 calc(var(--blankL) + 2px);
}
#top_product h2 {
margin-bottom:calc(var(--blankM) - 2px);
}
#top_product.section h2 .en {
font:var(--hfont);
border-bottom:2px solid white;
}
#top_product h2 .ja {
font:var(--font2b);
}
#top_product .flex {
justify-content: space-between;
}
#top_product .top-product_list {
padding-left:min(13.542vw,104px);
gap:min(13.542vw,104px);
}
#top_product .top-product_list ul {
display: flex;
flex-direction: column;
gap:calc(var(--blankS) + 5px);
}
#top_product .top-product_list ul li {
font:var(--hfont4);
letter-spacing: 0.1em;
}
#top_product .top-product_list ul li a {
padding-bottom:8px;
position:relative;
}
#top_product .top-product_list ul li a:after {
content:"";
width:0;
height:2px;
background-color: white;
position:absolute;
left:0;
bottom:0;
transition:all .3s var(--easeout);
}
#top_product .top-product_list ul li a:hover:after {
width:100%;
transition:all .3s var(--easeout);
}
.btn_product {
display: flex;
align-items: center;
}
.btn_product .circle{
display: block;
width:min(23.438vw,180px);
height:auto;
aspect-ratio: 1/1;
border-radius: 50%;
border:1px solid white;
order:2;
}
.btn_product .arw {
order:1;
display: flex;
align-items: center;
transform: translateX(42px);
transition:transform .3s var(--easeout);
}
.btn_product .arw:before {
content:"All Item";
font:var(--hfont4b);
margin-right:var(--blankXXS);
white-space: nowrap;
letter-spacing: 1px;
}
.btn_product:hover .arw {
transform: translateX(84px);
}
@media (max-width:1024px)  {
.btn_product .circle {
width: min(23.438vw, 100px);
}
}
@media (max-width:768px)  {
#top_product {
background:url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/top_product_bn_sp.jpg) no-repeat;
background-size: cover;
padding:calc(var(--blankM) + 6px) 0 var(--blankL2);
}
#top_product .container > .flex {
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap:var(--blankM);
}
#top_product .top-product_list {
width:100%;
padding-left:0;
justify-content: center;
gap:var(--outergap);
}
#top_product .top-product_list ul li {
font: var(--hfont4b);
}
} .top_project-slider {
overflow: visible;
}
.top_project-slider .swiper-wrapper {
align-items: flex-end;
}
.top_project-slider .swiper-slide {
opacity:0.2;
transform: scale(0.55);
transform-origin: bottom;
transition:all .3s var(--easeout);
}
.top_project-slider .swiper-slide-active, .top_project-slider .swiper-slide-next{
opacity:1;
transform:scale(1);
}
.top_project-slider .swiper-slide-prev{
transform-origin: right bottom;
}
.top_project-slider .swiper-slide-next + .swiper-slide{
transform-origin: left bottom;
}
.top_project-slider .swiper-slide figure {
width:100%;
height:auto;
aspect-ratio:3/2;
background-color: var(--lightgray4);
margin-bottom:0;
overflow: hidden;
}
.top_project-slider .swiper-slide figure img {
width:100%;
height:100%;
object-fit: cover;
transform:scale(1);
transition:transform .3s var(--easeout);
}
.top_project-slider .swiper-slide:hover figure img {
transform:scale(1.075);
} 
.top_project-slider .swiper-pagination {
width:100%;
display: flex;
justify-content: center;
margin-top:calc(var(--blankL2) + 3px);
margin-bottom:-10px;
gap:5px;
position:relative
}
.top_project-slider .swiper-pagination .swiper-pagination-bullet {
background-color: var(--lightgray);
background-color: transparent;
opacity:1;
width:92px;
height:25px;
border-radius:0;
display: flex;
align-items: center;
}
.top_project-slider .swiper-pagination .swiper-pagination-bullet:after {
content:"";
width:100%;
height:5px;
background-color: var(--lightgray);
place-content: center;
}
.top_project-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: black;
}
@media (max-width:768px)  {
.top_project-slider .swiper-slide figure {
width:100%;
height:auto;
aspect-ratio:322/297;
}
.top_project-slider {
width:79.2%;
}
.top_project-slider .swiper-slide,.top_project-slider .swiper-slide-next {
transform: scale(0.74);
opacity:0.2;
}
.top_project-slider .swiper-slide-active{
opacity: 1;
transform: scale(1);
}
.top_project-slider .swiper-slide-next{
transform-origin: left bottom;
}
} #top_news {
padding-top:0;
margin-bottom:var(--blankXXL)
}
.top-news_wrap {
display: flex;
flex-direction: column;
gap:12px;
}
.top-news_wrap .top-news_list a{
display: flex;
gap:var(--blankXS);
width:100%;
}
.top-news_wrap .top-news_list {
padding-bottom:12px;
border-bottom:1px solid black;
}
.top-news_wrap .top-news_list a figure {
width:min(19.792vw,152px);
height:auto;
aspect-ratio:152/116;
background-color: var(--lightgray4);
margin-bottom:0;
}
.top-news_wrap .top-news_list a figure img {
width:100%;
height:100%;
object-fit: contain;
}
.top-news_wrap .top-news_list a dl {
display: flex;
flex:1;
flex-direction: column;
justify-content: flex-start;
}
.top-news_wrap .top-news_list a dl dd {
flex:1;
display: flex;
align-items:center ;
color:var(--darkgray3);
justify-content: space-between;
}
.top-news_wrap .top-news_list a .box_arw_outer {
flex-shrink: 0;
display: flex;
align-items: center;
}
.top-news_wrap .top-news_list a dl dt *{
font-weight:bold;
}
@media (max-width:768px)  {
.top-news_wrap {
gap:var(--blankM3);
}
.top-news_wrap .top-news_list a figure {
width:min(35.349vw,152px);
height:auto;
aspect-ratio:152/116;
background-color: var(--lightgray4);
}
.top-news_wrap .top-news_list {
padding-bottom:var(--blankM3);
}
.top-news_wrap .top-news_list a dl {
gap:10px;
}
.top-news_wrap .top-news_list dt {
flex-flow: wrap;
}
.top-news_wrap .top-news_list a .box_arw_outer {
align-items: flex-end;
}
.top-news_wrap .top-news_list a dl dd {
flex-direction: column;
align-items: flex-start;
}
.top-news_wrap .top-news_list a dl dd .box_arw_outer{
flex-shrink: 0;
margin-right:0;
margin-left:auto;
}
#top_news {
margin-bottom: var(--blankXXL);
}
}
.home .header_wrap.light-mode h1 img {
filter: invert();
}