@charset "utf-8";

.company > .img {margin-bottom:30px; background-image:url('../images/sub/company-bg.jpg'); width:100%; height:350px; background-position:50% 0; background-repeat:no-repeat; background-size:cover;}
.company .txt-box {text-align:center;}
.company .tit {margin-bottom:30px; font-size:30px; line-height:1.75em; color:#2c2c2c; letter-spacing:-.03em;}
.company .txt-box p {margin-bottom:20px; font-size:18px; line-height:1.67em; color:#2c2c2c; letter-spacing:-.03em}
.company .txt-box p:last {margin-bottom:0px;}
.company .our-wrap {margin-top:80px; padding:70px 0px 100px; background-image:url('../images/sub/company-bg2.jpg'); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:50% 0;}
.company .our-wrap .tit{color:#fff;}
.company .our-wrap .our-box {text-align:center;}
.company .our-wrap .our-box.box1 {margin-bottom:90px;}
.company .our-wrap .our-box.box1 .o-tit {margin-left:100px; margin-right:45px;}
.company .our-wrap .our-box .sub-box {display:flex; align-items:center; justify-content:center; padding:30px; background:rgba(255, 255, 255, 0.1); border:1px solid rgba(255,255,255,0.3);}
.company .our-box .sub-box.vision {justify-content: flex-start;border-radius:50px 0 0 0;}
.company .our-box .sub-box.mission {justify-content: flex-start;margin-top:20px; border-radius:0 0 50px 0;}
.company .our-wrap .values {display:flex; justify-content:space-between;}
.company .our-wrap .values .sub-box {display:flex; flex-direction:column; padding:60px; width:calc(50% - 10px);}
.company .our-wrap .values .sub-box.rnd {justify-content:flex-start; border-radius:50px 0 0 0;}
.company .our-wrap .values .sub-box.need {border-radius:0 50px 0 0;}
.company .o-tit {font-size:24px; line-height:1.75em; color:#cc7dd1; letter-spacing:-.03em; font-weight:700;}
.company .o-txt {font-size:20px; line-height:1.75em; color:#fff; letter-spacing:-.03em; font-weight:700;}
.company .values .o-tit {margin-bottom:10px; color:#fff;}
.company .values .o-txt {font-size:18px; line-height:1.67em; font-weight:400;}
.company .values .img {margin-bottom:25px;}
.company .history-wrap {margin-top:90px;}
.company .history-wrap .tit {text-align:center;}
.company .history {display:flex;}
.company .history .since {width:270px;}
.company .history .since h3 {font-size:38px; line-height:1.00em; color:#2c2c2c; letter-spacing:-.03em; font-weight:700;}
.company .history .since h3:nth-child(2) {margin-top:585px;}
.company .history .cnt {position:relative; flex:1 1 auto; min-width:0; width:1%;}
.company .history .cnt::before {content:''; position:absolute; top:0; left:0; width:1px; height:97%; background-color:#cccccc;}
.company .history .year {position:relative; padding-left:40px; margin-bottom:70px;}
.company .history .year::before {content:''; position:absolute; top:0; left:-14px; background-image:url('../images/sub/history-ico.png'); width:30px; height:30px;}
.company .history .year:last-child {margin-bottom:0;}
.company .history .year h3 {font-size:24px; line-height:1.25em; color:#2c2c2c; letter-spacing:-.03em; font-weight:700;}
.company .history .year .story li {margin-top:15px; font-size:18px; line-height:1.75em; color:#505050; letter-spacing:-.03em; font-weight:400;}
.company .history .year.after-img {display:flex; position:relative; justify-content: space-between;}
.company .history .year-wrap {margin-right:35px;}
.company .history .year.after-img::after {content:''; top:0; right:0; background-image:url('../images/sub/history-bg.jpg'); width:450px; height:300px; background-repeat:no-repeat; background-size:cover;}
.company .history .year.after-img.img2::after {background-image:url('../images/sub/history-bg2.jpg');}


.slider-nav .slick-track {display:flex;margin: 0 -4.5px; width:calc(100% + 9px) !important;}
.slider-nav .slick-slide {width:100% !important;margin: 0 4.5px;}
.slider-nav .slick-slide.slick-current li {border:1px solid #4e3150;;}
.prod-image-wrap .slick-slide.slick-current li::after {background: transparent;}

.gallery-list ul li .thumb:hover img {transform: scale(1.2); top: 0;}

.sub-title .tit {margin-top:65px; text-align: center; font-size:38px; font-weight:700; line-height:1.61em; letter-spacing:-.03em; color:#2c2c2c;}