@media screen and (max-width: 768px){html{font-size:3.8461538462vw}}@media print,screen and (min-width: 769px){html{font-size:1.171875vw}}.headerToggle{width:2.667rem;height:.933rem;position:fixed;top:3.125vw;right:3.125vw;cursor:pointer;-webkit-mix-blend-mode:exclusion;-moz-mix-blend-mode:exclusion;-o-mix-blend-mode:exclusion;-ms-mix-blend-mode:exclusion;mix-blend-mode:exclusion;z-index:201}.headerToggle span{position:absolute;height:1px;display:block;right:0;background-color:#fff;transition:all .6s cubic-bezier(0.2, 0.64, 0.48, 1.24)}.headerToggle span:first-child{width:1.733rem;top:0;animation:top2 .7s ease forwards}.headerToggle span:nth-child(2){width:2.2rem;top:0;bottom:0;margin:auto;animation:scaled2 .7s ease forwards}.headerToggle span:last-child{width:100%;bottom:0;animation:bottom2 .7s ease forwards}.headerToggle:hover span:first-child,.headerToggle:hover span:nth-child(2){width:100%}.headerToggle.showNav span:first-child{width:103%;animation:top .7s ease forwards}.headerToggle.showNav span:nth-child(2){animation:scaled .7s ease forwards}.headerToggle.showNav span:last-child{width:103%;animation:bottom .7s ease forwards}.headerToggle.clearMode{-webkit-mix-blend-mode:normal;-moz-mix-blend-mode:normal;-o-mix-blend-mode:normal;-ms-mix-blend-mode:normal;mix-blend-mode:normal}.headerToggle.clearMode span{background-color:var(--primary-color)}.headerMain{position:absolute;top:0;left:0;width:100%;z-index:200}.headerMain .headerWrap{padding:3.125vw 3.125vw 3.125vw 3.125vw;display:flex;justify-content:space-between}.headerMain .headerWrap .headerLogo{width:14.0625vw}.headerMain .navMain{position:fixed;top:-120%;left:0;width:100%;height:100dvh;background-color:var(--tertiary-color);pointer-events:none;visibility:hidden;transition:all .2s}.headerMain .navMain .navWrap{display:flex;justify-content:space-between;align-items:center;padding:3.125vw 3.125vw 3.125vw 3.125vw;height:100%;position:relative;overflow:hidden}.headerMain .navMain .navWrap .headerLogo{width:20.9375vw;position:relative;opacity:0;transition-delay:.7s;transition:all 1s cubic-bezier(0.49, -0.57, 1, 0.99)}.headerMain .navMain .navWrap .navPattern{position:absolute;inset:0;display:flex;flex-direction:column;row-gap:1.5625vw}.headerMain .navMain .navWrap .patternLine{width:38.76953125vw;margin-left:14.53125vw;height:50dvh}.headerMain .navMain .navWrap .patternTop{top:0}.headerMain .navMain .navWrap .patternBot{bottom:0}.headerMain .navMain .navMenu{position:relative}.headerMain .navMain .navInner{width:12.5vw;margin-right:20.3125vw;padding-bottom:5.625vw}.headerMain .navMain .navInner .navItem:not(:last-child){padding-bottom:1.171875vw}.headerMain .navMain .navInner .navItem .navLink{color:var(--primary-color)}.headerMain .navMain .navInner .navItem .navLink .title_big{font-size:1rem;line-height:1.067rem;letter-spacing:.1rem;margin-bottom:.234375vw}.headerMain .navMain .navInner .navItem .navLink .title_big span{font-weight:bold}.headerMain .navMain .navInner .navItem .navLink .title_small{font-size:0.7333333333rem;line-height:1.067rem;letter-spacing:.037rem}.headerMain .navMain #common_btn_wrap_sub_title{margin-left:0;opacity:0;transition-delay:.7s;transition:all 1s cubic-bezier(0.49, -0.57, 1, 0.99)}.headerMain .navMain #common_btn_wrap_sub_title:not(:last-child){margin-bottom:2.27890625vw}.headerMain .navMain #common_btn_wrap_sub_title a.btn{font-size:1rem;letter-spacing:.1rem}.headerMain .navMain #common_btn_wrap_sub_title:hover a{opacity:1}.headerMain .navMain #common_btn_wrap_sub_title:hover::after{background-color:rgba(255,255,255,.55)}.headerMain .navMain.showNavMenu{top:0;pointer-events:visible;visibility:visible;transition:all .6s}.headerMain .navMain.showNavMenu .headerLogo{opacity:1;transition-delay:0s}.headerMain .navMain.showNavMenu #common_btn_wrap_sub_title{opacity:1;transition-delay:0s}@media screen and (min-width: 769px){.headerMain .navMain .navWrap .patternLine{height:calc((100dvh - (((20 / 1280) * 100) * 1vw)) / 2)}}@media screen and (max-width: 768px){.headerMain .headerWrap .headerLogo{width:26.6666666667vw}.headerMain .headerWrap .headerLogo a{display:flex}.headerMain .navMain .navWrap{display:block;padding:10.2564102564vw 10.2564102564vw 10.2564102564vw 10.2564102564vw;overflow-y:scroll}.headerMain .navMain .navWrap .headerLogo{width:43.5897435897vw;height:78.2051282051vw;display:flex;align-items:center;margin-bottom:9.7435897436vw}.headerMain .navMain .navWrap .headerLogo a{transform:translateY(-50%)}.headerMain .navMain .navWrap .navPattern{height:88.4615384615vw;width:60vw;inset:initial;top:0;right:0;overflow:hidden;row-gap:2.2051282051vw}.headerMain .navMain .navWrap .patternLine{width:54.8717948718vw;margin-left:0;margin-right:5.1282051282vw}.headerMain .navMain .navInner{display:flex;flex-wrap:wrap;width:100%;gap:1rem .667rem;padding-bottom:12.5641025641vw}.headerMain .navMain .navInner .navItem{width:calc((100% - 0.667rem) / 2)}.headerMain .navMain .navInner .navItem:nth-child(1){order:1}.headerMain .navMain .navInner .navItem:nth-child(2){order:3}.headerMain .navMain .navInner .navItem:nth-child(3){order:5}.headerMain .navMain .navInner .navItem:nth-child(4){order:7}.headerMain .navMain .navInner .navItem:nth-child(5){order:2}.headerMain .navMain .navInner .navItem:nth-child(6){order:4}.headerMain .navMain .navInner .navItem:nth-child(7){order:6}.headerMain .navMain .navInner .navItem:nth-child(8){order:8}.headerMain .navMain .navInner .navItem:not(:last-child){padding-bottom:0}.headerMain .navMain .navInner .navItem .navLink .title_small{font-size:0.7333333333rem}.headerMain .navMain .navInner .navItem .navLink .title_big{font-size:1rem}.headerMain .navMain #common_btn_wrap_sub_title{margin-left:auto}.headerMain .navMain #common_btn_wrap_sub_title:not(:last-child){margin-bottom:6.9230769231vw}}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:50%;transform:rotate(0)}100%{top:50%;transform:rotate(18deg)}}@keyframes top2{0%{top:50%;transform:rotate(18deg)}50%{top:50%;transform:rotate(0)}100%{top:0;transform:rotate(0deg)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:50%;transform:rotate(0)}100%{bottom:50%;transform:rotate(-18deg)}}@keyframes bottom2{0%{bottom:50%;transform:rotate(-18deg)}50%{bottom:50%;transform:rotate(0)}100%{bottom:0;transform:rotate(0)}}@keyframes scaled{0%{transform:scale(1)}50%{transform:scale(0)}100%{transform:scale(0)}}@keyframes scaled2{0%{transform:scale(0)}50%{transform:scale(0)}100%{transform:scale(1)}}
