/* The same native service blocks on the site and in the editing canvas. */
.hp-services-native,.hp-native-service{width:100%;max-width:none;color:#1a1a1a;font-family:var(--sans,"Noto Sans JP",sans-serif);line-height:1.9}
.hp-native-service :is(.wp-block-group,.wp-block-query,.wp-block-buttons,.wp-block-heading,p,figure,ul){box-sizing:border-box;min-width:0}
.hp-native-service .wp-block-group>.wp-block-group__inner-container{display:contents}
.hp-native-service .wp-block-group>.block-editor-inner-blocks,.hp-native-service .wp-block-group>.block-editor-inner-blocks>.block-editor-block-list__layout{display:contents}
.hp-native-service .wp-block-group{margin:0}
.hp-native-service .wp-block-group.wrap{margin-left:auto;margin-right:auto}
.hp-services-native>.swell-block-fullWide{width:100%;max-width:none;margin:0!important;padding:0!important;left:auto;right:auto;box-sizing:border-box}
.hp-services-native>.swell-block-fullWide>.swell-block-fullWide__inner{width:100%;max-width:none;margin:0;padding:0}
.hp-native-service :is(h1,h2,h3){background:none;border:0;box-shadow:none;padding:0;color:inherit;font-family:var(--sans)}
.hp-native-service :is(h1,h2,h3)::before,.hp-native-service :is(h1,h2,h3)::after{content:none;display:none}
.hp-native-service :is(h1,h2,h3).wp-block-heading{background:none;border:0;box-shadow:none;padding:0;color:inherit;font-family:var(--sans);font-weight:700;letter-spacing:.03em}
.hp-native-service :is(h1,h2,h3).wp-block-heading::before,.hp-native-service :is(h1,h2,h3).wp-block-heading::after{content:none;display:none}
.hp-native-service .hp-masthead h1{color:#133B32;font-size:clamp(28px,3.2vw,42px);margin:0;line-height:1.65}
.hp-native-service .hp-masthead{padding-top:20px!important}
.hp-native-service .hp-crumb{font-size:11px;color:#475650;margin:0 0 24px;line-height:1.8}
.hp-native-service .hp-crumb a{color:inherit;text-decoration:none}
.hp-native-service .sec-label{margin:0 0 16px;font-size:12px;color:#3F8E7A}
.hp-native-service .hp-masthead-lead{margin-top:20px}
.hp-native-service .hp-section h2{font-size:28px;line-height:1.6;margin:0}
.hp-native-service .hp-section-head{margin-bottom:40px}
.hp-native-service .hp-section-head>p{margin:0}
.hp-native-service .hp-domain-intro p{margin:20px 0 0}
.hp-native-service .hp-topics{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}
.hp-native-service .hp-topics li{list-style:none;margin:0;padding:18px 16px;border-radius:4px;background:#EEF7F4;font-size:14px;font-weight:700;color:#133B32}
.hp-native-service .hp-native-service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;list-style:none;margin:0!important;padding:0!important}
.hp-native-service .hp-native-service-grid>li.wp-block-post{display:flex;flex-direction:column;margin:0!important;padding:0!important;min-width:0;border:1px solid #D5E6E0;border-radius:8px;overflow:hidden;background:#fff}
.hp-native-service .hp-native-service-grid>li[hidden]{display:none!important}
.hp-native-service .hp-service-image{margin:0!important;background:#EEF7F4;aspect-ratio:16/10;overflow:hidden}
.hp-native-service .hp-service-image :is(a,img){display:block;width:100%;height:100%;object-fit:cover}
.hp-native-service .hp-card-body{margin:0;padding:24px;display:flex;flex-direction:column;flex:1;gap:0}
.hp-native-service .hp-card-body h3{font-family:var(--sans);font-size:18px;line-height:1.7;margin:0 0 12px}
.hp-native-service .hp-card-body h3 a{color:inherit;text-decoration:none}
.hp-native-service .hp-card-tags{margin:0 0 12px}
.hp-native-service .hp-card-tags a{font-size:10px;padding:4px 8px;color:#1F5A4D;background:#EEF7F4;text-decoration:none;border-radius:4px}
.hp-native-service .hp-service-summary{font-size:13px;color:#475650;line-height:1.9;margin:0;flex:1}
.hp-native-service .hp-service-summary p{margin:0}
.hp-native-service .hp-card-more{color:#1F5A4D;font-size:12px;font-weight:700;text-decoration:none;display:block;margin-top:24px;padding-top:16px;border-top:1px solid #D5E6E0}
.hp-native-service .hp-native-service-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.hp-native-service .hp-native-service-filters .wp-block-button{margin:0}
.hp-native-service .hp-native-service-filters .wp-block-button__link{font:inherit;font-size:12px;padding:10px 14px;color:#1F5A4D;background:#fff;border:1px solid #C6E0D7;border-radius:4px;text-decoration:none;box-shadow:none}
.hp-native-service .hp-native-service-filters a.is-active{color:#fff;background:#1F5A4D;border-color:#1F5A4D}
.hp-native-service .hp-native-filter-count{font-size:12px;color:#475650;margin:0 0 24px}
.hp-native-service .hp-native-domain-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.hp-native-service .hp-native-domain-card{grid-column:span 2;display:flex;flex-direction:column;background:#EEF7F4;border:1px solid #D5E6E0;border-radius:8px;padding:28px}
.hp-native-service .hp-native-domain-card:nth-child(n+4){grid-column:span 3}
.hp-native-service .hp-native-domain-card h3{font-size:20px;line-height:1.6;margin:0 0 12px}
.hp-native-service .hp-native-domain-card>p{font-size:14px;color:#475650;margin:0 0 20px}
.hp-native-service .hp-native-domain-card .hp-domain-number{font-size:11px;color:#1F5A4D;margin-bottom:24px}
.hp-native-service .hp-service-field-icon{margin:0 0 16px;display:grid;place-items:center;width:40px;height:40px;background:#fff;border-radius:50%}
.hp-native-service .hp-service-field-icon img{width:24px;height:24px;object-fit:contain}
.hp-native-service .hp-native-domain-card .wp-block-buttons{margin-top:auto}
.hp-native-service .hp-native-other-domains{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.hp-native-service .hp-native-other-domains>.wp-block-button{width:100%;margin:0}
.hp-native-service .hp-native-other-domains .wp-block-button__link{display:block;width:100%;background:#fff;color:#133B32;border:1px solid #D5E6E0;border-radius:4px;padding:20px 24px;font-size:14px;line-height:1.7;text-align:left;text-decoration:none;box-shadow:none}
.hp-native-service .hp-native-more .wp-block-button__link{display:inline-block;background:transparent;color:#1F5A4D;border:0;border-radius:0;padding:0;font-size:12px;font-weight:700;text-decoration:none;box-shadow:none}
.hp-native-service .hp-contact-cta .sec-label{color:#C6E0D7}
.hp-native-service .hp-contact-cta h2{color:#fff;font-size:28px;line-height:1.7;margin:0}
.hp-native-service .hp-contact-cta .wp-block-button__link{display:block;min-width:240px;padding:18px 24px;font-size:14px;font-weight:700;text-decoration:none;background:#EEF7F4;color:#133B32;border:0;border-radius:4px;box-shadow:none}
.hp-native-service .wp-block-buttons{margin-bottom:0}
.hp-native-service a:focus-visible{outline:2px solid #3F8E7A;outline-offset:3px}
@media(max-width:960px){.hp-native-service .hp-native-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.hp-native-service .hp-native-domain-grid{grid-template-columns:1fr 1fr}.hp-native-service .hp-native-domain-card{grid-column:auto!important}.hp-native-service .hp-native-domain-card:last-child{grid-column:1/-1!important}}
@media(max-width:640px){.hp-native-service .hp-masthead{padding-top:16px!important}.hp-native-service .hp-masthead h1{font-size:27px}.hp-native-service .hp-masthead-lead{font-size:14px}.hp-native-service .hp-section h2{font-size:23px}.hp-native-service .hp-section-head{margin-bottom:28px}.hp-native-service .hp-section-head>p{margin-top:16px}.hp-native-service .hp-topics{gap:8px}.hp-native-service .hp-topics li{font-size:12px;padding:14px 12px}.hp-native-service .hp-native-service-grid,.hp-native-service .hp-native-domain-grid,.hp-native-service .hp-native-other-domains{grid-template-columns:1fr!important}.hp-native-service .hp-native-domain-card{grid-column:auto!important;padding:24px}.hp-native-service .hp-native-service-filters{gap:6px}.hp-native-service .hp-native-service-filters .wp-block-button__link{font-size:11px;padding:9px 10px}.hp-native-service .hp-contact-cta h2{font-size:24px}.hp-native-service .hp-contact-cta .wp-block-buttons{margin-top:28px}.hp-native-service .hp-contact-cta .wp-block-button__link{min-width:0;width:100%}}
/* Editor wrapper nodes should not add spacing or prevent the native grids. */
.editor-styles-wrapper .hp-native-service{container-type:inline-size;container-name:hp-service-editor}
.editor-styles-wrapper .hp-native-service .wp-block{max-width:none}
.editor-styles-wrapper .hp-native-service .swell-block-fullWide__inner{padding:0;max-width:none}
.editor-styles-wrapper .hp-native-service .hp-contact-cta{color:#fff}
@container hp-service-editor (max-width:960px){.hp-native-service .hp-domain-intro{grid-template-columns:1fr;gap:28px}.hp-native-service .hp-native-service-grid{grid-template-columns:1fr 1fr!important}}
@container hp-service-editor (max-width:640px){.hp-native-service .hp-native-service-grid,.hp-native-service .hp-native-domain-grid,.hp-native-service .hp-native-other-domains{grid-template-columns:1fr!important}.hp-native-service .hp-native-domain-card{grid-column:auto!important}.hp-native-service .hp-contact-cta>.wrap{display:block}.hp-native-service .hp-contact-cta .wp-block-buttons{margin-top:28px}.hp-native-service .hp-section{padding:48px 0}}