﻿@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;500&display=swap");*{box-sizing:border-box}:after,:before{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}ol,ul{padding:0;list-style:none}dt{font-weight:500}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:bottom}embed,iframe,object{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:0;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset,option{padding:0}fieldset{margin:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}*{margin:0;padding:0}html{font-size:62.5%}body{font-size:1.6rem;line-height:1.8;font-family:'Noto Sans SC', sans-serif;min-width:280px;color:#626262;letter-spacing:1px}a{text-decoration:none;display:inline-block;color:#626262}a:hover{text-decoration:none;opacity:.8}img{max-width:100%;vertical-align:middle;border:none}.ie6 img{width:100%}ul,ol{list-style-type:none}li a{box-sizing:border-box}.clear::after{display:block;clear:both;content:""}.contents{text-align:center;margin:0 auto}.img_wrap{text-align:center;margin:0 auto 20px}.tr{text-align:right !important}.tc{text-align:center !important}.tl{text-align:left !important}.tj{text-align:justify !important}.pc_hide{display:block}@media screen and (min-width: 800px), print{.pc_hide{display:none}}.sp_hide{display:none}@media screen and (min-width: 800px), print{.sp_hide{display:block}}.fwb{font-weight:bold}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}@media (min-width: 800px){.col_02{display:flex;flex-wrap:wrap;justify-content:space-between}}.momo_btn a{background-color:#f4f77d;background:linear-gradient(#f4f787, #f4f778) fixed;padding:10px;max-width:680px;width:90%;border-radius:50px;box-shadow:0 2px 2px rgba(0,0,0,0.3);margin:80px auto;transition:0.2s;color:#f94a7c;font-weight:bold;font-size:2.8rem;letter-spacing:4px}.momo_btn a:before{content:"▶";padding-right:10px;color:#626262}.contents .content_inner{max-width:1000px;margin:0 auto}.slick-slider{background-color:#e3f6fc;padding:20px 0}@media (min-width: 800px){.slick-slider{padding:20px 40px;max-width:1000px;margin:0 auto}}.slick-dots{bottom:-40px}.slick-next:before{content:" ";width:18px;height:18px;border-top:5px solid #595757;border-right:5px solid #595757;transform:rotate(45deg);position:absolute;right:12px;top:20%}@media (min-width: 800px){.slick-next:before{right:2px}}.slick-prev:before{content:" ";width:18px;height:18px;border-top:5px solid #595757;border-right:5px solid #595757;transform:rotate(-135deg);position:absolute;left:12px;top:20%}@media (min-width: 800px){.slick-prev:before{left:2px}}.slick-arrow:hover{opacity:0.8}.header_01{position:fixed;top:0;background-color:#fff;box-shadow:0px 4px 4px -4px rgba(0,0,0,0.4);z-index:120;width:100%}@media (min-width: 800px){.header_01{position:absolute}}.header_01 .header_wrap{padding:15px 10px;position:relative}@media (min-width: 800px){.header_01 .header_wrap{max-width:1000px;margin:0 auto;padding:20px}}.header_01 .header_wrap .hdg_01{text-align:center;width:60%}@media (min-width: 800px){.header_01 .header_wrap .hdg_01{text-align:center}}.hdg_02{font-size:2rem;text-align:center;padding:40px 0 20px;font-weight:normal}@media (min-width: 800px){.hdg_02{font-size:2.4rem;padding:100px 0 40px}}.hdg_02 span{color:#112c4e;display:block}.header_icon_list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:absolute;right:57px;top:10px;width:85px}@media (min-width: 800px){.header_icon_list{right:85px;width:120px;top:15px}}.header_icon_list .facebook{width:40px}@media (min-width: 800px){.header_icon_list .facebook{width:56px}}.header_icon_list .line{width:40px}@media (min-width: 800px){.header_icon_list .line{width:56px}}.nav_01{display:none;position:fixed;top:0;left:-300px;width:300px;background:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:all .5s;z-index:3;opacity:0;height:100vh}@media (min-width: 800px){.nav_01{position:absolute;width:96%;margin:0 2%;height:auto;top:114px;left:0}}.nav_01 .inner{padding:10px}.open .nav_01{left:0;opacity:1;display:block}.nav_01 .inner ul{list-style:none;margin:0;padding:0}@media (min-width: 800px){.nav_01 .inner ul{display:flex}}.nav_01 .inner ul li{position:relative;margin:0;border-bottom:1px solid #333}@media (min-width: 800px){.nav_01 .inner ul li{border-bottom:none;width:33%;text-align:center}}@media (min-width: 800px){.nav_01 .inner ul li:after{width:1px;height:20px;top:20px;right:0;content:"";position:absolute;background-color:#333}}.nav_01 .inner ul li:last-child:after{height:0}.nav_01 .inner ul li a{display:block;color:#333;font-size:14px;padding:1em;text-decoration:none;transition-duration:0.2s}.nav_01 .inner ul li a:hover{background:#e4e4e4}@media screen and (max-width: 767px){.nav_01{left:-220px;width:220px}}.toggle_btn{display:block;position:absolute;top:10px;right:10px;width:40px;height:40px;transition:all .5s;cursor:pointer;z-index:15;background-color:#6e6e6e;border-radius:50%}@media (min-width: 800px){.toggle_btn{right:20px;top:15px;width:56px;height:56px}}.toggle_btn span{display:block;position:absolute;left:6px;width:27px;height:2px;background-color:#fff;border-radius:4px;transition:all .5s}@media (min-width: 800px){.toggle_btn span{width:32px;border-radius:0;left:12px;height:4px}}.toggle_btn span:nth-child(1){top:12px}@media (min-width: 800px){.toggle_btn span:nth-child(1){top:16px}}.toggle_btn span:nth-child(2){top:19px}@media (min-width: 800px){.toggle_btn span:nth-child(2){top:27px}}.toggle_btn span:nth-child(3){bottom:10px}@media (min-width: 800px){.toggle_btn span:nth-child(3){bottom:14px}}.open .toggle_btn span{background-color:#fff}.open .toggle_btn span:nth-child(1){transform:translateY(8px) rotate(45deg)}@media (min-width: 800px){.open .toggle_btn span:nth-child(1){transform:translateY(12px) rotate(45deg)}}.open .toggle_btn span:nth-child(2){opacity:0}.open .toggle_btn span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (min-width: 800px){.open .toggle_btn span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}}#mask{display:none;transition:all .5s}.open #mask{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;opacity:.8;z-index:2;cursor:pointer}@media (min-width: 800px){.open #mask{height:0}}.kv_wrap_01{margin:60px 0 0;position:relative}@media (min-width: 800px){.kv_wrap_01{margin:86px auto 0;max-width:1200px}}.kv_wrap_01 .img_main_wrap{margin:0 0 20px 0}@media (min-width: 800px){.kv_wrap_01 .img_main_wrap{margin:0}}.list_01{display:flex;margin:0 auto;justify-content:space-between;max-width:610px;width:90%}@media (min-width: 800px){.list_01{width:auto}}@media (min-width: 800px){.list_01.main{position:absolute;left:80px;bottom:40px;max-width:520px}}.list_01 li{width:48%}@media (min-width: 800px){.list_01 li{margin:0}}.qa_01{background-color:#112c4e;padding:5%}.qa_01 .innner{background-color:#909dad;padding-top:8%;max-width:1000px;margin:0 auto}@media (min-width: 800px){.qa_01 .innner{padding-top:55px}}.qa_01 .innner dl{text-align:left;padding:5%;line-height:1.8;color:#fff}@media (min-width: 800px){.qa_01 .innner dl{padding:55px 75px}}.qa_01 .innner dl dt{font-weight:normal;margin-bottom:5px}.qa_01 .innner dl dt:before{content:"■";color:#f1f361;padding-right:3px}.qa_01 .innner dl dd{margin-bottom:20px;padding-bottom:20px;border-bottom:3px dotted #ccd2d9;font-weight:300}.qa_01 .innner dl dd:last-child{border-bottom:none;padding-bottom:0}.qa_01 .innner p{width:90%;margin:0 auto}@media (min-width: 800px){.qa_01 .innner p{width:100%}}.grad-wrap{margin:40px 10px 40px;position:relative}@media (min-width: 800px){.grad-wrap{margin:60px auto 60px;max-width:800px}}.grad-wrap .grad-hdg{color:#fff;background-color:#535353;padding:10px;text-align:center;letter-spacing:3px}@media (min-width: 800px){.grad-wrap .grad-hdg{font-size:30px;padding:20px}}.grad-wrap .grad-item{text-align:left;padding:40px 20px 40px 20px;font-weight:300;font-family:"思源宋體";position:relative;overflow:hidden;height:120px}@media (min-width: 800px){.grad-wrap .grad-item .col_02{display:flex;justify-content:space-between}.grad-wrap .grad-item .col_02 dl{width:49%}}@media (min-width: 800px){.grad-wrap .grad-item li,.grad-wrap .grad-item dd,.grad-wrap .grad-item dt{font-size:22px;line-height:1.6}}.grad-wrap .grad-item dl{margin-top:20px}.grad-wrap .grad-item .box_01{border:2px solid #535353}.grad-wrap .grad-item .box_01 dt{border-bottom:2px solid #535353;padding:5px;font-weight:300}.grad-wrap .grad-item .box_01 dd{padding:10px}.grad-wrap{position:relative;border:1px solid #636363}.grad-wrap+.grad-wrap{margin-top:40px}.grad-btn{z-index:2;position:absolute;right:0;bottom:-15px;left:0;width:148px;margin:auto;padding:2px 0;border-radius:2px;background:#636363;color:#fff;font-size:16px;text-align:center;cursor:pointer;transition:.2s ease;box-shadow:0 0 3px rgba(0,0,0,0.3)}.grad-btn::after{content:"繼續閱讀"}.grad-btn:hover{background:#fff;color:#636363}.grad-btn .fa{margin-right:.5em}.grad-item p+p{margin-top:1em}.grad-item::before{display:block;position:absolute;bottom:0;left:0;content:"";width:100%;height:40px;background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);background:linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%)}.grad-trigger{display:none}.grad-trigger:checked ~ .grad-btn{bottom:-15px}.grad-trigger:checked ~ .grad-btn::after{content:"關閉"}.grad-trigger:checked ~ .grad-btn .fa{transform:rotate(180deg)}.grad-trigger:checked ~ .grad-item{height:auto}.grad-trigger:checked ~ .grad-item::before{display:none}.box_gmp{background-color:#fff;padding:20px;margin:20px 0}@media (min-width: 800px){.box_gmp{display:flex;justify-content:space-between;margin:20px auto;width:90%}}.box_gmp .img{text-align:center}@media (min-width: 800px){.box_gmp .img{width:40%}}.box_gmp .img img{width:120px}@media (min-width: 800px){.box_gmp .img img{width:auto}}.box_gmp .txt{color:#333}@media (min-width: 800px){.box_gmp .txt{margin-left:30px;width:60%}}.box_gmp .hdg{text-align:center;margin-bottom:10px;display:block}.footer_01{background-color:#112c4e;margin-top:80px;padding-bottom:10px}.footer_01 .footer_list{display:flex;flex-wrap:wrap;justify-content:space-between}@media (min-width: 800px){.footer_01 .footer_list{max-width:1000px;margin:0 auto}}.footer_01 .footer_list li{width:50%;box-sizing:border-box;text-align:center;margin-bottom:10px}@media (min-width: 800px){.footer_01 .footer_list li{width:14%;border-right:1px solid #fff}}.footer_01 .footer_list li:nth-child(odd){border-right:1px solid #fff}@media (min-width: 800px){.footer_01 .footer_list li:last-child{border:none}}.footer_01 .footer_list li a{color:#fff}.footer_01 .footer_list_sns{display:flex;justify-content:space-between;align-items:center;width:120px;margin:20px auto}.footer_01 .footer_list_sns .facebook{width:40px}@media (min-width: 800px){.footer_01 .footer_list_sns .facebook{width:56px}}.footer_01 .footer_list_sns .line{width:40px}@media (min-width: 800px){.footer_01 .footer_list_sns .line{width:56px}}.footer_01 .page_top a{background-color:#e7cd7a;text-align:center;color:#fff;padding:10px 0;width:100%}.footer_01 .copy{text-align:center;color:#fff}.is_move_s,.is_move_w>*,.is_move_f,.is_move_sl,.is_move_sr{-webkit-transition:opacity 1.2s, -webkit-transform 1.2s;transition:opacity 1.2s, -webkit-transform 1.2s;-o-transition:transform 1.2s, opacity 1.2s;transition:transform 1.2s, opacity 1.2s;transition:transform 1.2s, opacity 1.2s, -webkit-transform 1.2s}.is_move_f{opacity:0}.is_move_s,.is_move_w>*{opacity:0;transform:translate(0px, 60px)}.is_move_sl{opacity:0;transform:translate(-60px, 0px)}.is_move_sr{opacity:0;transform:translate(60px, 0px)}.is_move_sl.is_show,.is_move_sr.is_show,.is_move_f.is_show,.is_move_s.is_show,.is_move_w>*.is_show{transform:translate(0px, 0px);opacity:1}.contact{margin:80px 20px}.contact .hdg_02:before{content:"";background:url("../images/img_icon_mail.png") no-repeat;width:24px;height:24px;display:inline-block;background-size:contain;margin:0 5px -6px 0}.contact #primary input[type="submit"]{cursor:pointer}.btn_anime{animation:tryslw_btn 2s linear infinite}@keyframes tryslw_btn{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
