@charset "UTF-8";
/*
Theme Name: GeneratePress
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Version: 3.2.2
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

GeneratePress, Copyright 2014-2022 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2022 Automattic, Inc.

Actual CSS can be found in /assets/css/ folder.
*/
html {
color: #000;
background: #fff;
}

html blockquote,
html body,
html code,
html dd,
html div,
html dl,
html dt,
html fieldset,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html input,
html legend,
html li,
html ol,
html p,
html pre,
html td,
html textarea,
html th,
html ul {
margin: 0;
padding: 0;
}

html table {
border-collapse: collapse;
border-spacing: 0;
}

html fieldset,
html img {
border: 0;
}

html address,
html caption,
html cite,
html code,
html dfn,
html em,
html strong,
html th,
html var {
font-style: normal;
font-weight: 400;
}

html ol,
html ul {
list-style: none;
}

html caption,
html th {
text-align: left;
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
font-size: 100%;
font-weight: 400;
}

html q:after,
html q:before {
content: "";
}

html abbr,
html acronym {
border: 0;
font-variant: normal;
}

html sup {
vertical-align: text-top;
}

html sub {
vertical-align: text-bottom;
}

html input,
html select,
html textarea {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%;
}

html legend {
color: #000;
}

html #yui3-css-stamp.cssreset {
display: none;
}

html img {
width: 100%;
height: auto;
font-family: "object-fit: cover;";
}

html a {
text-decoration: none;
color: currentColor;
}

html a,
html button {
cursor: pointer;
}

html p {
margin: 0;
line-height: 2;
}

html strong {
font-weight: 700;
}

html li {
list-style-type: none;
}

html ul {
padding: 0;
margin: 0;
}

html table {
table-layout: fixed;
}

html button {
background-color: transparent;
border: 0;
cursor: pointer;
outline: 0;
padding: 0;
-webkit-appearance: none;
 -moz-appearance: none;
appearance: none;
}

@font-face {
font-family: "yakuhan";
src: url("font/YakuHanJP-Light.woff") format("woff");
}

@font-face {
font-family: "lemon";
src: url("font/LemonMilk-L.woff") format("woff");
}

@font-face {
font-family: "lemonb";
src: url("font/LemonMilk-M.woff") format("woff");
}

.frontMerit .wp-block-columns > div .count p:nth-of-type(2), .frontReason .box .wp-block-columns > div > p:nth-of-type(1) em {
font-family: lemon, "Futura", Century Gothic;
font-weight: bold;
}

.pageWid, .faqBox, .frontMerit .wp-block-columns, .footer .inner, .frontReason, .hero, .hero > div, .frontBnArea .wp-block-media-text, .voiceArea, .teatureArea .wp-block-columns, .backbone > div, html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile), .scWelcome > div .wp-block-group, .scService .wp-block-group, .scComp figure:has(table), .wpcf7 {
max-width: 1000px;
width: 96%;
margin: 0 auto;
}

@media screen and (max-width: 768px) {
.pageWid, .faqBox, .frontMerit .wp-block-columns, .footer .inner, .frontReason, .hero, .hero > div, .frontBnArea .wp-block-media-text, .voiceArea, .teatureArea .wp-block-columns, .backbone > div, html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile), .scWelcome > div .wp-block-group, .scService .wp-block-group, .scComp figure:has(table), .wpcf7 {
width: 92%;
}
}

.normalBtn, .normalBtn:before, header.site-header .globalNavi, .langBtn ul, .wp-block-buttons .wp-block-button a, .wp-block-buttons .wp-block-button a:before, html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div, .courceWrap > div > div {
-webkit-transition: all 0.6s cubic-bezier(0.28, 0.76, 0.37, 0.99);
transition: all 0.6s cubic-bezier(0.28, 0.76, 0.37, 0.99);
}

.faqBox .item dt:before, .faqBox .item dd:before {
font-family: "Times New Roman", serif;
}

html body {
font-size: 16px;
font-family: "游ゴシック Medium", YuGothicM, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
 "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
font-weight: 500;
width: 100%;
color: #333;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 768px) {
html body {
font-size: 14px;
}
}

.normalBtn, header.site-header .globalNavi ul li a, .editable strong, .wp-block-buttons .wp-block-button a {
font-family: YuGothic, 游ゴシック, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,
 sans-serif;
font-weight: 700;
}

.wrapper {
overflow: hidden;
}

.br1200 {
display: none;
}

@media screen and (max-width: 1200px) {
.br1200 {
display: block;
}
}

.br1000 {
display: none;
}

@media screen and (max-width: 1000px) {
.br1000 {
display: block;
}
}

.br768 {
display: none;
}

@media screen and (max-width: 768px) {
.br768 {
display: block;
}
}

@media screen and (max-width: 768px) {
.br768del {
display: none;
}
}

.br480 {
display: none;
}

@media screen and (max-width: 480px) {
.br480 {
display: block;
}
}

@media screen and (max-width: 480px) {
.br480del {
display: none;
}
}

@-webkit-keyframes zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes header {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}

@keyframes header {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}

.pageHeader .img img, .frontReason .wp-block-group:has(> h2) figure img, .frontReason .box .wp-block-columns figure img, .voiceArea .wp-block-media-text figure img, .teatureArea .wp-block-columns > div figure img, .backbone > div > figure img, html body .planArea .wp-block-group figure img, .faqArea .wp-block-group figure img, .scHero .mainImg img, .scService .wp-block-group > div > div figure img, .contactArea .wp-block-group figure img, .bottomContact .wp-block-group figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
 object-fit: cover;
}

@-webkit-keyframes overlay {
0% {
left: 0;
right: auto;
width: 0;
}
20% {
left: 0;
right: auto;
width: 100%;
}
21% {
left: auto;
right: 0;
width: 100%;
}
80% {
left: auto;
right: 0;
width: 100%;
}
100% {
left: auto;
right: 0;
width: 0;
}
}

@keyframes overlay {
0% {
left: 0;
right: auto;
width: 0;
}
20% {
left: 0;
right: auto;
width: 100%;
}
21% {
left: auto;
right: 0;
width: 100%;
}
80% {
left: auto;
right: 0;
width: 100%;
}
100% {
left: auto;
right: 0;
width: 0;
}
}

.breadcrumb {
position: absolute;
bottom: 10px;
left: 2%;
width: 94%;
z-index: 1;
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: white;
letter-spacing: 0.1em;
}

.breadcrumb li {
white-space: nowrap;
}

.breadcrumb li:after {
content: ">";
margin: 0 5px;
}

.breadcrumb li:last-child {
text-overflow: ellipsis;
overflow: hidden;
}

.breadcrumb li:last-child:after {
display: none;
}

.breadcrumb li a {
text-decoration: underline;
}

input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
 appearance: button;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
 appearance: button;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

html[lang*='zh-HK'] body {
font-family: "Noto Sans HK", sans-serif;
font-optical-sizing: auto;
}

html .grid-container {
max-width: 100%;
}

html .one-container .site-content {
padding: 0;
}

html main {
overflow: hidden;
padding-top: var(--header);
}

html .site-main .wp-block-group__inner-container {
padding: 0;
}

html body {
background: white;
}

.service1 main {
padding-top: 0;
}

@media screen and (max-width: 768px) {
.service1 main {
padding-top: var(--header);
}
}

.normalBtn {
background: #f5cd1e !important;
border-radius: 999px;
height: 60px;
min-width: 240px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
padding: 0 4em;
color: #000 !important;
display: block;
border: 2px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}

.normalBtn:before {
content: "";
display: block;
width: 2em;
height: 1em;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 5%;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2257.853%22%20height%3D%2216.31%22%20viewBox%3D%220%200%2057.853%2016.31%22%3E%0D%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M9.319-.433H65.171l-12.837-9V4.881%22%20transform%3D%22translate%28-8.319%2010.429%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
-webkit-filter: invert(1);
filter: invert(1);
}

@media screen and (min-width: 769px) {
.normalBtn:hover {
color: white;
}
.normalBtn:hover:before {
-webkit-transform: translate(10%, -50%);
transform: translate(10%, -50%);
}
}

@media screen and (max-width: 768px) {
.normalBtn {
height: 50px;
}
}

.normalBtn,
.normalBtn * {
text-decoration: none;
}

:root {
--header: 100px;
}

@media screen and (max-width: 768px) {
:root {
--header: 70px;
}
}

html .site-main > * {
margin-bottom: 0;
}

header.site-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: var(--header);
padding: 0 2%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 500;
}

.home header.site-header {
background: none;
}

.home header.site-header.fix {
background: white;
}

header.site-header.fix {
-webkit-animation: header 0.6s;
animation: header 0.6s;
position: fixed;
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}

