@charset "UTF-8";*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{outline-color:#007b97}html{scroll-behavior:smooth}body.is-fixed{overflow:auto}@media (max-width: 1119px){body.is-fixed{overflow:hidden}}section{scroll-margin-top:136px}hr{border:0;height:0}#animation{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;transition:none;transition-delay:1s;transition-property:opacity;transition-duration:2s;opacity:0;background-color:#fff}@media all and (-ms-high-contrast: none){#animation{background:url(/assets/img/animation/bg-animation.webp) no-repeat center;background-size:cover}}#animation.is-loaded{opacity:1}body{font-family:Roboto,Noto Sans,Noto Sans Thai,Noto Sans JP,sans-serif;font-size:1rem;font-weight:400;color:#333;overflow-wrap:anywhere;line-break:strict}@media (max-width: 1119px){body{font-size:.875rem}}h1,h2,h3,h4{font-family:Hanken Grotesk,Noto Sans Thai,Noto Sans JP,sans-serif}p{line-height:1.8}@media (max-width: 1119px){p{font-size:.875rem}}.text-h1{font-size:6.875rem;font-weight:800}@media (max-width: 1119px){.text-h1{font-size:3.75rem}}@media (max-width: 679px){.text-h1{font-size:3.375rem}}.text-h2{font-size:2.5rem;font-weight:800}.text-h3{font-size:2rem;font-weight:700}@media (max-width: 1119px){.text-h3{font-size:1.125rem}}.text-h4{font-size:1rem;font-weight:700}@media (max-width: 1119px){.text-h4{font-size:.875rem}}.component-list__title{padding:2% 5% 1%;background:#eeec;position:sticky;top:0;z-index:20;display:flex;gap:20px;align-items:center;color:#333}.component-list__title img{width:50px}.component-container{padding:16px 60px;display:flex;flex-direction:column;gap:30px;max-width:1440px;margin-inline:auto}.component-group{border:1px solid rgba(182,194,103,.6);border-radius:24px;padding:24px}@media (max-width: 679px){.component-group{border-color:#44a3cf}}.component-group__name{font-weight:700;font-size:2rem;background:#44a3cf66;padding:.5em;border-radius:16px}@media (max-width: 679px){.component-group__name{background:#b6c26766}}.component-group__sub-name{font-weight:700;margin-top:12px;border-bottom:solid 3px #ce6774}.component-item{display:flex;flex-direction:column;gap:10px}.component-item{padding-block:20px;display:flex;flex-direction:column;gap:15px}.component-shadow{box-shadow:0 2px 5px #0003}.component-item__code{background:#eee}.section-sample-list{padding-top:80px;gap:100px}.l-section-container{padding-block:5rem;display:flex;flex-direction:column;gap:12rem;background:#fff}@media (max-width: 1119px){.l-section-container{padding-block:3.75rem;gap:6rem}}.l-item-list-container{background:#fff;padding-block:3.75rem;padding-inline:3.75rem;gap:3.75rem;display:flex;flex-direction:column;border-radius:.5rem}@media (max-width: 1119px){.l-item-list-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.875rem;padding-block:1.875rem;padding-inline:1.875rem}}@media (max-width: 679px){.l-item-list-container{grid-template-columns:1fr;gap:1.25rem;padding-block:1.25rem;padding-inline:1.25rem}}.l-grid-two-col--reverse .l-grid-two-col__column:first-child{order:2}.l-grid-two-col--reverse .l-grid-two-col__column:last-child{order:1}.l-grid-two-col__inner{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}@media (max-width: 1119px){.l-grid-two-col__inner{grid-template-columns:1fr}}.l-grid-two-col__column{background:#fff;border-radius:.5rem}@media (max-width: 1119px){.l-grid-two-col__column:first-child{order:2}}@media (max-width: 1119px){.l-grid-two-col__column:last-child{order:1}}.l-page__header{background:#f7f7f7;position:relative;padding:7.5rem 0;overflow:hidden}.l-page-header__inner{font-weight:700}.l-page-header__bg-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;z-index:0;pointer-events:none;opacity:.3}@media (max-width: 679px){.l-page-header__bg-image{max-width:unset!important}}.l-page-header__title{font-size:3.75rem;position:relative;margin:auto;padding:0 5%;text-align:center;letter-spacing:.03em;max-width:1440px}.l-page-header__title small{display:block;font-size:1rem;font-weight:400;letter-spacing:.02em;line-height:2}@media (max-width: 679px){.l-page-header__title small{font-size:.875rem}}.l-page__wrapper{padding:5rem 0}.l-page__content{position:relative;top:-2.375rem;margin-bottom:-2.375rem}.l-page__content-error{padding-block:5rem;text-align:center}@media (max-width: 679px){.l-page__content-error{font-size:2.5rem}}.top-button__wrapper{padding-block:1rem}.l-article-header{padding:8.75rem 0 2.5rem}@media (max-width: 1119px){.l-article-header{padding:6.25rem 0 2.5rem}}.l-article-header__inner{position:relative}.l-article-header__inner sup{position:absolute;top:.1em;right:5%;opacity:.1;pointer-events:none}@media (max-width: 1119px){.l-article-header__inner sup{top:.3em;right:10%;font-size:3.75rem}}.l-article-header__bg-image{opacity:.2;filter:blur(10px);transform:scale(1.1) translate(-50%,-50%)}.l-article-header__group{display:flex;flex-wrap:wrap;flex-direction:column;text-align:left;letter-spacing:0}.l-article-header__date{display:block;width:100%;font-size:1.125rem;margin-bottom:1em}.l-article-header__title{width:100%;line-height:inherit}@media (max-width: 679px){.l-article-header__title{font-size:1.5rem}}@media (max-width: 679px){.l-article-header__subtitle{font-size:1rem}}.l-article-header__category{display:block;margin-top:.75em;font-size:1rem;color:#007b97;font-weight:400;line-height:2}.l-article-header__category:before{content:"#"}.l-article__content{padding:5rem 0}@media (max-width: 1119px){.l-article__content{padding:2.5rem 0}}.l-article__inner{padding:0 5%}.l-article__body{max-width:45rem;margin:auto;padding-bottom:5rem}@media (max-width: 679px){.l-article__body{padding-bottom:2.5rem}}.l-article__body>*:first-child{margin-top:0!important}.l-article__body>*:last-child{margin-bottom:0!important}.l-article__rich-text>*:first-child{margin-top:0!important}.l-article__rich-text h1,.l-article__rich-text h2,.l-article__rich-text h3{margin-top:3em}.l-article__rich-text h2,.l-article__rich-text h3,.l-article__rich-text h4,.l-article__rich-text h5,.l-article__rich-text h6{margin-bottom:1em;font-weight:600}.l-article__rich-text h4,.l-article__rich-text h5,.l-article__rich-text h6{margin:1em 0 .5em;font-size:1.25rem}.l-article__rich-text h2{padding-bottom:.75em;margin-bottom:1.5em;border-bottom:2px solid #333333;font-size:1.5rem;font-weight:600}.l-article__rich-text h3{font-size:1.5rem;font-weight:600}.l-article__rich-text h1+ul,.l-article__rich-text h1+ol{margin-top:0}.l-article__rich-text h2+ul,.l-article__rich-text h2+ol{margin-top:0}.l-article__rich-text h3+ul,.l-article__rich-text h3+ol{margin-top:0}.l-article__rich-text h4+ul,.l-article__rich-text h4+ol{margin-top:0}.l-article__rich-text h5+ul,.l-article__rich-text h5+ol{margin-top:0}.l-article__rich-text h6+ul,.l-article__rich-text h6+ol{margin-top:0}.l-article__rich-text strong{font-weight:600}.l-article__rich-text del{color:#666}.l-article__rich-text p{margin-bottom:1.5em}.l-article__rich-text blockquote{background:#f7f7f7;border-radius:.25rem;margin:3em 0;padding:2.5em;position:relative}.l-article__rich-text blockquote:before,.l-article__rich-text blockquote:after{display:block;font-size:6.25rem;color:#ddd;position:absolute;line-height:1}.l-article__rich-text blockquote:before{content:"“";top:-.28em;left:0}.l-article__rich-text blockquote:after{content:"”";bottom:-.7em;right:0}.l-article__rich-text blockquote p{margin-bottom:0}.l-article__rich-text ul,.l-article__rich-text ol{margin:3em 0}.l-article__rich-text ul li,.l-article__rich-text ol li{position:relative;margin-bottom:1em;padding-left:1.875rem}.l-article__rich-text ul li:before,.l-article__rich-text ul li:after,.l-article__rich-text ol li:before,.l-article__rich-text ol li:after{display:block;position:absolute;width:1.5em;text-align:center;left:0}.l-article__rich-text ul li:before{content:"•";font-weight:700}.l-article__rich-text ol{counter-reset:list-item-counter}.l-article__rich-text ol li:before{counter-increment:list-item-counter;content:counter(list-item-counter) ".";font-weight:400;font-size:150%;top:-.25em;left:-.25em}.l-article__rich-text hr{margin:3em 0;border-bottom:1px solid #ddd}.l-article__rich-text table{width:100%;margin:3em 0;font-size:.875rem;line-height:2;background:#fff}.l-article__rich-text table th,.l-article__rich-text table td{border:1px solid #ddd;padding:.75em 1em;line-height:1.6}.l-article__rich-text a{color:#007b97}.l-article__rich-text a[target*=_blank]:after{content:"";display:inline-block;width:.7em;height:.7em;margin:0 .5em;background:url(/assets/img/icon-window.svg);vertical-align:middle}.l-article__rich-text figure{margin:3em 0;text-align:center}.l-article__rich-text figure img{display:block;margin:auto;border:1px solid #ddd}.l-multi-columns{position:relative;display:flex;flex-wrap:wrap;margin:0 -1em}.l-multi-columns>*{flex:1;min-width:33.33%;padding:0 1em 2em;width:100%}.l-multi-columns>* figure{margin:0}.l-multi-columns>* figure img{display:block;margin:auto;border:1px solid #ddd}.l-multi-columns>* figure+p{margin-top:1em}.l-multi-columns>* img{width:100%}.l-multi-columns>* p{font-size:.875rem;line-height:1.6}.l-multi-columns>*>*:last-child{margin-bottom:0!important}.l-image-frame{margin:3em 0}.l-image-frame__image{width:7.5rem;height:7.5rem;border-radius:.25rem;margin:0 auto -2.5rem;border:1px solid #f1f1f1;position:relative;overflow:hidden;background:#fff;display:block;z-index:0}.l-image-frame__image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;object-fit:cover}.l-image-frame__caption{background:#f7f7f7;padding:2em;border-radius:.25rem}.l-image-frame__title{font-size:1.25rem;font-weight:600;margin:1em 0 1.5em;text-align:center}@media (max-width: 679px){.l-image-frame__title{font-size:1rem}}.l-image-frame__text{line-height:2;font-size:.875rem}.l-image-frame__text>*:last-child{margin-bottom:0!important}.l-image-frame__text>*:first-child{margin-bottom:0!important}.l-social{background:#f7f7f7;padding:2.5% 0 3.75%}.l-social h4{font-size:1.25rem;font-weight:600;margin-bottom:1em;text-align:center}.l-social__list{display:flex;justify-content:center}.l-social__item{margin:.75em;transition:opacity .5s ease}@media (any-hover: hover){.l-social__item:hover{opacity:.5}}.l-social__button{display:flex;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;padding:.3125rem}.l-article-pager{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.l-article-pager__list{display:flex}@media (max-width: 679px){.l-article-pager__list{flex-direction:column}}.l-article-pager__list .l-article-pager__item:first-child{position:relative}.l-article-pager__list .l-article-pager__item:first-child:after{content:"";display:block;width:1px;height:calc(100% - 40px);background:#f1f1f1;position:absolute;top:1.25rem;right:0}@media (max-width: 679px){.l-article-pager__list .l-article-pager__item:first-child:after{width:90%;top:calc(100% - 1px);right:5%;height:0}}@media (max-width: 679px){.l-article-pager__list:has(.col-next a) .col-prev:after{height:1px}.l-article-pager__list .col-prev:not(:has(a)):after{height:0!important}}.l-article-pager__item{width:50%;position:relative;overflow:hidden}@media (max-width: 679px){.l-article-pager__item{width:100%}}.l-article-pager__item sup{position:absolute;top:1.25rem;font-size:.875rem;font-weight:600;color:#666}.l-article-pager__item svg{width:1em;height:1em;fill:#333;position:absolute;top:calc(50% - .4em);transition:transform .5s ease}.col-prev a,.col-next a{display:flex;align-items:center;height:100%;font-size:1.25rem;padding:4em;position:relative;background:#ffffffd9;transition:color .5s ease}@media (any-hover: hover){.col-prev a:hover,.col-next a:hover{color:#007b97}}@media (max-width: 679px){.col-prev a,.col-next a{font-size:1rem;padding:3.5em}}.col-prev sup,.col-prev svg{left:2.5rem}@media (max-width: 679px){.col-prev sup,.col-prev svg{left:5%}}.col-prev svg{transform:rotate(-180deg)}@media (any-hover: hover){.col-prev:hover svg{fill:#007b97;transform:rotate(-180deg) translate(.25em)}}.col-next sup,.col-next svg{right:2.5rem}@media (max-width: 679px){.col-next sup,.col-next svg{right:5%}}@media (any-hover: hover){.col-next:hover svg{fill:#007b97;transform:translate(.25em)}}.l-article-pager__back{width:12em;display:block;margin:3.75rem auto 0;color:#007b97;font-weight:700;font-size:.875rem;text-align:center;letter-spacing:.05em}@media (max-width: 679px){.l-article-pager__back{margin:2.5rem auto 0}}@media (any-hover: hover){.l-article-pager__back:hover svg{animation:.5s u-rotate-anime linear}}.l-article-pager__back svg{display:block;fill:#007b97;width:2.5rem;margin:0 auto 1em}.btn{border-radius:1.875rem;padding:.6875rem 5.25rem .625rem;font-size:.875rem;font-weight:700;display:inline-block;border:.125rem solid transparent;transition:background-color .5s ease,color .5s ease,border-color .5s ease}.btn--primary{background-color:#007b97;color:#fff}@media (any-hover: hover){.btn--primary:hover{background-color:#fff;color:#007b97;border-color:#007b97}}.btn--primary-outline{background-color:#fff;color:#007b97;border-color:#007b97}@media (any-hover: hover){.btn--primary-outline:hover{background-color:#007b97;color:#fff;border-color:#007b97}}.text-link{color:#007b97;font-weight:400;transition:opacity .5s ease}@media (any-hover: hover){.text-link:hover{opacity:.7}}.text-link--underline{text-decoration:underline}.text-link--icon:after{content:"";display:inline-block;width:.7em;height:.7em;margin:0 .5em;background:url(/assets/img/icon-window.svg);vertical-align:middle}.text-link--small{font-size:.75rem}.text-link--small:after{width:8px;height:8px}.pagetop{bottom:1.25rem;margin-top:0;position:fixed;right:1.25rem;z-index:10}@media (max-width: 679px){.pagetop{right:5%}}.pagetop__btn{background-color:#fff;width:3.75rem;height:3.75rem;background-repeat:no-repeat;background-position:center center;background-size:17px 17px;background-image:url(/assets/img/up-arrow.svg);border-radius:50%;display:block;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,background-position .3s ease}@media (max-width: 679px){.pagetop__btn{width:2.5rem;height:2.5rem;background-size:12px 12px}}@media (any-hover: hover){.pagetop__btn:hover{background-position:center top 40%}}.pagetop__btn.is-show{opacity:1;visibility:visible}.company-logo{max-width:12.5rem}@media (max-width: 1119px){.company-logo{max-width:10rem}}.company-logo__path{fill:#282429}.company-logo__path--red{fill:#ce6774}.company-logo__path--blue{fill:#44a3cf}.company-logo__path--green{fill:#b6c267}.company-logo--dark .company-logo__path,.company-logo--dark .company-logo__path--red,.company-logo--dark .company-logo__path--blue,.company-logo--dark .company-logo__path--green{fill:#fff}.form-field__head{display:flex;gap:.625rem;align-items:center}.form-field__label{font-weight:700;font-size:1rem}.form-field__tag{background-color:#fd635f;color:#fff;padding:0 .375rem;border-radius:.25rem;font-size:.75rem}.form-text,.from-textarea{width:100%;border-radius:.25rem;border:.125rem solid #ddd;background:#fff;padding:.9375rem;margin-top:1rem}.header{width:100%;position:fixed;top:0;z-index:20;background:transparent}.header.hide:not(.is-opened){pointer-events:none}.header.hide:not(.is-opened) .header__inner{transform:translateY(-100%);opacity:0}@media (max-width: 1119px){.header{pointer-events:none}.header.hide:not(.is-opened) .header__inner{transform:translateY(0);opacity:1}.header.hide:not(.is-opened) .header__logo{transform:translateY(-100%);opacity:0}.header.is-opened{height:100vh;height:100dvh;pointer-events:auto;background:#333;overflow:auto}.header.is-opened .header__logo,.header.is-opened .lang-selector{display:none}.header.is-opened .header__nav-logo,.header.is-opened .header__nav-title{display:block}.header.is-opened .header__mobile-toggle__bar:before{transform:translate(-50%,-50%) rotate(225deg);background:#fff}.header.is-opened .header__mobile-toggle__bar:after{transform:translate(-50%,-50%) rotate(315deg);background:#fff}.header.is-opened .header__inner{flex-direction:column;align-items:start}.header.is-opened .header__menu{color:#fff;flex-direction:column;align-items:start;margin-top:1.125rem;gap:1.75rem}.header.is-opened .header__menu-item:not(.lang-selector){display:block}}.header__inner{display:flex;justify-content:space-between;padding:2em 5%;align-items:center;transition:opacity .5s ease,transform .5s ease}@media (max-width: 1119px){.header__inner{padding:1em 5%;transition:none}}.header__logo{pointer-events:auto;transition:opacity .5s ease}@media (any-hover: hover){.header__logo:hover{opacity:.5}}@media (max-width: 1119px){.header__logo{transition:opacity .5s ease,transform .5s ease}}.header__nav-logo{display:none}.header__menu{display:flex;align-items:center;gap:1.5rem;color:#333;transition:color .3s ease}.header__menu-item{position:relative;cursor:pointer}@media (max-width: 1119px){.header__menu-item:not(.lang-selector){display:none}}.header__menu-item ul{width:max-content;position:absolute;top:calc(100% - 20px);left:50%;transform:translate(-50%);opacity:0;visibility:hidden;background:#fffc;transition:opacity .5s ease,top .5s ease,visibility 0s linear .5s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:.5rem;box-shadow:0 0 1rem #0000001a;padding-block:.5rem}.header__menu-item ul.is-opened{top:100%;visibility:visible;opacity:1;transition:opacity .5s ease-out,top .5s ease-out,visibility 0s linear 0s}.header__menu-item ul li{padding:.25rem 1rem}.header__link{padding-block:.25rem;font-family:Hanken Grotesk,Noto Sans Thai,Noto Sans JP,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:.01125rem;cursor:pointer;transition:opacity .5s ease;opacity:1;will-change:opacity}@media (max-width: 1119px){.header__link{font-size:1.5rem}}@media (any-hover: hover){.header__link:hover{opacity:.5}}.header__nav-title{margin-top:4.25rem;color:#aaa;display:none}.lang-selector{display:inline-flex}@media (max-width: 1119px){.lang-selector{margin-right:3.75rem;pointer-events:auto}}.header__mobile-menu{display:flex;gap:1.125rem;align-items:center;justify-content:center;top:0;transition:top .5s ease}@media (max-width: 1119px){.header__mobile-menu{height:50px;width:50px;position:fixed;top:1.5rem;right:5%}}.header__mobile-toggle{width:36px;height:21px;cursor:pointer;display:none;pointer-events:auto;transition:opacity .5s ease;position:relative}@media (max-width: 1119px){.header__mobile-toggle{display:block}}.header__mobile-toggle__bar{position:absolute;top:50%;left:50%;width:1.875rem;height:1.25rem;transform:translate(-50%,-50%);border-top:2px solid #333333;border-bottom:2px solid #333333}.header__mobile-toggle__bar:before,.header__mobile-toggle__bar:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:100%;height:2px;background:#333;transition:transform .5s ease}.lang-selector__icon-path{fill:#333}.lang-selector__item{font-family:Hanken Grotesk,Noto Sans Thai,Noto Sans JP,sans-serif;font-weight:700;font-size:.875rem}.lang-selector__link{display:block;white-space:nowrap;text-decoration:underline;transition:opacity .5s ease}html[lang=en] .lang-selector__link--th,html[lang=en] .lang-selector__link--ja{opacity:.3;text-decoration:none}html[lang=en] .lang-selector__list:hover .lang-selector__link--th:hover,html[lang=en] .lang-selector__list:hover .lang-selector__link--ja:hover{opacity:1}html[lang=th] .lang-selector__link--en,html[lang=th] .lang-selector__link--ja{opacity:.3;text-decoration:none}html[lang=th] .lang-selector__list:hover .lang-selector__link--en:hover,html[lang=th] .lang-selector__list:hover .lang-selector__link--ja:hover{opacity:1}html[lang=ja] .lang-selector__link--en,html[lang=ja] .lang-selector__link--th{opacity:.3;text-decoration:none}html[lang=ja] .lang-selector__list:hover .lang-selector__link--en:hover,html[lang=ja] .lang-selector__list:hover .lang-selector__link--th:hover{opacity:1}.footer__contact{background:#ffe861}.footer__cta-link{display:block;padding:6% 10%;font-size:2.5rem;font-weight:800;transition:opacity .5s ease}@media (max-width: 1119px){.footer__cta-link{font-size:2.25rem}}@media (max-width: 679px){.footer__cta-link{font-size:1.75rem}}.footer__cta-title{display:flex;justify-content:space-between;align-items:center}@media (max-width: 679px){.footer__cta-title{justify-content:center;gap:1.125rem;flex-direction:column}}@media (max-width: 1119px){.footer__cta-icon-wrapper{text-align:center}}.footer__cta-icon{width:3rem;vertical-align:middle;fill:#333;display:inline-flex;margin:-.15em 0 0;max-height:3rem}@media (max-width: 1119px){.footer__cta-icon{width:2.25rem}}@media (max-width: 679px){.footer__cta-icon--arrow{transform:translate(-10px)}}.footer__cta-text{display:block;margin-top:1.875rem;font-size:.875rem;font-weight:400}@media (max-width: 679px){.footer__cta-text{text-align:center}}.footer__inner{background:#333;display:flex;gap:5%;align-items:center;padding:5%}@media (max-width: 1119px){.footer__inner{flex-direction:column-reverse;align-items:start}}.footer__branding{color:#fff;font-weight:300}.footer__navigation{background-color:#333;padding:.5rem}@media (max-width: 1119px){.footer__navigation{width:100%}}.footer__navigation-group{border-bottom:.0625rem solid rgba(255,255,255,.1);padding-bottom:.875rem;margin-bottom:.875rem}@media (min-width: 1120px){.footer__navigation-group:nth-last-child(1){border-bottom:none;padding-bottom:0;margin-bottom:0}}.footer__navigation-group dl{display:flex;gap:1.75rem}@media (max-width: 1119px){.footer__navigation-group dl{flex-direction:column;gap:0}}.footer__menu-list{display:flex;flex-wrap:wrap;gap:1.75rem}@media (max-width: 1119px){.footer__menu-list{gap:0}.footer__menu-list li{width:50%;margin:.5em 0}}.footer__link{letter-spacing:.01125rem;transition:opacity .5s ease;color:#fff;font-size:.875rem;font-weight:400;font-family:Roboto,Noto Sans,Noto Sans Thai,Noto Sans JP,sans-serif}@media (any-hover: hover){.footer__link:hover{opacity:.5}}.footer__navigation-heading{color:#fff;opacity:.5;flex-shrink:0;flex-basis:5.625rem}@media (max-width: 1119px){.footer__navigation-heading{flex-basis:0}}.footer__company-name{font-size:.875rem;margin-top:1rem}@media (max-width: 1119px){.footer__company-name{margin-top:2rem}}.footer__copyright{display:block;margin-top:1rem;font-size:.75rem;opacity:.5}.footer__lang-toggle{margin-top:.875rem}.footer__lang-toggle .lang-toggle__btn{color:#fff;font-size:.875rem;font-weight:400}.footer__logo{transition:opacity .5s ease}@media (any-hover: hover){.footer__logo:hover{opacity:.5}}.section{padding-bottom:7rem}.section__inner{max-width:1440px;margin-inline:auto}@media (max-width: 1119px){.section__inner{max-width:100%}}.section__content{margin:0 5%;position:relative;border-radius:.5rem}.section__title{position:relative;top:-4.46875rem;line-height:1.3;margin-inline:10.4304635762%}@media (max-width: 1119px){.section__title{top:-2.4375rem}}.section__sub-title{display:block;margin-top:.5rem}@media (max-width: 1119px){.section__sub-title{margin-top:.25rem}}.section--bg,.section--bg-right,.section--bg-left{position:relative}.section--bg:before,.section--bg-right:before,.section--bg-left:before{content:"";width:75%;height:100%;position:absolute;border-radius:.5rem;top:0}.section--bg-right:before{right:0}.section--bg-blue:before{background-color:#e6f9fa}.section--bg-red:before{background-color:#ffefef}.section--bg-yellow:before{background-color:#fffbd1}.section--bg-pink:before{background-color:#fcf0ff}.news{width:100%}.news__card{max-width:65rem;background:#fff;padding:3.5rem 3.75rem 4rem;border-radius:.5rem;position:relative;box-shadow:0 0 .3125rem #0000001a;margin-bottom:1.4375rem;margin-inline:auto}@media (max-width: 1119px){.news__card{width:100%;max-width:100%;padding:3.75rem 5%}}.news__title{position:absolute;top:-2rem}.news-item__subtitle{display:block;font-size:1rem}@media (max-width: 1119px){.news-item__subtitle{font-size:.875rem}}.news__lists{display:flex;gap:1.5rem;flex-direction:column}.news-item{display:flex;gap:2rem;align-items:center}@media (max-width: 679px){.news-item{justify-content:space-between;flex-wrap:wrap;gap:0}}.news-item__meta{display:flex;gap:1rem;align-items:center}@media (max-width: 679px){.news-item__meta{width:100%;justify-content:space-between}}.news-item__date{width:8rem}.news-item__label{border:1px solid #007b97;color:#007b97;display:inline-flex;width:7.5rem;height:1.25rem;align-items:center;justify-content:center;font-size:.75rem;font-weight:400}.news-item--link{color:#007b97;cursor:pointer;transition:transform .5s ease}@media (any-hover: hover){.news-item--link:hover{transform:scale(1.04)}}@media (max-width: 679px){.news-item__title{flex:none;width:100%;margin-top:1em}}.news__btn-wrapper{position:absolute;left:0;bottom:-1.4375rem;width:100%;text-align:center}.mv{background:linear-gradient(to bottom,#fff0 100vh,#fffc calc(100vh + 26rem),#fff calc(100vh + 26rem));padding-top:13.375rem;padding-bottom:5rem}.mv__inner{margin-inline:5%}.mv__content{width:fit-content}@media (max-width: 1119px){.mv__lead{width:fit-content;margin-inline:auto}}.mv__lead-image{max-width:34.9375rem;width:100%;margin-left:-.75em}@media (max-width: 1119px){.mv__lead-image{max-width:18rem}}.mv__description{margin-top:1.5625rem;font-weight:700}.mv__news{margin-top:8.375rem;width:100%}.about__grid-inner{gap:4.25rem}@media (max-width: 1119px){.about__grid-inner{gap:2.5rem}}.about__text-content{padding:2.5rem 3.75rem}@media (max-width: 1119px){.about__text-content{padding:1.25rem 1.875rem}}.about__paragraph+.about__paragraph{margin-top:1rem}@media (max-width: 1119px){.about__paragraph+.about__paragraph{margin-top:.5rem}}.about__image{border-radius:.5rem;width:100%;aspect-ratio:3/2;object-fit:cover}.service__item-layout{gap:3.25rem;align-items:start;padding-inline:5%}@media (max-width: 1119px){.service__item-layout{gap:1.5rem;padding-inline:0}}.service__item-details{padding-block:.5rem}.service__item-title{margin-bottom:1rem}.service__item-image{border-radius:.5rem;width:100%;aspect-ratio:3/2;object-fit:cover}.our-clients__subtitle,.our-clients__item-subtitle{display:block;font-size:.875rem}.our-clients__list{gap:5rem}@media (max-width: 1119px){.our-clients__list{display:grid;grid-template-columns:repeat(2,1fr);gap:3.75rem}}@media (max-width: 679px){.our-clients__list{grid-template-columns:1fr}}.our-clients__item-layout{align-items:start;gap:4.25rem}@media (max-width: 1119px){.our-clients__item-layout{gap:1.5rem}}.our-clients__item-title{margin-bottom:1rem}.our-clients__item-link{margin-top:.625rem}.our-clients__item-image{width:100%;aspect-ratio:8/5;object-fit:cover;border:1px solid #f1f1f1;border-radius:.5rem;min-width:16.125rem}.profile__content{max-width:65rem;background:#fff;padding:3.75rem;margin-inline:auto}@media (max-width: 1119px){.profile__content{padding:1.875rem}}.profile__address{font-style:normal}.profile__address-info{display:flex;flex-direction:column;gap:1.875rem}@media (max-width: 679px){.profile__address-info{gap:1rem}}.profile__address-info-row{display:flex;align-items:center;gap:5.125rem;padding-bottom:1.875rem;border-bottom:.0625rem solid #ddd}@media (max-width: 679px){.profile__address-info-row{flex-direction:column;gap:.9375rem;align-items:start;padding-bottom:1rem}}.profile__address-info-term{min-width:9.25rem;font-weight:700}.profile__address-info-link{display:block}.profile__address-map{padding-top:3.75rem;display:flex;flex-direction:column;gap:2.25rem}.profile__address-map iframe{aspect-ratio:23/10;min-height:25rem;vertical-align:top;width:100%;border:0}.profile__address-map-title{font-weight:700;font-size:1.5rem}.profile__address-map-text{line-height:1.875rem;letter-spacing:.05rem}.contact{background:#fff}.contact__content{padding:3.75rem;max-width:45rem;width:100%;margin:0 auto}@media (max-width: 1119px){.contact__content{padding:1.875rem}}.contact__privacy-note{font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.contact__form{margin-top:1.875rem}.contact__fields{display:flex;flex-direction:column;gap:3.75rem}@media (max-width: 1119px){.contact__fields{gap:1.875rem}}.contact__actions{text-align:center;margin-top:3.75rem}.news-filtering{margin-bottom:3.75rem;background:#f7f7f7;padding:2.5% 5%;text-align:center}@media (max-width: 1119px){.news-filtering{margin-bottom:5%}}@media (max-width: 679px){.news-filtering{text-align:inherit}.news-filtering label:first-of-type{margin-left:0!important}}.news-filtering__select{margin:0 2em;display:inline-block;position:relative}@media (max-width: 679px){.news-filtering__select{width:100%}}.news-filtering__select:after{content:"";width:.4em;height:.4em;position:absolute;top:calc(50% - .2em);right:1.5rem;border-right:2px solid #007b97;border-bottom:2px solid #007b97;transform:rotate(45deg);pointer-events:none}.news-filtering__select select{border-radius:.25rem;border:2px solid #ffffff;border-bottom:2px solid #ddd;padding:1rem 2.5rem 1rem 1rem;min-width:15rem;color:#007b97;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;background:#fff;font-size:.875rem;transition:border-bottom .5s ease}@media (any-hover: hover){.news-filtering__select select:hover{border-bottom:2px solid #aaa}}@media (max-width: 679px){.news-filtering__select select{width:100%}}.news-filtering__radio{margin-right:1rem;display:inline-block;padding:.75em .5em .75em 1.5em;position:relative;transition:color .5s ease;cursor:pointer}@media (any-hover: hover){.news-filtering__radio:hover{color:#007b97}}.news-filtering__radio input[type=radio]{display:none}.news-filtering__radio input[type=radio]:checked+span:after{background:#007b97}.news-filtering__radio span:before,.news-filtering__radio span:after{content:"";display:inline-block;width:1.125rem;height:1.125rem;position:absolute;top:calc(50% - .5rem);left:0;border-radius:50%;box-sizing:border-box}.news-filtering__radio span:before{background:#fff;border:1px solid #007b97}.news-filtering__radio span:after{width:.75rem;height:.75rem;background:#fff;top:calc(50% - .3125rem);left:.1875rem;transition:background .5s ease}.news-result{padding-bottom:5rem;padding-inline:5%}@media (max-width: 1119px){.news-result{padding-bottom:2.5rem}}.news-result .news__lists{gap:.25rem}.news-result .news-item{background:#f7f7f7;padding:1.25rem}.u-center{text-align:center!important}.u-hidden-sp{display:block}@media (max-width: 1119px){.u-hidden-sp{display:none}}.u-hidden-pc{display:none}@media (max-width: 1119px){.u-hidden-pc{display:block}}.u-visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;clip:rect(0,0,0,0);border-width:0}@keyframes u-rotate-anime{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}