html{overflow-x:hidden}body{overflow-x:hidden;background-color:#2a3437;color:#fff}.transLeft{transform:translateX(-6rem)}.transRight{transform:translateX(6rem)}.mainVisual{height:100vh;text-align:center;position:relative}.mainVisual__text{font-size:clamp(3.5rem,6vw,7rem);font-weight:900;opacity:0;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mainVisual__text span{color:#d5bf6d}.mainVisual .text01{animation:visual 2s;animation-fill-mode:forwards;animation-delay:.5s}.mainVisual .text02{animation:visual 2s;animation-fill-mode:forwards;animation-delay:2.5s}.mainVisual .canvas{width:400px;height:355px;margin:0 auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.5)}.mainVisual .canvas .line{width:3px;height:400px;background-color:#d6bf6e;position:absolute}.mainVisual .canvas .line01{height:0;transform:translateX(-50%) rotate(30deg);left:50%;top:7px;animation:line01 .3s;animation-fill-mode:forwards;transform-origin:top;animation-delay:4.5s}.mainVisual .canvas .line02{width:3px;height:0;transform:rotate(330deg);right:0;bottom:0;animation:line02 .3s;transform-origin:bottom;animation-fill-mode:forwards;animation-delay:5.5s}.mainVisual .canvas .line03{width:0px;height:3px;bottom:0;left:0;transform-origin:left;animation:line03 .3s;animation-fill-mode:forwards;animation-delay:5s}.mainVisual .canvas .dot{width:20px;height:20px;background-color:#d6bf6e;border-radius:100%;position:absolute;z-index:1;opacity:0}.mainVisual .canvas .dot01{top:0;left:50%;transform:translateX(-50%);animation:dotted .3s;animation-fill-mode:forwards;animation-delay:4s}.mainVisual .canvas .dot02{bottom:-10px;left:-10px;animation:dotted .3s;animation-fill-mode:forwards;animation-delay:5s}.mainVisual .canvas .dot03{bottom:-10px;right:-10px;animation:dotted .3s;animation-fill-mode:forwards;animation-delay:5.5s}.mainVisual .canvas .testlogo{position:absolute;z-index:1;left:50%;top:60%;transform:translate(-50%, -50%);opacity:0;animation:logo .5s;animation-fill-mode:forwards;animation-delay:6s}@media screen and (min-width: 768px){.mainVisual .canvas{transform:translate(-50%, -50%) scale(1.2)}}@keyframes visual{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes visual_logo{0%{opacity:0}100%{opacity:1}}@keyframes line01{0%{height:0}100%{height:400px}}@keyframes line02{0%{height:0}100%{height:400px}}@keyframes line03{0%{width:0}100%{width:400px}}@keyframes dotted{0%{opacity:0}100%{opacity:1}}@keyframes logo{0%{opacity:0}100%{opacity:1}}.partTitle{font-size:clamp(3.5rem,6vw,7.2rem);font-weight:600;position:relative;display:inline-block;transform:translateY(6rem)}.partTitle::before{content:"";display:block;width:2rem;height:2rem;border-radius:100%;background-color:#d5bf6d;position:absolute;left:-3rem;top:0}.tirinity{text-align:center}.tirinity__wrap{margin-top:clamp(4rem,6vw,7rem)}.tirinity__text{font-size:clamp(2rem,5vw,3rem);line-height:1.4;text-align:left;width:80%}.tirinity .text01{transform:translateX(-6rem)}.tirinity .text02{float:right;margin-top:-5rem;transform:translateX(6rem)}.tirinity__bang{position:relative;margin-top:-9rem;z-index:-1}.tirinity__bang div{position:absolute;left:50%;transform:translateX(-50%);top:0;width:100%}.tirinity__bang img{transform:translateY(6rem)}.tirinity__bang::after{content:"";display:block;padding-bottom:150%}@media screen and (min-width: 1200px){.tirinity__wrap{margin-top:-20rem;position:relative}.tirinity__text{position:absolute;width:30%}.tirinity .text01{top:30%}.tirinity .text02{top:50%;right:0}.tirinity__bang{width:102rem;height:130rem;margin:0 auto}}.competitive{margin-top:clamp(20rem,6vw,25rem)}.competitive .partTitle{margin-left:3rem}.competitive__dls{margin-top:clamp(6rem,4vw,8.5rem)}.competitive__dl{display:flex;align-items:flex-start}.competitive__dl:not(:last-child){margin-bottom:3rem}.competitive__dl dt{font-size:1.6rem;font-weight:600;color:#fff6bb;width:9rem}.competitive__dl dd{font-size:1.4rem;line-height:1.4;width:calc(100% - 9rem)}.competitive .dl01{transform:translateX(-6rem)}.competitive .dl02{transform:translateX(6rem)}.competitive .dl03{transform:translateX(6rem)}@media screen and (min-width: 1200px){.competitive{position:relative}.competitive__triangle{width:400px;height:355px;margin:0 auto;position:relative;transform:rotate(311deg) translate(0, -70px)}.competitive__triangle .dot{width:2.3rem;height:2.3rem;border-radius:100%;background-color:#f4e9a7;position:absolute;left:185px;bottom:33px;animation:dot 3s infinite;animation-delay:.5s}.competitive__triangle .line{width:2px;height:400px;background-color:#f4e9a7;position:absolute}.competitive__triangle .line01{height:400px;transform:translateX(-50%) rotate(30deg);left:25%;top:-20px}.competitive__triangle .line02{width:2px;height:400px;transform:rotate(330deg);right:0;bottom:0;transform-origin:bottom}.competitive__triangle .line03{width:400px;height:2px;bottom:0;left:0;transform-origin:left}.competitive__dl{position:absolute;margin-bottom:0 !important;width:35rem;gap:2rem}.competitive__dl dt{width:auto;font-size:2.5rem}.competitive__dl dd{font-size:2rem}.competitive .dl01{width:32%;left:5%}.competitive .dl02{width:52rem;top:24rem;left:63%}.competitive .dl03{width:40%;bottom:-15rem;left:50%}}@keyframes dot{0%{left:185px;bottom:330px}30%{left:-10px;bottom:-10px}60%{left:390px;bottom:-10px}100%{left:185px;bottom:330px}}.press{margin-top:clamp(10rem,7vw,30rem)}.press .partTitle{margin-left:3rem}.press__list{display:flex;flex-direction:column;row-gap:3rem;align-items:center;width:80%;margin:6rem auto 0 auto}.press__list li{overflow:hidden}.press__list li .flip{position:relative}.press__list li .titleText{position:absolute;color:#fff;font-size:2rem;line-height:1.4;bottom:-50%;padding:15% 10% 7% 10%;background:#000;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5802696078) 49%, rgba(0, 0, 0, 0.7987570028) 100%);opacity:0;transition:all .5s;transition-delay:.5s}.press__list li a{display:block;transform:translateY(6rem)}.press__list li:hover .flip{transition:2s;transform-style:preserve-3d;transform:rotateY(360deg)}.press__list li:hover .titleText{opacity:1;bottom:0}@media screen and (min-width: 1200px){.press__list{flex-direction:row;flex-wrap:wrap;width:104rem;justify-content:space-between;align-items:flex-end}.press__list li:nth-child(2n){transform:translateY(-5rem)}}.owl{margin-top:10rem}.owl__box{padding:clamp(3rem,4vw,6rem);box-sizing:border-box;position:relative}.owl__box:hover .owl__cover{opacity:0}.owl__cover{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;transition:opacity 1s;display:flex;align-items:center;justify-content:center}.owl .rightCover{background-color:#242d2f}.owl .rightCover:after{content:"";display:block;width:10.7rem;height:11.1rem;background:url(../images/main/kuroLogo.png) no-repeat center;background-size:cover}.owl.onLeft .owl__left .leftCover{opacity:0;visibility:hidden}.owl.onLeft .owl__right .rightCover{opacity:1}.owl.onRight .owl__left .leftCover{opacity:1}.owl.onRight .owl__right .leftCover{opacity:0}.owl__inner{display:flex;flex-direction:column;row-gap:3.5rem}.owl__left{background:url(../images/main/leftBg.jpg) no-repeat center;background-size:cover}.owl__right{background:url(../images/main/rightBg.jpg) no-repeat center;background-size:cover;text-align:right}.owl__title{font-size:1.8rem;font-weight:700;line-height:1.4}.owl__title em{color:#fff6bb}.owl .title01{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.owl .title01:before{content:"";display:block;width:6rem;height:5.5rem;background:url(../images/main/owlLogo.png) no-repeat;background-size:cover}.owl .title01 span{width:calc(100% - 7.5rem)}.owl .title02{display:flex;align-items:center;justify-content:space-between;gap:2rem}.owl .title02:after{content:"";display:block;width:6rem;height:6.3rem;background:url(../images/main/kuroLogo.png) no-repeat;background-size:cover}.owl .title02 span{width:calc(100% - 7rem)}.owl__link{width:100%;display:flex;justify-content:flex-end}.owl__link a{display:flex;align-items:center;justify-content:center;width:clamp(10rem,7vw,15rem);height:clamp(10rem,7vw,15rem);background-color:rgba(213,191,109,.95);border-radius:100%;color:#fff}.owl__link p{padding-top:.2rem;padding-right:1.5rem;font-size:clamp(1.6rem,4vw,1.9rem);background:url(../images/main/linkArr.png) no-repeat center right;background-size:1rem}.owl__text{font-size:clamp(1.6rem,3vw,2rem);line-height:1.4;margin-top:clamp(3rem,4vw,6rem);position:relative}.owl__text span{position:relative;z-index:1}.owl__text:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;background:radial-gradient(circle, rgba(0, 0, 0, 0.8407738095) 0%, rgba(0, 0, 0, 0.4037990196) 100%);z-index:0;filter:blur(10px)}@media screen and (min-width: 1200px){.owl{display:flex;margin-top:35rem}.owl__box{height:76rem;transition:width 1s}.owl__box:hover .owl__cover{transition-delay:.5s}.owl .leftCover:after{width:24.5rem;height:22.5rem}.owl .rightCover:after{width:21.5rem;height:22.4rem}.owl__inner{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;-moz-column-gap:4rem;column-gap:4rem;position:relative;top:50%;transform:translateY(-50%)}.owl__rightInner{flex-direction:row-reverse}.owl__title{font-size:clamp(3rem,2vw,4.5rem);width:38%}.owl__about{width:45%}.owl .title01{flex-direction:column;align-items:flex-start}.owl .title01::before{width:16.3rem;height:15rem}.owl .title01 span{width:100%}.owl .title02{flex-direction:column-reverse;align-items:flex-end}.owl .title02::after{width:14.3rem;height:14.9rem}.owl .title02 span{width:100%}.owl.onLeft .owl__right{width:20%}.owl.onRight .owl__left{width:20%}.owl.onRight .owl__right{width:80%}}.with{margin-top:clamp(10rem,7vw,30rem);text-align:center}.with__text{font-size:clamp(2rem,4vw,3rem);line-height:1.4;margin:clamp(5rem,7vw,10rem) 0;transform:translateY(6rem)}.with__btns{display:flex;flex-direction:column;row-gap:5rem;width:100%;max-width:94.5rem;margin:0 auto;transform:translateY(6rem)}.with__btns .comment{font-size:clamp(1.4rem,4vw,1.8rem);font-weight:500;line-height:1.4;margin-bottom:1.5em}.with__btns a{display:flex;align-items:center;justify-content:center;border:1px solid #6b7f85;height:10rem}.with__btns a:hover{border-color:#fff6bb}.with__btns a:hover .name{opacity:1;color:#fff6bb}.with__btns a:hover .name:after,.with__btns a:hover .name::before{display:none}.with__btns a:hover .apply{display:flex}.with__btns .name{font-size:clamp(2rem,5vw,4rem);color:#fff;opacity:.6;display:flex;align-items:center;gap:1.5rem}.with__btns .name01:before{content:"";display:block;width:3.5rem;height:2.3rem;background:url(../images/main/withArr_left.png) no-repeat center}.with__btns .name02:after{content:"";display:block;width:3.5rem;height:2.3rem;background:url(../images/main/withArr_right.png) no-repeat center}.with__btns .apply{display:none;font-size:clamp(1.7rem,5vw,2rem);color:#fff;margin-top:1.2rem;align-items:center;justify-content:center;gap:1rem}.with__btns .apply:after{content:"";display:block;width:2rem;height:1.8rem;background:url(../images/main/apply.png) no-repeat center right;background-size:cover}.with__btns .apply a:hover{border-color:#fff6bb}.with__btns .apply a:hover .name{opacity:1;color:#fff6bb}.with__btns .apply a:hover .name:after{display:none}@media screen and (min-width: 1200px){.with__btns{flex-direction:row;justify-content:space-between}.with__btns li{width:48.5%}.with__btns a{height:15rem;width:95%;margin:0 auto}}.popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:6;display:none}.popup.on{display:block}.popup .dashBox{margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px dashed #ddd}.popup__box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#333;background-color:#fff;width:95%;max-width:86rem;height:75vh;padding:clamp(4rem,6vw,5.5rem) 2rem clamp(4rem,6vw,5.5rem) clamp(1.5rem,4vw,4rem);border-radius:2rem;box-sizing:border-box;z-index:1}.popup__box .mCSB_draggerContainer{background-color:#dfdfdf !important;width:4px}.popup__box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#d5bf6d !important}.popup__box .mCSB_draggerRail{background:none !important}.popup__title{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:4rem;padding-bottom:2rem;border-bottom:3px solid #5b5b5b}.popup__title span{font-size:clamp(2.7rem,5vw,3.5rem);font-weight:600;color:#111}.popup__close{background:none}.popup__align{display:flex;flex-direction:column;row-gap:1rem}.popup__innerTitle{font-size:1.8rem;font-weight:600}.popup__radios{display:flex;align-items:center;gap:4%;flex-wrap:wrap;row-gap:1rem}.popup__radios li{width:48%;position:relative}.popup__radios li input[type=radio]{position:absolute;right:0;width:1px;height:1px;padding:0;border:0 none;margin:0;top:0;overflow:hidden;clip:rect(0 0 0 0)}.popup__radios li label{background:url(../images/uncheck.png) no-repeat center left;font-size:15px;display:flex;align-items:center;gap:1rem}.popup__radios li label::before{content:"";display:block;width:2.5rem;height:2.5rem;border:1px solid #ddd;border-radius:100%;box-sizing:border-box}.popup__radios li input[type=radio]:checked+label::before{border:7px solid #bd955a}.popup__rightBox input[type=text],.popup__rightBox input[type=number]{width:100%;height:4.5rem;border:1px solid #ddd;box-sizing:border-box;padding-left:1rem;font-size:1.5rem}.popup .file_wrap .fileName{display:inline-block;padding-left:10px;border:1px solid #ddd;background-color:#fff;vertical-align:middle;text-align:left}.popup .file_wrap label{margin-top:1rem;display:block;height:4.5rem;line-height:4.5rem;color:#fff;font-size:16px;background-color:#333;text-align:center;vertical-align:middle}.popup .file_wrap input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.popup__textArea{border:1px solid #ddd;height:12.5rem;display:flex;align-items:flex-start;justify-content:space-between;padding:1rem}.popup__textArea .chatIcon{width:2rem;height:2rem;display:block;background:url(../images/main/chat.png) no-repeat center;padding-top:.5rem}.popup__textArea .textBox{width:calc(100% - 4rem);height:100%}.popup__textArea textarea{border:none;width:100%;height:100%;font-size:1.5rem;resize:none;box-sizing:border-box}.popup__agreeTitle{font-size:clamp(1.6rem,6vw,1.8rem);font-weight:600;margin-bottom:.4em}.popup__prav{height:15.5rem;box-sizing:border-box;border:1px solid #ddd;padding:1rem;font-size:1.4rem;line-height:1.3;overflow-y:scroll}.popup__agree{position:relative;margin-top:2rem}.popup__agree input[type=checkbox]{position:absolute;right:0;width:1px;height:1px;padding:0;border:0 none;margin:0;top:0;overflow:hidden;clip:rect(0 0 0 0)}.popup__agree label{background:url(../images/main/uncheck.png) no-repeat center left;background-size:2rem;padding-left:25px;font-size:clamp(1.5rem,5vw,1.8rem);font-weight:300}.popup__agree input[type=checkbox]:checked+label{background:url(../images/main/checked.png) no-repeat center left;background-size:2rem}.popup__btns{display:flex;justify-content:center;gap:1.5rem;margin-top:clamp(5rem,6vw,7rem)}.popup__btns li{width:48%;max-width:27.5rem;height:5rem;border-radius:.5rem;overflow:hidden}.popup__btns li button{color:#fff;display:block;width:100%;height:100%;font-size:1.8rem}.popup__btns .apply button{background-color:#d5bf6d}.popup__btns .cancle button{background-color:#686868}.popup__bg{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:.7;z-index:0}@media screen and (min-width: 1200px){.popup__box{padding:clamp(4rem,6vw,5.5rem) 2rem clamp(3rem,5vw,8rem) clamp(4rem,6vw,5.5rem)}.popup__radios{gap:0;row-gap:2rem}.popup__radios li{width:25%}.popup__align{flex-direction:row;align-items:center;justify-content:space-between}.popup__rightBox{width:calc(100% - 10rem)}.popup .file_wrap .fileName{display:inline-block;width:calc(100% - 15.5rem)}.popup .file_wrap label{display:inline-block;width:15rem;margin-top:0}}.contact{margin-top:clamp(10rem,13vw,30rem);padding-bottom:clamp(9rem,6vw,16rem)}.contact .partTitle{margin-left:3rem}.contact__dls{transform:translateY(6rem)}.contact__dl{font-size:clamp(1.3rem,5vw,2rem);border-bottom:1px solid #535c5f;display:flex;flex-direction:column;row-gap:.5rem;line-height:1.3;padding:2rem 5%}.contact__dl dt{color:#999;width:17rem}.contact__dl dd{color:#ededed}.contact__logo{text-align:center}.contact__logo img{animation:bottomLogo 1.5s infinite alternate;animation-delay:.5s;width:50%}.contact__wrap{display:flex;flex-direction:column-reverse;row-gap:3rem;margin-top:clamp(6rem,5vw,12.5rem)}@media screen and (min-width: 1200px){.contact__wrap{flex-direction:row;justify-content:space-between}.contact__dl{font-size:clamp(2rem,6vw,3rem);flex-direction:row;width:100rem}.contact__dl dt{width:17rem}.contact__logo img{width:auto}}@keyframes bottomLogo{0%{transform:translateY(3rem)}100%{transform:translateY(-3rem)}}