@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;color:#4d4d4d}:lang(ja){font-family:"Noto Serif JP",serif}:lang(zh){font-family:"Noto Serif SC",serif}:lang(en){font-family:'Merriweather',serif}html,body{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0;font-size:1rem}@media (max-width:428px){html,body{font-size:1rem;line-height:1.5}}body{background:linear-gradient(to right,rgba(82,170,255,.3) 0%,rgba(82,170,255,.3) 38%,rgba(82,170,255,.2) 38%,rgba(82,170,255,.2) 43%,#f7fbff 43%)}a{text-decoration:none;cursor:pointer}button{cursor:pointer}header{width:100%;z-index:9999}.header-and-nav{display:flex;flex-direction:column;gap:20px;padding:25px 50px}.header{display:flex;align-items:center;justify-content:space-between;position:relative}.logo-link{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:25px}.header-phone-number{display:flex;align-items:center;gap:10px}.hpn-text{display:flex;flex-direction:column;text-align:center}.hpn-text-big{font-size:1.5rem}.hpn-text-small{font-size:.8rem}.header-button{border:solid 2px #3ba1ac;padding:15px 20px;gap:10px;border-radius:10px;text-decoration:none;display:flex;align-items:center;justify-content:center;position:relative}.header-button:before{content:"";display:block;width:100%;height:100%;position:absolute;right:0;bottom:0;z-index:-2;border-radius:10px}.header-button:after{content:"";display:block;width:0;height:100%;position:absolute;right:0;bottom:0;z-index:-1;background-color:rgba(59,161,172,.1);border-radius:10px;transition:all .3s ease-in-out}.header-button:hover:after{width:100%;left:0;right:unset}.header-button span{font-weight:700;color:#3ba1ac}.language-selector{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.custom-dropdown{display:inline-block;cursor:pointer}.custom-dropdown .dropdown-list{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #ccc;list-style:none;margin:0;padding:0;min-width:100%;z-index:9999}.custom-dropdown .dropdown-list li{padding:8px 12px;cursor:pointer;text-align:center;border-bottom:solid 1px #ccc}.custom-dropdown .dropdown-list li:last-child{border-bottom:none}.custom-dropdown .dropdown-list li:hover{background:#f0f0f0}.navbar{display:flex;justify-content:flex-end;position:relative;z-index:10}.navbar ul{list-style:none;display:flex;gap:30px;padding:0;margin:0}.navbar li{position:relative;cursor:pointer}.navbar .menu-item{display:flex;align-items:center;gap:5px;transition:all .3s ease}.navbar li:hover .menu-item span{color:#536caa}.navbar li:hover .arrow-bottom{border-color:#536caa}.navber-dropdown{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;position:absolute;top:100%;right:-15px;margin-top:15px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:15px;overflow:hidden;width:520px;height:300px;z-index:9;display:flex}.navber-dropdown-en{height:365px}.navber-dropdown-zh{height:330px}.navbar li:hover>.navber-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.navber-dropdown img{width:35%;height:100%;object-fit:cover}.nd-img-1{object-position:45% 50%}.nd-img-2{object-position:0 50%}.nd-img-3{object-position:65% 50%}.nd-img-4{object-position:20% 50%}.nd-img-5{object-position:75% 50%}.navber-dropdown-content{position:relative;padding:25px;width:65%;z-index:1;overflow:hidden}.navber-dropdown-content:before{content:'';position:absolute;right:-30px;bottom:-30px;width:300px;height:300px;background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/common/square_blue.png);background-size:contain;background-repeat:no-repeat;opacity:.3;transform-origin:center;z-index:0}.ndc-title{background-image:linear-gradient(to right,#536caa 0 20%,#d9d9d9 20% 100%);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:5px;margin-bottom:20px}.ndc-title h3{padding:0 10px}.navber-dropdown-content ul{display:block;list-style:none;padding:0 15px}.navber-dropdown-content li{margin-bottom:10px}.navber-dropdown-content li a{width:100%;display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease}.navber-dropdown-content li a:hover{transform:scale(1.05)}.navber-dropdown-content li a:hover span{color:#536caa}.arrow-right{display:inline-block;width:8px;height:8px;border-top:1px solid #4d4d4d;border-right:1px solid #4d4d4d;transform:rotate(45deg);margin-right:4px}@media (max-width:428px){.arrow-right{width:5px;height:5px;margin-right:2px}}.navber-dropdown-content li a:hover .arrow-right{border-color:#536caa}.arrow-bottom{display:inline-block;width:8px;height:8px;border-top:1px solid #4d4d4d;border-right:1px solid #4d4d4d;transform:rotate(135deg);margin-left:8px;margin-bottom:6px;transition:transform .3s ease,margin .3s ease}.arrow-bottom.open{transform:rotate(315deg);margin-bottom:0;margin-top:5px}@media (max-width:1280px){.header-right,.navbar{display:none}}@media (max-width:768px){.header-and-nav{padding:15px}.logo-link img{width:120px}}.menu-button{position:fixed;top:0;right:0;width:80px;height:80px;background-color:#536caa;border-bottom-left-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;cursor:pointer;z-index:9999;transition:transform .5s ease,background-color .3s ease}.menu-button:hover{transform:scale(1.08)}.menu-button span{display:block;width:35px;height:3px;background-color:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.menu-button.active span:nth-child(1){transform:rotate(45deg) translate(9px,9px)}.menu-button.active span:nth-child(2){opacity:0}.menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(10px,-10px)}@media (max-width:768px){.menu-button{width:60px;height:60px;gap:8px}.menu-button span{width:30px}.menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-7px)}}.nav-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:98}.nav-mask.active{display:block}.nav-overlay{position:fixed;top:0;right:-100%;width:100%;max-width:800px;height:100vh;background-color:#f7fbff;z-index:99;transition:right .5s ease;overflow-y:auto}.nav-overlay.active{right:0}.nav-overlay-content{width:90%}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:#f7fbff;top:0;z-index:999;width:90%}.navigation{padding:0 30px;padding-bottom:120px}.navigation-section{margin-bottom:15px;background-color:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);border-radius:15px;overflow:hidden}.navigation-header{display:flex;align-items:center;gap:15px;background-color:#fff;cursor:pointer;transition:background-color .2s ease;padding:15px}.navigation-header:hover{background-color:#f0f0f0}.ns-img{width:150px;height:100px;border-radius:10px;object-fit:cover}.navigation-title{display:flex;background-image:linear-gradient(to right,#536caa 0 20%,#d9d9d9 20% 100%);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding:0 15px 10px 5px;width:100%}.navigation-header h3{flex:1;color:#4d4d4d;font-weight:1.2rem}.toggle-icon{color:#4d4d4d;transition:transform .3s ease;display:inline-block}.navigation-header.active .toggle-icon{transform:rotate(180deg);font-size:0}.navigation-header.active .toggle-icon:after{font-size:1rem;content:'－'}.navigation-body{max-height:0;overflow:hidden;transition:max-height .5s ease;position:relative;overflow:hidden;z-index:0}.navigation-body:before{content:'';position:absolute;right:-30px;bottom:-30px;width:300px;height:300px;background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/common/square_blue.png);background-size:contain;background-repeat:no-repeat;opacity:.3;transform-origin:center;transform:rotate(180deg);z-index:0;pointer-events:none}.navigation-body.active{max-height:500px}.navigation-overlay-list{list-style:none;padding-bottom:15px;background-color:#fff}.navigation-overlay-item{padding:0;margin:0}.navigation-overlay-item a{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;text-decoration:none;color:#4d4d4d;transition:color .2s ease;width:100%;transition:transform .3s ease}.navigation-overlay-item a:hover{color:#536caa;transform:scale(1.05)}.navigation-overlay-item a:hover .arrow-right{border-color:#536caa}.nav-buttons{position:fixed;bottom:0;display:flex;justify-content:space-between;align-items:center;background-color:#536caa;width:100%;max-width:800px}.nav-buttons span{color:#fff}.nav-buttons .blog-btn,.nav-buttons .contact-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:110px;position:relative;overflow:hidden;transition:all .4s ease}.nav-buttons .blog-btn:before,.nav-buttons .contact-btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);transition:all .6s ease}.nav-buttons .blog-btn:hover:before,.nav-buttons .contact-btn:hover:before{left:125%}.nav-buttons .blog-btn:hover,.nav-buttons .contact-btn:hover{background-color:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 8px 16px rgba(255,255,255,.2)}.separator-line{display:block;height:70px;width:2px;background-color:#fff;margin:20px 0}@media (max-width:768px){.nav-overlay{padding-bottom:100px}.nav-overlay-content{width:100%}.navigation{padding-bottom:25px}.ns-img{width:100px;height:80px}.nav-buttons{display:none}}@media (max-width:428px){.navigation-section{border-radius:10px}.ns-img{width:85px;height:60px;border-radius:5px}}.header-tag{display:flex;flex-direction:column;position:fixed;top:195px;right:-5px;z-index:9999;width:55px;gap:50px}.header-tag-phone,.header-tag-mail{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#3ba1ac;border-radius:15px 0 0 15px;gap:8px;cursor:pointer;padding:20px 0;transition:all .3s ease}.header-tag-phone:hover,.header-tag-mail:hover{transform:translateX(-5px)}.header-tag-phone span,.header-tag-mail span{font-weight:700;color:#fff;writing-mode:vertical-rl}@media (max-width:768px){.header-tag{flex-direction:row;top:auto;right:0;bottom:-5px;z-index:9999;width:100%;gap:8px}.header-tag-phone,.header-tag-mail{flex-direction:row;border-radius:10px 10px 0 0}.header-tag-phone{margin-left:8px}.header-tag-mail{margin-right:8px}.header-tag-phone:hover,.header-tag-mail:hover{transform:translateY(-5px)}.header-tag-phone span,.header-tag-mail span{writing-mode:unset}}.contact-and-blog{display:flex;justify-content:center;align-items:center;background-color:#536caa;padding:50px 0;position:relative}.contact,.blog{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:50%;height:270px;z-index:1;overflow:hidden}.contact:before{content:'';position:absolute;bottom:0;left:0;width:450px;height:450px;background-size:contain;background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/common/contact.png);background-repeat:no-repeat;opacity:.3;transform-origin:center;z-index:0}.blog:after{content:'';position:absolute;right:0;bottom:0;width:450px;height:380px;background-size:contain;background-image:url(//www.ogms.info/wp-content/themes/understrap-child-main/css/../img/common/blog.png);background-repeat:no-repeat;opacity:.3;transform-origin:center;z-index:-1}.contact-and-blog .section-title .en{color:#fff}.contact-and-blog .section-title .en:before{background-color:#fff}.contact-and-blog .section-title .en:after{background-color:#fff}.contact-buttons{display:flex;flex-direction:column;gap:20px;width:350px}.contact-buttons a{display:flex;justify-content:space-between;align-items:center;border:1px solid #fff;border-radius:10px;padding:20px 40px;color:#fff;font-size:1.2rem}.contact-buttons .arrow-right{border-color:#fff}.contact-and-blog .separator-line{height:250px;width:1px;background-color:#fff}.blog-text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:50px}.blog-text p{color:#fff}.blog-button{display:flex;align-items:center;justify-content:center;gap:25px}.blog-button a{display:flex;justify-content:center;align-items:center;border:solid 1px #fff;border-radius:50%;width:70px;height:70px}.blog-button span{font-size:1.2rem;color:#fff}.blog-button .arrow-right{width:12px;height:12px;border-color:#fff}.contact-buttons a,.blog-button a{position:relative;overflow:hidden;transition:all .4s ease}.contact-buttons a:before,.blog-button a:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);transition:all .6s ease}.contact-buttons a:hover:before,.blog-button a:hover:before{left:125%}.contact-buttons a:hover,.blog-button a:hover{background-color:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 8px 16px rgba(255,255,255,.2)}@media (max-width:1000px){.contact:before{width:350px;height:420px}.blog:after{width:350px;height:340px}.contact-buttons{width:315px}.contact-buttons a{padding:15px 30px;font-size:1rem}.blog-button a{width:50px;height:50px}.blog-button span{font-size:1rem}.blog-button .arrow-right{width:8px;height:8px}}@media (max-width:768px){.contact-and-blog{flex-direction:column}.contact,.blog{width:100%;height:100%;gap:25px}.contact{padding-bottom:40px}.contact:before{top:-50px;height:415px}.contact-and-blog .separator-line{height:1px;width:100%}.blog{padding-top:40px}}@media (max-width:428px){.contact:before{height:395px}.blog:after{width:315px;height:300px}}.footer-container{display:flex;justify-content:space-between;padding:80px;padding-bottom:0;background-color:#f7fbff}.footer-logo-and-page-link{display:flex;flex-direction:column;gap:25px}.link-text{display:inline-flex;align-items:center;gap:5px;color:#536caa;position:relative;text-decoration:none;width:fit-content;transition:color .3s ease}.link-text:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background-color:#536caa}.link-text:hover{color:#b6d0ff}.link-text-desktop{display:flex;flex-direction:column;gap:10px}.link-text-mobile{display:none}.footer-navigation{display:flex;justify-content:space-between;width:80%}.footer-nav-content-wrap{display:flex;flex-direction:column;width:30%;min-width:270px}.footer-nav-content{height:250px}.footer-nav-content-en{height:350px}.footer-nav-content ul{display:block;list-style:none;padding:0 15px}.footer-nav-content li{margin-bottom:10px}.footer-nav-content li a{width:100%;display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease}.footer-nav-content li a:hover{transform:scale(1.05)}.footer-nav-content li a:hover span{color:#536caa}.footer-nav-content li a:hover .arrow-right{border-color:#536caa}.copyright{width:100%;background-color:#f7fbff;text-align:center;padding-bottom:50px}.page-top{position:fixed;right:20px;bottom:20px;width:70px;height:70px;border:solid 1px #b6d0ff;border-radius:50%;background-color:#f7fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:.1em;z-index:9999;font-weight:700;opacity:0}.arrow-top{display:inline-block;width:8px;height:8px;border-top:1.5px solid #4d4d4d;border-right:1.5px solid #4d4d4d;transform:rotate(-45deg)}.page-top:before,.page-top:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;border:1px solid #b6d0ff;border-radius:50%;box-sizing:border-box;pointer-events:none}.page-top:hover{box-shadow:0 0 20px #b6d0ff}.page-top:hover:before,.page-top:hover:after{animation:pulsate 2s linear infinite}.page-top:hover:after{animation-delay:1s}@keyframes pulsate{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.is-active{opacity:1;visibility:visible}@media (max-width:1280px){.footer-container{flex-direction:column;gap:50px;padding:50px}.footer-logo-and-page-link{flex-direction:row;align-items:flex-end}.footer-navigation{width:95%;flex-direction:column;gap:50px}.footer-nav-content-wrap{flex-direction:row;width:100%;justify-content:space-between}.footer-nav-content{width:45%;height:auto}}@media (max-width:768px){.link-text-desktop{display:none}.link-text-mobile{display:flex;justify-content:center;gap:25px}.footer-container{padding:40px}.footer-logo-and-page-link{flex-direction:column;align-items:flex-start}.footer-navigation,.footer-nav-content{width:100%}.footer-nav-content-wrap{flex-direction:column;gap:50px}.copyright{padding-bottom:100px}.page-top{box-shadow:0 0 20px #b6d0ff;bottom:75px}.page-top:before,.page-top:after{animation:pulsate 2s linear infinite}.page-top:after{animation:pulsate 2s linear infinite}}@media (max-width:428px){.footer-container{padding:25px}}