.resource-page-frame{--home-display-font:var(--system-font-current, sans-serif);--home-action-font:var(--system-font-current, sans-serif);--home-action-weight:var(--marketing-weight-500);--home-action-tracking:0;--home-action-size:16px;--home-action-primary-size:16px;--home-action-compact-size:16px;--home-content-width:1376px;--home-body-font:var(--system-font-current, sans-serif);--marketing-regular-heading-font:var(--system-font-current, sans-serif);--marketing-regular-heading-weight:var(--marketing-weight-400);width:100%;overflow:clip;background:#fff;color:#202d31;font-family:var(--system-font-current,sans-serif);font-weight:400}.resource-page-frame .resource-section{width:min(1376px,calc(100% - 64px));margin-inline:auto;padding:120px 0;white-space:normal}.resource-page-frame .resource-section+.resource-section{padding-top:0}.resource-page-frame .resource-section__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px;margin-bottom:48px}.resource-page-frame .resource-section__title{margin:0;color:#202d31;font-family:var(--system-font-current,sans-serif);font-size:30px;font-weight:400;line-height:1.1;letter-spacing:.005em;text-align:left;text-wrap:balance}.resource-page-frame .resource-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.resource-page-frame .resource-card-grid>*{min-width:0}.resource-search:not(.article-input){position:relative;flex:0 0 320px;width:320px;max-width:100%}.resource-search:not(.article-input) .custom-input,.resource-search:not(.article-input) .search-box-wrap,.resource-search:not(.article-input).custom-input{flex:0 0 320px;width:320px;max-width:100%;height:40px;background:transparent}.resource-search:not(.article-input) .search-box,.resource-search:not(.article-input) :deep(.search-box){box-sizing:border-box;height:40px;padding:0 20px 0 42px;border:1px solid rgba(11,18,32,.16);border-radius:999px;background:#fff;color:#0b1220;font-size:13px;outline:none;transition:border-color .18s ease}.resource-search:not(.article-input) .search-box::-webkit-input-placeholder,.resource-search:not(.article-input) :deep(.search-box)::-webkit-input-placeholder{color:#0b122073;font-size:13px;opacity:1}.resource-search:not(.article-input) .search-box:-ms-input-placeholder,.resource-search:not(.article-input) :deep(.search-box):-ms-input-placeholder{color:#0b122073;font-size:13px;opacity:1}.resource-search:not(.article-input) .search-box::-ms-input-placeholder,.resource-search:not(.article-input) :deep(.search-box)::-ms-input-placeholder{color:#0b122073;font-size:13px;opacity:1}.resource-search:not(.article-input) .search-box::placeholder,.resource-search:not(.article-input) :deep(.search-box)::placeholder{color:#0b122073;font-size:13px;opacity:1}.resource-search:not(.article-input) .search-box:hover,.resource-search:not(.article-input) :deep(.search-box):hover{border-color:#0b122061}.resource-search:not(.article-input) .search-box:focus,.resource-search:not(.article-input) :deep(.search-box):focus{border-color:#0b1220}.resource-search:not(.article-input) .prefix,.resource-search:not(.article-input) :deep(.prefix){left:18px;color:#0b12209e;font-size:18px;line-height:1}.resource-search:not(.article-input) .suffix,.resource-search:not(.article-input) :deep(.suffix){right:18px;color:#0b12209e;font-size:18px;line-height:1;cursor:pointer}.resource-search:not(.article-input) .history-popover,.resource-search:not(.article-input) .popular-popver,.resource-search:not(.article-input) :deep(.history-popover),.resource-search:not(.article-input) :deep(.popular-popver){top:48px;width:320px;max-width:100%;border:1px solid rgba(11,18,32,.18);border-radius:0;box-shadow:0 18px 40px #0b122014}.resource-search:not(.article-input).mobile-search-wrap,.resource-search:not(.article-input).phone-search{flex:1 1 auto;width:100%}.resource-search:not(.article-input).mobile-search-wrap .custom-input,.resource-search:not(.article-input).mobile-search-wrap .history-popover,.resource-search:not(.article-input).mobile-search-wrap .popular-popver,.resource-search:not(.article-input).mobile-search-wrap .search-box-wrap,.resource-search:not(.article-input).mobile-search-wrap :deep(.history-popover),.resource-search:not(.article-input).mobile-search-wrap :deep(.popular-popver),.resource-search:not(.article-input).mobile-search-wrap.custom-input,.resource-search:not(.article-input).phone-search .custom-input,.resource-search:not(.article-input).phone-search .history-popover,.resource-search:not(.article-input).phone-search .popular-popver,.resource-search:not(.article-input).phone-search .search-box-wrap,.resource-search:not(.article-input).phone-search :deep(.history-popover),.resource-search:not(.article-input).phone-search :deep(.popular-popver),.resource-search:not(.article-input).phone-search.custom-input{flex:1 1 auto;width:100%}@media screen and (max-width:1279px){.resource-page-frame .resource-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.resource-page-frame .resource-section{padding:88px 0}.resource-page-frame .resource-section+.resource-section{padding-top:0}.resource-page-frame .resource-section__head{margin-bottom:40px}}@media screen and (max-width:767px){.resource-page-frame .resource-section{width:calc(100% - 32px);padding:64px 0}.resource-page-frame .resource-section+.resource-section{padding-top:0}.resource-page-frame .resource-section__head{margin-bottom:32px}.resource-page-frame .resource-section__head>*{width:100%}.resource-page-frame .resource-section__title{font-size:24px;line-height:1.14}.resource-page-frame .resource-card-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:32px}}.resource-page-frame:not(.customer-story-detail) .resource-section :is(h2,h3){overflow-wrap:break-word}.resource-page-frame:not(.customer-story-detail):lang(ja) .resource-section :is(h2,h3,p){word-break:auto-phrase;line-break:strict}@media screen and (max-width:767px){.resource-page-frame:not(.customer-story-detail) .resource-section__head .resource-search{flex:1 1 100%;width:100%}.resource-page-frame:not(.customer-story-detail) .resource-search .search-box{font-size:16px}}
