@media(min-width: 1025px){.col-1{flex:0 0 auto;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{flex:0 0 auto;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{flex:0 0 auto;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{flex:0 0 auto;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{flex:0 0 auto;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{flex:0 0 auto;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{flex:0 0 auto;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{flex:0 0 auto;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{flex:0 0 auto;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{flex:0 0 auto;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{flex:0 0 auto;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{flex:0 0 auto;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}html{--window-w:100vw;--window-h:100vh}:root{--base-ratio: 0.5;--base-size: 1920;--base-percent: 100vw}@media(max-width: 1024px){:root{--base-ratio: 1;--base-size: 1;--base-percent: 1px}}html.overflow,body.overflow{height:100%;min-height:100%;overflow:hidden !important;touch-action:none}#wrap{position:relative;width:100%}.sticky{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden}.pc_on{display:block}.tablet_on{display:none}.m_on{display:none}.pc_none{display:none}.tablet_m_on{display:none}.tablet_none{display:block}.m_none{display:block}.laptop_on{display:none}.laptop_none{display:block}@media(max-width: 1535px){.laptop_on{display:block}.laptop_none{display:none}}@media(max-width: 1024px){.laptop_none{display:block}.pc_on{display:none}.tablet_m_on{display:block}.tablet_on{display:block}.m_on{display:none}.pc_none{display:block}.tablet_none{display:none}.m_none{display:block}}@media(max-width: 767px){.laptop_none{display:block}.pc_on{display:none}.tablet_on{display:none}.m_on{display:block}.pc_none{display:block}.tablet_none{display:block}.m_none{display:none}}.row_wrap{padding:0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){.row_wrap{padding:0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){.row_wrap{padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}.row{position:relative}@media(min-width: 1025px){.row{display:flex;flex-wrap:wrap;margin:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5*-1)}}.grid_guide{position:fixed;left:0;top:0;width:100%;height:100vh;pointer-events:none;z-index:999999;display:none}.grid_guide.is-active{display:block}.grid_guide .container{width:100%;height:100%}.grid_guide .row{display:flex;flex-wrap:wrap}.grid_guide .row .content{padding:0;height:100vh;opacity:.5}.grid_guide .row .col-1{flex:0 0 auto;box-sizing:border-box;position:relative}@media(min-width: 1025px){.grid_guide .row{margin:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5*-1)}.grid_guide .row .content{background-color:pink}.grid_guide .row .col-1{flex-basis:8.3333333333%;width:9.0909090909%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5)}.grid_guide .row .col-1:nth-of-type(n + 13){display:none}}@media(min-width: 768px)and (max-width: 1024px){.grid_guide .row{margin:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5*-1)}.grid_guide .row .content{background-color:#7878ff}.grid_guide .row .col-1{flex-basis:12.5%;width:14.2857142857%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5)}.grid_guide .row .col-1:nth-of-type(n + 9){display:none}}@media(max-width: 767px){.grid_guide .row{margin:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5*-1)}.grid_guide .row .content{background-color:#7878ff}.grid_guide .row .col-1{flex-basis:25%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5)}.grid_guide .row .col-1:nth-of-type(n + 5){display:none}}@media(min-width: 1025px){.col-1{flex:0 0 auto;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{flex:0 0 auto;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{flex:0 0 auto;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{flex:0 0 auto;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{flex:0 0 auto;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{flex:0 0 auto;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{flex:0 0 auto;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{flex:0 0 auto;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{flex:0 0 auto;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{flex:0 0 auto;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{flex:0 0 auto;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{flex:0 0 auto;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}