.service1 header.site-header {
background: none;
}

.service1 header.site-header.fix {
background: white;
}

header.site-header .inner {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

header.site-header .siteLogo {
width: 220px;
}

@media screen and (max-width: 768px) {
header.site-header .siteLogo {
width: 140px;
}
}

header.site-header .siteLogo svg {
width: 100%;
height: auto;
}

header.site-header .globalNavi {
height: 100%;
z-index: 600;
margin-left: auto;
}

@media screen and (max-width: 1000px) {
header.site-header .globalNavi {
opacity: 0;
visibility: hidden;
position: fixed;
top: 70px;
right: 0;
width: 77.8%;
height: 100vh;
background: #fff;
display: flex;
align-items: flex-start;
justify-content: center;
z-index: -1;
}
}

header.site-header .globalNavi.active {
opacity: 1;
visibility: visible;
}

header.site-header .globalNavi ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
}

header.site-header .globalNavi ul,
header.site-header .globalNavi ul * {
height: 100%;
}

@media screen and (max-width: 768px) {
header.site-header .globalNavi ul,
header.site-header .globalNavi ul * {
height: auto;
}
}

@media screen and (max-width: 1000px) {
header.site-header .globalNavi ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}

header.site-header .globalNavi ul li a {
text-decoration: none;
color: currentColor;
padding: 1.5em;
letter-spacing: 0.1em;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 768px) {
header.site-header .globalNavi ul li a {
color: #333;
justify-content: flex-start;
font-size: 18px;
padding: 20px 0 20px 40px;
}
header.site-header .globalNavi ul li{
border-bottom: solid 1px #EBEBEB;
width: 100%;
}
}

.toggleBtn {
display: none;
top: 50%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 60px;
z-index: 700;
position: absolute;
right: 2%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

@media screen and (max-width: 1000px) {
.toggleBtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}

@media screen and (max-width: 768px) {
.toggleBtn {
width: 36px;
height: 30px;
}
}

.toggleBtn span {
height: 6px;
border-radius: 100px;
background: #333;
width: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.19, 0.72, 0.26, 0.79);
transition: all 0.3s cubic-bezier(0.19, 0.72, 0.26, 0.79);
}

@media screen and (max-width: 768px) {
.toggleBtn span {
height: 4px;
}
}

.toggleBtn span:nth-of-type(1) {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}

@media screen and (max-width: 768px) {
.toggleBtn span:nth-of-type(1) {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
}
}

.toggleBtn span:nth-of-type(3) {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}

@media screen and (max-width: 768px) {
.toggleBtn span:nth-of-type(3) {
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
}

.toggleBtn.active span {
border-radius: 100px;
width: 100%;
background: #333;
}

.toggleBtn.active span:nth-of-type(1) {
-webkit-transform: translateY(100%) rotate(45deg);
transform: translateY(100%) rotate(45deg);
}

.toggleBtn.active span:nth-of-type(2) {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}

.toggleBtn.active span:nth-of-type(3) {
-webkit-transform: translateY(-100%) rotate(-45deg);
transform: translateY(-100%) rotate(-45deg);
}

.mb {
margin-bottom: 1.5em;
}

.mt {
margin-top: 1.5em;
}

.faqBox {
max-width: 800px;
margin-bottom: 80px;
}

.lpPage .faqBox {
padding-top: 80px;
}

.editable .faqBox {
max-width: 100%;
width: 100%;
}

.faqBox .item {
margin-bottom: clamp(10px, 3vw, 30px);
background: white;
overflow: hidden;
border: 1px solid #be9c08;
}

.faqBox .item dt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1em;
padding-right: 50px;
position: relative;
cursor: pointer;
background: #be9c08;
color: white;
font-weight: normal;
}

.faqBox .item dt:after {
content: "＋";
position: absolute;
right: 10px;
top: 50%;
color: white;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: bold;
font-size: clamp(30px, 4vw, 40px);
}

@media screen and (max-width: 768px) {
.faqBox .item dt {
padding-right: 40px;
}
}

.faqBox .item dt:before {
content: "Q";
font-size: clamp(30px, 7vw, 55px);
margin-right: 0.3em;
line-height: 0.9;
color: white;
}

.faqBox .item dd {
height: 0;
position: relative;
}

.faqBox .item dd .lg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.faqBox .item dd:before {
content: "A";
font-size: clamp(30px, 7vw, 55px);
line-height: 0.9;
position: absolute;
left: 0.3em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #be9c08;
}

@media screen and (max-width: 768px) {
.faqBox .item dd:before {
left: 0.5em;
top: 1em;
}
}

.faqBox .item dd a {
text-decoration: underline;
}

.faqBox .item dd * {
font-family: "Noto Sans JP", "游ゴシック Medium", YuGothicM, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
 "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
font-size: clamp(14px, 2vw, 16px) !important;
}

.faqBox .item.active dt:after {
content: "－";
}

.faqBox .item.active dd {
height: auto;
padding: 1em;
padding-left: 72px;
}

@media screen and (max-width: 768px) {
.faqBox .item.active dd {
padding-left: 44px;
}
}

.marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 255, 102, 0.8)));
background: linear-gradient(transparent 60%, rgba(255, 255, 102, 0.8) 60%);
}

.editable .wp-block-lazyblock-bluearea {
width: 100%;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}

.editable.nopd {
padding: 0;
}

.editable h2 {
font-size: clamp(22px, 4vw, 38px);
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
z-index: 1;
margin: 0 auto 1.5em;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: relative;
}

html[lang*='zh-HK'] .editable h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.editable h2:before {
content: "";
position: absolute;
top: -25%;
left: -0.2em;
width: 40px;
height: 40px;
background: #f5cd1e;
border-radius: 999px;
z-index: -1;
left: -0.5em;
}

@media screen and (max-width: 768px) {
.editable h2:before {
width: 30px;
height: 30px;
left: -0.5em;
}
}

.editable p,
.editable ul,
.editable ol,
.editable img,
.editable div,
.editable table,
.editable figure,
.editable a {
margin-bottom: 1em;
}

.editable p + h2,
.editable ul + h2,
.editable ol + h2,
.editable img + h2,
.editable div + h2,
.editable table + h2,
.editable figure + h2,
.editable a + h2 {
margin-top: 3em;
}

.editable h3 {
font-size: clamp(15px, 2vw, 18px);
margin-top: 2em;
margin-bottom: 1em;
border-bottom: 2px solid #f5cd1e;
padding-bottom: 0.5em;
font-weight: bold;
padding-left: 0.5em;
letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
.editable h3 {
font-size: 16px;
}
}

@media screen and (max-width: 768px) {
.editable h3 {
font-size: 15px;
}
}

.editable h2 strong,
.editable h3 strong {
background: none;
}

.editable h4 {
font-size: 1.1em;
font-weight: bold;
margin-top: 1.4em;
margin-bottom: 0.7em;
}

.editable ul {
padding-left: 1em;
}

.editable ul li {
margin-bottom: 1em;
padding-left: 1em;
position: relative;
}

.editable ul li:before {
content: "";
position: absolute;
top: 0.75em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 6px;
height: 6px;
border-radius: 100px;
background: #f5cd1e;
}

.editable img {
width: auto;
height: auto;
}

.editable a {
text-decoration: underline;
color: #4081bd;
}

@media screen and (min-width: 769px) {
.editable a:hover {
color: #8bb3d8;
}
}

@media screen and (max-width: 768px) {
.editable .has-small-font-size {
font-size: 11px !important;
}
}

.editable strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 255, 102, 0.8)));
background: linear-gradient(transparent 60%, rgba(255, 255, 102, 0.8) 60%);
}

.editable p.is-style-msg {
width: auto;
}

.frontMerit {
background: #f5cd1e;
padding: clamp(40px, 12vw, 80px) 0;
}

.frontMerit h2 {
text-align: center;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 38px);
margin-bottom: 1em;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto 1.5em;
position: relative;
padding: 0 20px 0 20px;
}

