.button_wrap{position:fixed;right:calc(60/1366 * 100vw);top:calc(22/1366 * 100vw);opacity:0;z-index:-1}.button_wrap .humb_button{transition:all 0.8s ease;position:relative;z-index:101;width:42px;height:42px;margin:auto 0;border-radius:50%;border:1px solid white;background-color:unset}.button_wrap .humb_button .mobileBtn__bar{width:50%;margin:0 25%;height:1px;content:"";position:absolute;transform:translateY(-50%);transition:all 0.8s ease;background-color:white;left:0;z-index:1}.button_wrap .humb_button .mobileBtn__bar:nth-child(1){top:40%}.button_wrap .humb_button .mobileBtn__bar.rotate:nth-child(1){transform:rotate(-225deg);top:50%}.button_wrap .humb_button .mobileBtn__bar:nth-child(2){top:60%}.button_wrap .humb_button .mobileBtn__bar.rotate:nth-child(2){transform:rotate(225deg);top:50%}.button_wrap.indexOn{z-index:130 !important}@media (max-width:768px){.button_wrap{top:1.8%}}@media (max-width:480px){.button_wrap{top:14px}}.button_wrap.common .humb_button{border:1px solid black}.button_wrap.common .humb_button .mobileBtn__bar{background-color:black}.button_wrap.common .humb_button .mobileBtn__bar.rotate:nth-child(1){border-color:white;background-color:white}.button_wrap.common .humb_button .mobileBtn__bar.rotate:nth-child(2){border-color:white;background-color:white}.button_wrap.common .humb_button.rotate{border-color:white}.header_container{width:100vw;height:100%}.header_container .header_wrapper{width:100%;display:flex;z-index:21;justify-content:space-between;align-items:center;padding:calc(14/1366 * 100vw) calc(60/1366 * 100vw);padding-left:calc(24/1366 * 100vw);position:fixed}.header_container .header_wrapper .on768 .search_mv{display:none}.header_container .header_wrapper .on768 .search_common{display:none}.header_container .header_wrapper .logo_outline{position:relative;height:calc(46/1366 * 100vw);width:calc(160 / 1366 * 100vw)}.header_container .header_wrapper .logo_outline img{position:absolute;width:100%;height:100%;object-fit:contain;top:50%;left:50%;transform:translate(-50%, -50%)}.header_container .header_wrapper .saerch_wrap{display:flex;justify-content:space-between;align-items:center}.header_container .header_wrapper .saerch_wrap .search_item{border-radius:5px;border:1px solid white;color:white;width:fit-content;height:fit-content;display:flex;justify-content:center;padding:7px calc(20/1366 * 100vw);margin-right:calc(100/1366 * 100vw)}.header_container .header_wrapper .saerch_wrap .search_item .search_outline{width:calc(10/1366 * 100vw);height:calc(10/1366 * 100vw);position:relative;margin-right:calc(5/1366 * 100vw)}.header_container .header_wrapper .saerch_wrap .search_item .search_outline img{width:100%;height:100%;position:absolute;object-fit:contain;top:50%;left:50%;transform:translate(-50%, -50%)}.header_container .header_wrapper .saerch_wrap .search_mv{z-index:100;display:none}.header_container .header_wrapper .saerch_wrap .search_common{z-index:100;display:none}.header_container .header_wrapper .saerch_wrap .search_common .search_item{color:black;border:1px solid black}.header_container .link_wrapper{position:fixed;z-index:20;max-width:168px;left:calc(35/1366 * 100vw);padding-bottom:calc(30/1366 * 100vw);bottom:0;opacity:-1;opacity:0;transition:opacity 0.5s ease}.header_container .link_wrapper.fb{font-weight:600}.header_container .link_wrapper li{margin-top:calc(10/1366 * 100vw)}.header_container .link_wrapper li a{transition:0.3s}.header_container .link_wrapper li a:hover{color:#70BFF9}.header_container .link_wrapper::before{position:absolute;content:"";width:1px;height:100vh;background-color:#d3d3d366;right:-2vw;bottom:0}.header_container .link_wrapper.displayOff{z-index:-1}.header_container .link_wrapper.indexOn{z-index:19 !important}.header_container .contact_wrapper{position:fixed;z-index:22;right:0;bottom:calc(0/1366 * 100vw);padding:calc(11.5 / 1366* 100vw) calc(20 / 1366* 100vw);background-color:#D9D9D9;display:flex;flex-flow:column;align-items:center;transition:all 0.5s;max-width:320px;width:100%}.header_container .contact_wrapper.on-click{padding:calc(26 / 1366* 100vw) calc(20 / 1366* 100vw)}.header_container .contact_wrapper .cotanct_title{position:relative;text-decoration:none;display:flex;color:black;padding-right:20px;text-align:center;outline:none;transition:ease 0.2s;background-color:transparent;border:none;cursor:pointer;outline:none;appearance:none}.header_container .contact_wrapper .btnarrow3::after{content:"";position:absolute;top:28%;right:0;width:8px;height:8px;border-top:2px solid black;border-right:2px solid black;transform:rotate(135deg);transition:all 0.5s}.header_container .contact_wrapper .contact_subtitle{margin-top:9%;margin-bottom:calc(20/1366 * 100vw);text-align:center}.header_container .contact_wrapper .btnarrow3.on-click::after{transform:rotate(-45deg);top:41%}.header_container .contact_contents .button_items li{background-color:black;border-radius:5vw;color:white;height:fit-content;width:fit-content;display:flex;align-items:center;padding:2px 10px;margin-top:10px}.header_container .contact_wrapper.up{right:0;top:unset;bottom:0}.header_container.displayOn .header_wrapper{background-color:#fff}.header_container.fade{z-index:10}.nav_container{position:fixed;width:100vw;height:100%;background-image:url(/wp-content/themes/yakken/assets/img/header/head_nav_bg.png);padding:calc(140/1366 * 100vw) calc(100/1366 * 100vw) calc(125/1366 * 100vw) calc(100/1366 * 100vw);display:flex;z-index:120;transition:all 0.7s ease;transform:translateX(100%);overflow:scroll}.nav_container .nav_wrapper{display:flex;justify-content:space-between;flex-flow:column;margin-right:calc(170/1366 * 100vw)}.nav_container .nav_wrapper .logo_outline{width:calc(300/1366 * 100vw);height:calc(70/1366 * 100vw);position:relative}.nav_container .nav_wrapper .logo_outline img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:contain}.nav_container .nav_wrapper .search_wrap{width:calc(300/1366 * 100vw)}.nav_container .nav_wrapper .search_wrap .search_item{border-radius:5px;border:1px solid white;color:white;width:100%;height:fit-content;display:flex;justify-content:center;padding:calc(22/1366 * 100vw) 0;margin-bottom:calc(25/1366 * 100vw);margin-right:auto;margin-left:auto}.nav_container .nav_wrapper .search_wrap .search_item .search_outline{width:calc(10/1366 * 100vw);height:calc(10/1366 * 100vw);position:relative;margin-right:calc(5/1366 * 100vw)}.nav_container .nav_wrapper .search_wrap .search_item .search_outline img{width:100%;height:100%;position:absolute;object-fit:contain;top:50%;left:50%;transform:translate(-50%, -50%)}.nav_container .nav_wrapper .search_wrap .hr_item{border-radius:5px;border:2px solid white;color:white;width:100%;height:fit-content;display:flex;justify-content:center;padding:calc(22/1366 * 100vw) 0;margin-bottom:calc(25/1366 * 100vw);margin-right:auto;margin-left:auto}.nav_container .nav_wrapper .search_wrap .hr_item .hr_outline{width:calc(18/1366 * 100vw);height:calc(18/1366 * 100vw);position:relative;margin-left:calc(5/1366 * 100vw)}.nav_container .nav_wrapper .search_wrap .hr_item .hr_outline img{width:100%;height:100%;position:absolute;object-fit:contain;transform:rotate(45deg)}.nav_container .nav_wrapper .search_wrap .personal_item{color:white}.nav_container .nav_wrapper .search_wrap .personal_item a{display:inline-block}.nav_container .nav_wrapper.on768{display:none}.nav_container .menu_wrap{display:flex;color:white}.nav_container .menu_wrap a:hover{color:#5FABF2 !important}.nav_container .menu_wrap .menu_items{margin-right:calc(110/1366 * 100vw)}.nav_container .menu_wrap .menu_items li{padding:calc(30/1366 * 100vw) 0;width:calc(240/1366 * 100vw);border-bottom:1px solid #3E404A;position:relative}.nav_container .menu_wrap .menu_items li a{color:white}.nav_container .menu_wrap .menu_items li:after{content:"";display:block;width:calc(15/1366 * 100vw);height:calc(15/1366 * 100vw);background-image:url(/wp-content/themes/yakken/assets/img/header/head_nav_arrow2.png);background-size:contain;background-repeat:no-repeat;background-color:unset;position:absolute;top:50%;transform:translateY(-50%);transition:all 0.8s ease;right:0}.nav_container .menu_wrap .menu_items li:last-child{border-bottom:unset}.nav_container .menu_wrap .business_items{padding-top:calc(30/1366 * 100vw)}.nav_container .menu_wrap .business_items .title{margin-bottom:calc(10/1366 * 100vw)}.nav_container .menu_wrap .business_items .table_wrap{display:flex}.nav_container .menu_wrap .business_items .table_wrap ul{margin-right:calc(20/1366 * 100vw)}.nav_container .menu_wrap .business_items .table_wrap ul li{width:calc(160/1366 * 100vw);padding:calc(12/1366 * 100vw) 0;border-bottom:1px solid #3E404A}.nav_container.fade{transform:translateX(0%)}@media (min-width:2000px){.header_container .link_wrapper{left:calc(75 / 1366 * 100vw)}}@media (min-width:1900px){.header_container .link_wrapper::before{right:-1vw}.nav_container .menu_wrap .menu_items li:after{width:calc(10 / 1366* 100vw);height:calc(10 / 1366* 100vw)}.nav_container .nav_wrapper .search_wrap .search_item .search_outline{width:calc(11 / 1366* 100vw);height:calc(11 / 1366* 100vw);margin-right:calc(8 / 1366* 100vw)}.nav_container .nav_wrapper .search_wrap .hr_item .hr_outline{width:calc(11 / 1366* 100vw);height:calc(11 / 1366* 100vw);margin-left:calc(8 / 1366* 100vw)}.header_container .header_wrapper .saerch_wrap .search_item .search_outline{width:calc(10 / 1366* 100vw);height:calc(10 / 1366* 100vw)}.button_wrap{top:calc(27 / 1366* 100vw)}}@media (max-width:1024px){.button_wrap .humb_button{width:clamp(30px, calc(60/1366 * 100vw), 70px);height:clamp(30px, calc(60/1366 * 100vw), 70px)}}@media (max-width:850px){.header_container .link_wrapper{padding-bottom:calc(45 / 1366* 100vw)}}@media (max-width:768px){.header_container .header_wrapper .saerch_wrap .search_item .search_outline{width:2vw;height:2vw}.nav_container{flex-flow:column;padding:calc(240/1366 * 100vw) calc(100/1366 * 100vw) calc(125/1366 * 100vw) calc(100/1366 * 100vw)}.nav_container .nav_wrapper{flex-flow:unset;margin-right:0}.nav_container .nav_wrapper .search_wrap{width:60%;display:flex;flex-flow:wrap;justify-content:end}.nav_container .nav_wrapper .search_wrap .search_item{width:40%}.nav_container .nav_wrapper .search_wrap .hr_item{width:40%}.nav_container .nav_wrapper .search_wrap .hr_item .hr_outline{width:2vw;height:2vw}.nav_container .nav_wrapper .search_wrap .search_item .search_outline{width:2vw;height:2vw}.nav_container .menu_wrap{width:100%}.nav_container .menu_wrap .menu_items{margin-right:calc(110/1366 * 100vw);width:30%}.nav_container .menu_wrap .menu_items li{width:100%}.nav_container .menu_wrap .business_items{width:60%}.nav_container .menu_wrap .business_items .table_wrap ul{margin-right:calc(40/1366 * 100vw);width:50%}.nav_container .menu_wrap .business_items .table_wrap ul li{width:100%}.nav_container .menu_wrap .menu_items li:after{width:2vw;height:2vw}.header_container .contact_wrapper{width:50%}}@media (max-width:768px){.nav_container .menu_wrap{flex-flow:column}.nav_container .menu_wrap .menu_items{width:100%;margin-right:0}.nav_container .menu_wrap .menu_items li:after{width:4vw;height:4vw}.nav_container .menu_wrap .business_items{width:100%}.nav_container .menu_wrap .business_items .table_wrap ul li{padding:calc(42/1366 * 100vw) 0}.nav_container .nav_wrapper.off768{display:none}.nav_container .nav_wrapper{flex-flow:column;margin-top:10vw}.nav_container .nav_wrapper .logo_outline{margin-bottom:10vw}.nav_container .nav_wrapper .search_wrap{width:100%;display:block}.nav_container .nav_wrapper .search_wrap a{display:block}.nav_container .nav_wrapper .search_wrap>a:first-child{margin-bottom:20px}.nav_container .nav_wrapper .search_wrap .search_item,.nav_container .nav_wrapper .search_wrap .hr_item{width:100%;padding-top:18px;padding-bottom:18px}.nav_container .nav_wrapper .search_wrap .personal_item{margin-top:25px}.nav_container .nav_wrapper .search_wrap .personal_item a:first-child{padding-right:10px;margin-right:10px;border-right:1px solid #fff}.button_wrap .humb_button{width:42px;height:42px}.header_container .header_wrapper .logo_outline{width:90vw;height:61px}.header_container .header_wrapper .saerch_wrap .search_item{margin-right:17vw;padding:2vw 3vw}.header_container .header_wrapper .saerch_wrap .search_item .search_outline{width:4vw;height:4vw;margin-right:2vw}.nav_container .nav_wrapper .logo_outline{height:16vw;width:33vw}.header_container .contact_wrapper{width:100%;z-index:30;flex-flow:unset;align-items:flex-end;background-color:transparent;padding:0}.header_container .contact_wrapper .search_box{flex:0 0 50%}.header_container .contact_wrapper .search_box .contents{display:flex;background-color:#ed6d00;color:#fff;align-items:center;justify-content:center}.header_container .contact_wrapper .search_box .search_item{display:flex;align-items:center;justify-content:center}.header_container .contact_wrapper .search_box .search_item .search_outline{position:relative;width:15px;top:-11px;margin-right:7px}.header_container .contact_wrapper .search_box .search_item .f16{font-size:20px}.header_container .contact_wrapper .contact_wrapper_box{flex:0 0 50%;background-color:#D9D9D9;padding:12.2px calc(30 / 1366* 100vw)}.header_container .contact_wrapper .contact_wrapper_box button{display:block}.header_container .contact_wrapper .contact_wrapper_box button.off768{display:none}.header_container .contact_wrapper .contact_wrapper_box .sp_btn{display:block;text-align:center}.header_container.displayOn .header_wrapper{background-color:#fff}.header_container .header_wrapper{padding-top:7px;padding-bottom:7px;margin-top:0}.header_container.displayOn .header_wrapper .point.on768{display:none}.header_container.displayOn .header_wrapper .logo_outline.off768{display:block}.header_container .header_wrapper .saerch_wrap{display:none}.gtranslate_wrapper{display:none}.gtranslate_wrapper.active{display:block}.nav_container .nav_wrapper.on768{display:flex}}@media (max-width:768px) and (max-width:480px){.header_container .contact_wrapper .search_box .contents{height:48.3906px}}@media (max-width:480px){.header_container .contact_wrapper .search_box .search_item .f16{font-size:16px}.nav_container .menu_wrap .menu_items li:after{width:4vw;height:4vw}.nav_container .nav_wrapper .search_wrap .search_item .search_outline{width:4vw;height:4vw;margin-right:2vw}.nav_container .nav_wrapper .search_wrap .hr_item .hr_outline{width:4vw;height:4vw;margin-left:2vw}.nav_container{padding-top:25%}.button_wrap .humb_button{top:-7px}}@media screen and (max-width:900px) and (orientation:landscape){.header_container .link_wrapper{padding-bottom:calc(45 / 1366* 100vw)}.header_container .header_wrapper .saerch_wrap .search_item .search_outline{width:2vw;height:2vw}.nav_container{flex-flow:column;padding:calc(240/1366 * 100vw) calc(100/1366 * 100vw) calc(125/1366 * 100vw) calc(100/1366 * 100vw)}.nav_container .nav_wrapper{flex-flow:unset;margin-right:0}.nav_container .nav_wrapper .search_wrap{width:60%;display:flex;flex-flow:wrap;justify-content:end}.nav_container .nav_wrapper .search_wrap .search_item{width:40%}.nav_container .nav_wrapper .search_wrap .hr_item{width:40%}.nav_container .nav_wrapper .search_wrap .hr_item .hr_outline{width:2vw;height:2vw}.nav_container .nav_wrapper .search_wrap .search_item .search_outline{width:2vw;height:2vw}.nav_container .menu_wrap{width:100%}.nav_container .menu_wrap .menu_items{margin-right:calc(110/1366 * 100vw);width:30%}.nav_container .menu_wrap .menu_items li{width:100%}.nav_container .menu_wrap .business_items{width:60%}.nav_container .menu_wrap .business_items .table_wrap ul{margin-right:calc(40/1366 * 100vw);width:50%}.nav_container .menu_wrap .business_items .table_wrap ul li{width:100%}.nav_container .menu_wrap .menu_items li:after{width:2vw;height:2vw}.header_container .contact_wrapper{width:50%}.nav_container .menu_wrap{flex-flow:column}.nav_container .menu_wrap .menu_items{width:100%;margin-right:0}.nav_container .menu_wrap .menu_items li{padding-top:12px;padding-bottom:12px}.nav_container .menu_wrap .business_items{width:100%}.nav_container .menu_wrap .business_items .table_wrap ul li{padding:calc(42/1366 * 100vw) 0}.nav_container .nav_wrapper.off768{display:none}.nav_container .nav_wrapper{flex-flow:column;margin-top:10vw}.nav_container .nav_wrapper .logo_outline{margin-bottom:10vw}.nav_container .nav_wrapper .search_wrap{width:100%;display:block}.nav_container .nav_wrapper .search_wrap a{display:block}.nav_container .nav_wrapper .search_wrap>a:first-child{margin-bottom:20px}.nav_container .nav_wrapper .search_wrap .personal_item{margin-top:25px}.nav_container .nav_wrapper .search_wrap .search_item,.nav_container .nav_wrapper .search_wrap .hr_item{width:100%;padding-top:18px;padding-bottom:18px}.button_wrap .humb_button{width:42px;height:42px}.header_container.scroll .header_wrapper{background-color:#fff}.header_container .header_wrapper{padding-top:7px;padding-bottom:7px;margin-top:0}.header_container .header_wrapper .logo_outline{height:61px;width:33vw}.header_container .header_wrapper .saerch_wrap .search_item{margin-right:17vw;padding:2vw 3vw}.header_container .header_wrapper .saerch_wrap .search_item .search_outline{width:4vw;height:4vw;margin-right:2vw}.nav_container .nav_wrapper .logo_outline{height:16vw;width:33vw}.header_container .contact_wrapper{width:100%;z-index:30;flex-flow:unset;align-items:flex-end;background-color:transparent;padding:0}.header_container .contact_wrapper .search_box{flex:0 0 50%}.header_container .contact_wrapper .search_box .contents{display:flex;background-color:#ed6d00;color:#fff;align-items:center;justify-content:center}.header_container .contact_wrapper .search_box .search_item{display:flex;align-items:center;justify-content:center;font-weight:bold}.header_container .contact_wrapper .search_box .search_item .search_outline{position:relative;width:15px;top:-11px;margin-right:7px}.header_container .contact_wrapper .search_box .search_item .f16{font-size:16px}.header_container .contact_wrapper .contact_wrapper_box{flex:0 0 50%;background-color:#D9D9D9;padding:12.2px calc(30 / 1366* 100vw)}.header_container .contact_wrapper .contact_wrapper_box button{display:block}.header_container .contact_wrapper .contact_wrapper_box button.off768{display:none}.header_container .contact_wrapper .contact_wrapper_box .sp_btn{display:block;text-align:center}.header_container.displayOn .header_wrapper .point.on768{display:none}.header_container.displayOn .header_wrapper .logo_outline.off768{display:block}.header_container .header_wrapper .saerch_wrap{display:none}.gtranslate_wrapper{display:none}.gtranslate_wrapper.active{display:block}.nav_container .nav_wrapper.on768{display:flex}.header_container .contact_wrapper .search_box .search_item .f16{font-size:16px}.nav_container{padding-top:15%}.button_wrap{top:calc(29 / 1366* 100vw)}}@media (max-width:480px){.header_container .contact_wrapper{max-width:100%}}