/* section */
section{padding: 5vw 0;}
section >*{z-index:5}
section .title_box{margin-bottom: 10px;}
section .title_box font{font-weight: 200;font-size: 55px;letter-spacing: 3.5px;color: var(--primary);position: relative;font-family: 'Americana', sans-serif;text-transform: uppercase;line-height: 130%;margin-bottom: 5px;}
section .title_box .page_title{text-transform: uppercase;line-height: 130%;letter-spacing: 11px;font-weight: 300;font-size: 23px;color: var(--primary);position: relative;}
section .title_box .page_title::first-letter{}
section.bg_box{background:no-repeat 50% / cover;background-attachment:fixed}
.more_btn{margin-top: 20px;z-index: 10;position: relative;}
.more_btn a{position:relative;overflow:hidden;display:inline-block;padding: 26px 87px 26px 32px;}
.more_btn font{text-align:left;font-weight: 400;text-transform:uppercase;letter-spacing:3px;color: #fff;font-family: 'Americana', sans-serif;font-size: 0.8em;}
.more_btn span{transform: translate(-70%, -50%);content: "";position: absolute;right: 4px;top: 50%;}
.more_btn:hover span{transform: translate(-40%, -50%);}



/* about_area */
#wrap{position:relative}
#about_area{overflow: hidden;position: relative;background-color: #c5beb8;padding: 0;}
#about_area .nowrap_box{margin-right:auto;flex-direction: column;justify-content:flex-end;align-items: flex-end;display: flex;margin: 0 auto;width: 70%;padding: 100px 0 90px 0;}
#about_area. .img_item img{width:100%}
#about_area .aboutArea{/* padding: 100px 0 0; */display:flex;position: relative;justify-content: space-between;}
#about_area .aboutArea .ImgCenter h2{font-family: 'Americana', sans-serif;color: #fff;font-size: 7.5em;word-spacing: 100vw;line-height: 100%;font-weight: 200;text-transform: uppercase;letter-spacing: 22px;border-bottom: 1px solid rgb(255 255 255 / 40%);margin-bottom: 50px;padding-bottom: 50px;}
#about_area .aboutArea  .img_item{padding-top:0px;width: 50%;}
#about_area .aboutArea  .areaTxt{padding-top:0px;width: 38%;}#about_area .aboutArea .areaTitle .title{font-size: 1.3em;margin-left:0px;letter-spacing: 8px;padding-top:0;line-height:180%;color: #fff;font-weight: 500;position: relative;}
#about_area .aboutArea .areaTitle .title::after{position:absolute;content:"";width: 80px;height: 94px;background-image: url(/images/39/img-ab-logo.png);background-size: contain;background-repeat: no-repeat;top: 0;right: 0;}

#about_area .aboutArea .areaTitle article .Txt{padding-top: 40px;position:relative;-webkit-transition-delay:300ms;transition-delay:300ms}
#about_area .title_box font,#about_area .title_box .page_title{color:#ffffff;position:relative}
#about_area .title_box p{margin-left:40px;margin-top:20px}
#about_area .aboutArea .text{font-size:15px;color:#5a5a5a}
section .title_box .page_title::after{position:absolute;content:"";width: 100px;height: 1px;background-color: var(--secondary);top: 50%;left: 170px;}
#about_area .title_box .page_title::after{background-color: #ffffff;}
#about_area .aboutArea .ImgCenter .Img{width: 350px;position:relative;overflow:hidden}
#about_area .aboutArea .ImgCenter .Img video{width:130%;height: 510px;}
#about_area .aboutArea .ImgCenter .ImgTop{position:absolute;top:10%;left:115%;width:64%;z-index:0}
#about_area .aboutArea .ImgCenter .ImgBottom{position:absolute;top:69%;left:-40%;width:56%;z-index:2}
#about_area .aboutArea .bottom{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-start;padding-left:100px;margin-bottom:-11px;position:relative;flex-direction:column;justify-content:flex-end}
#about_area .aboutArea .Txt{letter-spacing:0.6px;line-height:1.6}
#about_area .aboutArea .Txt h2{font-size:25px;margin-bottom:15px}
#about_area .aboutArea .Txt .text{color: #ffffff;font-size: 1em;font-weight: 400;line-height: 210%;margin-bottom: 30px;letter-spacing: 2px;}
#about_area .aboutArea .right .more_btn{position:relative;margin-top:30px}
#about_area .deck02{position:absolute;right:60px;z-index:-1;top:70px}
#about_area .deck02 .Img{font-size:180px;font-weight:bold;opacity:0.1;font-family:'Americana',sans-serif;letter-spacing:10.5px}

/* product_area */
#product_area{position:relative;padding: 120px 0px;background-color: #ddd8d2;}
#product_area .info .topnote{width: 300px;}
#product_area .applicationList{display: flex;}
#product_area .applicationMList{border:1px solid rgba(220,220,220,0.25)}
#product_area .applicationItem{margin: 0 20px;position: relative;}
#product_area .applicationItem.title .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:50px 25px 54px 25px}
#product_area .applicationItem.title .item .more_btn{position:relative}
#product_area .more_btn.white a::after{background-color: #484848;}
#product_area .more_btn.white a:hover font{color:#ffffff}
#product_area .more_btn.white font{color: #515151;}
#product_area .more_btn.white span{margin-left:10px}
#product_area .more_btn.white span img{margin-left:10px;margin-bottom:6px}
#product_area .title_box font,#product_area .title_box .page_title,#product_area .title_box font::first-letter{color:var(--secondary)}
#product_area .title_box .page_title{margin-bottom:10px}
#product_area .applicationItem:not(.title) .item:hover .title{border-color: #9f9f9f61;}
#product_area .applicationItem:not(.title) .item:hover .text{color:#3e3e3e}
#product_area .applicationItem:not(.title) .item:hover .moreBtn a{color: #ffffff;}
#product_area .applicationItem:not(.title) .item:hover .moreBtn{opacity:1;transform: translate(0%,-160%);}
#product_area .item{position:relative;}
#product_area .item .Img:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(130deg, #d5c5c2 20%, rgb(255 255 255 / 0%) 50%);opacity:.7;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#product_area .item h4{font-family:'Americana',sans-serif;font-weight:300;font-size: 14px;}
#product_area .item h5{margin:40px 0;font-weight:400;font-size:14px}
#product_area .item .atag_item{z-index:10}
#product_area .deck02{position:absolute;right: -140px;z-index:-1;top: -190px;}
#product_area .deck02 .Img{font-size:180px;font-weight: 100;opacity:0.1;font-family: 'Americana',sans-serif;letter-spacing: 20.5px;text-transform: uppercase;}
#product_area .Img{border-radius: 200px;overflow: hidden;position: relative;}
#product_area .Img img{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:contain;}
#product_area .Txt{width: 100%;height: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: flex-end;color: #fff;font-weight: 700;padding: 0px 0px;z-index: 1;}

#product_area .Txt .titleitem{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;position: absolute;top: 0;left: 20px;}
#product_area .Txt .title{display:inline-block;font-size: 1.5em;color: #ffffff;font-weight: 400;text-align: center;letter-spacing: 8.5px;}
#product_area .Txt .subtitle{color:#fff;font-size: 1em;font-weight:400;letter-spacing:1px;font-family: 'Americana', sans-serif;}
#product_area .Txt .text{height:85.5px;color:#e9eef5;font-size:15px;line-height:1.9;letter-spacing:0.7px;margin-top:17px}
#product_area .Txt .text{font-size:14px}
#product_area .moreBtn{padding: 10px;opacity: 0;}
#product_area .moreBtn a{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;width: 140px;color:#fff;font-weight: 200;letter-spacing: 0.12em;z-index:1;font-size: 14px;font-family: 'Americana', sans-serif;}
#product_area .moreBtn a::after{content:"";position:absolute;top:calc(50% - 7.5px);right:-10px;width:20px;height:17px;background:url("/images/39/arrow_right_white.png") no-repeat center/cover;z-index:1;-webkit-filter:contrast(0) brightness(150%);filter:contrast(0) brightness(200%);}
#product_area .info{display:flex}


/*button*/
.btn1{position:relative}
.btn1::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;z-index:1}
.btn1.center{text-align:center}
.btn1.full a{width:100%;margin:0}
.btn1 a{position:relative;display:block;width: 41px;height: 41px;border-radius:50%;z-index:2}
.btn1 a::before{content:"";position:absolute;top:calc(50% - 9.5px);left:calc(50% - 11px);width:22px;height:19px;background:url("../images/icon/arrow_right_white.png") no-repeat center/cover;z-index:1}