html[lang*='zh-HK'] .frontMerit h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.frontMerit h2:before {
content: "";
width: 110%;
position: absolute;
bottom: -10px;
left: -10%;
height: calc(100% + 20px);
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221364.012%22%20height%3D%22104.22%22%20viewBox%3D%220%200%201364.012%20104.22%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0D%0A%20%20%20%20%20%20%3Crect%20y%3D%226%22%20width%3D%221364.012%22%20height%3D%22104.22%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3C%2FclipPath%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cg%20transform%3D%22translate%280%20-6%29%22%20clip-path%3D%22url%28%23clip-path%29%22%20style%3D%22isolation%3A%20isolate%22%3E%0D%0A%20%20%20%20%3Cg%20transform%3D%22translate%2824016.512%2016256.471%29%22%3E%0D%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-24378%20-18157.9%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22matrix%280.951%2C%20-0.309%2C%200.309%2C%200.951%2C%20363.266%2C%201931.453%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%2827.242%2015.196%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20ansform%3D%22matrix%280.946%2C%200.326%2C%20-0.326%2C%200.946%2C%2023.84%2C%200%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M21.4%2C0A21.323%2C21.323%2C0%2C0%2C0%2C0%2C21.245C0%2C26.12%2C2.028%2C30.6%2C4.794%2C34.629%2C9.652%2C41.7%2C10%2C51.251%2C12.185%2C53.724c7.56%2C5.157%2C13.314%2C3.74%2C18.429%2C0C32.795%2C51.251%2C33.147%2C41.7%2C38%2C34.629%2C40.771%2C30.6%2C42.795%2C26.12%2C42.8%2C21.245A21.323%2C21.323%2C0%2C0%2C0%2C21.4%2C0Z%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M21.4%2C0A21.323%2C21.323%2C0%2C0%2C0%2C0%2C21.245C0%2C26.12%2C2.028%2C30.6%2C4.794%2C34.629%2C9.652%2C41.7%2C10%2C51.251%2C12.185%2C53.724c7.56%2C5.157%2C13.314%2C3.74%2C18.429%2C0C32.795%2C51.251%2C33.147%2C41.7%2C38%2C34.629%2C40.771%2C30.6%2C42.795%2C26.12%2C42.8%2C21.245A21.323%2C21.323%2C0%2C0%2C0%2C21.4%2C0Z%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22none%22%20stroke%3D%22%23444%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M.86%2C0A.888.888%2C0%2C0%2C0%2C.133.416a.875.875%2C0%2C0%2C0-.053.831l6.375%2C14.37a.879.879%2C0%2C0%2C0%2C.359%2C1.69V35.332a.887.887%2C0%2C0%2C0%2C1.773%2C0V17.306h4.225V35.332a.887.887%2C0%2C0%2C0%2C1.773%2C0V17.306a.879.879%2C0%2C0%2C0%2C.359-1.689l6.375-14.37a.875.875%2C0%2C0%2C0-.053-.831A.889.889%2C0%2C0%2C0%2C19.7.537l-.19.43H1.893L1.7.537A.887.887%2C0%2C0%2C0%2C.86%2C0ZM2.414%2C2.14H18.985L13.038%2C15.546H8.361L2.414%2C2.14Z%22%20transform%3D%22translate%2810.699%2021.267%29%22%20fill%3D%22%23444%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C3%2C4.306%2C7.452H9.62L13.927%2C3%2C7.111%2C0Z%22%20transform%3D%22translate%2814.437%2065.774%29%22%20fill%3D%22%23fff%22%20stroke%3D%22%23444%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0H18.43V15.047H0Z%22%20transform%3D%22translate%2812.184%2053.724%29%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13.055%2C0a1.107%2C1.107%2C0%2C0%2C0-.3.034L.848%2C2.87a1.1%2C1.1%2C0%2C1%2C0%2C.513%2C2.141L13.273%2C2.176A1.1%2C1.1%2C0%2C0%2C0%2C13.055%2C0Z%22%20transform%3D%22translate%2814.339%2055.849%29%22%20fill%3D%22%23444%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13.055%2C0a1.107%2C1.107%2C0%2C0%2C0-.295.034L.848%2C2.87a1.1%2C1.1%2C0%2C1%2C0%2C.513%2C2.141L13.273%2C2.175A1.1%2C1.1%2C0%2C0%2C0%2C13.055%2C0Z%22%20transform%3D%22translate%2814.339%2061.211%29%22%20fill%3D%22%23444%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0H18.43V15.047H0Z%22%20transform%3D%22translate%2812.184%2053.724%29%22%20fill%3D%22none%22%20stroke%3D%22%23444%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%200.001%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22matrix%280.656%2C%20-0.755%2C%200.755%2C%200.656%2C%200%2C%2033.847%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0H8.731L7.714%2C18.089h-6.7Z%22%20transform%3D%22translate%2818.058%200%29%22%20fill%3D%22%23ff0%22%20stroke%3D%22%23444%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C3.242%2C8.147%2C0l5.347%2C17.257L7.246%2C19.744Z%22%20transform%3D%22translate%280%202.004%29%22%20fill%3D%22%23ff0%22%20stroke%3D%22%23444%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13.494%2C3.242%2C5.347%2C0%2C0%2C17.257l6.249%2C2.486Z%22%20transform%3D%22translate%2831.353%202.004%29%22%20fill%3D%22%23ff0%22%20stroke%3D%22%23444%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%3Cline%20x2%3D%221281%22%20transform%3D%22translate%28-23935.5%20-16149.635%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
background-size: auto 100%;
background-position: left center;
}

.frontMerit > div > p {
text-align: center;
font-size: 1.1em;
}

.frontMerit .wp-block-columns {
padding-top: 100px;
max-width: 1200px;
margin-bottom: 2em;
}

.frontMerit .wp-block-columns > div {
background: white;
position: relative;
padding: 1.5em;
}

@media screen and (max-width: 768px) {
.frontMerit .wp-block-columns > div {
margin-bottom: 3.5em;
}
}

.frontMerit .wp-block-columns > div .count {
position: absolute;
bottom: 100%;
margin-bottom: -10px;
left: 50%;
width: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
padding: 10px 0px 10px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22163.014%22%20height%3D%2261.079%22%20viewBox%3D%220%200%20163.014%2061.079%22%3E%0D%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_58%22%20data-name%3D%22%E3%83%91%E3%82%B9%2058%22%20d%3D%22M81.114-.072c70.5-.76%2C81.9%2C61.072%2C81.9%2C61.072H0S10.616.688%2C81.114-.072Z%22%20transform%3D%22translate%280%200.079%29%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
}

.frontMerit .wp-block-columns > div .count * {
padding: 0;
line-height: 1;
}

.frontMerit .wp-block-columns > div .count p:nth-of-type(2) {
font-size: 2em;
}

.frontMerit .wp-block-columns > div figure {
width: 80%;
margin: 0 auto 20px;
}

.frontMerit .wp-block-columns > div h3 {
text-align: center;
margin-bottom: 1em;
font-size: 1.2em;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
}

html[lang*='zh-HK'] .frontMerit .wp-block-columns > div h3 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

@media screen and (max-width: 768px) {
.frontMerit .wp-block-columns > div h3 {
font-size: 18px;
}
}

.frontMerit .wp-block-columns > div p {
line-height: 1.5;
font-size: 0.9em;
}

@media screen and (max-width: 768px) {
.frontMerit .wp-block-columns > div p {
font-size: 16px;
}
}

:root {
--headrad: 27px;
}

@media screen and (max-width: 768px) {
:root {
--headrad: 17px;
}
}

.pageHeader {
height: 600px;
position: relative;
margin-bottom: 80px !important;
}

/* 一旦固定ページ背景非表示 */
.site-main .pageHeader .img{
display: none !important;
}
.site-main .pageHeader{
height: auto !important;
/* border-bottom: solid 3px #f5cd1e; */
}
.site-main .pageHeader .content{
position: relative;
color: #fff;
background: #f5cd1e;
left: 0;
min-height: auto;
margin-left: 0;
margin-bottom: 0;
border-radius: 0;
width: 100%;
}

@media screen and (max-width: 768px) {
.pageHeader {
height: 280px;
margin-bottom: 40px !important;
}
}

.pageHeader .img {
left: 60px;
right: 60px;
position: absolute;
top: 40px;
bottom: 0;
border-radius: var(--headrad);
overflow: hidden;
-webkit-box-shadow: 10px -10px 0 #f5cd1e;
box-shadow: 10px -10px 0 #f5cd1e;
}

@media screen and (max-width: 768px) {
.pageHeader .img {
top: 20px;
left: 20px;
right: 20px;
-webkit-box-shadow: 5px -5px 0 #f5cd1e;
box-shadow: 5px -5px 0 #f5cd1e;
}
}

.pageHeader .content {
position: absolute;
bottom: 0;
left: 60px;
z-index: 1;
background: white;
min-width: 400px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.5em 3em;
border-radius: 0 27px 0 0;
margin-left: -1px;
margin-bottom: -1px;
}

@media screen and (max-width: 768px) {
.pageHeader .content {
min-width: 0;
left: 20px;
}
}

.pageHeader .content:before {
content: "";
width: var(--headrad);
height: var(--headrad);
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244.335%22%20height%3D%2244.335%22%20viewBox%3D%220%200%2044.335%2044.335%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M0%2C0A44.335%2C44.335%2C0%2C0%2C0%2C44.335%2C44.335H0Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
bottom: 100%;
left: 0;
position: absolute;
}

