@charset "UTF-8";

/* visual_section */
#page .visual_section{}
#page .visual_section .sitewidth .boxCont .slideBox{overflow:hidden;border-radius:30px;}
#page .visual_section .sitewidth .boxCont .slideBox .slideItem{position:relative;width:100%;height:440px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{position:absolute;bottom:100px;left:70px;line-height:1.25;font-size:40px;font-weight:600;color:#fff;}
@media all and (max-width:1600px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:410px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:93px;left:65px;font-size:37px;}
}
@media all and (max-width:1400px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:390px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:88px;left:62px;font-size:35px;}
}
@media all and (max-width:1200px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:370px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:84px;left:59px;font-size:33px;}
}
@media all and (max-width:1000px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:350px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:79px;left:55px;font-size:32px;}
}
@media all and (max-width:800px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:330px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:75px;left:52px;font-size:30px;}
}
@media all and (max-width:600px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:310px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:70px;left:49px;font-size:28px;}
}
@media all and (max-width:400px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:290px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:66px;left:46px;font-size:26px;}
}
@media all and (max-width:320px){
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem{height:230px;}
	#page .visual_section .sitewidth .boxCont .slideBox .slideItem .title{bottom:53px;left:37px;font-size:21px;}
}

/* product_section */
#page .product_section{padding:70px 0;}
#page .product_section .sitewidth .boxCont .itemBox{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#page .product_section .sitewidth .boxCont .itemBox .item{position:relative;width:calc(25% - 15px);}
#page .product_section .sitewidth .boxCont .itemBox .item a{display:block;text-decoration:none;}
#page .product_section .sitewidth .boxCont .itemBox .item a .imgBox{overflow:hidden;border-radius:20px;}
#page .product_section .sitewidth .boxCont .itemBox .item a .imgBox img{width:100%;}
#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox{box-sizing:border-box;width:100%;margin-top:5px;border:solid 1px #1f1f1f;border-radius:20px;}
#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc{padding:10px;font-size:15px;text-align:center;}
#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:18px;font-weight:700;}
#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{position:absolute;top:-38px;right:-38px;width:76px;}
#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox img{width:100%;}
#page .product_section .sitewidth .boxCont .itemBox .item a:hover .imgBox img{transition:all 0.3s linear;-webkit-transform:scale(1.05);transform:scale(1.05);}
#page .product_section .sitewidth .boxCont .itemBox .item a:hover .linkBox{}
@media all and (max-width:1600px){
	#page .product_section{padding:65px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{margin-top:46px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc{font-size:14px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:17px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{top:-35px;right:-35px;width:71px;}
}
@media all and (max-width:1400px){
	#page .product_section{padding:62px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{margin-top:44px;}
	#page .product_section .sitewidth .boxCont .itemBox .item{width:calc(25% - 10px);}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc{font-size:13px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:16px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{top:-33px;right:-25px;width:67px;}
}
@media all and (max-width:1200px){
	#page .product_section{padding:59px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{margin-top:42px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:15px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{top:-32px;right:-20px;width:64px;}
}
@media all and (max-width:1000px){
	#page .product_section{padding:55px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{max-width:80%;margin:40px auto 0;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#page .product_section .sitewidth .boxCont .itemBox .item{width:calc(50% - 15px);}
	#page .product_section .sitewidth .boxCont .itemBox .item:nth-of-type(n+3){margin-top:30px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc{font-size:12px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:14px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{top:-20px;width:60px;}
}
@media all and (max-width:800px){
	#page .product_section{padding:52px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{max-width:90%;margin-top:37px;}
	#page .product_section .sitewidth .boxCont .itemBox .item{width:calc(50% - 10px);}
	#page .product_section .sitewidth .boxCont .itemBox .item:nth-of-type(n+3){margin-top:20px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc{font-size:11px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{top:-15px;right:-15px;width:57px;}
}
@media all and (max-width:600px){
	#page .product_section{padding:49px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{max-width:100%;margin-top:35px;}
	#page .product_section .sitewidth .boxCont .itemBox .item{width:calc(50% - 7px);}
	#page .product_section .sitewidth .boxCont .itemBox .item:nth-of-type(n+3){margin-top:15px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:13px}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{top:-10px;right:-10px;width:53px;}
}
@media all and (max-width:400px){
	#page .product_section{padding:46px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{max-width:90%;margin-top:33px;}
	#page .product_section .sitewidth .boxCont .itemBox .item{width:100%;}
	#page .product_section .sitewidth .boxCont .itemBox .item:nth-of-type(n+2){margin-top:15px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc{padding:5px;font-size:10px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:12px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{width:50px;}
}
@media all and (max-width:320px){
	#page .product_section{padding:37px 0;}
	#page .product_section .sitewidth .boxCont .itemBox{margin-top:26px;}
	#page .product_section .sitewidth .boxCont .itemBox .item:nth-of-type(n+2){margin-top:10px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc{font-size:9px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a .linkBox .desc span{font-size:10px;}
	#page .product_section .sitewidth .boxCont .itemBox .item a.instaBox{top:-5px;width:40px;}
}