/*catalog_area*/
#catalog_area{padding:8vw 0 5vw 0}
#catalog_area .workframe{width:100%}
#catalog_area ul li{position:relative}
#catalog_area ul li .catalogItem .img_box .Img{position:relative}
#catalog_area ul li .catalogItem .img_box .Img::after{content:'';position:absolute;height:220px;width:280px;bottom:-100px;left:0px;background:#d2c8c1;opacity:1;z-index:0;transform:skewX(180deg)}
#catalog_area ul li .catalogItem{display:flex;margin:0 0 270px 0;justify-content:space-between;position:relative}
#catalog_area ul li .catalogItem .Img img{object-fit:cover}
#catalog_area ul li .catalogItem .info_box{display:flex;flex-direction:column;width:100%;position:relative}
#catalog_area ul li:nth-child(2n) .catalogItem .catalogtitle{right:90px;left:auto;background-color:#d3b48e}
#catalog_area ul li:nth-child(2n) .catalogItem{display:flex;flex-direction:row-reverse;margin:0px 0 150px 0}
#catalog_area ul li:nth-child(2n)  .catalogItem .img_box .Img::after{right:0;left:auto;background:#d3b48e}
#catalog_area ul li:nth-child(2n) .catalogItem .info_box .Txt,#catalog_area ul li:nth-child(2n) .more_btn{margin-left:140px}
#catalog_area ul li .catalogItem a.pmore_btn{z-index:10;width:100%;height:100%;top:0;left:0}
#catalog_area ul li .catalogItem .info_box .Img img{aspect-ratio:1 / 0;object-fit:cover}
#catalog_area ul li .catalogItem .info_box .Txt{margin-top:90px}
#catalog_area ul li .catalogItem .info_box .Txt .text{font-family:'Americana',sans-serif;color:#6d6b69;font-size:50px;letter-spacing:4px;display:flex;flex-direction:column;align-items:flex-start;line-height:120%;margin-bottom:60px}
#catalog_area ul li .catalogItem .info_box .Txt .text span{font-family:'Americana',sans-serif;color:#6d6b69;letter-spacing:4px}
#catalog_area ul li .catalogItem .info_box .Txt .title{color:#6d6b69;line-height:250%;letter-spacing:4px}
#catalog_area ul li .catalogItem .catalogtitle{position:absolute;padding:80px 10px 10px 20px;background-color:#d2c8c1;letter-spacing:12px;line-height:290%;text-align:center;color:#fff;width:60px;height:100px;top:0px;left:90px;z-index:10}
#catalog_area ul li .catalogItem .catalogtitle::after{position:absolute;content:"";width:45px;height:1px;background-color:#ffffff;top:67%;left:22px}
#catalog_area .more_btn{margin-top:100px}
#catalog_area .more_btn a{padding:26px 107px 5px 0;background-image:url(/images/39/arrow_right-2.png);background-size:contain;background-position:bottom;background-repeat:no-repeat}
#catalog_area .more_btn font{color:#c5beb8}


