@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%;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{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}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}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset: -3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset: -3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inset:0 .5em 0 auto;padding:1em 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}.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-contents{background:#fff;backface-visibility:hidden;padding:5rem 0}@media (max-width: 1119px){.l-contents{padding:2.5rem 0}}.l-contents h1,.l-contents h2,.l-contents h3{margin-top:3em}.l-contents h2,.l-contents h3,.l-contents h4,.l-contents h5,.l-contents h6{margin-bottom:1em;font-weight:600}.l-contents h4{margin:1em 0 .5em;font-size:1.25rem}@media (max-width: 1119px){.l-contents h4{font-size:1rem}}.l-contents h5{margin:1em 0 .5em;font-size:1.25rem}@media (max-width: 1119px){.l-contents h5{font-size:1rem}}.l-contents h6{margin:1em 0 .5em;font-size:1.25rem}@media (max-width: 1119px){.l-contents h6{font-size:1rem}}.l-contents h2{padding-bottom:.75em;margin-bottom:1.5em;border-bottom:2px solid #333333;font-size:1.5rem;font-weight:600}.l-contents h3{font-size:1.5rem;font-weight:600}@media (max-width: 1119px){.l-contents h2,.l-contents h3{font-size:1.125rem}}.l-contents h1+ul,.l-contents h1+ol{margin-top:0}.l-contents h2+ul,.l-contents h2+ol{margin-top:0}.l-contents h3+ul,.l-contents h3+ol{margin-top:0}.l-contents h4+ul,.l-contents h4+ol{margin-top:0}.l-contents h5+ul,.l-contents h5+ol{margin-top:0}.l-contents h6+ul,.l-contents h6+ol{margin-top:0}.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;animation-name:u-font-fadeIn;animation-duration:2s}@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__inner{padding:0 5%}.l-article{width:100%;max-width:90rem;margin:auto;padding:0 5%}article[class*=article-]>*:first-child,.l-rich-text>*:first-child,.l-article>*:first-child,.l-article__body>*:first-child,.l-image-frame__text>*:first-child{margin-top:0!important}article[class*=article-]>*:last-child,.l-rich-text>*:last-child,.l-article>*:last-child,.l-article__body>*:last-child,.l-image-frame__text>*:last-child{margin-bottom:0!important}.l-article__body{max-width:47rem;margin:auto;padding-bottom:5rem}@media (max-width: 679px){.l-article__body{padding-bottom:2.5rem}}.l-article__body strong{font-weight:600}.l-article__body del{color:#666}.l-article__body p{margin-bottom:1.5em}.l-article__body blockquote{background:#f7f7f7;border-radius:.25rem;margin:3em 0;padding:2.5em;position:relative}.l-article__body blockquote:before,.l-article__body blockquote:after{display:block;font-size:6.25rem;color:#ddd;position:absolute;line-height:1}.l-article__body blockquote:before{content:"“";top:-.28em;left:0}.l-article__body blockquote:after{content:"”";bottom:-.7em;right:0}.l-article__body blockquote p{margin-bottom:0}.l-article__body ul,.l-article__body ol{margin:3em 0}.l-article__body ul li,.l-article__body ol li{position:relative;margin-bottom:1em;padding-left:1.875rem}.l-article__body ul li:before,.l-article__body ul li:after,.l-article__body ol li:before,.l-article__body ol li:after{display:block;position:absolute;width:1.5em;text-align:center;left:0}.l-article__body ul li:before{content:"•";font-weight:700}.l-article__body ol{counter-reset:list-item-counter}.l-article__body 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__body hr{margin:3em 0;border-bottom:1px solid #ddd}.l-article__body table{width:100%;margin:3em 0;font-size:.875rem;line-height:2;background:#fff}.l-article__body table th,.l-article__body table td{border:1px solid #ddd;padding:.75em 1em;line-height:1.6}.l-article__body a{color:#007b97}.l-article__body 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__body figure{margin:3em 0;text-align:center}.l-article__body 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-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{text-align:center;width:100%;max-width:16.25rem;border-radius:3.125rem;padding:1em 2em;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--small{padding:.375rem 1.5rem;font-size:.75rem}.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:1.0625rem 1.0625rem;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:.75rem .75rem}}@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}.form .note{margin-top:.5em;display:block;color:#fd635f;font-size:.875rem;font-weight:500}.form .form-bad input:not([type=submit]),.form .form-bad select,.form .form-bad textarea{background:#ffefef;border-color:#fd635f}@media (max-width: 679px){.page-form .pagetop{display:none}}@media (min-width: 680px){.page-form .grecaptcha-badge{bottom:100px!important;z-index:11}}.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:9rem}.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}.our-clients__item-detail{margin-top:.625rem}.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;margin-bottom:1.5em}.contact__form{margin-top:1.875rem}.contact__fields{display:flex;flex-direction:column;gap:3.75rem;margin-top:3em;gap:3em}@media (max-width: 1119px){.contact__fields{gap:1.875rem}}.form__actions{text-align:center;margin-top:4em}.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;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}.work__header{padding:12.5rem 0 7.5rem}@media (max-width: 1119px){.work__header{padding:8.125rem 0 4.375rem}}.work-header__inner sup{top:-.5em}.article-work__lead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;max-width:70rem;margin:0 auto 3.75rem}.article-work__lead h1{width:100%;font-size:2.25rem;font-weight:700;margin-bottom:1rem;margin-top:0}@media (max-width: 1119px){.article-work__lead h1{font-size:1.5rem}}.article-work__lead .work-subtitle{display:block;font-size:60%}.article-work__lead .work-description{flex:6;margin-right:5%}@media (max-width: 1119px){.article-work__lead .work-description{flex:inherit;width:100%;margin:0 0 1.5em}}.article-work__lead dl{flex:4;margin:.4em 0 0;display:flex;flex-wrap:wrap;font-size:.875rem}@media (max-width: 1119px){.article-work__lead dl{flex:inherit;width:100%;margin:0}}.article-work__lead dl dt{font-weight:700;width:5em;margin-bottom:1em}.article-work__lead dl dd{width:calc(100% - 5em);margin-bottom:1em;word-break:break-all;color:#666}.article-work__lead dl dd a{font-size:.8125rem}.works-splide{width:100%}.works-splide .splide__slide{max-width:800px}.works-splide .splide__slide img{height:100%;aspect-ratio:auto}.works-splide .splide__pagination{bottom:-42px;display:flex!important}.works-splide .splide__pagination__page{border:1px solid #007b97;background:#fff;height:.625rem;width:.625rem}.works-splide .splide__pagination__page.is-active{background:#007b97;transform:scale(1)}.staff-list,.work-url-list{border-top:1px solid #f1f1f1;padding:2.5rem 0}.staff-list .staff-list__title,.staff-list .work-url-list__title,.work-url-list .staff-list__title,.work-url-list .work-url-list__title{margin-bottom:1em;margin-top:0}.staff-list__list{display:flex;flex-wrap:wrap}.staff-list__item{width:25%;margin-bottom:2em}@media (max-width: 1119px){.staff-list__item{width:33.33%}}@media (max-width: 679px){.staff-list__item{width:50%}}.staff-list__item a{display:flex;align-items:center;color:#007b97;font-weight:600}@media (max-width: 679px){.staff-list__item a{text-align:center;flex-direction:column}}.staff-list__item a:not([href]){color:#333}.staff-list__item a p{width:calc(100% - 5rem);margin-bottom:0;padding:0 1em;line-height:1.4}@media (max-width: 679px){.staff-list__item a p{width:100%}}.staff-list__item a p small{display:block;font-size:.75rem;color:#aaa}.staff-list__figure{width:5rem;border:1px solid #f1f1f1;border-radius:50%;position:relative;overflow:hidden;background:#fff;display:block;z-index:0}.staff-list__figure:before{padding-top:100%;content:"";display:block}.staff-list__figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;object-fit:cover;backface-visibility:hidden}.work-url-list__list{display:grid;grid-template-columns:repeat(2,1fr);row-gap:1em;column-gap:2em}@media (max-width: 1119px){.work-url-list__list{grid-template-columns:1fr}}.work-url-list__item{display:block;padding:1.25rem 3.75rem 1.25rem 1.875rem;border:1px solid #007b97;border-radius:.25rem;font-weight:600;line-height:1.2;position:relative;font-size:1rem;overflow:hidden}@media (max-width: 679px){.work-url-list__item{font-size:.6875rem}}@media (any-hover: hover){.work-url-list__item:hover{background:#007b97;color:#fff;opacity:1}.work-url-list__item:hover svg{fill:#fff}}.work-url-list__item:before{content:"";width:3.6em;height:100%;display:block;position:absolute;top:0;right:0;transition:all .5s ease}.work-url-list__item svg{content:"";position:absolute;width:1em;height:1em;fill:#007b97;top:calc(50% - .5em);right:1.25rem;transition:all .5s ease}.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}.u-slide-loading{width:4px;height:24px;position:absolute;top:calc(55% - 12px);left:calc(50% - 12px);background:#fff;animation:loadMovie 1s infinite ease-in-out;animation-delay:-.16s}.u-slide-loading:before,.u-slide-loading:after{content:"";background:#fff;animation:loadMovie 1s infinite ease-in-out;width:100%;height:100%;position:absolute;top:0}.u-slide-loading:before{left:15px;animation-delay:-.32s}.u-slide-loading:after{left:-15px}@keyframes loadMovie{0%,80%,to{box-shadow:0 0;height:24px}40%{box-shadow:-12px;height:33.6px}}@keyframes u-rotate-anime{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes u-font-fadeIn{0%,50%{opacity:0}to{opacity:.1}}