.temp{margin:auto;width:100%;height:100%;max-width:1200px;padding:0px 10px;position:relative;background-color:white}.temp div{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.full-width{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}body{background-color:#EEEE;font-family:"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;color:#1c1c1c;font-size:18px;overflow-x:hidden}@media screen and (max-width: 1024px){body{font-size:18px}}@media screen and (max-width: 480px){body{font-size:16px}}.main-title{font-size:28px}@media screen and (max-width: 1024px){.main-title{font-size:24px}}@media screen and (max-width: 480px){.main-title{font-size:20px}}.sub-title{font-size:24px}@media screen and (max-width: 1024px){.sub-title{font-size:20px}}@media screen and (max-width: 480px){.sub-title{font-size:16px}}.small-title{font-size:12px}@media screen and (max-width: 1024px){.small-title{font-size:8px}}@media screen and (max-width: 480px){.small-title{font-size:7px}}.container{background-color:white;min-height:80vh}.container.img{min-height:auto}.container80{width:80%;margin:auto}@media screen and (max-width: 1024px){.container80{width:100%}}header{position:fixed;width:100%;z-index:100;top:0px}header nav.navbar{padding:0 !important;background-color:rgba(0,0,0,0.5) !important}@media screen and (min-width: 1024px){header nav.navbar{display:grid !important;grid-template-columns:1fr 2fr 1fr !important}}header nav.navbar .navbar-brand{background:url("../picture/TAKATO-LOGO.png") no-repeat left center;background-size:contain;height:60px;width:300px}@media screen and (max-width: 1024px){header nav.navbar .navbar-brand{height:60px;width:200px}}@media screen and (min-width: 1024px){header nav.navbar .collapse ul{margin:auto !important}}header nav.navbar .collapse ul li a.nav-link{color:#F36421 !important;font-size:24px;font-weight:900}@media screen and (max-width: 1024px){header nav.navbar .collapse ul li a.nav-link{font-size:16px}}.component-banner{position:relative;width:100%;height:100px;overflow-x:hidden}.component-banner img{width:100%;height:100px;object-fit:cover}.component-banner .text{position:absolute;color:white;width:400px;text-align:center;top:50%;left:10%;transform:translate(0, -50%);z-index:2;font-size:35px;white-space:nowrap}@media screen and (max-width: 1024px){.component-banner .text{width:220px;font-size:22px}}.component-banner::before{content:"";position:absolute;transform:skewX(-30deg);left:10%;width:400px;height:100%;background-color:rgba(0,0,0,0.8);z-index:1}@media screen and (max-width: 1024px){.component-banner::before{width:220px}}.component-button{border:none;color:white;background-color:#ff5c1b;border-radius:10px;padding:8px 30px;width:100%}.component-button:hover{background-color:#ff7e4b}.cart-button a{display:inline-flex;padding:6px 15px;text-decoration:none;color:white;background-color:#ff5c1b;border-radius:10px;justify-content:center;align-items:center;gap:5px}@media screen and (max-width: 480px){.cart-button a{padding:8px 10px;font-size:16px}}.cart-button a:hover{background-color:#ff7e4b}.cart-button img{height:30px;width:30px}@media screen and (max-width: 480px){.cart-button img{height:25px;width:25px}}.cart-button .count{display:flex;justify-content:center;align-items:center;border-radius:5px;font-size:14px;width:30px;height:30px;color:white;background-color:#a3a3a3;font-weight:bold}@media screen and (max-width: 480px){.cart-button .count{font-size:14px;width:20px;height:20px}}.component-news{margin:30px auto 50px auto;width:80%}.news-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-columns:max-content 1fr;border-bottom:1px solid #ddd;padding:10px 30px;gap:30px}a.news-grid{text-decoration:none;color:black}a.news-grid:hover{background-color:#ddd}.news-grid div:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 480px){.component-news{width:100%}.news-grid{padding:10px 10px;gap:15px;font-size:14px}}.takato-top{margin-top:-60px}.takato-top .top-img{position:relative}.takato-top .top-img img{height:800px;width:100%;object-fit:cover}.takato-top .top-img .text{position:absolute;left:50%;top:490px;transform:translateX(-50%);font-size:80px;font-weight:700;color:#F79428;white-space:nowrap}.takato-top .top-img .shop-btn{position:absolute;display:flex;justify-content:center;align-items:center;bottom:8%;left:70%;transform:translateX(-50%);height:60px;background-color:#F36421;color:white;text-decoration:none;font-size:26px;padding-right:100px;padding-left:50px;border-radius:30px;font-weight:bold;white-space:nowrap}.takato-top .top-img .shop-btn::after{content:"";position:absolute;right:5%;bottom:30%;width:45px;border:1px solid white}.takato-top .top-img .shop-btn::before{content:"";position:absolute;right:5%;bottom:30%;width:25px;transform:rotate(30deg);transform-origin:right;border:1px solid white}.takato-top .top-img .shop-btn:hover{transition:0.5s;background-color:white;color:#F36421}.takato-top .top-img .shop-btn:hover:before,.takato-top .top-img .shop-btn:hover:after{transition:0.5s;border:1px solid #F36421;right:3%}.takato-top .brand{background-color:#F36421;padding-bottom:5%}.takato-top .index-container{max-width:1400px;margin:auto}.takato-top .brand .bar{height:30px;background-color:#000;margin:0 calc(50% - 50vw)}.takato-top .brand .back-text{color:white;font-size:140px;font-weight:900;line-height:120px}.brand .content{display:block;position:relative;height:180px;width:80%;overflow:hidden;background-color:white;margin:auto;margin-bottom:2%}.brand .content img.background{height:180px;width:100%}.brand .content .logo{position:absolute;top:50%;left:50%;height:50%;object-fit:contain;transform:translate(-50%, -50%)}.brand .img-wrapper:hover{transform:scale(1.1);transition:0.5s;opacity:0.7}.takato-top .brand .link-text{position:relative;display:inline-block;padding-right:20px;font-size:26px}.takato-top .brand .link-text:after{content:"";position:absolute;display:inline-block;width:20px;height:1px;transform:rotate(-60deg);top:50%;transform-origin:center;background-color:#fff}.takato-top .brand .link-text a{text-decoration:none;white-space:nowrap;color:white}.takato-top .brand .link-text a:hover{color:rgba(255,255,255,0.8)}.takato-top .news{background-color:white;padding-bottom:5%}.takato-top .news .back-text{color:#F36421;font-size:140px;font-weight:900;line-height:120px;margin-bottom:100px}.takato-top a.grid{text-decoration:none;color:#000}.takato-top .news .grid{display:grid;width:80%;margin:auto;grid-template-columns:250px 1fr;grid-template-areas:"img date" "img title";justify-content:center;align-items:center;border-bottom:2px solid black;padding:15px 0px;font-size:24px}.takato-top .news .grid:hover{background-color:#eee}.takato-top .news .img{grid-area:img;width:120px;height:120px;object-fit:cover;margin:auto}.takato-top .news img{width:100%;height:100%;object-fit:cover}.takato-top .news .date{grid-area:date}.takato-top .news .title{grid-area:title;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.takato-top .news .btn-wrapper{text-align:right}.takato-top .news .btn-wrapper a{display:inline-block;margin:auto;background-color:#F36421;color:white;text-decoration:none;padding:2% 5%;margin-top:4%}.takato-top .btn-wrapper a:hover{opacity:0.5}.takato-top .contact-company{background-color:#F36421;padding-bottom:5%}.takato-top .contact-company .back-text{color:white;font-size:140px;font-weight:900;line-height:120px}.takato-top .contact-company .wrapper{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:50px;margin:3%}.takato-top .contact-company .wrapper img{height:400px;width:100%;object-fit:cover}.takato-top .contact-company .wrapper a{overflow:hidden}.takato-top .contact-company .wrapper img:hover{transform:scale(1.05);transition:0.2s}.takato-top .sdg{background-color:white;padding-bottom:5%}.takato-top .sdg .back-text{color:black;font-size:140px;font-weight:900;line-height:120px}.takato-top .sdg .wrapper{position:relative;height:300px}.takato-top .sdg .wrapper .line1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:10%;height:2px;background-color:#000}.takato-top .sdg .wrapper .line2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);width:10%;height:2px;background-color:#000}.takato-top .sdg .wrapper .takato-logo{position:absolute;top:50%;left:25%;transform:translate(-50%, -50%);width:35%}.takato-top .sdg .wrapper .sdg-logo{position:absolute;top:50%;left:75%;transform:translate(-50%, -50%);width:15%}.takato-top .sdg .text{margin-top:3%;margin:3% 3%;text-align:center;font-weight:600}.takato-top .sdg .btn-wrapper{text-align:right;margin-right:3%}.takato-top .sdg button{background-color:#000;border:none;color:white;text-decoration:none;padding:2% 5%}.takato-top .sdg button:hover{opacity:0.5}.takato-top .map{background-color:white;padding-bottom:100px}.takato-top .map .back-text{color:#F36421;font-size:140px;font-weight:900;line-height:120px}.takato-top .map .googlemap{text-align:center;margin-top:5%}.takato-top .map iframe{width:800px;height:400px}@media screen and (max-width: 1024px){.brand .content{height:200px;width:96%}.brand .content img.background{height:200px}.brand .content .logo{width:45%}.takato-top .top-img img{height:600px}.takato-top .top-img .text{top:350px;transform:translateX(-50%);font-size:50px}.takato-top .top-img .shop-btn{height:60px;font-size:22px;padding-right:70px;padding-left:30px;bottom:15%;left:65%}.takato-top .top-img .shop-btn::after{width:40px}.takato-top .top-img .shop-btn::before{width:20px}.takato-top .brand .back-text,.takato-top .news .back-text,.takato-top .contact-company .back-text,.takato-top .sdg .back-text,.takato-top .map .back-text{line-height:84%;font-size:70px}.takato-top .brand .link-text{font-size:20px}.takato-top .brand .wrapper{margin:0 15%}.takato-top .brand .content{margin-bottom:10px}.takato-top .brand .wrapper .content img{height:180px}.takato-top .brand .wrapper .content .title{font-size:26px}.takato-top .brand .wrapper .content .text{-webkit-line-clamp:4;font-size:18px;padding:0 5%}.takato-top .news .back-text{margin-bottom:30px}.takato-top .news .grid{width:90%;grid-template-columns:180px 1fr;font-size:20px}.takato-top .news .img{width:100px;height:100px}.takato-top .news .btn-wrapper a{margin-top:7%;margin-right:20px}.takato-top .contact-company .wrapper img{height:250px}.takato-top .sdg .wrapper{height:150px}.takato-top .map iframe{width:80%;height:300px}}@media screen and (max-width: 480px){.brand .content{height:110px;width:96%}.brand .content img.background{height:110px}.brand .content .logo{width:60%}.takato-top .top-img img{height:300px}.takato-top .top-img .text{top:175px;font-size:26px;transform:translateX(-50%)}.takato-top .top-img .shop-btn{height:40px;font-size:14px;padding-right:50px;padding-left:25px;white-space:nowrap;left:50%;bottom:25px}.takato-top .top-img .shop-btn::after{width:24px}.takato-top .top-img .shop-btn::before{width:13px}.takato-top .brand .back-text,.takato-top .news .back-text,.takato-top .contact-company .back-text,.takato-top .sdg .back-text,.takato-top .map .back-text{font-size:50px}.takato-top .brand .link-text{font-size:12px}.takato-top .brand .wrapper{margin:0 2%}.takato-top .brand .wrapper .content{margin-bottom:10px}.takato-top .brand .wrapper .content img{height:140px}.takato-top .brand .wrapper .content .title{font-size:20px}.takato-top .brand .wrapper .content .text{-webkit-line-clamp:4;font-size:14px;padding:0 5%}.takato-top .brand .wrapper a{text-decoration:none;color:black}.takato-top .news .grid{width:98%;grid-template-columns:100px 1fr;font-size:16px;padding:10px}.takato-top .news .img{width:70px;height:70px}.takato-top .contact-company .wrapper img{height:250px}.takato-top .sdg .wrapper{height:150px}.takato-top .map iframe{width:80%;height:300px}.takato-top .contact-company .wrapper{grid-template-columns:1fr;gap:20px}.takato-top .contact-company .wrapper img{height:200px}.takato-top .sdg .wrapper{height:100px}.takato-top .map iframe{width:85%;height:200px}}.table_hover:hover{background-color:#f6f6f6}.top-news-date{width:40%;white-space:nowrap;text-align:right;vertical-align:middle}.top-news-title{width:60%;vertical-align:middle;padding-left:10% !important}.news .sort form{margin-left:10px}.news .news_category{color:#0d6efd;border:none}.news .news_category:hover{color:#185cc0;text-decoration:underline}.news .prev-next-link a{border-bottom:1px #ddd solid;display:block;text-decoration:none;padding:14px 10px;color:#188a9f}.news .prev-next-link a:hover{background-color:#f6f6f6}.news .prev-next-link a:first-child{border-top:1px #ddd solid}.news .prev-next-label{color:#000;margin-bottom:10px}.news-detail .news-img-frame{display:grid;grid-template-columns:repeat(2, 1fr)}.news-detail .news-border{position:relative;width:100%;height:25vw;border:1px solid #ddd;background-color:white}.news-detail .news-img{object-fit:contain;width:100%;height:100%}.news-detail .other-news{display:flex}.news-detail .other-news a{text-decoration:none}.news-detail .previous-news{margin-right:auto}.news-detail .next-news{margin-left:auto}.news-detail .news-content{display:flex;align-items:center;justify-content:center}.news-detail .news-content img{width:30px}@media screen and (max-width: 480px){.news-detail .news-img-frame{grid-template-columns:repeat(1, 1fr)}.news-detail .news-border{height:60vw}}.contact{padding:50px 0}.contact ul{color:red}.contact-img{width:40%;margin:auto}.contact-main{width:50%;margin:auto}.contact-table{border-collapse:separate;border-spacing:10px}.contact-td{width:100%;margin:auto}.contact-check{margin:0px auto}.contact-btn{width:30%}.confirmed{margin:auto;border:solid 1px #EEEE;text-align:center;width:80%;padding:1%}.brnone{display:block}.mobile_br{display:none}@media screen and (max-width: 1024px){.contact-img,.contact-main{width:60%}.brnone{display:block}.mobile_br{display:none}.contact-btn{width:50%}}@media screen and (max-width: 768px){.confirmed{width:100%}.contact-img,.contact-main{width:60%}.brnone{display:block}.mobile_br{display:none}.contact-btn{width:50%}}@media screen and (max-width: 480px){.contact-img{width:90%}.contact-main{width:90%;margin:auto}.brnone{display:none}.mobile_br{display:block}.contact-btn{width:50%}}.company{padding:50px 0}.company .subtitle{text-align:center}.company .company-table{width:70%}.company .company-table td{padding:5%;vertical-align:middle}@media screen and (max-width: 480px){.company .company-table{width:100%}}.time-block{width:90%;margin:auto}.timeline{list-style:none;padding-left:0}.timeline>li{margin-bottom:60px}@media (min-width: 768px){.time-block{width:90%;margin:auto}.timeline>li{overflow:hidden;margin:0;position:relative}.timeline-date{width:200px;float:left}.timeline-content{height:90px;float:left;border-left:3px #FF773E solid;padding-left:30px;width:calc(100% - 200px)}.timeline-content:before{content:'';width:16px;height:16px;background:#FF773E;position:absolute;left:193px;top:9px;border-radius:100%}}@media (min-width: 1024px){.time-block{width:60%;margin:auto}.timeline>li{overflow:hidden;margin:0;position:relative}.timeline-date{width:200px;float:left}.timeline-content{height:90px;float:left;border-left:3px #FF773E solid;padding-left:30px;width:calc(100% - 200px)}.timeline-content:before{content:'';width:16px;height:16px;background:#FF773E;position:absolute;left:193px;top:5px;border-radius:100%}}.product-all{margin:auto;max-width:1400px;background-color:white;height:100%}.product-all .top-img{width:100%;height:550px;margin-top:-60px;object-fit:cover}.product-all .wrapper{padding:0 2%}.product-all .content1{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;margin:2% 0}.product-all .content1 .select select{width:250px}.product-all .content1 .find{text-align:center}.product-all .content1 .find input{width:70%}.product-all .content1 .find button{width:20%;background-color:#FF8C43;color:black;border:2px solid #F36421;height:100%;white-space:nowrap}.product-all .content2{display:grid;grid-template-columns:repeat(4, 1fr);gap:36px;font-family:"Yu Gothic";margin-bottom:50px}.product-all .content2 .item{display:grid;grid-template-rows:max-content 1fr max-content max-content;width:100%;height:400px;border-bottom:solid 1px #ddd;padding-bottom:10px}.product-all .content2 .item:hover{opacity:0.8}.product-all .content2 .item:hover .title{text-decoration:underline}.product-all .content2 .item img{height:250px;width:100%;object-fit:contain;margin-bottom:5%}.product-all .content2 .item .price{text-align:right;padding-right:5%}.product-all ul.pagination{justify-content:center;padding:5%;margin:0}@media screen and (max-width: 1024px){.product-all{margin:0 0}.product-all .top-img{height:400px}.product-all .content1{grid-template-columns:1fr max-content;grid-template-areas:"select cart" "find find";gap:20px 0%}.product-all .content1 .select select{grid-area:select;width:50%}.product-all .content1 .find{grid-area:find;text-align:center}.product-all .content1 .find input{width:50%}.product-all .content1 .find button{width:60px}.product-all .content2{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 480px){.product-all{margin:0 0%}.product-all .top-img{height:250px}.product-all .content1{grid-template-columns:1fr max-content;grid-template-areas:"select cart" "find find";gap:20px 0%}.product-all .content1 .select select{grid-area:select;width:80%;font-size:13px}.product-all .content1 .find{grid-area:find;text-align:center}.product-all .content1 .find input{width:60%}.product-all .content2{grid-template-columns:repeat(2, 1fr);gap:15px}.product-all .content2 .item{height:250px}.product-all .content2 .item img{height:120px}.product-all .content2 .item .title,.product-all .content2 .item .price{font-size:16px}.product-all .content2 .item .pulldown{font-size:12px}}.product-detail{height:100%;margin:auto;max-width:1400px;background-color:white;padding:2% 3%}.product-detail .alert{position:fixed;top:130px;left:50%;transform:translate(-50%, -50%);background-color:rgba(218,218,218,0.5);padding:10px 30px;font-size:20px}.product-detail .alert-torigger{display:none}.product-detail .header-menu{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.product-detail .content1{display:grid;grid-template-columns:10% 50% 40%}.product-detail .content1 .product-detail-img1{width:100%}.product-detail .content1 .product-detail-img1:hover{cursor:pointer}.product-detail .content1 .product-detail-img1 img{border:1px solid #eee;width:100%;height:100px;object-fit:contain}.product-detail .content1 .product-detail-img2{width:100%}.product-detail .content1 .product-detail-img2 img{border:1px solid #eee;width:100%;height:500px;object-fit:contain}.product-detail .content1 .product-detail-content{display:grid;grid-template-rows:max-content 1fr max-content;padding:3%;border:1px solid #eee}.product-detail .content1 .brand{margin-bottom:10px}.product-detail .content1 .product-detail-box{display:grid;grid-template-columns:1fr 1fr;margin-top:5%;gap:10px}.product-detail .product-detail-text p{width:100%;word-wrap:break-word;overflow-wrap:break-word;min-height:200px}@media screen and (max-width: 1024px){.product-detail .content1{display:grid;grid-template-columns:1fr 5fr}.product-detail .content1 .product-detail-content{grid-column:1/3}}@media screen and (max-width: 480px){.product-detail .content1{display:grid;grid-template-columns:1fr 5fr}.product-detail .content1 .product-detail-img1 img{width:100%;height:60px}.product-detail .content1 .product-detail-img2 img{width:100%;height:300px}}.other ul.horizontal-list{overflow-x:scroll;white-space:nowrap;padding:0%;margin:0%}.other li.item{display:inline-block;width:22%;height:200px;font-size:16px;border:1px solid #ddd}.other li.item img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 1024px){.other li.item{display:inline-block;width:30%;height:300px;font-size:12px}}@media screen and (max-width: 480px){.other li.item{display:inline-block;width:42%;height:210px;font-size:10px;padding-bottom:2%}}.product-confirmed{text-align:left;width:80%;padding-top:5%;margin:auto}.product-confirmed td{border-bottom:1px solid rgba(73,68,68,0.456)}.cart .cart-border{border-top:1px solid #eee}.cart .content{display:grid;grid-template-columns:1fr 3fr 130px;border:1px solid #eee}.cart .cart-button-wrapper{display:flex;justify-content:space-around}.cart .cart-button-wrapper button{width:30%;height:60px}.cart .content .item1 img{width:100%;height:200px;object-fit:contain;padding:10px}.cart .content .item2{position:relative}.cart .item2 .title{padding:10px}.cart .content .item2 .count{position:absolute;bottom:3%;right:3%}.cart .content .item2 .value{display:inline-block}.cart .content .item2 .clear{display:inline-block;width:30%}.cart .content .item2 .clear button{white-space:nowrap}.cart .content .item3 .price{padding:10px;text-align:right}@media screen and (max-width: 480px){.cart .cart-button-wrapper{display:flex;justify-content:space-around}.cart .cart-button-wrapper button{width:40%;height:40px}.cart .cart-border{border-top:1px solid #eee}.cart .content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr max-content;grid-template-areas:"item1 item2" "item1 item3";border:1px solid #eee}.cart .content .item1{grid-area:item1}.cart .content .item1 img{width:100%;height:200px}.cart .content .item2{position:relative;grid-area:item2}.cart .item2 .title{padding:10px}.cart .content .item2 .count{position:absolute;bottom:3%;right:3%}.cart .content .item2 .value{display:inline-block}.cart .content .item2 .clear{display:inline-block;width:30%}.cart .content .item2 .clear button{white-space:nowrap}.cart .content .item3{grid-area:item3}.cart .content .item3 .price{padding:10px;text-align:center}}.buy{padding-top:80px;padding-bottom:80px}.buy .item div{width:100%}.buy .errorlist{display:block;margin:0;color:red;width:100%}.buy .content .grid{display:grid;grid-template-columns:1fr 3fr;align-items:center;border:1px solid #797979;margin-bottom:60px}.buy .content .item{display:flex;align-items:center;border-bottom:1px solid #eee;border-right:1px solid #eee;height:100%;padding:10px 20px}.buy .content .button{width:30%;margin:auto}.buy #id_payment{width:100%;margin:0;padding:0}.buy #id_payment>div:first-child{border-bottom:1px solid #eee}.buy #id_payment>div:nth-child(2){padding-top:10px}.buy .content #id_payment>br,.buy .content #id_payment div>br{display:none}.buy .content label br:nth-child(2){display:none}@media screen and (max-width: 480px){.buy .content .grid{display:grid;grid-template-columns:1fr;align-items:center;border:1px solid #797979;margin-bottom:60px}.buy .content .item{display:flex;align-items:center;border-bottom:1px solid #eee;border-right:1px solid #eee;height:100%;padding:8px 7px}.buy .content .item:nth-child(even){border-bottom:1px solid #797979}.buy .content .button{width:50%}}.cst-top{margin-top:-60px}.cst-top .carousel-inner img{height:550px;object-fit:cover}.cst-top-img1{position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);color:white;font-size:60px;z-index:50}.cst-top-img2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:60px;z-index:50}.cst-top-btn{position:absolute;top:70%;left:50%;transform:translate(-50%, -50%);z-index:50}.cst-top-btn button{font-size:20px;width:200px}.cst-top-content1{display:grid;grid-template-columns:1fr 2fr;justify-content:center;align-items:center;gap:50px;margin:30px 0px 30px 50px}.cst-top-content1 img{width:100%}.cst-top-content2{position:relative;overflow:hidden;background-color:black}.cst-top-content2:hover{background-color:white}.cst-top-content2 img{width:100%;height:200px;object-fit:cover;opacity:0.6}.cst-top-content2:hover img{transition:0.8s;opacity:0.6;transform:scale(1.1, 1.1)}.cst-top-content2 .text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:white;font-size:60px;white-space:nowrap}.cst-top .sns{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-items:center}.cst-top .cst-facebook,.cst-top .cst-instagrame{width:100% !important}@media screen and (max-width: 1024px){.cst-top-img1{top:33%;font-size:40px}.cst-top-img2{top:50%;font-size:40px}.cst-top-btn{top:68%}.cst-top-btn button{font-size:16px;width:150px}.cst-top-content2 img{height:150px}.cst-top-content1{gap:10px;margin-left:10px;margin:30px 0px 30px 10px}}@media screen and (max-width: 480px){.cst-top .carousel-inner img{height:300px;object-fit:cover}.cst-top-img1{top:30%;font-size:25px}.cst-top-img2{top:50%;font-size:25px}.cst-top-btn{top:70%}.cst-top-btn button{font-size:10px;width:100px}.cst-top-content1{gap:10px;margin:0px 0px 20px 0px;font-size:16px}.cst-top-content2 img{height:100px}.cst-top-content2 .text{font-size:40px;white-space:nowrap}.cst-top .sns{margin-bottom:50px;display:grid;grid-template-columns:1fr}.cst-top .cst-facebook,.cst-top .cst-instagrame{width:95% !important}}.pump-top{margin-top:-60px}.pump-top .carousel-inner img{height:550px;width:100%;object-fit:cover}.pump-top .carousel-inner .sp{display:none}.pump-top .content1{display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:max-content 1fr max-content;grid-template-areas:"img title" "img text" "img btn"}.pump-top .content1 img{width:100%;height:250px;grid-area:img}.pump-top .content1 .item{padding-left:5%;padding-right:5%;grid-area:text}.pump-top .content1 .title{text-align:center;grid-area:title;font-size:30px;margin:10px 0}.pump-top .content1 .pump-btn1{grid-area:btn;text-align:right;margin-right:10%}.pump-top .content2{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.pump-top .content2 .item-detail{position:relative;border:1px solid #b3b3b3}.pump-top .content2 .item-detail:hover{background-color:#eee}.pump-top .content2 img{width:100%;height:150px;object-fit:contain}.pump-top .content2 .text{position:absolute;right:5%;bottom:5%;color:black}@media screen and (max-width: 480px){.pump-top .carousel-inner img{height:360px}.pump-top .carousel-inner .sp{display:block}.pump-top .carousel-inner .pc{display:none}.pump-top .content1{grid-template-columns:1fr;grid-template-areas:"img" "title" "text" "btn";gap:10px}.pump-top .content1 img{height:230px}.pump-top .content1 .title{font-size:24px;border-top:1px solid #eee;padding-top:10px}.pump-top .content1 .item{padding-left:1%;padding-right:1%}.pump-top .content1 .pump-btn1{margin:auto}.pump-top .content2{display:grid;grid-template-columns:repeat(2, 1fr);gap:5px}.pump-top .content2 .item-detail{position:relative;border:1px solid #b3b3b3}.pump-top .content2 .item-detail:hover{background-color:#eee}.pump-top .content2 img{width:100%;height:140px;object-fit:contain}.pump-top .content2 .text{position:absolute;right:5%;bottom:5%;color:black}}.tool{padding-bottom:150px}.tool-top-img{position:relative;position:relative;margin-top:-60px;height:600px;width:100%}.tool-top-img .top-img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:600px;width:100%;object-fit:cover}.tool-top-img .top-logo{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:80%;max-width:1000px;object-fit:cover}.tool .content1{border-bottom:1px solid #bdbdbd;padding:30px 0}.tool .content2{position:relative;overflow:hidden;background-color:black}.tool .content2:hover{opacity:0.8}.tool .content2 img{width:100%;height:200px;object-fit:cover;opacity:0.6}.tool .content2:hover img{transition:0.8s;opacity:0.6;transform:scale(1.1, 1.1)}.tool .content2 .text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:white;font-size:60px;white-space:nowrap}@media screen and (max-width: 1024px){.tool .content2 img{height:150px}}@media screen and (max-width: 480px){.tool-top-img{height:300px}.tool-top-img .top-img{height:300px}.tool .content2 img{height:100px}.tool .content2 .text{font-size:30px;white-space:nowrap}}.ro{margin-top:-60px}.ro .top-img{position:relative;height:550px;width:100%}.ro .top-img img{height:100%;width:100%;object-fit:cover}.ro .top-img .text1{position:absolute;top:45%;left:10%;transform:translateY(-50%);color:#003481;font-size:50px;font-weight:900}.ro .top-img .text2{position:absolute;top:55%;left:10%;transform:translateY(-50%);color:#003481;font-size:50px;font-weight:900;-webkit-box-reflect:below -25% -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent))}.ro h2{font-size:36px;border-bottom:3px solid #185cc0}.ro .content1{margin-bottom:5%}.ro br{display:none}.ro .content1 .name{font-size:26px;text-decoration:underline 1px}.ro .content1 h1{font-size:18px;font-weight:400}.ro .content1 .title2{font-size:36px;margin-top:3%}.ro .content-border{border:1px solid #eee;border-radius:10px;padding-left:3%;padding-right:3%}.ro .content2{display:grid;grid-template-columns:repeat(2, 1fr);justify-content:center;align-items:center}.ro .content2 a{text-decoration:none;color:#000;overflow:hidden}.ro .content2 .item{display:grid;grid-template-columns:repeat(2, 1fr);justify-content:center;align-items:center;border:1px solid #c4c4c4}.ro .content2 a:nth-child(1),.ro .content2 a:nth-child(4){background-color:white}.ro .content2 a:nth-child(2),.ro .content2 a:nth-child(3){background-color:#D8D8D8}.ro .content2 .item:hover{transition:0.5s;transform:scale(1.1)}.ro .content2 img{width:100%;height:300px;object-fit:cover}.ro .content2 .text{text-align:center;font-size:26px;font-weight:500}.ro .banner{position:relative;width:100%;height:200px;background-image:url("../picture/ro/AdobeStock_327478388.jpeg");background-size:cover}.ro .banner .text{position:absolute;color:rgba(0,0,0,0.7);font-size:60px;top:0;left:0}.ro .banner a{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;background-color:white;text-decoration:none;border-radius:30px;border:1px solid #185cc0;color:#0d6efd;width:62%;height:25%}.ro .banner a:hover{background-color:#185cc0;color:white}@media screen and (max-width: 1024px){.ro .banner{height:150px}.ro .banner .text{font-size:50px}.ro .banner a{width:70%;height:35%}.ro .content2 img{height:250px}.ro .content2 .text{font-size:26px}}@media screen and (max-width: 480px){.ro br{display:block}.ro .content1 .title1{font-size:30px}.ro .content1 .name{font-size:20px}.ro .content1 h1{font-size:18px;font-weight:400}.ro .content1 .title2{font-size:30px;margin-top:3%}.ro .top-img{height:300px}.ro .top-img .text1,.ro .top-img .text2{font-size:30px}.ro .content2{grid-template-columns:repeat(1, 1fr)}.ro .content2 a:nth-child(1),.ro .content2 a:nth-child(3){background-color:white}.ro .content2 a:nth-child(2),.ro .content2 a:nth-child(4){background-color:#D8D8D8}.ro .content2 img{height:200px}.ro .content2 .text{font-size:20px}.ro .banner{height:120px}.ro .banner .text{font-size:40px}.ro .banner a{width:80%;height:35%}}.packing{margin-top:-60px}.packing .container{padding:30px 0px 150px 0px}.packing h2{border-bottom:2px solid #FF6000;margin:2% 0;padding-left:2%}.packing .top-img{position:relative;height:550px;width:100%;background:url("../picture/packing/AdobeStock_258560699.jpeg");background-size:100% 550px}.packing .top-img .text1{position:absolute;top:55%;left:45%;transform:translateY(-50%);font-size:50px}.packing .top-img img{position:absolute;top:50%;left:28%;transform:translate(-50%, -50%);width:300px;height:300px;object-fit:cover}.packing .top-img .text2{position:absolute;top:40%;left:45%;transform:translateY(-50%);font-size:40px}.packing .top-img button{background-color:#F36421;position:absolute;top:75%;left:50%;padding-right:30px;padding-left:30px;height:10%;font-size:24px;font-weight:bold;border:1px solid #707070;border:none;border-radius:10px}.packing .top-img button:hover{background-color:#f08451}.packing .youtube{display:flex;justify-content:center;align-items:center;text-align:center;height:500px;background-color:#0d6efd;margin-top:3%;background:linear-gradient(10deg, #FF976A 0%, #FF976A 50%, white 50%, white 100%)}.packing .youtube iframe{margin:auto;padding-top:0% 10%}.packing .content1{background-color:#FF976A;padding:2% 10%;border:0px}.packing .content1 h2{border-color:white;color:white}.packing .content1 .item{background-color:white;margin-top:2%;padding:1% 5%;font-weight:600}.packing .content1 .point{display:inline-block;color:#FF4E00}.packing .content1 span{margin-left:5%}.packing .content1 form{text-align:center;margin-top:5%;margin-bottom:3%}.packing .content1 button{position:relative;background-color:white;color:#FF4E00;border:white;border-radius:10px;height:50px;padding:0 15%}.packing .content1 button:after{position:absolute;content:"";top:50%;right:10%;transform:translateY(-50%) rotate(45deg);border-top:solid 5px #FF4E00;border-right:solid 5px #FF4E00;width:20px;height:20px}.packing .content1 button:hover{background-color:#eee}.packing .content2{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;margin:40px 0;padding:0 10%;gap:60px}.packing .content2 img{width:100%}.packing .content3{display:grid;grid-template-columns:1fr 1.5fr;justify-content:center;align-items:center;margin:40px 0;gap:30px}.packing .content3 img{height:300px;object-fit:cover;margin:auto}.packing .second-button{text-align:center}.packing .second-button button{position:relative;background-color:#FF4E00;color:white;border:#FF4E00;border-radius:10px;height:50px;padding:0 15%}.packing .second-button button:after{position:absolute;content:"";top:50%;right:10%;transform:translateY(-50%) rotate(45deg);border-top:solid 5px white;border-right:solid 5px white;width:20px;height:20px}.packing .second-button button:hover{background-color:#ff4d00af}@media screen and (max-width: 1024px){.packing .top-img{height:500px;background-size:100% 500px}.packing .top-img .text1{left:40%;font-size:40px}.packing .top-img img{left:20%;height:250px;width:250px}.packing .top-img .text2{left:40%;font-size:30px}.packing .top-img button{font-size:25px}}@media screen and (max-width: 480px){.packing .top-img{height:450px;background-size:100% 450px}.packing .top-img .text1{top:75%;left:50%;transform:translate(-50%, -50%);font-size:30px;white-space:nowrap}.packing .top-img img{top:35%;left:50%;transform:translate(-50%, -50%)}.packing .top-img .text2{top:65%;left:50%;transform:translate(-50%, -50%);font-size:25px;white-space:nowrap}.packing .top-img button{top:90%;left:50%;transform:translate(-50%, -50%);font-size:20px;white-space:nowrap}.packing .youtube{height:300px}.packing .youtube iframe{height:250px;width:95%}.packing .content1{background-color:#FF976A;padding:2% 1%;border:0px}.packing .content1 h2{border-color:white;color:white}.packing .content1 .item{background-color:white;margin-top:2%;padding:1% 5%;font-weight:600}.packing .content1 .point{display:inline-block;color:#FF4E00}.packing .content1 span{display:block;margin-left:5%;text-align:center;font-size:16px}.packing .content2{padding:0 1%;gap:10px}.packing .content3{grid-template-columns:1fr;gap:30px}.packing .content3 img{height:250px}}.nexta{background-color:white;margin-top:-60px;font-weight:bold;font-size:30px}.nexta .top{position:relative}.nexta .top img{width:100%;height:900px;object-fit:cover}.nexta .top .text{position:absolute;top:18%;left:8%;font-size:50px}.nexta .top .text span{color:#F6EE00}.nexta .top button{position:absolute;bottom:8%;right:8%;width:420px;height:55px;background-color:#000;color:white;border-radius:30px}.nexta .top button:hover{background-color:rgba(0,0,0,0.8)}.nexta .bar1{background-color:#648FD9;padding-left:5%;margin-bottom:5%}.nexta .bar1 span{color:#F6EE00}.nexta .content1{margin:0 15%}.nexta .content1 h1{text-align:center;margin-bottom:1%}.nexta .content1 h1 span{color:red}.nexta .content1 .item{position:relative;border:3px solid #A0DCE4;border-radius:30px;padding:3%}.nexta .content1 p{margin-bottom:5%}.nexta .content1 .point-wrapper{text-align:center}.nexta .content1 .point-wrapper .point-text{display:inline-block;text-align:left;font-size:40px}.nexta .content1 img{position:absolute;bottom:5%;right:5%;height:50%;width:20%}.nexta .content1 .Arrow-bottom{margin:auto;width:250px;height:250px;margin-top:-50px;margin-bottom:20px;border-bottom:20px double #707070;border-left:20px double #707070;transform:rotate(-45deg) skew(20deg, 20deg)}.nexta .content2-background{background:url("../picture/nexta/AdobeStock_498468592.jpeg");background-size:100% 100%}.nexta .content2{padding:5% 20%}.nexta .content2 .headline1{display:inline-block;border-bottom:10px solid #A0DCE4;line-height:1;font-size:36px;margin-top:3%}.nexta .content2 .headline2{margin-top:10px;margin-left:5%;font-size:40px;border-bottom:10px solid #A0DCE4;line-height:1}.nexta .content2 span{color:#0019FF}.nexta .content2 .point{position:relative;display:flex;justify-content:center;align-items:center;background-color:#A0DCE4;color:white;height:50px;width:20%;margin-top:4%;margin-bottom:3%}.nexta .content2 .point::after{position:absolute;top:50%;left:100%;content:"";border-right:10px solid transparent;border-bottom:25px solid #A0DCE4}.nexta .content2 .point::before{position:absolute;top:0%;left:100%;content:"";border-right:10px solid transparent;border-top:25px solid #A0DCE4}.nexta .content2 .title{color:red}.nexta .content2 .text{margin-left:5%}.nexta .example{margin:0 5%}.nexta .example .img1{height:150px;max-width:100%}.nexta .example .detail{display:grid;grid-template-columns:max-content 1fr;align-items:center;margin-top:5%}.nexta .example span{color:red}.nexta .example .detail img{height:200px;max-width:100%}.nexta .bar2{background-color:#648FD9;color:white;font-size:50px;text-align:center}.nexta .content3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;justify-content:center;align-items:center;text-align:center;margin-bottom:100px;margin-top:100px}.nexta .content3 img{width:100%;height:400px;object-fit:cover}.nexta .content3 .text{margin:3% 0}.nexta .content3 button{color:white;border:3px solid black;background-color:#F46827}.nexta .content3 button:hover{background-color:#f46827b8}.nexta .content3 a{text-decoration:none;color:white;border:3px solid black;background-color:#F46827;padding:5px 25px}.nexta .content3 a:hover{background-color:#f46827b8}.nexta .banner{position:relative}.nexta .banner img{width:100%;height:200px}.nexta .banner a{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-decoration:none;border-radius:30px;background-color:#648FD9;color:white;border:3px solid black;padding:1% 3%;white-space:nowrap}.nexta .banner a:hover{background-color:#648fd9c9}.nexta-news{background-color:white;width:70%;padding-bottom:5%;font-size:18px;margin:auto}@media screen and (max-width: 1024px){.nexta{font-size:24px}.nexta .top img{height:500px}.nexta .top .text{top:18%;left:5%;font-size:30px}.nexta .top button{bottom:5%;right:5%}.nexta .content1{margin:0 3%}.nexta .content1 .Arrow-bottom{width:200px;height:200px}.nexta .content2{padding:3% 2%}.nexta .content2 .headline1{font-size:30px}.nexta .content2 .headline2{font-size:36px}.nexta .content2 .point{width:30%}.nexta .example .img1{height:150px;max-width:100%}.nexta .example .detail{display:grid;grid-template-columns:max-content 1fr;align-items:center;margin-top:5%}.nexta .example .detail img{height:120px}.nexta .bar2{font-size:40px}.nexta .content3{display:grid;grid-template-columns:1fr;gap:30px;justify-content:center;align-items:center;text-align:center;margin:50px 0px}.nexta .content3 img{width:60%;object-fit:contain}.nexta .banner{margin:0 5%}.nexta .banner img{height:100px}}@media screen and (max-width: 480px){.nexta{font-size:18px}.nexta .top img{height:500px}.nexta .top .text{top:18%;left:5%;font-size:20px}.nexta .content1 .point-wrapper .point-text{font-size:24px}.nexta .top button{bottom:3%;right:3%;width:220px}.nexta .content1{margin:0 3%}.nexta .content1 img{position:absolute;bottom:2%;right:2%;height:30%;width:25%}.nexta .content1 .Arrow-bottom{width:100px;height:100px;margin-top:-20px}.nexta .content2{padding:3% 2%}.nexta .content2 .headline1{font-size:20px}.nexta .content2 .headline2{font-size:24px}.nexta .content2 .headline1{font-size:20px}.nexta .content2 .headline2{font-size:24px}.nexta .example .img1{height:100px}.nexta .example .detail{grid-template-columns:1fr}.nexta .example .detail img{height:120px}.nexta .bar2{font-size:30px}.nexta .content3{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.nexta .content3 .item{padding-bottom:30px;border-bottom:1px solid #eee}.nexta .content3 img{height:100%}.nexta-news{background-color:white;width:100%;padding:0px 10px;padding-bottom:5%;font-size:16px}}.blue-detail .blue-nav{display:grid;grid-template-columns:repeat(4, 1fr);text-align:center;margin-bottom:3%}.blue-detail .blue-nav .item{height:50px}.blue-detail .blue-nav .current{background-color:#176dee}.blue-detail .blue-nav a{display:flex;align-items:center;justify-content:center;color:black;width:100%;height:100%;text-decoration:none}.blue-detail .blue-nav .current a{color:white}.blue-detail .blue-nav :hover{background-color:#f6f6f6;color:black !important}.blue-detail h1:not(:first-of-type){margin-top:10%}.blue-detail h2{color:white;background-color:#185cc0;margin:0}.blue-detail h3{border-bottom:3px solid #185cc0;margin:2% 0}.blue-detail .content{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr max-content max-content;grid-template-areas:"a b" "c b" "d b";justify-content:center;align-items:center;border:1px solid rgba(73,68,68,0.456)}.blue-detail .content .item{grid-area:b;display:flex;align-items:center;justify-content:center;height:100%;padding:5%;border-left:1px solid rgba(73,68,68,0.456)}.blue-detail .content img{width:100%;height:250px;object-fit:contain}.blue-detail .img1{grid-area:a}.blue-detail .img2{grid-area:c;border-top:1px solid rgba(73,68,68,0.456)}.blue-detail .img3{grid-area:d;border-top:1px solid rgba(73,68,68,0.456)}.blue-detail .model-img img{width:50%;object-fit:contain}.blue-detail .btn-wrapper{display:flex;justify-content:space-around;margin:30px 0px}.blue-detail .btn-wrapper button{background-color:#176dee;color:white;border:#185cc0;border-radius:3px;width:250px;padding:10px 0px}.blue-detail .btn-wrapper button:hover{background-color:#003481}.blue-detail .btn-wrapper a{display:block;text-decoration:none;text-align:center;margin:auto;background-color:#176dee;color:white;border:#185cc0;border-radius:3px;width:250px;padding:10px 0px}.blue-detail .btn-wrapper a:hover{background-color:#003481}.blue-detail table{vertical-align:middle;text-align:center;width:100%}.blue-detail table th{background-color:#185cc0;border:1px solid #ddd;height:25px;color:white}.blue-detail table td{background-color:#eee;border:1px solid #eee;height:25px}.blue-detail table tr:nth-child(2n+1) td{background-color:#fff}.blue-detail table button{background-color:#176dee;color:white;border:#185cc0;border-radius:3px}.blue-detail table button:hover{background-color:#003481}@media screen and (max-width: 480px){.blue-detail .blue-nav{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 480px){.blue-detail .content{grid-template-columns:1fr;grid-template-areas:"a" "c" "d" "b"}.blue-detail .content .item{border-top:1px solid rgba(73,68,68,0.456);border-left:none}.blue-detail .model-img img{width:100%;object-fit:contain}.blue-detail .btn-wrapper{display:grid;grid-template-columns:1fr;justify-content:center;text-align:center;gap:10px}}.table-scroll{overflow-x:scroll}.orange-detail{overflow-x:hidden}.orange-detail .orange-nav{display:grid;grid-template-columns:repeat(4, 1fr);text-align:center;margin-bottom:3%}.orange-detail .orange-nav .item{height:50px}.orange-detail .orange-nav .current{background-color:#FF8C43}.orange-detail .orange-nav a{display:flex;align-items:center;justify-content:center;color:black;width:100%;height:100%;text-decoration:none}.orange-detail .orange-nav .current a{color:white}.orange-detail .orange-nav :hover{background-color:#f6f6f6;color:black !important}.orange-detail h1:not(:first-of-type){margin-top:10%}.orange-detail h2{color:white;background-color:#666666;margin:0}.orange-detail h3{border-bottom:3px solid #FF8C43;margin:2% 0}.orange-detail .content{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr max-content max-content;grid-template-areas:"a b" "c b" "d b";justify-content:center;align-items:center;border:1px solid rgba(73,68,68,0.456)}.orange-detail .content .item{grid-area:b;height:100%;padding:5%;border-left:1px solid rgba(73,68,68,0.456)}.orange-detail .content button{background-color:#FF8C43;color:white;border:#FF8C43;border-radius:3px;padding:10px 0;margin-top:20px;width:250px}.orange-detail .content img{width:100%;height:250px;object-fit:contain}.orange-detail .img1{grid-area:a}.orange-detail .img2{grid-area:c;border-top:1px solid rgba(73,68,68,0.456)}.orange-detail .img3{grid-area:d;border-top:1px solid rgba(73,68,68,0.456)}.orange-detail .model-img img{width:50%;object-fit:contain}.orange-detail .btn-wrapper{display:flex;justify-content:space-around;margin-top:40px;margin-bottom:20px}.orange-detail .btn-wrapper button{background-color:#FF8C43;color:white;border:#FF8C43;border-radius:3px;width:250px;padding:10px 0px}.orange-detail .btn-wrapper button:hover{background-color:#ff6200}.orange-detail .btn-wrapper a{display:block;text-decoration:none;text-align:center;margin:auto;background-color:#FF8C43;color:white;border:#FF8C43;border-radius:3px;width:250px;padding:10px 0px}.orange-detail .btn-wrapper a:hover{background-color:#ff6200}.orange-detail table{vertical-align:middle;text-align:center;width:100%;white-space:nowrap}.orange-detail table th{background-color:#FF8C43;border:1px solid #ddd;height:25px;color:white;padding:3px 10px}.orange-detail table td{background-color:#eee;border:1px solid #c3c3c3;height:25px;padding:3px 10px}.orange-detail table tr:nth-child(2n+1) td{background-color:#fff}.orange-detail table button{background-color:#FF8C43;color:white;border:#FF8C43;border-radius:3px;min-width:70px}.orange-detail table button:hover{background-color:#ff6200}.orange-detail .pop-up{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000006d;z-index:100}.orange-detail .pop-up .wrapper{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);background-color:white;border-radius:10px;height:60vh;max-width:1000px;width:60vw}.orange-detail .pop-up .wrapper img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:1%;width:min-content;max-width:100%;height:100%}.orange-detail .wrapper .close-icon{display:none}.orange-detail .pop-up .wrapper .close-icon{display:block;position:absolute;top:-50px;right:0;font-size:30px;color:white;cursor:pointer}.orange-detail .pop-up .wrapper .close-icon:hover{color:#060606}@media screen and (max-width: 480px){.orange-detail .orange-nav{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 480px){.orange-detail .content{grid-template-columns:1fr;grid-template-areas:"a" "c" "d" "b"}.orange-detail .content .item{border-left:none;border-top:1px solid rgba(73,68,68,0.456);border-left:none}.orange-detail .model-img img{width:100%;object-fit:contain}.orange-detail .btn-wrapper{display:grid;grid-template-columns:1fr;justify-content:center;text-align:center;gap:10px}}@media screen and (max-width: 1024px){.orange-detail .pop-up .wrapper{height:60vh;width:80vw}}@media screen and (max-width: 480px){.orange-detail .pop-up .wrapper{height:60vh;width:calc(100vw - 20px)}}.alert-primary{color:#c74d00;background-color:#ff10810e;border-color:#fffcfa}.alert-primary hr{border-top-color:#ffece1}.alert-primary .alert-link{color:#943900}.badge-primary{color:#212529;background-color:#FF8C43}.badge-primary[href]:hover,.badge-primary[href]:focus{color:#212529;background-color:#ff6c10}.bg-primary{background-color:#FF8C43 !important}a.bg-primary:hover,a.bg-primary:focus{background-color:#ff6c10 !important}button.bg-primary:hover,button.bg-primary:focus{background-color:#ff6c10 !important}.border-primary{border-color:#FF8C43 !important}.btn-primary{color:#212529;background-color:#FF8C43;border-color:#FF8C43}.btn-primary:hover{color:#212529;background-color:#ff761f;border-color:#ff6c10}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 0.2rem rgba(255,140,67,0.5)}.btn-primary.disabled,.btn-primary:disabled{color:#212529;background-color:#FF8C43;border-color:#FF8C43}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active{color:#212529;background-color:#ff6c10;border-color:#ff6300}.show>.btn-primary.dropdown-toggle{color:#212529;background-color:#ff6c10;border-color:#ff6300}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus{box-shadow:0 0 0 0.2rem rgba(255,140,67,0.5)}.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(255,140,67,0.5)}.btn-outline-primary{color:#FF8C43;background-color:transparent;border-color:#FF8C43}.btn-outline-primary:hover{color:#212529;background-color:#FF8C43;border-color:#FF8C43}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 0.2rem rgba(255,140,67,0.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#FF8C43;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active{color:#212529;background-color:#FF8C43;border-color:#FF8C43}.show>.btn-outline-primary.dropdown-toggle{color:#212529;background-color:#FF8C43;border-color:#FF8C43}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus{box-shadow:0 0 0 0.2rem rgba(255,140,67,0.5)}.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(255,140,67,0.5)}.list-group-item-primary{color:#c74d00;background-color:#fffcfa}.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{color:#c74d00;background-color:#ffece1}.list-group-item-primary.list-group-item-action.active{color:#212529;background-color:#c74d00;border-color:#c74d00}.table-primary{background-color:#fffcfa}.table-primary>th,.table-primary>td{background-color:#fffcfa}.table-hover .table-primary:hover{background-color:#ffece1}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#ffece1}.text-primary{color:#FF8C43 !important}a.text-primary:hover,a.text-primary:focus{color:#ff6c10 !important}.policy{max-width:1200px;margin:auto;padding:50px 100px;background-color:white}.policy h2{font-size:24px}.policy p{margin-bottom:50px}.policy ul{margin-top:-40px}@media screen and (max-width: 1024px){.policy{padding:30px 10px}}.footerFixed{min-height:calc(100vh - 60px);margin-top:60px;display:grid;grid-template-rows:1fr max-content}footer{background-color:white;border-top:1px solid black}footer .content1{display:grid;grid-template-columns:3fr 7fr;grid-template-areas:"logo menu" "logo other";justify-content:center;max-width:1400px;margin:auto;gap:50px;align-items:center;padding:10px 10px}footer .menu{grid-area:menu}footer .menu a{display:block;width:100%;font-weight:bold;color:black;text-decoration:none}footer .logo{grid-area:logo}footer .other{grid-area:other;display:flex;justify-content:space-around}footer .other a{font-weight:bold;color:black;text-decoration:none}footer .content1 .left-item{display:flex;justify-content:space-around}.accordion{display:grid;grid-template-columns:1fr}.accordion .item{display:flex;cursor:pointer;margin-right:100px}.accordion .wrapper{display:none;padding-top:8px;overflow-y:hidden;border-bottom:1px solid #f6f6f6;margin-left:15px;overflow-x:hidden}.accordion .wrapper a{text-decoration:none;color:black;font-size:16px}.accordion .wrapper a:hover{color:#6e6e6e}.accordion .wrapper:last-child{margin-bottom:10px}.accordion .wrapper .triger{transform:translateY(100%)}.accordion .item .change{position:relative;height:23px;width:23px}.accordion .item .change .line1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#656565;height:2px;width:15px}.accordion .item .change .line2{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-90deg);background-color:#656565;height:2px;width:15px}.accordion .item .change .none{display:none}@keyframes Fade{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0%)}}footer .content1 .right-item{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;text-align:center;margin:10px 0px}footer .content1 .right-item .logo{width:320px;margin:auto}footer .content1 .right-item .text1{font-size:18px}footer .content1 .right-item .text2{font-size:16px}footer .content1 .right-item .sdg-logo{width:60px;margin:auto;margin-top:10px}footer .copyright{display:flex;background-color:#F36421;align-items:center;justify-content:center;font-size:12px;margin-top:10px}@media screen and (max-width: 1024px){footer .content1{grid-template-columns:1fr;grid-template-areas:"menu" "other" "logo";font-size:14px;padding-bottom:0px;gap:0px}footer .content1 .left-item{display:grid;grid-template-columns:1fr}footer .content1 .left-item .item{border-bottom:1px solid #cfcfcf;padding:7px 5px}footer .content1 .other{display:grid;grid-template-columns:1fr;justify-content:left}footer .content1 .other a{display:block;width:100%;border-bottom:1px solid #cfcfcf;padding:7px 5px}.accordion .item{margin-right:0px}footer .content1 .right-item .text1{font-size:18px}footer .content1 .right-item .text2{font-size:12px}}

/*# sourceMappingURL=style.css.map */