@media screen and (max-width: 1640px){
	footer .workframe {width: 80%;display: flex;justify-content: space-between;}
    #about_area .nowrap_box{width:85%}
	#about_area .aboutArea .img_item{width:51%}
}
@media screen and (max-width:1440px){
	#about_area .aboutArea .ImgCenter:before{bottom:60px;left:30px;height:340px}
	#about_area.tooolong .aboutArea .ImgCenter:before{width:480px}
	section .title_box font{font-size:48px}
}
@media screen and (min-width:1281px){
	.more_btn.white a:hover:before{width:100%}
	#catalog_area .more_btn:hover a font{letter-spacing:6px}
	#catalog_area ul li .catalogItem .img_box{position:relative;width:calc(100% - 600px)}
	#catalog_area ul li .catalogItem .info_box{width:500px}
}

@media screen and (max-width:1280px){
	section .title_box font:last-child{font-size:34px}
	section .title_box{margin-bottom:20px}
	section .title_box .page_title{font-size:20px}
	section .title_box .page_title::after{left:140px}
	#about_area .aboutArea .ImgCenter:before{bottom:90px;left:30px;height:290px}
	#about_area.tooolong .aboutArea .ImgCenter:before{width:430px}
    #about_area .aboutArea .ImgCenter h2{font-size:5.8em}
	#product_area .deck02 .Img{font-size:110px}
	#product_area .deck02{right:-80px;top:-130px}
	#catalog_area ul li .catalogItem .info_box .Img{width:400px;margin-left:auto}
	#catalog_area ul li:nth-child(2n) .catalogItem .info_box .Img{width:400px;margin-right:auto;margin-left:0}
	#catalog_area ul li:nth-child(2n) .catalogItem .info_box .Txt,#catalog_area ul li:nth-child(2n) .more_btn{margin-left:auto}
	#catalog_area ul li .catalogItem .info_box .Txt{width:80%;margin:40px auto 0}
	#catalog_area ul li .catalogItem .info_box .Txt .text{margin-bottom:20px}
	#product_area .info .topnote{width:250px}
	#catalog_area ul li .catalogItem,#catalog_area ul li:nth-child(2n) .catalogItem{display:flex;flex-direction:column;align-items:flex-end;margin:0 0 80px 0}
	#catalog_area ul li{width:93%}
	#catalog_area .more_btn{width:250px;margin:auto;position:absolute;bottom:0;right:0}
}
@media (min-width: 1201px){
	#product_area .applicationMList{display:none}
	#product_area .item:hover .Img::before{width:calc(100% + 18px);height:calc(100% + 34px);opacity:1}
	#product_area .item .Img::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height: 0;background-color: rgb(97 87 82 / 28%);pointer-events:none;transition:all 0.5s;opacity:0;z-index: 0;}
	#product_area .applicationItem:not(.title) .item:hover .moreBtn a::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-filter:initial;filter:initial}
	#product_area .moreBtn a:hover::after{-webkit-animation:arrowAnimation 1s ease-out infinite;animation:arrowAnimation 1s ease-out infinite}
	.btn1:hover::before{-webkit-animation:btnHover 1.4s linear infinite forwards;animation:btnHover 1.4s linear infinite forwards}
	.btn1:hover a::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
}

