@import url("https://fonts.googleapis.com/css?family=Kanit:300,300i,400,500,500i,700&display=swap&subset=thai");@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Taviraj:400,400i,500,700&display=swap&subset=thai");@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap");.main-visual{text-align:center;position:relative;height:100vh}.main-visual .top-slider{height:100%;width:100%;background:url("/wp/wp-content/themes/wp-templ/assets/img/top/img2_mv.jpg") no-repeat center top;background-size:cover}.main-visual .top-slider .mslide{height:100vh;width:100%;background-size:cover !important;background-position:center top}.main-visual .ttl{position:absolute;left:20px;right:20px;top:47%;-ms-transform:translateY(-80%);-moz-transform:translateY(-80%);-webkit-transform:translateY(-80%);transform:translateY(-80%)}.main-visual .ttl.is-show{-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.main-visual .logo{display:block;margin-bottom:-7px}.main-visual .logo img{width:204px}.main-visual .txt1{text-shadow:0px 10px 30px rgba(0,51,51,0.5);display:block;color:#fff;font-size:52px;font-size:5.2rem;font-family:'Vollkorn', serif;line-height:1;margin-bottom:7px;letter-spacing:8px}.main-visual .txt1 em{font-size:60px;font-size:6rem;font-style:normal}.main-visual .txt2{display:inline-block;color:#fff;font-family:'Vollkorn', serif;font-size:22px;font-size:2.2rem;letter-spacing:8px;padding-top:10px;position:relative;text-shadow:0px 10px 30px rgba(0,51,51,0.5)}.main-visual .txt2 .line1{position:absolute;content:"";left:0;right:0;top:0;height:1px;background:#fff;animation:lineA ease 2s;-webkit-animation:lineA ease 2s;-moz-animation:lineA ease 2s;-o-animation:lineA ease 2s;-ms-animation:lineA ease 2s;box-shadow:0px 10px 30px rgba(0,51,51,0.5)}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.main-visual .top-slider{background:url("/wp/wp-content/themes/wp-templ/assets/img/top/img2_mv_sp.jpg") no-repeat center center;background-size:cover}.main-visual .ttl{top:54%}.main-visual .logo{margin-bottom:-2px}.main-visual .logo img{width:140px}.main-visual .txt1{font-size:32px;font-size:3.2rem;margin-bottom:7px;letter-spacing:5px}.main-visual .txt1 em{font-size:37px;font-size:3.7rem}.main-visual .txt2{font-size:14px;font-size:1.4rem;letter-spacing:5px;padding-top:8px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 420px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 420px){.main-visual .ttl{top:45%}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 375px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 375px){.main-visual .ttl{top:47%}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px){.main-visual .ttl{top:46%}.main-visual .logo img{width:110px}.main-visual .txt1{font-size:28px;font-size:2.8rem;margin-bottom:6px}.main-visual .txt1 em{font-size:34px;font-size:3.4rem}}.sec01{padding:120px 0 20px 0;position:relative}.sec01:before{-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-ms-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;position:absolute;content:"";height:177px;background:#17274c;left:0;top:120px;width:calc(50% - 235px);min-width:350px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.sec01.is-show:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-ms-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all}.sec01 .sec-search{padding:44px 0;float:left;width:50%;position:relative;z-index:980}.sec01 .sec-search .cmn-ttl1{margin-bottom:12px}.sec01 .sec-search .box-map{padding:0 0 0 11.5%;position:relative}.sec01 .sec-search .box-map .box-map-btn{width:178px;position:absolute;left:47.5%;bottom:22%;z-index:9}@media only screen and (max-width: 880px){.sec01 .sec-search .box-map{padding:0 0 0 7.5%}}.sec01 .sec-news{float:right;width:49%;position:relative;z-index:980;background:#fff;padding:23px 30px 40px}.sec01 .sec-news .cmn-ttl1{margin-bottom:9px}.sec01 .sec-news .list-news{margin:18px 0 0 0}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec01{padding:70px 0 55px 0}.sec01:before{width:230px;height:105px;top:70px;min-width:auto}.sec01 .sec-search{padding:26px 0;float:none;width:100%}.sec01 .sec-search .cmn-ttl1{margin-bottom:0;padding:0 15px}.sec01 .sec-search .box-map{padding:0 0 0 4.5%}.sec01 .sec-search .box-map .box-map-btn{width:145px;position:relative;left:0%;bottom:0%;margin:24px auto auto}.sec01 .sec-news{float:none;width:100%;padding:37px 25px 30px;margin:30px 0 0 0}.sec01 .sec-news .cmn-ttl1{margin-bottom:15px;text-align:center}.sec01 .sec-news .list-news{margin:18px 0 0 0}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px){.sec01 .sec-news{padding:37px 20px 30px}}.sec-category .cmn-ttl1{margin-bottom:24px}.sec-category .list-category{font-size:0;margin:0 -10px;position:relative;z-index:995}.sec-category .list-category li{display:inline-block;vertical-align:top;width:33.33%;padding:0 10px;margin-bottom:20px}.sec-category .list-category li a{display:block;border:1px solid #fafafa;padding:30px 19px 18px;background:#fff;position:relative;overflow:hidden;-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;-ms-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all}.sec-category .list-category li a .inner{position:relative;z-index:9}.sec-category .list-category li a .ttl{text-align:center;position:absolute;z-index:863;top:-22px;left:0;right:0;margin:auto}.sec-category .list-category li a .thumb-cat{text-align:center;margin-bottom:20px}.sec-category .list-category li a .txt-cat{text-align:center}.sec-category .list-category li a .txt-cat span{position:relative;padding:0 15px;font-size:14px;letter-spacing:1px;display:inline-block}.sec-category .list-category li a .txt-cat span:after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-left:1px solid #17274c;border-top:1px solid #17274c;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);margin-top:-5px}.sec-category .list-category li a .txt-cat em{font-style:normal;font-size:14px;font-size:1.4rem;min-height:25px;display:inline-block}.sec-category .list-category li a .txt-cat em.more{display:none;font-family:'Vollkorn', serif;font-size:16px;font-size:1.6rem}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.sec-category .list-category li a:hover{opacity:1;-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;-ms-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all;background:#dce0e5}.sec-category .list-category li a:hover .txt-cat em.more{display:inline-block}.sec-category .list-category li a:hover .txt-cat em.des{display:none}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-category .cmn-ttl1{margin-bottom:20px}.sec-category .list-category{margin:0 -7px}.sec-category .list-category li{width:50%;padding:0 7px;margin-bottom:14px}.sec-category .list-category li a{padding:17px 12px 8px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px){.sec-category .list-category li a{padding:17px 10px 8px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-category .list-category li a .ttl{font-size:19px;top:-15px;letter-spacing:1px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px){.sec-category .list-category li a .ttl{font-size:17px;top:-13px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-category .list-category li a .thumb-cat{margin-bottom:10px}.sec-category .list-category li a .txt-cat span{padding:0 10px 0 0;font-size:12px;letter-spacing:0.5px}.sec-category .list-category li a .txt-cat span:after{width:6px;height:6px;margin-top:-3px}.sec-category .list-category li a .txt-cat em{font-size:11px;font-size:1.1rem;min-height:auto}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 360px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 360px){.sec-category .list-category li a .txt-cat span{letter-spacing:0px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px){.sec-category .list-category li a .txt-cat span{font-size:11px;letter-spacing:0px;line-height:1.45}}.sec-about{position:relative;z-index:99;padding:52px 0 0 0;margin-bottom:70px}.sec-about:before{position:absolute;content:"";left:0;right:0;top:-150px;height:calc(100% + 150px);background:#fff}.sec-about:after{position:absolute;content:"";width:calc(50% - 400px);height:150px;background:#17274c;bottom:0;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.sec-about.is-show:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-ms-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all}.sec-about-box{position:relative;min-height:397px;padding:40px 0 0;position:relative;z-index:965}.sec-about-box .pic{position:absolute;z-index:9;text-indent:-99999px;background:url("/wp/wp-content/themes/wp-templ/assets/img/top/img1-top.jpg") left top;background-size:cover;width:55%;height:397px;top:0;left:0}.sec-about-box .info{position:relative;z-index:965;margin:0 0 0 50%;background:rgba(255,255,255,0.96);padding:4.2% 5% 5% 7.3%}.sec-about-box .cmn-ttl1{margin-bottom:16px}.sec-about-box .des{line-height:1.75;margin-bottom:27px;letter-spacing:1.9px}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-about{padding:44px 0 0 0;margin-bottom:59px}.sec-about:before{top:-100px;height:calc(100% + 100px)}.sec-about:after{width:78px;height:65px;top:45px;bottom:auto}.sec-about-box{min-height:auto;padding:23px 0 0}.sec-about-box .pic{background:url("/wp/wp-content/themes/wp-templ/assets/img/top/img1-top_sp.jpg") left top;background-size:cover;width:69.4%;height:160px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px){.sec-about-box .pic{height:150px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-about-box .info{background:rgba(255,255,255,0);margin:0%;padding:0;margin-bottom:0}.sec-about-box .cmn-ttl1{margin-bottom:16px;background:rgba(255,255,255,0.96);margin:0 0 45px 31%;padding:6.2% 2% 5% 8.5%;letter-spacing:1px}.sec-about-box .cmn-ttl1 .big{line-height:1.3}.sec-about-box .cmn-ttl1 .cmn-ttl1-28{margin:0%;padding:0;margin-bottom:0;background:rgba(255,255,255,0)}.sec-about-box .des{letter-spacing:1.65px}.sec-about-box .sec-about-btn{text-align:center}.sec-about-box .sec-about-btn .cmn-btn2{margin:auto}}.sec-basic{position:relative;padding:52px 0 0 0;margin-bottom:120px}.sec-basic .cmn-ttl1{margin-bottom:33px;line-height:1.3}.sec-basic .cmn-ttl1 .small{letter-spacing:0.1em}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-basic .cmn-ttl1 .small{letter-spacing:0.18em}}.sec-basic:before{position:absolute;content:"";width:88%;height:245px;max-width:calc(50% + 315px);background:#17274c;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}@media only screen and (min-width: 897px) and (orientation: landscape) and (max-width: 920px), only screen and (min-width: 768px) and (orientation: portrait) and (max-width: 920px){.sec-basic:before{width:90%}}.sec-basic.is-show:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-ms-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all}.sec-basic .wcm{position:relative;z-index:97}.sec-basic-left{width:178px;float:left}.sec-basic-right{width:calc(100% - 255px);float:right;padding:7px 0 0 0}.sec-basic-right ul{font-size:0;text-align:right;margin:0 -10px}.sec-basic-right ul li{display:inline-block;vertical-align:top;width:33.33%;padding:0 10px}.sec-basic-right ul li .btn-under{margin:14px auto auto;max-width:178px;text-align:left;width:100%}.sec-basic-right ul li .btn-under span{width:100%;display:block}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.sec-basic-right ul li .btn-under{letter-spacing:0}.sec-basic-right ul li .btn-under span{letter-spacing:0}}@media only screen and (min-width: 897px) and (orientation: landscape) and (max-width: 880px), only screen and (min-width: 768px) and (orientation: portrait) and (max-width: 880px){.sec-basic-right ul li .btn-under{font-size:14px}.sec-basic-right ul li .btn-under span{padding-right:10px}}.sec-basic-right ul li a{display:block;text-align:center}@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait){.sec-basic-right ul li a:hover{opacity:1}.sec-basic-right ul li a:hover .btn-under{opacity:1}.sec-basic-right ul li a:hover .btn-under:after{transform:scale(0, 1)}.sec-basic-right ul li a:hover .btn-under:before{width:100%;transition-delay:0.4s;transform:scale(1, 1)}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-basic{padding:25px 0 0 0;margin-bottom:80px}.sec-basic .cmn-ttl1{margin-bottom:19px;line-height:1.5}.sec-basic:before{width:245px;height:143px;max-width:80%}.sec-basic-left{width:100%;float:none}.sec-basic-right{width:100%;float:none;padding:7px 0 0 0}.sec-basic-right ul{text-align:left;margin:0}.sec-basic-right ul li{display:block;width:100%;padding:0;margin-bottom:9px}.sec-basic-right ul li .hv-thumb-bdr-img{display:table-cell;vertical-align:middle;width:45%}.sec-basic-right ul li .btn-under{margin:auto;max-width:100%;text-align:left;width:auto;display:table-cell;vertical-align:middle;padding:0 17px 0 15px;font-size:13px;letter-spacing:0}.sec-basic-right ul li .btn-under:after{display:none}.sec-basic-right ul li .btn-under span{width:100%;display:block;padding-right:10px}}@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px){.sec-basic-right ul li .btn-under{font-size:12px;padding:0 10px}}@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait){.sec-basic-right ul li a{display:table;text-align:left;background:#f7f7f7;width:100%}.sec-basic .sec-basic-btn a{margin:29px auto auto}}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3){.main-visual .ttl{top:44%}}@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){.main-visual .ttl{top:44.5%}}.tablet .top-slider.pc{display:none !important}.tablet .top-slider.sp{display:block !important}

/*# sourceMappingURL=maps/top.min.css.map */