@charset "utf-8";

#wrap{}

/* section */
#main section {margin:120px 0 150px;}
section.last{margin-bottom:0;}
section .inner{max-width:1300px;margin:0 auto;width:100%;}
section .main_top{margin-bottom:80px;}
section .main_top > .tit{display: block;text-align:center;font-size:3em;font-weight:300;line-height:1.3;letter-spacing:-2px;width:100%;}
section .main_top > .tit > b{font-weight:700;}
@media screen and (max-width:1024px){
#main section {margin:80px 0}
#main	section {padding:0 13px;box-sizing:border-box;}
	section .main_top{margin-bottom:30px;}
	section .main_top > .tit{font-size:2em}
}
@media screen and (max-width:640px){
}
@media screen and (max-width:480px){
#main	section {margin:80px 0;}
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

/* main_visual */
.main_visual{margin:0 auto; }
.main_visual{width:100%;height:100%;}
/* .main_visual > iframe{width:100%; height:90vh;border:1px solid red} */
.mainVisual .swiper-slide{width:100%;height:800px;display:flex;align-items: center;justify-content: center;}
.mainVisual .swiper-slide > .main_t{max-width:1400px; color:#FFF;text-align:left;}
.mainVisual .swiper-slide > .main_t > h2{width:60%;font-size:4rem; line-height:1.3; text-shadow:2px 2px 10px rgba(0,0,0,.05); font-weight:100;animation: fadeUp 1s;word-break:keep-all;}
.mainVisual .swiper-slide > .main_t > h2 > b{font-weight:700;}
.mainVisual .swiper-slide > .main_t > h2 > b > span{color:#c88d47;}
.mainVisual .swiper-slide > .main_t > p{margin-top:50px;font-size:1.3rem;line-height:1.3;color:rgba(255,255,255,.6);}
.main_visual > .mainVisual > .swiper-pagination{bottom:5%;}
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev{display:flex;align-items:center;justify-content:center;color:#FFF;background:#ffffff59;border:1px solid #FFF;width: 50px;height: 50px;box-sizing:border-box;border-radius:50%;}
.mainVisual .swiper-button-next:after, 
.mainVisual .swiper-button-prev:after{font-size:20px;}
.mainVisual .swiper-button-next{right:5%;}
.mainVisual .swiper-button-prev{left:5%;}
.mainVisual .swiper-pagination-bullet{width:10px;height:10px;}
.mainVisual .swiper-pagination-bullet-active{background:#FFF;}
@media screen and (max-width:1024px){
	.mainVisual .swiper-slide{height:70vw}
	.main_visual{padding:0;}
	.main_visual > iframe{height:50vh;}
	.mainVisual .swiper-slide > .main_t{margin: 170px auto;}
}
@media screen and (max-width:640px){
	.main_visual > iframe{height:60vh;}
}
@media screen and (max-width:480px){
	.main_visual > iframe{height:50vh;}
	.mainVisual .swiper-slide > .main_t > h2 {font-size:2em;}
}

/* main_cate */
.main_cate{}
.main_cate > .inner{max-width:900px;margin:0 auto;}
.main_cate ul{display:flex;}
.main_cate ul > li{display: flex;align-items: center;justify-content: center;width:20%;margin-right:5%;}
.main_cate ul > li:last-child{margin-right:0;}
.main_cate ul > li > a{display:block;width:100%;height:100%;}
.main_cate ul > li > a > .circle{background:#F2F0EE;text-align:center;padding:20px;box-sizing:border-box;border-radius:50%;transition:all .3s;}
.main_cate ul > li > a > .circle > img{width:50px;height:100px;}
.main_cate ul > li > a > span{display:block;margin-top:20px;text-align: center;}
.main_cate ul > li:hover > a > .circle{box-shadow: 0 40px 30px -30px rgba(0,0,0,.3);margin-top: -5px;}
@media screen and (max-width:1000px){
 .cate {overflow:auto}
}
@media screen and (max-width:900px){
.main_cate ul > li > a > .circle > img{width:40px;height:80px;}
}
@media screen and (max-width:700px){
 .main_cate ul{min-width:600px;}
.main_cate ul > li > a > .circle{padding:15px;}
.main_cate ul > li > a > .circle > img{width:30px;height:60px;}
}


/* main_product */
.main_product{}
.main_product ul{display:flex;}
.main_product ul > li{width:100%;position:relative;}
.main_product ul > li > a {display:block;position:relative;}
.main_product ul > li > a > .img_box{background-image:url('/common/img/main/img_product02_thumb.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;padding-bottom:60%;box-sizing:border-box;border:1px solid #DDD;}
.main_product ul > li.thumb{margin-right:50px;}
.main_product ul > li.thumb > a > .txt_box{/* position:absolute;bottom:0;left:0; */width:100%;background:rgba(0, 0, 0, 0.5);color:#FFF;padding:12px;box-sizing:border-box;display: flex;justify-content: space-between;align-items: center;}
.main_product ul > li.thumb > a > .txt_box > p{}
.main_product .mainProduct1{position:static;}
.mainProduct1 .swiper-slide {z-index:2;}
.mainProduct1 .swiper-slide > a > .img_box{background-image:url('/common/img/main/img_product01.jpg');background-repeat:no-repeat;background-position:center;background-size:100%;padding-bottom:100%;box-sizing:border-box;border:1px solid #DDD;transition:all .3s;}
.mainProduct1 .swiper-slide > a:hover > .img_box{background-size:120%;}
.mainProduct1 .swiper-slide > a > .txt_box{margin-top:20px;}
.mainProduct1 .swiper-slide > a > .txt_box > p{font-size:1.25rem;color:#555;}
.mainProduct1 .swiper-slide > a > .txt_box > p.tit{font-size:1.0rem;font-weight:600;margin-bottom:10px;text-overflow: ellipsis;word-break: break-word;white-space: nowrap;overflow: hidden;width:100%}

.mainProduct1 p.price span {font-size:.95em; text-decoration:line-through; color:#444}
.mainProduct1 p.price b {font-size:1.3em; letter-spacing:-1px; font-weight:600; color:#333; margin-left:5px}
.mainProduct1 p.price {text-align:right; }
/* .mainProduct1 .swiper-slide > a > .txt_box > p > span{color:red;font-weight:600;margin-right:10px;}
.mainProduct1 .swiper-slide > a > .txt_box > p > b{font-weight:700;color:#000;}
.mainProduct1 .swiper-slide > a > .txt_box > p > em{font-style:initial;font-size:1rem;} */
.mainProduct1_btn{position:absolute;bottom:-50px;right:0;display:flex;flex-direction: row-reverse;align-items: center;z-index:3;}
.mainProduct1_btn > a.btn_more{display: flex;justify-content: space-between;align-items: center;border:1px solid #DDD;line-height: 30px;padding: 0 10px;box-sizing: border-box;font-size:14px;}
.mainProduct1 .swiper-button-next,
.mainProduct1 .swiper-button-prev{position: static;border:1px solid #DDD;color:#555;width: 30px;height: 30px;margin-top:0;}
.mainProduct1 .swiper-button-next:after, 
.mainProduct1 .swiper-button-prev:after{font-size:20px;}
.mainProduct1 .swiper-button-next{}
.mainProduct1 .swiper-button-prev{margin-left:10px;}
.mainProduct1_btn div:hover,
.mainProduct1_btn a.btn_more:hover{background:#C0A162;transition:all .3s;color:#FFF;}

@media screen and (max-width:1000px){
.main_product ul{display:block;}
.main_product ul > li{width:100%;}
.mainProduct1_btn{position:static;margin-top:30px;}
.main_product ul > li.thumb{margin-bottom:20px;}

.mainProduct1 p.price b {font-size:1.1em; }
}


/* main_install */
.main_install{background:linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/common/img/main/bg_install.jpg') no-repeat;background-size:cover;background-position:center;padding:100px 0 120px;box-sizing:border-box;}
.main_install > .main_top > h3{color:#FFF;}
.mainInstall{}
.mainInstall .swiper-slide{background:#0000007d;padding:20px;box-sizing:border-box;border-radius:20px;}
.mainInstall .swiper-slide > a{}
.mainInstall .swiper-slide > a > .img_box{background-image:url('/common/img/main/img_install01.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;padding:50% 20%;box-sizing:border-box;}
.mainInstall .swiper-slide > a > .txt_box{margin-top:20px;color:#FFF;font-size:1.05rem;display:flex;align-items: flex-start;line-height:1.6;}
.mainInstall .swiper-slide > a > .txt_box > span{background:#C0A162;padding:5px 10px;box-sizing:border-box;margin-right:10px;font-size:14px;width:30%;text-align:center;}
.mainInstall .swiper-slide > a > .txt_box > p.tit{width:70%;}
.mainInstall .swiper-button-next,
.mainInstall .swiper-button-prev{display:flex;align-items:center;justify-content:center;color:#FFF;background:#ffffff59;border:1px solid #FFF;width: 50px;height: 50px;box-sizing:border-box;border-radius:50%;}
.mainInstall .swiper-button-next:after, 
.mainInstall .swiper-button-prev:after{font-size:20px;}
.mainInstall .swiper-button-next{right:5%;}
.mainInstall .swiper-button-prev{left:5%;}



.main_slide{margin-top:200px}

.main_faq{background:#fff;}
.main_faq .inner{max-width:1300px;margin:0 auto}
.main_faq ul{display:flex;gap:50px;}
.main_faq li{ text-align:center; border-radius:10px; background:#f5f5f5;width:100%;box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);padding:20px;box-sizing:border-box;}
.main_faq dl{text-align:center}
.main_faq dt{margin:0 auto;width:100px;border-radius:50%;background:#fff;box-sizing:border-box;}
.main_faq img{ padding:20px;box-sizing:border-box;width:100%;}
.main_faq dd p{font-weight:500;font-size:1.4em;color:#777;margin:15px 0 5px 0}
.main_faq dd span{font-weight:700;font-size:1.8em}

@media screen and (max-width:1000px){
.main_slide{margin-top:60px}
.main_faq ul{display:block;}
.main_faq li{margin-bottom:30px;}
.main_faq dd p{font-size:1.1em;}
.main_faq dd span{;font-size:1.3em}
}