.pageHeader .content:after {
content: "";
width: var(--headrad);
height: var(--headrad);
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244.335%22%20height%3D%2244.335%22%20viewBox%3D%220%200%2044.335%2044.335%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M0%2C0A44.335%2C44.335%2C0%2C0%2C0%2C44.335%2C44.335H0Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
bottom: 0;
left: 100%;
position: absolute;
}

.pageHeader .title {
font-size: clamp(20px, 3vw, 38px);
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
}

/* 固定ページ見出しデザイン */
.pageHeader .slug{
color: #fff;
font-size: 120%;
font-weight: bold;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
}
.pageHeader .content::before,
.pageHeader .content::after{
content: none;
}

html[lang*='zh-HK'] .pageHeader .title {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.langBtn {
position: relative;
z-index: 400;
background: #f5cd1e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 10px;
border-radius: 100px;
}

.service1 .langBtn {
background: none;
}

@media screen and (max-width: 768px) {
.service1 .langBtn {
background: #f5cd1e;
}
}

.fix .langBtn {
background: #f5cd1e;
}

@media screen and (max-width: 768px) {
.fix .langBtn {
/* display: none; */
}
}

@media screen and (max-width: 1000px) {
.langBtn {
width: auto;
height: auto;
position: absolute;
right: calc(6% + 30px);
top: 50%;
transform: translateY(-50%);
padding: 4px 10px;
}
}

.langBtn:before {
content: "";
width: 15px;
height: 15px;
display: block;
margin-right: 5px;
background: url("/wp-content/uploads/2026/09/h_global.svg") no-repeat center center;
background-size: contain;
}

.langBtn > span {
font-size: 14px;
font-weight: bold;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.langBtn > span::after {
content: "";
flex-shrink: 0;
width: 6px;
height: 6px;
margin-left: 0.6em;
align-self: center;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform 0.3s;
}

.langBtn:hover > span::after {
transform: rotate(-135deg) translateY(-2px);
}

@media screen and (max-width: 1000px) {
.langBtn > span {
/* display: none; */
}
}

.langBtn ul {
position: absolute;
visibility: hidden;
opacity: 0;
background: #f5cd1e;
right: 5px;
top: 100%;
margin-top: 10px;
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
border-radius: 5px;
}

.langBtn ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 110px;
border-bottom: 1px solid white;
text-align: center;
}

.langBtn ul li .bogo-language-name{
font-size: 14px;
font-weight: bold;
padding: 1em !important;
}

.zh-HK.zh.last{
border: none;
}

@media screen and (min-width: 769px) {
.langBtn ul li:hover {
opacity: 0.7;
}
}

.langBtn ul li span {
display: block;
width: 100%;
}

.langBtn ul li a {
display: block;
width: 100%;
/* padding: 1em !important; */
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}

.langBtn:hover ul {
visibility: visible;
opacity: 1;
}

.footer {
background: #f0e9dc;
padding: 0;
}

.footer .inner {
max-width: 1600px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
padding: 1.5em;
margin-bottom: 0;
border-radius: 4px;
}

.footer-legal-links{
color: #000;
font-weight: bold;
text-align:center;
margin-top:15px;
font-size:14px;
}

.footer-legal-links a {
position: relative;
display: inline-block;
padding-right: 30px;
margin-right: 30px;
}

.footer-legal-links a::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 2px;
height: 14px;
background-color: #DFD3B0;
transform: translateY(-50%);
}

.footer-legal-links a:last-child {
padding-right: 0;
margin-right: 0;
}

.footer-legal-links a:last-child::after {
display: none;
}

@media screen and (max-width: 768px) {
.footer .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}

.footer-legal-links{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
}
.footer-legal-links a{
margin: 10px 0;
padding: 0;
width: 100%;
}
.footer-legal-links a:after{
content: none;
}
}

.footer .left .footerLogo {
width: 240px;
margin-bottom: 1em;
margin-top: 10px;
}

@media screen and (max-width: 768px) {
.footer .left .footerLogo {
width: 180px;
}
}

.footer .right ul li a {
font-size: 0.9em;
padding: 0.5em;
display: block;
}

.footer .copy {
background: #EFEADE;
color: #838383;
text-align: center;
font-size: 12px;
padding: 12px 0;
}

.infotable th,
.infotable td {
border: none !important;
border-bottom: 1px solid #999 !important;
}

.frontReason {
padding: clamp(40px, 12vw, 80px) 0;
max-width: 1200px;
}

.frontReason .wp-block-group:has(> h2) {
margin-bottom: 1.5em;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto clamp(40px, 8vw, 80px);
}

@media screen and (max-width: 768px) {
.frontReason .wp-block-group:has(> h2) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}

.frontReason .wp-block-group:has(> h2) figure {
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 200px;
max-width: none !important;
}

@media screen and (max-width: 768px) {
.frontReason .wp-block-group:has(> h2) figure {
display: block;
left: auto;
top: auto;
position: relative;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 120px;
margin-bottom: -1em;
}
}

.frontReason .wp-block-group:has(> h2) figure:before {
content: "";
display: block;
padding-top: 100%;
}

.frontReason .wp-block-group:has(> h2) figure img {
width: 100% !important;
height: 100% !important;
}

.frontReason .wp-block-group:has(> h2) h2 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 40px);
}

html[lang*='zh-HK'] .frontReason .wp-block-group:has(> h2) h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.frontReason .wp-block-group:has(> h2) h2,
.frontReason .wp-block-group:has(> h2) h2 * {
line-height: 1.2;
}

.frontReason .wp-block-group:has(> h2) h2 strong {
color: #f5cd1e;
font-size: 1.3em;
}

