*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body{font-size:1.6rem;font-family:SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}img{vertical-align:middle}ul,ol{list-style:none}a{text-decoration:none}#header{position:fixed;top:0;left:0;z-index:1000;padding:0 10px;width:100%;background-color:#fff;background-color:#198c84;transition:.3s all linear}@media (min-width: 769px){#header{padding:0 20px}}#header .wrapper{display:flex;align-items:center;margin:auto;max-width:1240px;height:60px}@media (min-width: 769px){#header .wrapper{height:80px}}#header .logo img{width:120px}@media (min-width: 769px){#header .logo img{width:200px}}#header .nav{margin-left:auto}#header .nav ul{display:none;column-gap:40px}@media (min-width: 769px){#header .nav ul{display:flex;align-items:center}}#header .nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:1.6rem;font-weight:700}#header .nav a:hover{opacity:.7}#header .nav form{position:relative}#header .nav form input{padding:0 35px 0 15px;width:160px;height:30px;border:1px solid #ccc;border-radius:15px}#header .nav form button{background:none;border:0;position:absolute;right:5px;top:0;width:30px;height:30px;cursor:pointer}#main{padding-top:60px}@media (min-width: 769px){#main{padding-top:80px}}#footer .copyright{display:flex;justify-content:center;align-items:center;color:#fff;height:120px;font-size:1.6rem;text-align:center;background-color:#394b56}.home-mv img{width:100%}.home-about{padding:50px 20px}.home-about .wrapper{margin:auto;max-width:860px}.home-about h2{color:#198c84;color:#444;font-size:4rem;text-align:center}.home-about h2 span{position:relative}.home-about .text{margin:40px auto auto;font-size:2rem;line-height:2;letter-spacing:1px;text-align:justify}.home-about .text p:not(:last-child){margin-bottom:1em}.home-about .website{margin-top:40px;font-size:2rem;line-height:2;letter-spacing:1px}.home-about .website a{color:#198c84}.home-about .website a:hover{text-decoration:underline}.home-culture{padding:50px 20px}.home-culture .wrapper{margin:auto;max-width:860px}.home-culture .cultures{margin-top:40px}.home-culture h2{color:#198c84;font-size:4rem;text-align:center}.home-culture ul{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:40px}.home-culture .culture{display:flex;align-items:center;column-gap:10px;min-height:60px}.home-culture .culture .icon img{width:40px;height:40px}.home-culture .culture .text p{font-size:1.6rem;letter-spacing:1px}.home-box{padding:50px 20px}.home-box .wrapper{margin:auto;max-width:1200px}.home-box .boxes{width:100%}.home-box .boxes ul{display:flex;column-gap:10px}.home-box .boxes ul li{flex:1 1 auto;width:25%}.home-box .box{position:relative;overflow:hidden}.home-box .box:hover .detail{transform:translateY(0)}.home-box .box .image img{aspect-ratio:9/15;width:100%;object-fit:cover}.home-box .box .detail{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#198c8480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(105%);transition:.2s all ease-out}.home-box .box .detail .img img{width:100%}.home-value{padding:50px 20px}.home-value .wrapper{margin:auto;max-width:1200px}.home-value .values{width:100%}.home-value .values ul{display:flex;column-gap:20px}.home-value .values ul li{flex:1 1 auto;width:30%}.home-value .value .image img{aspect-ratio:16/9;width:100%;object-fit:cover}.home-movie{padding:50px 20px}.home-movie .wrapper{position:relative;margin:auto;max-width:1200px}.home-movie .wrapper:after{content:"";position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:75%;background-color:#198c84}.home-movie .video{margin:auto;max-width:600px}.home-movie .video video{display:block;width:100%}.home-news{padding:50px 20px}.home-news .wrapper{margin:auto;max-width:860px}.home-news .news .n{position:relative}.home-news .news .n .image img{max-width:100%}.home-news .news .n .text{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:20px;width:30%;height:100%}.home-links{padding:50px 20px}.home-links .wrapper{display:flex;margin:auto;max-width:860px}.home-links .links{flex:0 0 auto;width:35%}.home-links .connect{flex:1 1 auto}.home-links .connect ul{display:flex}