@media (max-width:1200px){
    #about_area .aboutArea .img_item{width: auto;}
    #about_area .aboutArea .ImgCenter h2{word-spacing: normal;font-size: 1.5em;letter-spacing: 5px;border-bottom: 0px solid rgb(255 255 255 / 40%);margin-bottom: 10px;padding-bottom: 10px;}
	#product_area{padding: 70px 0;}
 	#about_area .aboutArea{display:flex;flex-direction:column;width: calc(100% - 0px);min-height: 530px;padding-top: 0;justify-content: space-between;}
	#about_area .aboutArea .areaTxt{width:auto;margin: 0;}
	#about_area .aboutArea .ImgCenter .Img{margin-left:0;margin-top:0;width: 200px;}
	#about_area .aboutArea .ImgCenter .Img video{width:100%;height:100%}
	#about_area .aboutArea .ImgCenter .ImgTop,#about_area .aboutArea .ImgCenter .ImgBottom,#about_area.tooolong .aboutArea .ImgCenter:before,#about_area.tooolong .aboutBG,#product_area::after{display:none}
	#about_area .img_item{width:auto;margin-bottom:30px}
	#about_area .aboutArea .bottom{padding-left:0;margin-bottom:0;width:auto}
	#about_area::before{top:auto;right:0;width:470px;height:172px;bottom:0;background-size:contain;background-repeat:no-repeat}
	#about_area .nowrap_box{padding: 50px 0;width: 75%;}
	#about_area .title_box p{margin-left:0}
	#about_area .aboutArea .areaTitle article .Txt{padding-top:30px}
}

@media screen and (max-width:1024px){
	section .title_box font{font-size:18px}
    #product_area .applicationList{display: flex;flex-direction: row;flex-wrap: wrap;}
    #product_area .applicationItem{width: calc((100% / 2) - 40px);margin: 20px 20px;}
    #catalog_area ul li .catalogItem .catalogtitle{left: 30px;padding: 30px 10px 0px 20px;}
    #catalog_area ul li .catalogItem .info_box .Txt .text{font-size: 40px;}
	#catalog_area ul li .catalogItem .catalogtitle::after{top: 59%;}
}
@media (min-width:961px){
	#product_area .applicationMList::before{content:"";position:absolute;top:0;left:calc(50% - 0.5px);width:1px;height:100%;background-color:rgba(220,220,220,0.25)}
}
@media (max-width: 960px){
	#product_area .applicationItem.title .item .more_btn{text-align:center}
	#product_area .item{height:auto}
	#product_area .workframe {width: 70%;}
	#product_area .Img{border-radius: 320px;}
	#product_area .Img img{aspect-ratio: 2.3 / 4;object-fit: cover;}
    #product_area .Txt .titleitem{left: 20px;top: 0px;}
}

@media screen and (max-width:768px){
	#product_area .info{display:flex;flex-direction:column;align-items:flex-start}
	#product_area .info .topnote{width:auto}
	#product_area .list_box{width:calc(100% - 0px);margin: 20px 0px;}
	.more_btn a{width: 180px;padding: 10px 20px 10px 0px;}
	#product_area .deck02 .Img{font-size:70px;letter-spacing:10.5px}
	#product_area{padding: 30px 0;}
    #catalog_area ul li .catalogItem .img_box .Img::after{height: 80px;width: 130px;bottom: -40px;}
	#catalog_area .more_btn{position: relative;margin: 0 0 0 auto;}
    #catalog_area .more_btn a{padding: 25px 47px 5px 0;}
}
@media (max-width:540px){
    #catalog_area ul li .catalogItem .info_box .Img,#catalog_area ul li:nth-child(2n) .catalogItem .info_box .Img{width: 240px;}
	#product_area .Txt .title{font-size: 1.4em;}
    #product_area .Txt .subtitle{font-size: 0.8em;}
    #product_area .Txt .titleitem{left: 10px;top: -10px;}
}