.bak{font-family:"Bakbak One", sans-serif;font-size:180px;line-height:200px}@media screen and (max-width: 768px){.bak{font-size:max(20vw, 80px)}}.poa{position:absolute;top:0;left:0;z-index:-1}.btn{border:1px solid #fff;border-radius:100px;display:flex;align-items:center;gap:1em;padding:18px 60px;width:fit-content;margin:30px 0 0;color:#fff;font-weight:700;cursor:pointer;position:relative;overflow:hidden}.btn::before{content:"";background:linear-gradient(65deg, #FEA97B 0%, #FDE277 100%);position:absolute;width:100%;height:100%;border-radius:100px;left:0;top:0;z-index:-2}.btn::after{content:"";background:linear-gradient(65deg, #FF7B47 27%, #F5AD1D 100%);position:absolute;width:100%;height:100%;border-radius:100px;left:-100%;top:0;z-index:-2;transition:all .2s ease}.btn:hover::after{transition:all .2s ease;transform:translateX(100%)}.pt130{padding-top:130px}.pt150{padding-top:150px}.container{position:relative;max-width:1160px;margin:0 auto}.mv .bg{position:relative;height:100%}.mv .bg img{position:absolute;left:50%;transform:translateX(-50%);top:0;width:100%;min-width:1440px;min-height:100%}.mv .title{position:absolute;top:50%;left:110px;transform:translateY(-50%);text-shadow:0 4px 4px #000}.mv .title .main{line-height:1.3}.mv .title .sub{margin-top:20px;line-height:1.5}@media screen and (max-width: 768px){.mv .bg img{min-width:770px}.mv .title{left:5%}}@media screen and (max-width: 480px){.mv .bg img{min-width:385px}}@media screen and (max-width: 480px){.mv .f24{font-size:calc(14px + 2 * (100vw - 320px) / 160)}}.sec1{padding-right:80px}.sec1 .bak{background:linear-gradient(180deg, #F8AE92 0%, #FFFAF9 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sec1 h3{text-align:center;line-height:1.5}.sec1 p{margin-top:20px;text-align:center;line-height:2;font-weight:500}.sec1 p span{color:#E95544}@media screen and (max-width: 768px){.sec1{padding-right:0}.sec1 .common__inner{width:100%}.sec1 .container{width:90%}.sec1 p{font-weight:400;letter-spacing:-0.125em}}.sec2{padding:100px 80px 0 0;background-color:rgba(255,245,203,0.3)}.sec2 .container{width:85.65%}.sec2 .title{position:relative}.sec2 .title .bak{background:linear-gradient(180deg, #E95544 0%, #FFC58F 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sec2 .title .bak.poa{z-index:0}.sec2 .title h3{position:relative;z-index:1;left:80px}.sec2 ul{margin-top:80px;display:flex;flex-direction:column;gap:90px}.sec2 ul li{background-color:#E95544;max-width:1220px;width:97%;margin:0 auto;padding:124px 45px 45px 45px}.sec2 ul li .flex{gap:45px;margin-top:10px;margin-bottom:20px}.sec2 ul li .flex img{max-width:524px}.sec2 ul li .flex h4{line-height:1.5}.sec2 ul li:nth-child(odd){margin-right:0;border-radius:10px 0 0 10px}.sec2 ul li:nth-child(odd) .poa{right:80px;left:unset}.sec2 ul li:nth-child(odd) .flex{margin-right:auto;max-width:1074px}.sec2 ul li:nth-child(even){margin-left:0;border-radius:0 10px 10px 0}.sec2 ul li:nth-child(even) .poa{left:80px}.sec2 ul li:nth-child(even) .flex{margin-left:auto;max-width:1040px}.sec2 ul li .bak{opacity:0.5;line-height:124px;color:#FFEFDD}.sec2 .simplebar-track{right:64px}.sec2 .simplebar-scrollbar::before{background:#fff}.sec2 .data{display:none;position:fixed;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,0.7);width:100%;height:100%}.sec2 .data .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000}.sec2 .data .modal{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:1160px;height:100%;max-height:680px;background:linear-gradient(180deg, #E95544 0%, #FF9E66 80%);border-radius:10px;z-index:10001}.sec2 .data .modal .close{position:absolute;right:50px;top:38px;cursor:pointer}.sec2 .data .modal .bak{line-height:110px;color:#FFEFDD;opacity:0.5}.sec2 .data .modal .wrap{position:relative;padding:0 105px 45px 80px;margin-top:120px;width:100%;height:calc(100% - 120px);overflow:auto}.sec2 .data .modal .flex{gap:40px;align-items:flex-start}.sec2 .data .modal .img{min-width:432px;position:sticky;top:0;left:0}.sec2 .data .modal .text{line-height:1.5}.sec2 .data .modal .text p{margin-top:1em}@media screen and (max-width: 1024px){.sec2{padding-right:66px}.sec2 ul li{padding-top:18vw}.sec2 ul li .bak{font-size:19vw;line-height:1}.sec2 ul li .flex{flex-direction:column;align-items:flex-start}.sec2 ul li .flex img{max-width:100%}.sec2 .data .modal .bak{font-size:19vw;line-height:12vw}.sec2 .data .modal .close{right:3vw;top:3vw}.sec2 .data .modal .wrap{padding:0 3vw 3vw 3vw;margin-top:18vw;width:100%;height:calc(100% - 18vw)}.sec2 .data .modal .flex{flex-direction:column}.sec2 .data .modal .img{display:none}.sec2 .data .modal h2{margin-bottom:1em}.sec2 .simplebar-track{right:0}}@media screen and (max-width: 768px){.sec2{padding-right:0;padding-top:40px}.sec2 .pt150{padding-top:19vw}.sec2 .poa{line-height:unset}.sec2 .container{width:90%}.sec2 .title h3{left:9vw}.sec2 ul{gap:45px;margin-top:40px}.sec2 ul li{padding:18vw 5vw 5vw 5vw}.sec2 ul li .flex{gap:30px}.sec2 ul li:nth-child(odd) .poa{right:18vw}.sec2 ul li:nth-child(even) .poa{left:15vw}.sec2 .data .modal .img{min-width:unset}.sec2 .data .modal .close svg{width:6vw}}@media screen and (max-width: 480px){.sec2 .f32,.sec2 .f24{font-size:calc(16px + 2 * (100vw - 320px) / 160)}}.sec3{padding:100px 80px 0 0;background-color:rgba(255,245,203,0.3)}.sec3 .container{width:85.65%}.sec3 .title{position:relative}.sec3 .title .bak{background:linear-gradient(180deg, #E95544 0%, #FFC58F 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sec3 .title .bak.poa{z-index:0}.sec3 .title h3{position:relative;z-index:1;left:80px}.sec3 .container2{margin-top:35px;background:linear-gradient(143deg, #FFC58F 0%, #F5A38E 80%);padding:45px 5%}.sec3 .container2 .tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:30px 23.5px}.sec3 .container2 .tabs .tab{padding:20px;min-width:195px;text-align:center;background-color:#F49671;cursor:pointer}.sec3 .container2 .tabs .tab.active{background-color:#E95544}.sec3 .container2 .contents{margin:20px auto 0;background-color:#fff;padding:48px 73px;max-width:1000px}.sec3 .container2 .contents>*{display:none}.sec3 .container2 .contents>.active{display:block}.sec3 .container2 .contents .images .main{width:100%}.sec3 .container2 .contents .images ul{margin-top:16px;display:flex;flex-wrap:wrap;gap:16px 1.25%}.sec3 .container2 .contents .images ul li{width:24%}.sec3 .container2 .contents .images ul li .sub{opacity:.5;transition:all .3 ease;cursor:pointer}.sec3 .container2 .contents .images ul li.active .sub{opacity:1;transition:all .3 ease;cursor:auto}.sec3 .container2 .contents video{width:100%}@media screen and (max-width: 1024px){.sec3{padding-right:66px}.sec3 .title .bak.poa{font-size:19vw;line-height:1}}@media screen and (max-width: 768px){.sec3{padding-right:0}.sec3 .pt150{padding-top:19vw}.sec3 .title h3{left:9vw}.sec3 .container2 .tabs{gap:23px}.sec3 .container2 .tabs .tab{min-width:157px}.sec3 .container2 .contents{padding:5vw}.sec3 .container2 .contents .images ul{gap:1vw 1.25%}}
/*# sourceMappingURL=canoe_land.css.map */