.frontReason .box .wp-block-columns:nth-of-type(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.frontReason .box .wp-block-columns > div {
margin-bottom: 2em;
}

.frontReason .box .wp-block-columns > div:nth-of-type(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.frontReason .box .wp-block-columns > div > p:nth-of-type(1) {
margin-bottom: 1.5em;
font-size: 22px;
}

.frontReason .box .wp-block-columns > div > p:nth-of-type(1),
.frontReason .box .wp-block-columns > div > p:nth-of-type(1) * {
line-height: 1;
}

.frontReason .box .wp-block-columns > div > p:nth-of-type(1) em {
font-size: 2em;
font-weight: 500;
letter-spacing: 0;
margin-left: 0.2em;
position: relative;
z-index: 1;
}

.frontReason .box .wp-block-columns > div > p:nth-of-type(1) em:before {
content: "";
position: absolute;
top: -25%;
left: -0.2em;
width: 40px;
height: 40px;
background: #f5cd1e;
border-radius: 999px;
z-index: -1;
left: 60%;
}

@media screen and (max-width: 768px) {
.frontReason .box .wp-block-columns > div > p:nth-of-type(1) em:before {
width: 30px;
height: 30px;
left: -0.5em;
}
}

@media screen and (max-width: 768px) {
.frontReason .box .wp-block-columns > div > p:nth-of-type(1) em:before {
left: 65%;
top: -10%;
}
}

.frontReason .box .wp-block-columns > div h3 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(16px, 2vw, 22px);
margin-bottom: 1em;
}

html[lang*='zh-HK'] .frontReason .box .wp-block-columns > div h3 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.frontReason .box .wp-block-columns figure {
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-box-shadow: -8px 8px 0 #f5cd1e;
box-shadow: -8px 8px 0 #f5cd1e;
}

.frontReason .box .wp-block-columns figure:before {
content: "";
display: block;
padding-top: 56.25%;
}

.hero {
position: relative;
z-index: 1;
max-width: 1600px;
}

@media screen and (max-width: 768px) {
.hero {
padding-bottom: 60px;
}
}

.hero:before {
content: "";
width: 200px;
height: 200px;
position: absolute;
left: 0;
top: 0;
background: url("img/svg1.svg") no-repeat center center/100%;
}

@media screen and (max-width: 768px) {
.hero:before {
width: 100px;
top: 31%;
left: -5%;
}
}

.hero:after {
content: "";
width: 200px;
height: 200px;
position: absolute;
right: 50%;
z-index: -1;
top: 0;
background: url("img/svg2.svg") no-repeat center center/100%;
}

@media screen and (max-width: 768px) {
.hero:after {
width: 100px;
right: -10%;
top: 40%;
}
}

.hero > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1800px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

@media screen and (max-width: 768px) {
.hero > div {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}

.hero > div:after {
content: "";
width: 600px;
height: 400px;
position: absolute;
left: 10%;
z-index: -1;
top: 80%;
background: url("img/svg3.svg") no-repeat center center/100%;
background-position: right top;
}

@media screen and (max-width: 768px) {
.hero > div:after {
width: 200px;
height: 200px;
position: absolute;
top: 90%;
left: 60%;
}
}

.hero > div .content {
width: 40%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2em;
position: relative;
z-index: 1;
}

@media screen and (max-width: 768px) {
.hero > div .content {
width: 100%;
padding-left: 1em;
}
}

.hero > div .content h2 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(32px, 5vw, 60px);
}

html[lang*='zh-HK'] .hero > div .content h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

@media screen and (max-width: 1200px) {
.hero > div .content h2 {
font-size: clamp(32px, 4vw, 60px);
}
}

.hero > div .content p {
margin: 30px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 1em;
font-size: clamp(16px, 2vw, 22px);
}

@media screen and (max-width: 768px) {
.hero > div .content p {
margin: 1em 0;
}
}

.hero > div figure {
width: 60%;
margin-bottom: -10px;
margin-right: -5%;
z-index: 1;
position: relative;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

@media screen and (max-width: 768px) {
.hero > div figure {
margin-bottom: 2.5em;
margin-right: auto;
margin-left: auto;
width: 100%;
}
}

.wp-block-buttons .wp-block-button {
background: none;
}

.wp-block-buttons .wp-block-button a {
background: #f5cd1e !important;
border-radius: 999px;
height: 60px;
min-width: 240px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
padding: 0 4em;
color: #000 !important;
display: block;
border: 2px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}

.wp-block-buttons .wp-block-button a:before {
content: "";
display: block;
width: 2em;
height: 1em;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 5%;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2257.853%22%20height%3D%2216.31%22%20viewBox%3D%220%200%2057.853%2016.31%22%3E%0D%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M9.319-.433H65.171l-12.837-9V4.881%22%20transform%3D%22translate%28-8.319%2010.429%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
-webkit-filter: invert(1);
filter: invert(1);
}

@media screen and (min-width: 769px) {
.wp-block-buttons .wp-block-button a:hover {
color: white;
}
.wp-block-buttons .wp-block-button a:hover:before {
-webkit-transform: translate(10%, -50%);
transform: translate(10%, -50%);
}
}

@media screen and (max-width: 768px) {
.wp-block-buttons .wp-block-button a {
height: 50px;
}
}

.wp-block-buttons .wp-block-button a,
.wp-block-buttons .wp-block-button a * {
text-decoration: none;
}

.frontBnArea {
width: 100%;
max-width: 100%;
background: #f5f5f5;
z-index: 1;
position: relative;
padding: clamp(40px, 12vw, 80px) 0;
overflow: hidden;
}

.frontBnArea .wp-block-media-text {
background: #f5cd1e;
border: 2px solid #000;
position: relative;
}

@media screen and (max-width: 768px) {
.frontBnArea .wp-block-media-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 40px;
}
}

.frontBnArea .wp-block-media-text h2 {
position: absolute;
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #f5cd1e;
border-radius: 99px;
padding: 0.5em 1em;
font-size: clamp(20px, 3vw, 28px);
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
border: 2px solid #000;
}

html[lang*='zh-HK'] .frontBnArea .wp-block-media-text h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

@media screen and (max-width: 768px) {
.frontBnArea .wp-block-media-text h2 {
left: 50%;
text-align: center;
width: 90%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}

.frontBnArea .wp-block-media-text p {
font-size: clamp(24px, 3vw, 34px);
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-weight: 700;
line-height: 1.2;
}

html[lang*='zh-HK'] .frontBnArea .wp-block-media-text p {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

@media screen and (max-width: 768px) {
.frontBnArea .wp-block-media-text p {
margin-bottom: 1em;
}
}

.frontBnArea .wp-block-media-text figure {
overflow: hidden;
}

.frontBnArea .wp-block-media-text figure img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

.voiceArea {
padding: clamp(40px, 12vw, 80px) 0;
}

.voiceArea h2 {
text-align: center;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 38px);
margin-bottom: 1em;
}

html[lang*='zh-HK'] .voiceArea h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.voiceArea .wp-block-media-text {
margin-bottom: 2.5em;
}

.voiceArea .wp-block-media-text figure {
position: relative;
border-radius: 10px;
overflow: hidden;
-webkit-box-shadow: -6px 6px 0 #f5cd1e;
box-shadow: -6px 6px 0 #f5cd1e;
}

@media screen and (max-width: 768px) {
.voiceArea .wp-block-media-text figure {
margin-bottom: 40px;
}
}

.voiceArea .wp-block-media-text figure:before {
content: "";
display: block;
padding-top: 56%;
}

.voiceArea .wp-block-media-text > div h3 {
position: relative;
z-index: 1;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(18px, 3vw, 28px);
margin-bottom: 0.5em;
}

html[lang*='zh-HK'] .voiceArea .wp-block-media-text > div h3 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.voiceArea .wp-block-media-text > div h3:before {
content: "";
position: absolute;
top: -25%;
left: -0.2em;
width: 40px;
height: 40px;
background: #f5cd1e;
border-radius: 999px;
z-index: -1;
}

@media screen and (max-width: 768px) {
.voiceArea .wp-block-media-text > div h3:before {
width: 30px;
height: 30px;
left: -0.5em;
}
}

.voiceArea .wp-block-media-text > div p {
margin-bottom: 0.5em;
}

.teatureArea {
background: #f5f5f5;
padding: clamp(40px, 12vw, 80px) 0;
}

.teatureArea h2 {
text-align: center;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 38px);
margin-bottom: 1em;
}

html[lang*='zh-HK'] .teatureArea h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.teatureArea .wp-block-columns {
max-width: 1200px;
}

.teatureArea .wp-block-columns > div {
-webkit-box-shadow: 4px 4px 0 #f5cd1e;
box-shadow: 4px 4px 0 #f5cd1e;
background: white;
}

.teatureArea .wp-block-columns > div figure {
position: relative;
width: 100%;
}

.teatureArea .wp-block-columns > div figure:before {
content: "";
display: block;
padding-top: 70%;
}

.teatureArea .wp-block-columns .wp-block-group {
padding: 1em;
padding-bottom: 2em;
}

.teatureArea .wp-block-columns .wp-block-group h3 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 3vw, 28px);
margin-bottom: 0.2em;
}

html[lang*='zh-HK'] .teatureArea .wp-block-columns .wp-block-group h3 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.teatureArea .wp-block-columns .wp-block-group h4 {
color: #efc40b;
line-height: 1;
border-bottom: 2px solid #f5cd1e;
margin-bottom: 0.5em;
font-size: 1.2em;
font-weight: bold;
}

.teatureArea .wp-block-columns .wp-block-group p {
line-height: 1.5;
font-size: 0.9em;
}

.backbone {
position: relative;
padding: clamp(40px, 12vw, 80px) 0;
z-index: 1;
}

.backbone * {
color: white;
}

.backbone > div > figure {
position: absolute;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.backbone > div > figure:after {
content: "";
position: absolute;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}

.backbone > div > figure img {
width: 100% !important;
height: 100% !important;
}

.backbone h2 {
text-align: center;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 38px);
margin-bottom: 1em;
}

html[lang*='zh-HK'] .backbone h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.backbone .wp-block-media-text {
margin-bottom: 2em;
}

.backbone .wp-block-media-text figure {
border-radius: 4px;
overflow: hidden;
}

@media screen and (max-width: 768px) {
.backbone .wp-block-media-text figure {
margin-bottom: 2em;
}
}

.backbone .wp-block-media-text figure img {
vertical-align: bottom;
}

.backbone .wp-block-media-text .wp-block-group {
margin-top: 1em;
font-size: 1.2em;
}

.backbone .wp-block-media-text .wp-block-group,
.backbone .wp-block-media-text .wp-block-group * {
margin-bottom: 0;
}

.backbone .wp-block-media-text .wp-block-group h3,
.backbone .wp-block-media-text .wp-block-group strong {
font-size: 2em;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
background: none;
}

html[lang*='zh-HK'] .backbone .wp-block-media-text .wp-block-group h3, html[lang*='zh-HK']
.backbone .wp-block-media-text .wp-block-group strong {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

html body .planArea {
padding: clamp(40px, 12vw, 80px) 0;
background: #f5f5f5;
}

html body .planArea .wp-block-group {
margin-bottom: 1.5em;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto clamp(40px, 8vw, 80px);
}

@media screen and (max-width: 768px) {
html body .planArea .wp-block-group {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}

html body .planArea .wp-block-group figure {
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 200px;
max-width: none !important;
}

@media screen and (max-width: 768px) {
html body .planArea .wp-block-group figure {
display: block;
left: auto;
top: auto;
position: relative;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 120px;
margin-bottom: -1em;
}
}

html body .planArea .wp-block-group figure:before {
content: "";
display: block;
padding-top: 100%;
}

html body .planArea .wp-block-group figure img {
width: 100% !important;
height: 100% !important;
}

html body .planArea .wp-block-group h2 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 40px);
}

