@charset "UTF-8";
/*foundation*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700|Poppins:300i,400,500,600,700&display=swap");
@import url(/zh-hant/_assets/css/slick.css);
@import url(/zh-hant/_assets/css/slick-theme.css);
.f_sans-serif { font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 700; }

/*各ページの共通*/
*, *::before, *::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; font-size: 100%; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; }

a:hover { color: #0056b3; text-decoration: underline; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

/* setting */
html { font-size: 62.5%; }

body { font-size: 14px; font-size: 1.4rem; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 500; color: #000; }

a { color: #000; display: block; word-break: break-all; text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
a img { display: block; max-width: 100%; height: auto; }
p a { display: inline-block; }

img { width: 100%; height: auto; display: block; }

p { line-height: 1.8; word-wrap: break-word; margin-bottom: 0; }

span { word-wrap: break-word; }

i, em { font-style: normal; }

ul { padding-left: 0; list-style: none; }

ul, dl { margin-bottom: 0; }

dd { margin-bottom: 0; }

/*layout*/
/* header */
.header { zoom: 1; position: fixed; top: 0; left: 0; background: #1A3A85; color: #fff; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 700; width: 100%; height: 55px; z-index: 995; transition: top 1s; }
@media print, screen and (min-width: 750px) { .header { min-width: 1180px; } }
@media print, screen and (min-width: 1180px) { .header { min-width: auto; } }
.header .inner { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 20px; zoom: 1; }
.header .inner:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .header .inner { width: 100%; padding: 0 40px; margin: 0 auto; } }
.header:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .header { height: 100px; } }
.header .inner { padding-top: 7px; padding-bottom: 7px; }
@media print, screen and (min-width: 750px) { .header .inner { padding-top: 10px; padding-bottom: 0; } }
.header__logo { width: 41px; margin-right: 15px; float: left; }
@media print, screen and (min-width: 750px) { .header__logo { width: 80px; margin-right: 25px; } }
.header__logo .symbol { width: 100%; height: auto; }
.header__name { font-size: 1.4rem; line-height: 1; padding: 15px 0; float: left; }
@media print, screen and (min-width: 750px) { .header__name { font-size: 2rem; padding: 30px 0; } }
.header__btn { background: url(/zh-hant/_assets/img/common/icon_menu.svg) no-repeat center center; background-size: 100% auto; width: 32px; height: 40px; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 1001; }
.menu-open .header__btn { background: url(/zh-hant/_assets/img/common/icon_close.svg) no-repeat center center; background-size: 100% auto; }
@media print, screen and (min-width: 750px) { .header__btn { display: none; } }
.header__language { position: absolute; right: 10px; top: 15px; font-size: 1.0rem; width: 100px; height: 40px; text-align: center; }
@media print, screen and (min-width: 750px) { .header__language { width: 90px; height: 75px; font-size: 1.4rem; right: 215px; top: 25px; z-index: 999; text-align: center; vertical-align: middle; padding-top: 13px; cursor: pointer; } }
.header__language > a { color: #fff; display: block; height: 40px; }
@media print, screen and (min-width: 750px) { .header__language > a { height: 62px; } }
.header__language .symbol { width: 15px; height: auto; margin: 0 auto; }
@media print, screen and (min-width: 750px) { .header__language .symbol { width: 20px; margin-right: 5px; display: inline-block; line-height: 50px; } }
.header__nav { position: absolute; z-index: 998; width: 100%; left: 0; top: 55px; box-sizing: border-box; background: #1A3A85; }
.menu-open .header__nav { display: block; }
@media print, screen and (min-width: 750px) { .header__nav { top: 0; right: 40px; left: auto; width: 880px; } }

/**/
@media print, screen and (min-width: 750px) { ._nav { padding: 0; } }
@media print, screen and (min-width: 750px) { ._nav > ul { zoom: 1; padding: 0; display: table; width: 620px; margin: 0; }
  ._nav > ul:after { content: ""; display: block; clear: both; } }
._nav > ul > li:nth-child(1) ._nav__btn { border-top: 1px solid #ccc; }
@media print, screen and (min-width: 750px) { ._nav > ul > li:nth-child(1) ._nav__btn { border-top: none; } }
@media print, screen and (min-width: 750px) { ._nav > ul > li { display: block; display: table-cell; } }
._nav > ul a { color: #fff; }
._nav__btn { padding: 1em 5.3%; border-bottom: 1px solid #ccc; font-size: 1.4rem; }
._nav__btn:hover { text-decoration: underline; }
@media print, screen and (min-width: 750px) { ._nav__btn { height: 100px; display: flex; justify-content: center; align-items: center; vertical-align: middle; padding: 0 1em; box-sizing: border-box; color: #000; font-size: 1.6rem; line-height: 1.4; border: none; transition: background 0.5s; background: none; }
  ._nav__btn.contacts { position: absolute; right: 0; top: 25px; width: 161px; height: 50px; border: 3px solid #fff; font-size: 1.8rem; padding: 10px 0; text-align: center; overflow: hidden; z-index: 20; }
  ._nav__btn.contacts:after { content: ""; background: #fff; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: all 0.5s ease; z-index: -1; }
  ._nav__btn.contacts:hover { color: #1A3A85; text-decoration: none; }
  ._nav__btn.contacts:hover:after { left: 0; } }

._langnav { opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.4s; background: #fff; padding: 10px 0; position: absolute; margin: auto; top: 40px; left: 0; right: 0; width: 100%; border: #BFBFBF solid 1px; border-top: 0; z-index: 1000; }
@media print, screen and (min-width: 750px) { ._langnav { top: 75px; } }
._langnav ul > li a { color: #000; padding: 1em 0; font-size: 1.2rem; }
._langnav ul > li a img { display: none; }
._langnav ul > li a:hover { text-decoration: underline; }
._langnav ul > li a:hover img { opacity: 0.6; }

._langnav-open:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; bottom: 0; left: 0; right: 0; margin: auto; }
@media print, screen and (min-width: 750px) { ._langnav-open:after { border-width: 0 20px 15px 20px; } }

._langnav-open + ._langnav { opacity: 1; pointer-events: auto; }

/**/
#overlay { z-index: 1; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; /*background-color: rgba(0,0,0,0.75);*/ }

#overlay + ._subnav-open { display: block; }

#js-nav { display: none; }
@media print, screen and (min-width: 750px) { #js-nav { display: block; } }

#js-menu { display: block; }
@media print, screen and (min-width: 750px) { #js-menu { display: none; } }

@media print, screen and (min-width: 750px) { .js-trigger { position: relative; }
  .js-trigger:hover:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 15px 20px; border-color: transparent transparent #fff transparent; bottom: 0; left: 0; right: 0; margin: auto; } }
.js-trigger > a { background: url("/zh-hant/_assets/img/common/icon_add.svg") no-repeat center right 5.3vw; background-size: 1.01em auto; }
@media print, screen and (min-width: 750px) { .js-trigger > a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.97%22%20height%3D%229.9%22%20viewBox%3D%220%200%2016.97%209.9%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.071%2C8.485%2C0%2C1.414%2C1.414%2C0%2C8.485%2C7.071%2C15.557%2C0%2C16.97%2C1.414%2C8.485%2C9.9Z%22%2F%3E%3C%2Fsvg%3E"); background-position: center bottom; background-repeat: no-repeat; background-size: auto 0.7em; } }
@media print, screen and (min-width: 750px) and (min-width: 750px) { .js-trigger > a { background-position: center 65px; } }

.js-trigger > a._subnav-open { background: url("/zh-hant/_assets/img/common/icon_remove.svg") no-repeat center right 5.3vw; background-size: 1.01em auto; }
@media print, screen and (min-width: 750px) { .js-trigger > a._subnav-open { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.97%22%20height%3D%229.9%22%20viewBox%3D%220%200%2016.97%209.9%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.071%2C8.485%2C0%2C1.414%2C1.414%2C0%2C8.485%2C7.071%2C15.557%2C0%2C16.97%2C1.414%2C8.485%2C9.9Z%22%2F%3E%3C%2Fsvg%3E"); background-position: center bottom; background-repeat: no-repeat; background-size: auto 0.7em; text-decoration: none; } }
@media print, screen and (min-width: 750px) and (min-width: 750px) { .js-trigger > a._subnav-open { background-position: center 65px; } }

/* contents */
html, body { height: 100%; }

.contents { padding-top: 55px; }
@media print, screen and (min-width: 750px) { .contents { padding-top: 100px; } }
.contents__heading { position: relative; margin: 20px 0 43px; height: 45px; border: 5px solid #1A3A85; border-bottom: none; color: #1A3A85; text-align: center; }
@media print, screen and (min-width: 750px) { .contents__heading { margin: 20px 0 130px; border: 10px solid #1A3A85; border-bottom: none; height: 90px; } }
.contents__heading__ttl { position: absolute; font-size: 6.0rem; line-height: 7.0rem; width: 205px; background: #fff; top: -.5em; left: 0; right: 0; margin: auto; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 700; }
@media print, screen and (min-width: 750px) { .contents__heading__ttl { width: 300px; font-size: 9.0rem; line-height: 9.0rem; } }
.contents__heading__ttl .ja { font-size: 1.4rem; margin-top: 8px; }
@media print, screen and (min-width: 750px) { .contents__heading__ttl .ja { font-size: 2.0rem; margin-top: 20px; } }

.contents--1180 { padding: 95px 20px 0; }
@media print, screen and (min-width: 750px) { .contents--1180 { width: 1180px; padding: 200px 0 0 0; margin: 0 auto; } }

@media print, screen and (min-width: 750px) { .contents--2set { min-width: 1180px; } }
@media print, screen and (min-width: 1180px) { .contents--2set { min-width: auto; } }
.contents--2set .inner { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 20px; zoom: 1; }
.contents--2set .inner:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .contents--2set .inner { width: 100%; padding: 0 40px; margin: 0 auto; } }
@media print, screen and (min-width: 750px) { .contents--2set { display: flex; } }
@media print, screen and (min-width: 750px) { .contents--2set > div { width: 50%; } }

@media print, screen and (min-width: 750px) { .content--isside { position: relative; } }
@media print, screen and (min-width: 750px) { .content--isside__main { padding-right: 306px; } }
.content--isside__btn { border-top: 1px solid #E6E9EF; }
@media print, screen and (min-width: 750px) { .content--isside__side { position: absolute; top: 0; right: 0; width: 265px; } }

/* footer */
.banner { background: #EEF0F3; }
@media print, screen and (min-width: 750px) { .banner { min-width: 1180px; } }
@media print, screen and (min-width: 1180px) { .banner { min-width: auto; } }
.banner .inner { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 20px; zoom: 1; }
.banner .inner:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .banner .inner { width: 100%; padding: 0 40px; margin: 0 auto; } }
@media print, screen and (min-width: 750px) { .banner { background: #fff; } }
.banner .inner { padding: 25px 0 25px 10px; }
@media print, screen and (min-width: 750px) { .banner .inner { padding: 55px 0 35px; } }
.banner .title { display: none; }
@media print, screen and (min-width: 750px) { .banner .title { display: block; text-align: center; font-size: 1.2rem; line-height: 1.4; margin-top: .5em; } }
.banner a:hover { color: #000; text-decoration: underline; }
.banner a:hover img { opacity: 0.8; }

#js-indexFooterSlider { position: relative; display: none; }
@media print, screen and (min-width: 750px) { #js-indexFooterSlider { padding: 0; } }
@media print, screen and (min-width: 1180px) { #js-indexFooterSlider { width: 1180px; margin: 0 auto; } }
#js-indexFooterSlider.slick-initialized { display: block; }
#js-indexFooterSlider .slick-list { padding: 0 10% 0 0; }
@media print, screen and (min-width: 750px) { #js-indexFooterSlider .slick-list { padding: 0; } }
#js-indexFooterSlider .slick-slide { padding: 0 5px; }
#js-indexFooterSlider .slick-prev { display: block; transition: left 1s; left: 10px; }
@media only screen and (min-width: 1240px) { #js-indexFooterSlider .slick-prev { left: -50px; top: 25px; transform: translate(0); background: url(/_assets/img/common/arrow-left.png) no-repeat; z-index: 50; } }
#js-indexFooterSlider .slick-next { display: block; right: 10px; transition: right 1s; }
@media only screen and (min-width: 1240px) { #js-indexFooterSlider .slick-next { display: block; right: -50px; top: 25px; transform: translate(0); background: url(/_assets/img/common/arrow-right.png) no-repeat; } }

/* footer language */
.footer { zoom: 1; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 400; color: #fff; background: #1A3A85; }
@media print, screen and (min-width: 750px) { .footer { min-width: 1180px; } }
@media print, screen and (min-width: 1180px) { .footer { min-width: auto; } }
.footer .inner { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 20px; zoom: 1; }
.footer .inner:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .footer .inner { width: 100%; padding: 0 40px; margin: 0 auto; } }
.footer:after { content: ""; display: block; clear: both; }
.footer__body { padding: 15px; }
@media print, screen and (min-width: 750px) { .footer__body { padding: 30px 40px; width: 512px; float: left; } }
.footer__body__logo { display: table-cell; width: 75px; }
@media print, screen and (min-width: 750px) { .footer__body__logo { width: 120px; } }
.footer__body__logo .symbol { width: 60px; height: 60px; }
@media print, screen and (min-width: 750px) { .footer__body__logo .symbol { width: 90px; height: 90px; } }
.footer__body__info { display: table-cell; vertical-align: middle; }
.footer__body__info .site { font-size: 1.4rem; font-weight: 700; }
@media print, screen and (min-width: 750px) { .footer__body__info .site { font-size: 2rem; } }
.footer__body__info .copyright { font-size: 0.8rem; }
@media print, screen and (min-width: 750px) { .footer__body__info .copyright { font-size: 1.4rem; } }
@media print, screen and (min-width: 750px) { .footer__group { padding: 30px 0; float: left; } }
.footer__group__inner { display: table-cell; vertical-align: middle; }
.footer__group__inner .add { font-size: 0.8rem; }
@media print, screen and (min-width: 750px) { .footer__group__inner .add { font-size: 1.4rem; } }

/*component*/
/* heading */
/* btn */
._btn { position: relative; border: 3px solid #fff; font-size: 1.4rem; line-height: 1.2; font-weight: bold; padding: 10px 0; z-index: 20; overflow: hidden; }
._btn:after { content: ""; background: #fff; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: all .5s ease; z-index: -1; }
._btn:hover { color: #1A3A85; text-decoration: none; }
._btn:hover:after { left: 0; }
._btn--inq { color: #fff; background: #1A3A85; border: 2px solid #1A3A85; display: block; padding: 20px 0; text-align: center; font-size: 1.4rem; }
@media print, screen and (min-width: 750px) { ._btn--inq { font-size: 2.0rem; } }
._btn--inq:after { background: #1A3A85; }
._btn--inq:before { background: #1A3A85; }
._btn--inq:hover { color: #1A3A85; }
._btn--inq:hover:after { left: 0; background: #fff; }
._btn--inq:hover:before { background: #1A3A85; }
._btn--faq { color: #fff; background: #00B4EB; border: 2px solid #00B4EB; display: block; padding: 20px 0; text-align: center; font-size: 1.4rem; }
@media print, screen and (min-width: 750px) { ._btn--faq { font-size: 2.0rem; } }
._btn--faq:after { background: #00B4EB; }
._btn--faq:before { background: #00B4EB; }
._btn--faq:hover { color: #00B4EB; }
._btn--faq:hover:after { left: 0; background: #fff; }
._btn--faq:hover:before { background: #00B4EB; }

._btn-arrow { position: relative; font-weight: bold; overflow: hidden; padding: 1em 20px; font-size: 1.4rem; color: #1A3A85; background: #fff; z-index: 20; font-family: 'Poppins','Noto Sans TC', sans-serif; font-weight: 600; display: inline-block; width: 100%; line-height: 1.2; text-align: left; }
@media print, screen and (min-width: 750px) { ._btn-arrow { padding: 1em 45px; font-size: 1.8rem; } }
._btn-arrow:after { content: ""; background: #fff; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: all .5s ease; z-index: -1; }
._btn-arrow:before { content: ""; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; width: 30px; height: 2px; background: #1A3A85; }
@media print, screen and (min-width: 750px) { ._btn-arrow:before { right: 45px; } }
._btn-arrow:hover { color: #fff; }
._btn-arrow:hover:after { left: 0; background: #1A3A85; }
._btn-arrow:hover:before { background: #fff; }
._btn-arrow--r { color: #fff; background: #1A3A85; border: 2px solid #1A3A85; }
._btn-arrow--r:after { background: #1A3A85; }
._btn-arrow--r:before { background: #fff; }
._btn-arrow--r:hover { color: #1A3A85; }
._btn-arrow--r:hover:after { left: 0; background: #fff; }
._btn-arrow--r:hover:before { background: #1A3A85; }
._btn-arrow--self { color: #00B4EB; background: #fff; border: 2px solid #00B4EB; }
._btn-arrow--self:after { background: #00B4EB; }
._btn-arrow--self:before { background: #00B4EB; }
._btn-arrow--self:hover { color: #fff; }
._btn-arrow--self:hover:after { left: 0; background: #00B4EB; }
._btn-arrow--self:hover:before { background: #fff; }
._btn-arrow--self-b { color: #fff; background: #00B4EB; border: 2px solid #00B4EB; }
._btn-arrow--self-b:after { background: #fff; }
._btn-arrow--self-b:before { background: #fff; }
._btn-arrow--self-b:hover { color: #00B4EB; border: 2px solid #00B4EB; }
._btn-arrow--self-b:hover:after { left: 0; background: #fff; }
._btn-arrow--self-b:hover:before { background: #00B4EB; }

._btn-boxhover { position: relative; overflow: hidden; padding: 20px; }
@media print, screen and (min-width: 750px) { ._btn-boxhover { padding: 40px; } }
._btn-boxhover .inner { height: 100%; border: 5px solid #fff; padding: 20px; }
@media print, screen and (min-width: 750px) { ._btn-boxhover .inner { border: 10px solid #fff; padding: 40px; } }
._btn-boxhover:after { content: ""; position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: solid 5px #fff; transition: transform 0.5s; }
@media print, screen and (min-width: 750px) { ._btn-boxhover:after { border: solid 10px #fff; width: calc(100% - 80px); height: calc(100% - 80px); } }
._btn-boxhover:hover { color: #fff; }
._btn-boxhover:hover:after { transform: scale(1.5, 1.5); }
._btn-boxhover__inner { padding: 25px; }
@media print, screen and (min-width: 750px) { ._btn-boxhover__inner { padding: 50px; } }

._btn--blank { background: url(/zh-hant/_assets/img/common/icon_blank.svg) no-repeat center right; background-size: 1em auto; padding-right: 1.2em; }

._btn--blank-self { background: url(/zh-hant/_assets/img/common/icon_blank-self.svg) no-repeat center right; background-size: 1em auto; padding-right: 1.2em; }

/* component */
._sp { display: block !important; }
@media print, screen and (min-width: 750px) { ._sp { display: none !important; } }

._sp--inline { display: inline; }
@media print, screen and (min-width: 750px) { ._sp--inline { display: none; } }

._sptab { display: block !important; }
@media print, screen and (min-width: 750px) { ._sptab { display: block !important; } }
@media print, screen and (min-width: 1180px) { ._sptab { display: none !important; } }

._tab { display: none !important; }
@media print, screen and (min-width: 750px) { ._tab { display: block !important; } }
@media print, screen and (min-width: 1180px) { ._tab { display: none !important; } }

._pc { display: none !important; }
@media print, screen and (min-width: 1180px) { ._pc { display: block !important; } }

._tabpc { display: none !important; }
@media print, screen and (min-width: 750px) { ._tabpc { display: block !important; } }

._pager { padding: 60px 0; }
@media print, screen and (min-width: 750px) { ._pager { padding: 60px 0; } }
._pager ul { text-align: center; display: flex; justify-content: center; margin: 0 -5px; }
@media print, screen and (min-width: 750px) { ._pager ul { max-width: inherit; } }
._pager li { display: inline; margin: 0 5px; padding: 0; display: inline-block; background: #E6E9EF; width: 34px; height: 34px; text-align: center; position: relative; border-radius: 50px; }
@media print, screen and (min-width: 750px) { ._pager li { width: 60px; height: 60px; margin: 0 10px; } }
._pager li a { vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: table; color: #1A3A85; font-size: 1.1rem; text-decoration: none; transition: background 0.3s ease; border-radius: 50px; }
@media print, screen and (min-width: 750px) { ._pager li a { font-size: 2.0rem; } }
._pager li.pre a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.699%22%20height%3D%2220%22%20viewBox%3D%220%200%2010.699%2020%22%3E%3Cpath%20d%3D%22M26.2%2C33.607a.707.707%2C0%2C0%2C0-1%2C0l-8.786%2C8.8-8.8-8.8a.707.707%2C0%2C1%2C0-1%2C1l9.286%2C9.286a.69.69%2C0%2C0%2C0%2C.5.207.719.719%2C0%2C0%2C0%2C.5-.207l9.286-9.286a.692.692%2C0%2C0%2C0%2C.017-1Z%22%20transform%3D%22translate%28-33.4%2026.4%29%20rotate%28-90%29%22%20fill%3D%22%231a3a85%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center center; transform: rotate(180deg); background-size: auto 40%; }
@media print, screen and (min-width: 750px) { ._pager li.pre a { background-size: auto auto; } }
._pager li.pre a:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.699%22%20height%3D%2220%22%20viewBox%3D%220%200%2010.699%2020%22%3E%3Cpath%20d%3D%22M26.2%2C33.607a.707.707%2C0%2C0%2C0-1%2C0l-8.786%2C8.8-8.8-8.8a.707.707%2C0%2C1%2C0-1%2C1l9.286%2C9.286a.69.69%2C0%2C0%2C0%2C.5.207.719.719%2C0%2C0%2C0%2C.5-.207l9.286-9.286a.692.692%2C0%2C0%2C0%2C.017-1Z%22%20transform%3D%22translate%28-33.4%2026.4%29%20rotate%28-90%29%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center center; background-size: auto 40%; }
@media print, screen and (min-width: 750px) { ._pager li.pre a:hover { background-size: auto auto; } }
._pager li.next a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.699%22%20height%3D%2220%22%20viewBox%3D%220%200%2010.699%2020%22%3E%3Cpath%20d%3D%22M26.2%2C33.607a.707.707%2C0%2C0%2C0-1%2C0l-8.786%2C8.8-8.8-8.8a.707.707%2C0%2C1%2C0-1%2C1l9.286%2C9.286a.69.69%2C0%2C0%2C0%2C.5.207.719.719%2C0%2C0%2C0%2C.5-.207l9.286-9.286a.692.692%2C0%2C0%2C0%2C.017-1Z%22%20transform%3D%22translate%28-33.4%2026.4%29%20rotate%28-90%29%22%20fill%3D%22%231a3a85%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center center; background-size: auto 40%; }
@media print, screen and (min-width: 750px) { ._pager li.next a { background-size: auto auto; } }
._pager li.next a:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.699%22%20height%3D%2220%22%20viewBox%3D%220%200%2010.699%2020%22%3E%3Cpath%20d%3D%22M26.2%2C33.607a.707.707%2C0%2C0%2C0-1%2C0l-8.786%2C8.8-8.8-8.8a.707.707%2C0%2C1%2C0-1%2C1l9.286%2C9.286a.69.69%2C0%2C0%2C0%2C.5.207.719.719%2C0%2C0%2C0%2C.5-.207l9.286-9.286a.692.692%2C0%2C0%2C0%2C.017-1Z%22%20transform%3D%22translate%28-33.4%2026.4%29%20rotate%28-90%29%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center center; background-size: auto 40%; }
@media print, screen and (min-width: 750px) { ._pager li.next a:hover { background-size: auto auto; } }
._pager li a span { display: table-cell; vertical-align: middle; }
._pager li a.active, ._pager li a:hover { color: #fff; background: #1A3A85; }

._text--kome { padding-left: 1em; text-indent: -1em; text-align: left; font-weight: 0.8em; line-height: 1.4; }
._text--kome08 { padding-left: .5em; text-indent: -.5em; text-align: left; font-weight: 0.8em; line-height: 1.4; }
._text--mini { font-size: 0.8em; }
._text--14px { font-size: 14px; }
._text--mb0 { margin-bottom: 0; }
._text--indent { text-indent: -1em; padding-left: 1em; }

._indent-1em { text-indent: -1em; padding-left: 1em; text-align: left; }

._switch { border-bottom: 3px solid #E4E8E9; display: flex; justify-content: center; padding-left: 10px; }
._switch__btn { color: #00B4EB; width: 130px; margin: 0 10px 0 0; padding: 10px 20px; border: 2px solid #E4E8E9; border-bottom: 0; cursor: pointer; list-style: none; transition: .3s; text-align: center; }
@media print, screen and (min-width: 750px) { ._switch__btn { width: 250px; font-size: 1.6rem; padding: 27px 0; } }
._switch__btn.is-active { color: #fff; background: #00B4EB; border: 2px solid #00B4EB; border-bottom: 0; cursor: auto; }

._switch-contents { overflow: hidden; display: none; }
@media print, screen and (min-width: 750px) { ._switch-contents { min-width: 1180px; } }
._switch-contents .inner { padding: 0 20px; }
@media print, screen and (min-width: 750px) { ._switch-contents .inner { padding: 0; } }
@media print, screen and (min-width: 1180px) { ._switch-contents .inner { width: 1180px; padding: 0; margin: 0 auto; } }
._switch-contents.is-show { display: block; }

._google-maps { position: relative; padding-bottom: 80%; height: 0; overflow: hidden; }
@media print, screen and (min-width: 750px) { ._google-maps { padding-bottom: 40%; } }

._google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

._object--fit { object-fit: cover; font-family: 'object-fit: cover;'; }

/*=================*/
/*=================*/
.topics .contents__heading__ttl { font-size: 1.9rem; line-height: 1.9rem; width: 220px !important; }
@media print, screen and (min-width: 750px) { .topics .contents__heading__ttl { width: 380px !important; font-size: 3.2rem; line-height: 3.2rem; } }

/*# sourceMappingURL=common.css.map */