*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#f6f7f8;opacity:0;transition:opacity .5s ease-in-out}body.fade-in{opacity:1}header{display:grid;grid-template-columns:72px auto 72px;place-items:center;top:0;right:0;left:0;padding:0 20px;width:100%}.logo{z-index:1;position:absolute;width:100px;top:32px;left:32px}.logo img{max-width:100%;height:auto;vertical-align:bottom}.header-nav{margin-top:50px;align-items:center;display:flex;column-gap:32px;grid-column:2;text-transform:uppercase}header .sub-menu{display:none}.header-nav li{list-style:none}.header-nav li a{text-decoration:none;font-size:1rem;color:#2d4b70}.header-nav li:hover a{border-bottom:2px solid #2d4b70}footer{width:100%;text-align:center;background-color:#404040;padding:60px 0}.footer-ul{display:flex;justify-content:space-between;list-style:none}.footer-ul li a{text-decoration:none;color:#fff;font-weight:900}.footer_menu_nav{width:50%;margin:0 auto}.page-title-div{text-align:center;width:100%;margin:10rem auto 0 auto}.page-title-h2{font-family:"Montserrat",sans-serif;border-bottom:2px solid #2d4b70;color:#2d4b70;font-weight:700;font-size:10rem;letter-spacing:.05em;padding:2rem}@media (max-width:1300px){.page-title-h2{font-size:15vw}}@media (max-width:830px){.logo{top:32px;left:32px}}.official-sns{z-index:6;list-style:none;position:fixed;right:24px;bottom:32px}.official-sns svg{transition:fill .3s ease-in-out}.official-youtube{width:40px;height:40px}@media (max-width:1100px){.header-nav{display:none}.openbtn1{display:block !important}#g-nav{display:block !important}.footer_menu_nav{width:80%}}@media (max-width:700px){.footer-ul{display:block}.footer-ul li{margin:5px 0}footer{padding:5px 0}.footer-ul li a{font-size:.7rem}}@media (max-width:755px){.logo{width:60px;top:10px;left:10px}}#g-nav{display:none;position:fixed;z-index:999;top:-120%;left:0;width:100%;height:100vh;background:#999;transition:all .6s}#g-nav.panelactive{top:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#333;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.openbtn1{display:none;position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px}.openbtn1 span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#666;width:45%}.openbtn1 span:nth-of-type(1){top:15px}.openbtn1 span:nth-of-type(2){top:23px}.openbtn1 span:nth-of-type(3){top:31px}.openbtn1.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn1.active span:nth-of-type(2){opacity:0}.openbtn1.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}@media (max-width:700px){.official-sns li a svg{width:20px !important;height:20px !important}.official-sns{right:12px !important;bottom:22px !important}.page-title-div{margin:3rem auto 0 auto !important}}