html[lang*='zh-HK'] html body .planArea .wp-block-group h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

html body .planArea .wp-block-group h2,
html body .planArea .wp-block-group h2 * {
line-height: 1.2;
}

html body .planArea .wp-block-group h2 strong {
color: #f5cd1e;
font-size: 1.3em;
}

@media screen and (max-width: 768px) {
html body .planArea .wp-block-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) {
gap: 1em;
max-width: 1400px;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div {
background: white;
-ms-flex-preferred-size: auto !important;
flex-basis: auto !important;
-webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.15), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.15), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
width: 23.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div {
width: 48% !important;
}
}

@media screen and (max-width: 768px) {
html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div {
-ms-flex-preferred-size: auto !important;
flex-basis: auto !important;
}
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div:nth-of-type(1) {
color: #f5cd1e;
border: 1px solid currentColor;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div:nth-of-type(2) {
color: #F5A61E;
border: 1px solid currentColor;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div:nth-of-type(3) {
color: #F57B1E;
border: 1px solid currentColor;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div:nth-of-type(4) {
color: #F5511E;
border: 1px solid currentColor;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div h3 {
background: currentColor;
font-size: clamp(16px, 2vw, 22px);
padding: 1em 0;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div h3 em {
font-weight: bold;
color: white;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div p {
color: #000;
padding-left: 1em;
padding-right: 1em;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div p:last-child {
padding-bottom: 1em;
}

html body .planArea .wp-block-columns:not(.is-not-stacked-on-mobile) > div p em {
font-size: 0.9em;
border: 2px solid #f5cd1e;
padding: 0.2em 1em;
color: #f5cd1e;
border-radius: 99px;
margin-left: 0.2em;
font-weight: bold;
}

.faqArea {
padding: clamp(40px, 12vw, 80px) 0;
}

.faqArea .wp-block-group {
margin-bottom: 1.5em;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto clamp(40px, 8vw, 80px);
}

@media screen and (max-width: 768px) {
.faqArea .wp-block-group {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}

.faqArea .wp-block-group figure {
position: absolute;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 200px;
max-width: none !important;
}

@media screen and (max-width: 768px) {
.faqArea .wp-block-group figure {
display: block;
left: auto;
right: auto;
top: auto;
position: relative;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 120px;
margin: 0 auto;
margin-bottom: -1em;
}
}

.faqArea .wp-block-group figure:before {
content: "";
display: block;
padding-top: 100%;
}

.faqArea .wp-block-group figure img {
width: 100% !important;
height: 100% !important;
}

.faqArea .wp-block-group h2 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 40px);
}

html[lang*='zh-HK'] .faqArea .wp-block-group h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.faqArea .wp-block-group h2,
.faqArea .wp-block-group h2 * {
line-height: 1.2;
}

.faqArea .wp-block-group h2 strong {
color: #f5cd1e;
font-size: 1.3em;
}

.is-style-msg {
text-align: center;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 3vw, 32px);
margin: 100px auto !important;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: relative;
}

html[lang*='zh-HK'] .is-style-msg {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.is-style-msg:before, .is-style-msg:after {
content: "";
width: 50px;
height: 50px;
position: absolute;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%3E%0D%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_48%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2048%22%20transform%3D%22translate%28-353%20-825%29%22%3E%0D%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_785%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20785%22%20width%3D%2248%22%20height%3D%2248%22%20rx%3D%224%22%20transform%3D%22translate%28353%20825%29%22%20fill%3D%22%2364c2d5%22%2F%3E%0D%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_786%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20786%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%224%22%20transform%3D%22translate%28377%20849%29%22%20fill%3D%22%23f5cd1e%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
}

.is-style-msg:before {
right: 100%;
bottom: 70%;
margin-right: 1em;
margin-bottom: 10px;
}

.is-style-msg:after {
left: 100%;
top: 70%;
margin-top: 10px;
margin-left: 1em;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.is-style-rounded img {
border-radius: 10px !important;
}

.staffArea {
margin-bottom: 2em;
}

.staffArea figure {
border-radius: 4px;
overflow: hidden;
}

@media screen and (max-width: 768px) {
.staffArea figure {
margin-bottom: 2em;
}
}

.staffArea figure img {
vertical-align: bottom;
}

.staffArea .wp-block-group {
margin-top: 1em;
font-size: 1.2em;
}

.staffArea .wp-block-group,
.staffArea .wp-block-group * {
margin-bottom: 0;
}

.staffArea .wp-block-group h3,
.staffArea .wp-block-group strong {
font-size: 2em;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
background: none;
}

html[lang*='zh-HK'] .staffArea .wp-block-group h3, html[lang*='zh-HK']
.staffArea .wp-block-group strong {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.scHero {
height: calc(100vh + 100px);
position: relative;
z-index: 1;
}

@media screen and (max-width: 768px) {
.scHero {
height: 400px;
}
}

.scHero:before {
content: "";
position: absolute;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221366%22%20height%3D%221006.809%22%20viewBox%3D%220%200%201366%201006.809%22%3E%0D%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1201%22%20data-name%3D%22%E3%83%91%E3%82%B9%201201%22%20d%3D%22M0%2C0%2C1366%2C127.713v879.1H0Z%22%20fill%3D%22%23f5cd1e%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
width: 100%;
left: 0;
bottom: 0;
z-index: 1;
height: 350px;
background-size: 100% auto;
background-position: top;
}

@media screen and (max-width: 768px) {
.scHero:before {
height: 200px;
}
}

.scHero:after {
content: "";
position: absolute;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221366%22%20height%3D%221006.809%22%20viewBox%3D%220%200%201366%201006.809%22%3E%0D%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1201%22%20data-name%3D%22%E3%83%91%E3%82%B9%201201%22%20d%3D%22M0%2C0%2C1366%2C127.713v879.1H0Z%22%20fill%3D%22%23f5cd1e%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
width: 100%;
left: 0;
top: 0;
z-index: 1;
height: 100px;
background-size: 100% auto;
background-position: top;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
.scHero:after {
height: 50px;
display: none;
}
}

@media screen and (max-width: 768px) {
.scHero {
height: 500px;
}
}

.scHero > div {
width: 100%;
margin: 0;
}

.scHero .content {
position: absolute;
left: 5%;
bottom: 2em;
color: white;
z-index: 2;
text-shadow: rgba(0, 0, 0, 0.02) 2px 0px 12px, rgba(0, 0, 0, 0.02) -2px 0px 12px, rgba(0, 0, 0, 0.02) 0px -2px 12px, rgba(0, 0, 0, 0.02) 0px 2px 12px, rgba(0, 0, 0, 0.02) 2px 2px 12px, rgba(0, 0, 0, 0.02) -2px 2px 12px, rgba(0, 0, 0, 0.02) 2px -2px 12px, rgba(0, 0, 0, 0.02) -2px -2px 12px, rgba(0, 0, 0, 0.02) 1px 2px 12px, rgba(0, 0, 0, 0.02) -1px 2px 12px, rgba(0, 0, 0, 0.02) 1px -2px 12px, rgba(0, 0, 0, 0.02) -1px -2px 12px, rgba(0, 0, 0, 0.02) 2px 1px 12px, rgba(0, 0, 0, 0.02) -2px 1px 12px, rgba(0, 0, 0, 0.02) 2px -1px 12px, rgba(0, 0, 0, 0.02) -2px -1px 12px;
}

.scHero .content h2 {
font-size: clamp(36px, 7vw, 80px);
line-height: 1.2;
margin-bottom: 0.3em;
font-family: lemonb;
}

.scHero .content p {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(18px, 3vw, 32px);
line-height: 1.2;
}

html[lang*='zh-HK'] .scHero .content p {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.scHero .mainImg {
position: absolute;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 768px) {
.scHero .mainImg img {
-o-object-position: 70% center;
 object-position: 70% center;
}
}

.scHero .mark {
width: 360px;
position: absolute;
right: 5%;
bottom: 350px;
-webkit-transform: rotate(6deg) translateY(60%);
transform: rotate(6deg) translateY(60%);
z-index: 2;
}

@media screen and (max-width: 768px) {
.scHero .mark {
width: 140px;
bottom: 200px;
right: 0;
}
}

.scWelcome {
position: relative;
}

@media screen and (max-width: 768px) {
.scWelcome {
overflow: hidden;
}
.scWelcome:before {
content: '';
z-index: 1;
position: absolute;
bottom: 0;
height: 100px;
left: 0;
width: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(white), to(transparent));
background: linear-gradient(0deg, white, transparent);
}
}

.scWelcome figure.sp {
display: none;
}

@media screen and (max-width: 768px) {
.scWelcome figure.sp {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}

@media screen and (max-width: 768px) {
.scWelcome figure.pc {
display: none;
}
}

.scWelcome > div {
max-width: 100%;
}

.scWelcome > div .wp-block-group {
position: absolute;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 600px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: clamp(14px, 2vw, 20px);
}

@media screen and (max-width: 768px) {
.scWelcome > div .wp-block-group {
position: relative;
left: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
width: 70%;
margin: 0 auto;
padding: 120px 0 40px;
}
}

.scWelcome > div .wp-block-group h2 {
font-size: clamp(20px, 3vw, 32px);
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
margin-bottom: 1em;
padding-bottom: 1em;
position: relative;
}

html[lang*='zh-HK'] .scWelcome > div .wp-block-group h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.scWelcome > div .wp-block-group h2:before {
content: '';
height: 4px;
width: 50px;
background: #f5cd1e;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}

@media screen and (max-width: 768px) {
.scWelcome > div .wp-block-group p {
text-align: left;
}
}

.scWelcome > div .wp-block-group .has-medium-font-size {
margin-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
.scWelcome > div .wp-block-group .has-medium-font-size br {
display: none;
}
}

.scReason .box .wp-block-columns:nth-of-type(1), .scReason .box .wp-block-columns:nth-of-type(3) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.scReason .box .wp-block-columns:nth-of-type(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}

.scReason .box .wp-block-columns > div {
font-size: 1.1em;
}

.scReason .box .wp-block-columns > div p:nth-of-type(1) {
margin-bottom: 0.5em;
}

.scReason .box .wp-block-columns > div p:nth-of-type(1) em {
font-size: clamp(34px, 7vw, 70px);
font-style: normal;
color: #f5cd1e;
margin-left: 0;
margin-bottom: 0;
opacity: 0.8;
}

.scReason .box .wp-block-columns > div p:nth-of-type(1) em:before {
display: none;
}

.scReason .box .wp-block-columns > div li {
padding-left: 1.5em;
position: relative;
margin-bottom: 0.5em;
}

.scReason .box .wp-block-columns > div li:before {
content: "";
position: absolute;
left: 0;
top: 0.2em;
width: 1.1em;
height: 1.1em;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.003%22%20height%3D%2220.681%22%20viewBox%3D%220%200%2025.003%2020.681%22%3E%0D%0A%20%20%3Cg%20id%3D%22check%22%20transform%3D%22translate%280%20-44.249%29%22%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1125%22%20data-name%3D%22%E3%83%91%E3%82%B9%201125%22%20d%3D%22M16.391%2C95.031H2.611V81.251h11.6l2.611-2.611H0v19H19V90.609L16.391%2C93.22Z%22%20transform%3D%22translate%280%20-32.712%29%22%20fill%3D%22%23f5cd1e%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1126%22%20data-name%3D%22%E3%83%91%E3%82%B9%201126%22%20d%3D%22M106.6%2C50.063l-2.685%2C2.686%2C4.372%2C4.371%2C2.685%2C2.686%2C2.685-2.686%2C10.186-10.186-2.686-2.686L110.971%2C54.434Z%22%20transform%3D%22translate%28-98.839%29%22%20fill%3D%22%23f5cd1e%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center center;
background-size: contain;
}

.scService {
padding: clamp(40px, 12vw, 80px) 0;
background: #f5cd1e;
}

.scService h2 {
text-align: center;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 38px);
margin-bottom: 1em;
}

html[lang*='zh-HK'] .scService h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.scService .wp-block-group > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.scService .wp-block-group > div > div {
background: white;
width: 31.5%;
margin-bottom: 2em;
display: block;
padding-bottom: 1em;
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 768px) {
.scService .wp-block-group > div > div {
width: 70%;
margin-left: auto;
margin-right: auto;
}
}

.scService .wp-block-group > div > div figure {
width: 70%;
position: relative;
margin: 0 auto 1em;
}

.scService .wp-block-group > div > div figure:before {
content: '';
display: block;
padding-top: 100%;
}

.scService .wp-block-group > div > div h3 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
font-size: 1.2em;
margin-bottom: 0.5em;
}

html[lang*='zh-HK'] .scService .wp-block-group > div > div h3 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

html body .has-medium-font-size {
font-size: 1.1em !important;
}

.scComp {
padding: clamp(40px, 12vw, 80px) 0;
background: #f5f5f5;
}

.scComp h2 {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-align: center;
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 38px);
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}

html[lang*='zh-HK'] .scComp h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.scComp h2:before {
content: '';
position: absolute;
top: -25%;
left: -0.2em;
width: 40px;
height: 40px;
background: #f5cd1e;
border-radius: 999px;
z-index: -1;
}

@media screen and (max-width: 768px) {
.scComp h2:before {
width: 30px;
height: 30px;
left: -0.5em;
}
}

@media screen and (max-width: 768px) {
.scComp figure:has(table) th, .scComp figure:has(table) td {
font-size: 11px;
}
}

.scComp figure:has(table) th {
line-height: 1.5;
font-weight: bold;
padding: 1.5em 0 !important;
}

.scComp figure:has(table) th:nth-of-type(1) {
visibility: hidden;
opacity: 0;
border: none !important;
border-color: transparent !important;
}

.scComp figure:has(table) th:nth-of-type(2) {
background: #f5cd1e !important;
}

.scComp figure:has(table) td:nth-of-type(1) {
height: 100px;
font-weight: bold;
}

.scComp figure:has(table) td:nth-of-type(n+2) {
line-height: 1;
font-size: 40px;
font-weight: bold;
color: #999;
}

.scComp figure:has(table) td:nth-of-type(n+2) strong {
color: #f5cd1e;
font-weight: 900;
}

.scComp figure:has(table) td em {
font-size: 12px;
line-height: 1;
display: block;
}

.courceWrap {
padding: clamp(40px, 12vw, 80px) 0;
position: relative;
z-index: 1;
}

.courceWrap:before {
content: '';
position: absolute;
left: -1000px;
top: 0;
bottom: 0;
right: -1000px;
background: #f5f5f5;
z-index: -1;
}

.courceWrap > div > div {
background: white;
-webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.15), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.15), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
margin-bottom: 60px;
padding: 60px 40px;
border-radius: 4px;
}

@media screen and (max-width: 768px) {
.courceWrap > div > div {
padding: 40px 20px;
}
}

ul.is-style-steplist {
counter-reset: step;
margin-left: 0;
padding-left: 0;
}

ul.is-style-steplist li {
counter-increment: step;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
}

ul.is-style-steplist li:before {
content: "Step" counter(step) !important;
padding: .3em 1.2em;
color: white;
font-size: 12px;
border-radius: 999px;
background: #f5cd1e;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin-right: 1.5em;
position: relative;
}

.contactArea .wp-block-group {
margin-bottom: 1.5em;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto clamp(40px, 8vw, 80px);
}

@media screen and (max-width: 768px) {
.contactArea .wp-block-group {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}

.contactArea .wp-block-group figure {
position: absolute;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 200px;
max-width: none !important;
}

@media screen and (max-width: 768px) {
.contactArea .wp-block-group figure {
display: block;
left: auto;
right: auto;
top: auto;
position: relative;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 120px;
margin: 0 auto;
margin-bottom: -1em;
}
}

.contactArea .wp-block-group figure:before {
content: "";
display: block;
padding-top: 100%;
}

.contactArea .wp-block-group figure img {
width: 100% !important;
height: 100% !important;
}

.contactArea .wp-block-group h2 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 40px);
}

html[lang*='zh-HK'] .contactArea .wp-block-group h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.contactArea .wp-block-group h2,
.contactArea .wp-block-group h2 * {
line-height: 1.2;
}

.contactArea .wp-block-group h2 strong {
color: #f5cd1e;
font-size: 1.3em;
}

.wpcf7 {
max-width: 800px !important;
margin: 0 auto !important;
}

.wpcf7 .item {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.wpcf7 .item br {
display: none;
}

@media screen and (max-width: 768px) {
.wpcf7 .item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}

.wpcf7 .item .text {
width: 25%;
min-width: 240px;
text-align: center;
background: #f5cd1e;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
margin-right: 10px;
}

.wpcf7 .item .text, .wpcf7 .item .text * {
line-height: 1.3;
}

@media screen and (max-width: 768px) {
.wpcf7 .item .text {
width: 100%;
margin-right: 0;
padding: 10px 0;
}
}

.wpcf7 .item .labelWrap {
width: 75%;
}

@media screen and (max-width: 768px) {
.wpcf7 .item .labelWrap {
width: 100%;
}
}

.wpcf7 .item .labelWrap input[type="text"],
.wpcf7 .item .labelWrap input[type="email"],
.wpcf7 .item .labelWrap input[type="url"],
.wpcf7 .item .labelWrap input[type="tel"],
.wpcf7 .item .labelWrap input[type="number"],
.wpcf7 .item .labelWrap input[type="date"],
.wpcf7 .item .labelWrap textarea {
width: 100% !important;
line-height: 2;
margin-left: -1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.wpcf7 .item .labelWrap input[type="text"],
.wpcf7 .item .labelWrap input[type="email"],
.wpcf7 .item .labelWrap input[type="url"],
.wpcf7 .item .labelWrap input[type="tel"],
.wpcf7 .item .labelWrap input[type="number"],
.wpcf7 .item .labelWrap input[type="date"],
.wpcf7 .item .labelWrap textarea {
margin-left: 0;
margin-top: -1px;
}
}

.wpcf7 .item .labelWrap textarea {
line-height: 1.5;
}

.wpcf7 form input[type="submit"],
.wpcf7 form button {
width: 240px;
text-align: center;
display: block;
margin: 0 auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 4px;
background: #f5cd1e;
color: #000;
}

.wpcf7 form input[type="submit"]:hover,
.wpcf7 form button:hover {
background: #f5cd1e;
}

.wpcf7 select {
padding: 1em;
}

.wpcf7 .resultWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.6em;
}

.wpcf7 .resultWrap br {
display: none;
}

.wpcf7 .resultWrap > span {
padding: 10px;
padding-right: 0;
padding-left: 0;
}

.wpcf7 span.wpcf7-form-control-wrap.address1 {
padding: 10px;
padding-right: 0;
}

.wpcf7 span.wpcf7-form-control-wrap.idcard {
padding: 10px;
padding-right: 0;
}

.wpcf7 .title.bank {
padding: 1em;
text-align: left;
}

.wpcf7 .title.bank br {
display: block;
}

.footer .snsBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 0;
margin-right: 5%;
}

.footer .snsBox .item a {
display: block;
width: 50px;
height: 50px;
margin: 0 10px;
}

.footer .snsBox .item a svg circle {
fill: #f5cd1e;
}

.bottomContact {
padding: clamp(40px, 12vw, 80px) 0;
}

.bottomContact .wp-block-group {
margin-bottom: 1.5em;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto clamp(40px, 8vw, 80px);
}

@media screen and (max-width: 768px) {
.bottomContact .wp-block-group {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer .snsBox{
position: relative;
margin: 40px 0 0;
}
}

.bottomContact .wp-block-group figure {
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 200px;
max-width: none !important;
}

@media screen and (max-width: 768px) {
.bottomContact .wp-block-group figure {
display: block;
left: auto;
top: auto;
position: relative;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 120px;
margin-bottom: -1em;
}
}

.bottomContact .wp-block-group figure:before {
content: "";
display: block;
padding-top: 100%;
}

.bottomContact .wp-block-group figure img {
width: 100% !important;
height: 100% !important;
}

.bottomContact .wp-block-group h2 {
font-family: serif;
font-family: Quicksand, "Zen Maru Gothic", zen-maru-gothic, sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(20px, 4vw, 40px);
}

html[lang*='zh-HK'] .bottomContact .wp-block-group h2 {
font-family: "tt-zhihei-chs-variable", sans-serif;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 500;
font-weight: 500;
}

.bottomContact .wp-block-group h2,
.bottomContact .wp-block-group h2 * {
line-height: 1.2;
}

.bottomContact .wp-block-group h2 strong {
color: #f5cd1e;
font-size: 1.3em;
}


/* リニューアルヘッダー・グロナビ */
header.site-header .globalNavi li:has(> .sub-menu) {
position: relative;
}


header.site-header .globalNavi li:has(>.sub-menu)>a:after {
content: "";
flex-shrink: 0;
width: 7px;
height: 7px;
margin-left: .8em;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: translateY(-2px) rotate(135deg);
transition: transform .3s;
}

@media (min-width: 782px) {
header.site-header .globalNavi li:has(>.sub-menu):hover>a:after,
header.site-header .globalNavi li:has(>.sub-menu):focus-within>a:after {
transform: translateY(2px) rotate(-45deg);
}
}

header.site-header .globalNavi .sub-menu {
position: absolute;
top: 73%;
left: -50%;
display: block;
height: auto;
min-width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #fff;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
z-index: 10;
}

header.site-header .globalNavi li:hover > .sub-menu,
header.site-header .globalNavi li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

header.site-header .globalNavi .sub-menu li {
height: auto;
border-bottom: 1px solid #eee;
}
header.site-header .globalNavi .sub-menu li:last-child {
border-bottom: none;
}

header.site-header .globalNavi .sub-menu li a {
display: block;
height: auto;
padding: 26px 32px;
font-size: 15px;
font-weight: bold;
color: #333;
white-space: nowrap;
text-align: left;
transition: background 0.3s, color 0.3s;
}
header.site-header .globalNavi .sub-menu li a:hover {
color: #333;
}

@media screen and (max-width: 768px) {
header.site-header .globalNavi li:has(> .sub-menu) > a::after {
display: none;
}
header.site-header .globalNavi .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
background: none;
box-shadow: none;
border-radius: 0;
min-width: 0;
}
header.site-header .globalNavi .sub-menu li {
border-bottom: none;
}
header.site-header .globalNavi .sub-menu li a {
text-align: left;
padding: 10px 0 10px 40px;
font-size: 16px;
}
header.site-header .globalNavi .sub-menu li a:hover {
background: none;
}
}


@media screen and (max-width: 1000px) {

header.site-header .globalNavi {
overflow-y: auto;
align-items: flex-start;
}

header.site-header .globalNavi li:has(> .sub-menu) > a::after {
display: block;
width: 8px;
height: 8px;
margin-left: 0.8em;
transform: rotate(135deg) translateY(2px);
}
header.site-header .globalNavi li.is-open > a::after {
transform: rotate(-45deg) translateY(2px);
}
header.site-header .globalNavi .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
min-width: 0;
background: none;
box-shadow: none;
border-radius: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
header.site-header .globalNavi li.is-open > .sub-menu {
max-height: 400px;
}

header.site-header .globalNavi .sub-menu li {
border-bottom: none;
}
header.site-header .globalNavi .sub-menu li a:hover {
background: none;
}
}

@media screen and (max-width: 1000px) {

header.site-header:has(.globalNavi.active) {
background: #fff;
}

header.site-header .globalNavi {
top: var(--header, 80px);
bottom: 0;
height: auto;
justify-content: flex-end;
align-items: stretch;
background: rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: none;
backdrop-filter: none;
overflow: hidden;
width: 100%;
}

header.site-header .globalNavi > ul {
display: block;
box-sizing: border-box;
width: 78%;
max-width: 420px;
height: 100%;
margin: 0;
padding: 20px 0 40px;
background: #fff;
overflow-y: auto;
transform: translateX(100%);
transition: transform 0.4s ease;
}
header.site-header .globalNavi.active > ul {
transform: translateX(0);
}
header.site-header .globalNavi ul * {
height: auto;
}

header.site-header .globalNavi > ul > li {
border-bottom: 1px solid #e5e5e5;
}
header.site-header .globalNavi > ul > li > a {
display: flex;
justify-content: flex-start;
padding: 20px 40px;
font-size: 18px;
color: #333;
}

header.site-header .globalNavi li:has(> .sub-menu) > a {
width: fit-content;
padding-right: 0;
}
header.site-header .globalNavi li:has(> .sub-menu) > a::after {
display: block;
width: 44px;
height: 24px;
margin-left: 0;
border: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / 12px auto;
transform: none;
transition: transform 0.3s;
}
header.site-header .globalNavi li.is-open > a::after {
transform: rotate(180deg);
}

header.site-header .globalNavi .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
min-width: 0;
background: none;
box-shadow: none;
border-radius: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
header.site-header .globalNavi li.is-open > .sub-menu {
max-height: 400px;
padding-bottom: 20px;
}
header.site-header .globalNavi .sub-menu li {
border-bottom: none;
}
header.site-header .globalNavi .sub-menu li a {
padding: 10px 0 10px 40px;
font-size: 16px;
color: #333;
text-align: left;
}
header.site-header .globalNavi .sub-menu li a:hover {
background: none;
}
}

/* 追加テンプレートファイル（page-no-header.php） */
.page-template-page-no-header .pageHeader{
height: 200px;
}
.page-template-page-no-header .pageHeader .img{
background: #f5cd1e;
-webkit-box-shadow:none;
box-shadow: none;
}
.page-template-page-no-header .pageHeader .img img{
display: none;
}

@media screen and (max-width: 1000px) {
.page-template-page-no-header .pageHeader{
height: 180px;
}
}

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