@charset "UTF-8";
              html,
body {
scroll-behavior: auto !important;
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
font-feature-settings: "palt";
font-size: 17px;
color: #333333;
line-height: 1.5;
}
a {
color: #0071bc;
text-decoration: none;
}
a:hover {
color: #29abe2;
} body.page:not(.home) .l-main .l-container {
width: 100% !important;
}
body.page:not(.home) .l-main .l-container .is-layout-flex {
align-items: stretch !important;
}
body.page:not(.home) .l-main .l-container .is-layout-grid {
justify-items: stretch !important;
} body.page:not(.home) .l-main .l-container,
body.single-post .l-main .p-entry__body { align-items: stretch !important;   }
body.page:not(.home) .l-main .l-container > *,
body.single-post .l-main .p-entry__body > * {
width: 100% !important;
max-width: 100% !important;
}
body.page:not(.home) .l-main .l-container,
body.single-post .l-main .p-entry__body { }
body.page:not(.home) .l-main .l-container.is-layout-constrained > *,
body.page:not(.home) .l-main .l-container > .is-layout-constrained > *,
body.single-post .l-main .p-entry__body.is-layout-constrained > *,
body.single-post .l-main .p-entry__body > .is-layout-constrained > * {
width: 100% !important;
}
.editor-styles-wrapper .is-root-container.block-editor-block-list__layout .is-layout-flex {
align-items: stretch !important;
}
.editor-styles-wrapper .is-root-container.block-editor-block-list__layout .is-layout-grid {
justify-items: stretch !important;
} .editor-styles-wrapper .is-root-container.block-editor-block-list__layout {
max-width: 880px !important;
margin: 0 auto !important;
padding-left: 2em !important;
padding-right: 2em !important;
box-sizing: border-box !important;
}
p,
.wp-block-paragraph {
font-size: 1rem !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 2em !important;   }
.small {
margin: 0.5rem 0 !important;
font-size: 0.7rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
font-weight: 500;
line-height: 1.4;
margin-top: 0;
margin-bottom: 1em;
}
h1 {
font-size: 2rem;
font-weight: 700;
}
h2 {
font-size: 1.625rem;
padding-bottom: 0.5em;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.125rem;
}
h5,
h6 {
font-size: 1rem;
} .editor-styles-wrapper h2,
body.blog .l-main-post .l-content h2:not(.p-post-list__title):not(.p-search-list__title),
body.archive .l-main-post .l-content h2:not(.p-post-list__title):not(.p-search-list__title),
body.search .l-main-post .l-content h2:not(.p-post-list__title):not(.p-search-list__title) {
border-left: 5px solid #0071bc !important;
padding: 0 0 0 0.5em !important;
box-sizing: border-box !important;
line-height: 1.2;
} .wp-block-separator {
border: none;
border-top: 1px solid #aaaaaa;
opacity: 1;
margin-top: 3rem;
margin-bottom: 3rem;
width: 100%;
max-width: 100%;
}
.wp-block-separator:first-child {
margin-top: 0;
}
.wp-block-separator.is-style-dots {
border: none;
height: auto;
background: none;
text-align: center;
}
.wp-block-separator.is-style-dots::before {
content: "···";
color: #aaaaaa;
font-size: 1.5rem;
letter-spacing: 1em;
padding-left: 1em;
} .wp-block-list.link-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 1.25rem 2rem !important;
box-sizing: border-box !important;
}
@media (min-width: 481px) {
.wp-block-list.link-list {
grid-template-columns: 1fr 1fr !important;
}
}
.wp-block-list.link-list > li {
margin: 0 !important;
padding: 0 0 0 0.875rem !important;
border-left: 4px solid #a2d5ef !important;
color: #666666 !important;
font-size: 0.875rem !important;
line-height: 1.65 !important;
box-sizing: border-box !important;
}
.wp-block-list.link-list > li a {
display: block !important;
margin-bottom: 0.35em !important;
color: #0071bc !important;
font-size: 1rem !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.wp-block-list.link-list > li a:hover, .wp-block-list.link-list > li a:focus-visible {
text-decoration: underline !important;
} .wp-block-list.nikusoba,
ul.nikusoba {
list-style: none !important;
margin: 0 0 3em 0 !important;
padding: 1.25rem 0 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 2.5rem 2.5rem !important;
box-sizing: border-box !important;
}
@media (min-width: 481px) {
.wp-block-list.nikusoba,
ul.nikusoba {
grid-template-columns: repeat(2, 1fr) !important;
}
}
.wp-block-list.nikusoba > li,
ul.nikusoba > li {
margin: 0 !important;
padding: 1em !important;
border-top: 5px solid #a2d5ef !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16) !important;
box-sizing: border-box !important;
font-size: 0.875rem !important;
line-height: 1.65 !important;
color: #333333 !important;
}
.wp-block-list.nikusoba > li > strong:first-child,
ul.nikusoba > li > strong:first-child {
text-align: center !important;
font-size: 1.2rem !important;
font-weight: 500 !important;
padding-bottom: 0.1rem !important;
margin: 0 0 0.1rem 0 !important;
}
.wp-block-list.nikusoba > li a,
ul.nikusoba > li a {
color: #0071bc !important;
}
.wp-block-list.nikusoba > li a:hover, .wp-block-list.nikusoba > li a:focus-visible,
ul.nikusoba > li a:hover,
ul.nikusoba > li a:focus-visible {
color: #0071bc !important;
} .wp-block-file a {
font-size: 0.95rem;
}
.wp-block-file a::before {
content: "" !important;
display: inline-block !important;
width: 1.25em !important;
height: 1.25em !important;
margin-right: 0.45em !important;
vertical-align: -0.2em !important;
background: url(//kahoku-shokokai.jp/wp-content/themes/wpkahoku2026/images/elements/icons/ico-download.svg) center/contain no-repeat !important;
} .wp-block-list.company-list {
list-style: none !important;
margin: 0 !important;
padding: 1.25rem 0 !important;
background-color: #f8f9fa !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 1rem 1.25rem !important;
box-sizing: border-box !important;
}
@media (min-width: 481px) {
.wp-block-list.company-list {
grid-template-columns: repeat(2, 1fr) !important;
}
}
.wp-block-list.company-list li {
margin: 0 !important;
padding: 1.25rem 1rem 1.35rem !important;
background-color: #ffffff !important;
border-top: 4px solid #a2d5ef !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
box-sizing: border-box !important;
text-align: left !important;
font-size: 0.875rem !important;
line-height: 1.65 !important;
color: #333333 !important;
}
.wp-block-list.company-list li::first-line {
font-weight: 700 !important;
font-size: 1rem !important;
}
.wp-block-list.company-list li a {
display: block !important;
margin-top: 0.65em !important;
color: #0071bc !important;
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
font-size: 0.875rem !important;
font-weight: 400 !important;
word-break: break-all !important;
}
.wp-block-list.company-list li a:hover, .wp-block-list.company-list li a:focus-visible {
color: #0071bc !important;
} .wp-block-table {
display: block !important;
width: -moz-fit-content !important;
width: fit-content !important;
max-width: 100% !important;
margin: 0 0 2em 0 !important;
box-sizing: border-box !important;
}
.wp-block-table table {
border-collapse: collapse !important;
width: auto !important;
max-width: 100% !important;
border: 1px solid #aaaaaa !important;
table-layout: auto !important;
box-sizing: border-box !important;
font-size: 0.9rem;
}
.wp-block-table figcaption {
font-size: 0.8rem !important;
margin: 0.5rem 0 !important;
}
.wp-block-table { }
.wp-block-table.has-fixed-layout table {
table-layout: auto !important;
}
.wp-block-table th,
.wp-block-table td {
border: 1px solid #aaaaaa !important;
padding: 0.5em 0.75em !important;
vertical-align: top !important;
box-sizing: border-box !important;
}
.wp-block-table { }
.wp-block-table thead {
border: 0 !important;
}
.wp-block-table thead th {
background-color: #eef6fc !important;
font-weight: 700 !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #aaaaaa !important;
border-bottom-width: 1px !important;
border-bottom-color: #aaaaaa !important;
box-shadow: none !important;
text-align: center;
}
.wp-block-table tbody tr:first-child td,
.wp-block-table tbody tr:first-child th {
border-top: 0 !important;
}
.wp-block-table { }
.wp-block-table table:is(:has(thead tr:first-child th:nth-child(2):last-child),
:not(:has(thead)):has(tbody tr:first-child > *:nth-child(2):last-child)) thead th:first-child {
min-width: 11em !important;
max-width: 45% !important;
}
.wp-block-table table:is(:has(thead tr:first-child th:nth-child(2):last-child),
:not(:has(thead)):has(tbody tr:first-child > *:nth-child(2):last-child)) tbody td:first-child,
.wp-block-table table:is(:has(thead tr:first-child th:nth-child(2):last-child),
:not(:has(thead)):has(tbody tr:first-child > *:nth-child(2):last-child)) tbody th:first-child {
min-width: 11em !important;
max-width: 45% !important;
background-color: #f5f5f5 !important;
font-weight: 500 !important;
}
.wp-block-table table:is(:has(thead tr:first-child th:nth-child(2):last-child),
:not(:has(thead)):has(tbody tr:first-child > *:nth-child(2):last-child)) tbody td:last-child,
.wp-block-table table:is(:has(thead tr:first-child th:nth-child(2):last-child),
:not(:has(thead)):has(tbody tr:first-child > *:nth-child(2):last-child)) tbody th:last-child {
min-width: 0 !important;
background-color: #ffffff !important;
}
.wp-block-table.left-th tbody tr > *:first-child {
background-color: #f5f5f5 !important;
} .editor-styles-wrapper .wp-block-table {
margin-left: 0 !important;
margin-right: auto !important;
align-self: flex-start !important;
} iframe[src*="google.com/maps/embed"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: 480px !important;
border: 0 !important;
}
.page-inquery {
display: inline-block;
border: 1px solid #aaaaaa;
padding: 0.8em 1em !important;
font-size: 0.9rem !important;
}
.page-inquery strong {
display: inline-block;
margin: 0 0 0.3rem 0;
}
.page-inquery em {
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
font-style: normal !important;
} body.single-post .l-main .p-entry__body img,
body.single-post .l-main .p-entry__body video,
body.page:not(.home) .l-main .l-container img,
body.page:not(.home) .l-main .l-container video,
body.blog .l-main-post .l-container--topics-layout > .l-content img,
body.blog .l-main-post .l-container--topics-layout > .l-content video,
body.archive .l-main-post .l-container--topics-layout > .l-content img,
body.archive .l-main-post .l-container--topics-layout > .l-content video,
body.search .l-main-post .l-container--topics-layout > .l-content img,
body.search .l-main-post .l-container--topics-layout > .l-content video {
max-width: 100% !important;
height: auto !important;
}
body.single-post .l-main .p-entry__body figure,
body.page:not(.home) .l-main .l-container figure,
body.blog .l-main-post .l-container--topics-layout > .l-content figure,
body.archive .l-main-post .l-container--topics-layout > .l-content figure,
body.search .l-main-post .l-container--topics-layout > .l-content figure {
max-width: 100% !important;
box-sizing: border-box !important;
}
.editor-styles-wrapper .is-root-container.block-editor-block-list__layout img,
.editor-styles-wrapper .is-root-container.block-editor-block-list__layout video {
max-width: 100% !important;
height: auto !important;
}
.editor-styles-wrapper .is-root-container.block-editor-block-list__layout figure {
max-width: 100% !important;
box-sizing: border-box !important;
} body.page:not(.home) .l-main .l-container > *:not(:last-child),
body.single-post .l-main .p-entry__body > *:not(:last-child),
body.blog .l-main-post .l-container--topics-layout > .l-content > *:not(:last-child),
body.archive .l-main-post .l-container--topics-layout > .l-content > *:not(:last-child),
body.search .l-main-post .l-container--topics-layout > .l-content > *:not(:last-child) {
margin-bottom: 2rem !important;
}
body.page:not(.home) .l-main .l-container > *:not(:last-child),
body.single-post .l-main .p-entry__body > *:not(:last-child) {
margin-bottom: 2rem !important;
} ol.wp-block-list.flow {
list-style: none !important;
list-style-type: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 2rem !important;
padding-left: 0 !important;
padding-right: 0 !important;
counter-reset: flow-step !important;
box-sizing: border-box !important;
}
ol.wp-block-list.flow > li {
position: relative !important;
counter-increment: flow-step !important;
list-style: none !important;
margin: 0 !important;
padding: 0.5em 0 3em calc(5.5rem + 1.25rem) !important;
min-height: 5.5rem !important;
box-sizing: border-box !important;
}
ol.wp-block-list.flow > li::before {
content: counter(flow-step, decimal-leading-zero) !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
display: block !important;
width: 5.5rem !important;
margin: 0 !important;
padding: 0.5em 0.25rem 1.75rem !important;
box-sizing: border-box !important;
background-color: #0071bc !important;
background-repeat: no-repeat !important;
color: #ffffff !important;
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
font-size: 2.85rem !important;
font-weight: 100 !important;
font-style: normal !important;
text-align: center !important;
text-decoration: none !important;
white-space: normal !important;
}
ol.wp-block-list.flow > li:not(:last-child)::before {
background-image: url(//kahoku-shokokai.jp/wp-content/themes/wpkahoku2026/images/elements/icons/flow-step.svg), url(//kahoku-shokokai.jp/wp-content/themes/wpkahoku2026/images/elements/icons/arrow-bottom-wh.svg) !important;
background-position: center 0.85rem, bottom center !important;
background-size: 42% auto, 100% auto !important;
clip-path: none !important;
}
ol.wp-block-list.flow > li:last-child::before {
background-image: url(//kahoku-shokokai.jp/wp-content/themes/wpkahoku2026/images/elements/icons/flow-step.svg) !important;
background-position: center 0.85rem !important;
background-size: 42% auto !important;
clip-path: polygon(0 0, 100% 0, 100% 82%, 50% 100%, 0 82%) !important;
}
ol.wp-block-list.flow > li strong {
display: inline !important;
color: #0071bc !important;
font-size: 1.0625rem !important;
font-weight: 700 !important;
}
body.page:not(.home) .l-main .l-container > .wp-block-details:not(:last-child),
body.single-post .l-main .p-entry__body > .wp-block-details:not(:last-child),
body.blog .l-main-post .l-container--topics-layout > .l-content > .wp-block-details:not(:last-child),
body.archive .l-main-post .l-container--topics-layout > .l-content > .wp-block-details:not(:last-child),
body.search .l-main-post .l-container--topics-layout > .l-content > .wp-block-details:not(:last-child) {
margin-bottom: 1em !important;
}
body.page:not(.home) .l-main .l-container > .wp-block-details:not(:last-child) > summary,
body.single-post .l-main .p-entry__body > .wp-block-details:not(:last-child) > summary,
body.blog .l-main-post .l-container--topics-layout > .l-content > .wp-block-details:not(:last-child) > summary,
body.archive .l-main-post .l-container--topics-layout > .l-content > .wp-block-details:not(:last-child) > summary,
body.search .l-main-post .l-container--topics-layout > .l-content > .wp-block-details:not(:last-child) > summary {
font-weight: 500;
padding: 1em 0 0 0;
}
.details-head-margin {
margin: 3em 0 0 0;
}
@media (max-width: 480px) {
ol.wp-block-list.flow > li {
padding: 2.5em 0 3em calc(4rem + 0.75rem) !important;
min-height: 4.5rem !important;
}
ol.wp-block-list.flow > li::before {
width: 4rem !important;
font-size: 1.65rem !important;
padding: 2.5em 0.2rem 1.5rem !important;
}
ol.wp-block-list.flow > li:not(:last-child)::before {
background-position: center 0.55rem, bottom center !important;
background-size: 50% auto, 100% auto !important;
}
ol.wp-block-list.flow > li:last-child::before {
background-position: center 0.55rem !important;
background-size: 50% auto !important;
clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%) !important;
}
} @media (max-width: 480px) { .l-main {
display: block;
max-width: 92%;
margin: 3em auto 3em auto;
padding: 0;
}
} @media (min-width: 481px) and (max-width: 1024px) { .l-main {
display: block;
max-width: 92%;
margin: 3em auto 3em auto;
padding: 0;
}
} @media (min-width: 1025px) { .l-main {
display: block;
width: 100%;
max-width: 880px;
margin: 3em auto 3em auto;
padding-bottom: 3em;
box-sizing: border-box;
} .l-main.l-main-post {
max-width: 1140px;
}
}