/* slide_section */
#page .item_section{padding:50px 0;}
#page .item_section .itemBox{padding:0 5%;margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#page .item_section .itemBox .item{position:relative;width:calc(33.33% - 20px);}
#page .item_section .itemBox .item .imgBox{overflow:hidden;position:relative;border-radius:150px;}
#page .item_section .itemBox .item .imgBox:after{content:'';position:absolute;top:0;left:0;width:100%;padding-bottom:100%;background:rgba(0,0,0,.2);}
#page .item_section .itemBox .item .imgBox img{width:100%;}
#page .item_section .itemBox .item .desc{position:absolute;bottom:50px;left:30px;line-height:1.2;font-size:40px;font-weight:700;color:#fff;}
@media all and (max-width:1600px){
	#page .item_section{padding:46px 0;}
	#page .item_section .itemBox{padding:0 2%;margin-top:56px;}
	#page .item_section .itemBox .item{width:calc(33.33% - 19px);}
	#page .item_section .itemBox .item .desc{bottom:46px;left:28px;font-size:37px;}
}
@media all and (max-width:1400px){
	#page .item_section{padding:44px 0;}
	#page .item_section .itemBox{margin-top:53px;}
	#page .item_section .itemBox .item{width:calc(33.33% - 18px);}
	#page .item_section .itemBox .item .desc{bottom:44px;left:27px;font-size:35px;}
}
@media all and (max-width:1200px){
	#page .item_section{padding:42px 0;}
	#page .item_section .itemBox{margin-top:51px;}
	#page .item_section .itemBox .item{width:calc(33.33% - 17px);}
	#page .item_section .itemBox .item .desc{bottom:42px;left:25px;font-size:33px;}
}
@media all and (max-width:1000px){
	#page .item_section{padding:40px 0;}
	#page .item_section .itemBox{margin-top:48px;}
	#page .item_section .itemBox .item{width:calc(33.33% - 16px);}
	#page .item_section .itemBox .item .desc{bottom:25px;left:24px;font-size:32px;}
}
@media all and (max-width:800px){ 
	#page .item_section{padding:37px 0;}
	#page .item_section .itemBox{margin-top:45px;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#page .item_section .itemBox .item{width:calc(50% - 15px);}
	#page .item_section .itemBox .item:last-of-type{margin-top:30px;margin-left:25%;}
	#page .item_section .itemBox .item .desc{bottom:37px;left:23px;font-size:30px;}
}
@media all and (max-width:600px){
	#page .item_section{padding:35px 0;}
	#page .item_section .itemBox{margin-top:43px;}
	#page .item_section .itemBox .item{width:calc(50% - 10px);}
	#page .item_section .itemBox .item:last-of-type{margin-top:20px;}
	#page .item_section .itemBox .item .desc{bottom:35px;left:21px;font-size:28px;}
}
@media all and (max-width:500px){
	#page .item_section .itemBox .item{width:100%;max-width:380px;margin:0 auto;}
	#page .item_section .itemBox .item:nth-of-type(n+2){margin-top:10px;}
	#page .item_section .itemBox .item:last-of-type{margin:10px auto 0;}
}
@media all and (max-width:400px){
	#page .item_section{padding:33px 0;}
	#page .item_section .itemBox{margin-top:40px;}
	#page .item_section .itemBox .item .desc{bottom:33px;left:20px;font-size:26px;}
}
@media all and (max-width:320px){
	#page .item_section{padding:26px 0;}
	#page .item_section .itemBox{margin-top:32px;}
	#page .item_section .itemBox .item .desc{bottom:26px;left:16px;font-size:21px;}
}