@charset "UTF-8";

:root {
--leading-trim: calc((1em - 1lh) / 2);
--content-size: 720px;
--wide-size: 1080px;
--extra-size: 1200px;
--color-base: #fff;
--color-contrast: #383838;
--color-accent-1: #00a23f;
--color-accent-2: #b1d90d;
--color-accent-3: #7b7b7b;
--color-accent-4: #dbdbdb;
--color-accent-5: #f5fbf0;
--color-border: var(--color-accent-3);
--color-link: var(--color-contrast);
--color-link-hover: var(--color-contrast);
--color-gray: var(--color-accent-3);
--color-disabled: var(--color-accent-3);
--outline: 2px solid #333;
--outline-offset: 2px;
--underline-offset: .25em;
--font-noto: "Local Noto Sans JP", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
--font-zenKaku: "Zen Kaku Gothic New", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
--fz-small: clamp(0.75rem, 0.688rem + 0.3vw, 0.875rem);
--fz-medium: clamp(0.875rem, 0.813rem + 0.3vw, 1rem);
--fz-large: clamp(1rem, 0.938rem + 0.3vw, 1.125rem);
--fz-x-large: clamp(1.125rem, 1.063rem + 0.3vw, 1.25rem);
--fz-xx-large: clamp(1.25rem, 1.125rem + 0.6vw, 1.5rem);
--fz-huge: clamp(1.5rem, 1.063rem + 1.9vw, 2.25rem);
--ls-normal: .05em;
--lh-normal: 1.8;
--lh-narrow: 1.5;
--round: clamp(0.25rem, 0.188rem + 0.3vw, 0.375rem);
--round-md: clamp(0.625rem, 0.25rem + 1.6vw, 1.25rem);
--round-lg: 80px;
--round-full: 9999px;
--spacing-10: 10px;
--spacing-20: clamp(0.9375rem, 0.75rem + 0.8vw, 1.25rem);
--spacing-30: clamp(1.25rem, 0.875rem + 1.6vw, 1.875rem);
--spacing-40: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
--spacing-50: clamp(2.5rem, 1.75rem + 3.2vw, 3.75rem);
--spacing-60: clamp(3.75rem, 3rem + 3.2vw, 5rem);
--padding-inline: var(--spacing-40);
--block-gap: var(--spacing-40);
} *,
*::before,
*::after {
box-sizing: border-box;
}
:where(html) {
text-size-adjust: none;
}
:where(body, h1, h2, h3, h4, p, figure, blockquote, dl, dd) {
margin-block-end: 0;
}
:where(ul[role=list], ol[role=list]) {
list-style: none;
}
:where(body) {
min-height: 100vh;
line-height: 1.5;
}
:where(h1, h2, h3, h4, button, input, label) {
line-height: 1.1;
}
:where(h1, h2, h3, h4) {
text-wrap: balance;
}
:where(a:not([class])) {
text-decoration-skip-ink: auto;
color: currentColor;
}
:where(img, picture) {
max-width: 100%;
display: block;
}
:where(input, button, textarea, select) {
font-family: inherit;
font-size: inherit;
}
:where(textarea:not([rows])) {
min-height: 10em;
}
:target {
scroll-margin-block: 5ex;
}
@font-face {
font-family: "Local Noto Sans JP";
src: local("Noto Sans JP");
}
* {
min-inline-size: 0;
min-block-size: 0;
}
html {
scroll-behavior: smooth;
scrollbar-gutter: stable;
-webkit-text-size-adjust: none;
}
body {
overflow-x: hidden;
position: relative;
font-family: var(--font-noto);
font-style: normal;
font-size: var(--fz-medium);
line-height: var(--lh-normal);
font-weight: 400;
letter-spacing: var(--ls-normal);
overflow-wrap: anywhere;
line-break: strict;
-webkit-font-smoothing: antialiased;
}
:where(h1, h2, h3, h4, h5, h6, li, dd, p) {
text-autospace: normal;
}
:where(h1, h2, h3) {
line-height: var(--lh-narrow);
word-break: auto-phrase;
text-wrap: wrap;
}
:where(h4, h5, h6) {
word-break: auto-phrase;
text-wrap: wrap;
}
:where(ul, ol) {
padding-inline-start: 2em;
line-height: var(--lh-narrow);
}
:where(ul, ol) li + li {
margin-block-start: 0.25em;
}
:where(ul) {
list-style-type: disc;
}
:where(ol) {
list-style-type: decimal;
}
:where(a) {
text-decoration-line: underline;
text-underline-offset: var(--underline-offset);
text-decoration-thickness: 1px;
text-decoration-color: color-mix(in srgb, currentcolor, transparent 30%);
transition: color 0.3s ease;
}
:where(a):any-link {
color: var(--color-link);
}
@media (any-hover: hover) {
:where(a)[href]:hover {
color: var(--color-link-hover);
text-decoration-thickness: 2px;
}
}
:where(a):focus-visible {
color: var(--color-link-hover);
text-decoration-thickness: 2px;
}
:where(a):not([href]) {
color: var(--color-disabled);
text-decoration: none !important;
cursor: default;
pointer-events: none;
}
:where(a[target=_blank]:not([class]))::after {
content: "外部リンク";
display: inline-block;
inline-size: 1.1em;
block-size: 1.1em;
margin-inline: 0.5em;
background-color: currentColor;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 20"><path id="open_in_new_2" data-name="open in new 2" d="M4.67,17.5c-.46,0-.85-.16-1.18-.49-.33-.33-.49-.72-.49-1.18V4.17c0-.46.16-.85.49-1.18s.72-.49,1.18-.49h5.83v1.67h-5.83v11.67h11.67v-5.83h1.67v5.83c0,.46-.16.85-.49,1.18-.33.33-.72.49-1.18.49H4.67ZM8.58,13.08l-1.17-1.17,7.75-7.75h-3v-1.67h5.83v5.83h-1.67v-3l-7.75,7.75Z" /></svg>');
mask-size: contain;
mask-repeat: no-repeat;
overflow: hidden;
white-space: nowrap;
vertical-align: -0.2em;
}
:where(input, button, textarea, select) {
font: inherit;
color: inherit;
}
:where(input[type=text], input[type=email], input[type=tel], input[type=password], textarea, select) {
padding: 0.25em 0.5em;
border: 1px solid var(--color-gray);
}
:where(select) {
appearance: none;
padding-inline-end: 32px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%2011%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22Vector%205%22%20d%3D%22M5.5%205.5L0.5%200.5H10.5L5.5%205.5Z%22%20fill%3D%22%23C7BCB4%22%2F%3E%3C%2Fsvg%3E");
background-size: 11px 6px;
background-position: right 8px center;
background-repeat: no-repeat;
}
:where(textarea) {
inline-size: 40em;
min-block-size: 5lh;
max-block-size: 10lh;
field-sizing: content;
line-height: var(--lh-narrow);
}
:where(button, [type=button], [type=reset], [type=submit]) {
appearance: none;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;
cursor: pointer;
touch-action: manipulation;
}
:where(label[for], select, summary, [role=tab], [role=button]) {
cursor: pointer;
}
:focus-visible {
outline: var(--outline);
outline-offset: var(--outline-offset);
}
img, svg, picture {
display: inline-block;
max-inline-size: 100%;
block-size: auto;
}
:where(svg) {
fill: currentColor;
}
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
transition-duration: 1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
transition: all 0 !important;
}
}
.ly_wrapper {
position: relative;
display: grid;
grid-template: "header" auto "main" 1fr "footer" auto/1fr;
inline-size: min(100%, 1920px);
min-block-size: 100vh;
min-block-size: 100dvb;
margin: 0 auto;
}
.ly_header {
grid-area: header;
padding: 0 10px;
border-bottom: 5px solid var(--color-accent-5);
}
.ly_main {
grid-area: main;
}
.ly_footer {
grid-area: footer;
padding: 0 10px;
border-block-start: 4px solid var(--color-accent-5);
}
.ly_inner {
max-inline-size: 1048px;
margin-inline: auto;
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
}
.ly_inner__narrow {
max-inline-size: 800px;
margin-inline: auto;
}
.ly_column2 {
display: grid;
gap: var(--spacing-50);
inline-size: min(var(--wide-size), 100%);
margin: 0 auto;
gap: var(--spacing-50);
}
@media all and (min-width: 900px) {
.ly_column2 {
grid-template-columns: 1fr 300px;
grid-template-rows: auto;
}
}
@media all and (min-width: 900px) {
.ly_column2.ly_column2__reverse {
grid-template-columns: 300px 1fr;
}
}
.ly_column2.ly_column2__reverse .ly_column2_main {
grid-column: 1/1;
grid-row: 2/3;
}
@media all and (min-width: 900px) {
.ly_column2.ly_column2__reverse .ly_column2_main {
grid-column: 2/3;
grid-row: 1/1;
}
}
.ly_column2.ly_column2__reverse .ly_column2_side {
grid-column: 1/2;
grid-row: 1/2;
}
@media all and (min-width: 900px) {
.ly_column2.ly_column2__reverse .ly_column2_side {
grid-column: 1/2;
grid-row: 1/1;
}
}
@media all and (min-width: 900px) {
.single-project .ly_column2 .ly_column2_side {
position: sticky;
top: var(--spacing-50);
align-self: start;
}
}
@media all and (min-width: 900px) {
.ly_column2_main {
grid-column: 1/2;
grid-row: 1/1;
}
}
.ly_column2_side {
grid-column: 1/2;
grid-row: 2/3;
}
@media all and (min-width: 900px) {
.ly_column2_side {
grid-column: 2/3;
grid-row: 1/1;
}
}
h2 {
font-family: var(--font-zenKaku);
font-size: var(--fz-xx-large);
font-weight: 700;
letter-spacing: 0.1em;
}
.el_heading2 {
margin-block-start: 0;
margin-block-end: var(--spacing-30);
padding-inline-start: var(--spacing-20);
border-inline-start: 6px solid var(--color-accent-2);
font-family: var(--font-zenKaku);
font-size: var(--fz-xx-large);
font-weight: 700;
letter-spacing: 0.08em;
}
@media all and (min-width: 601px) {
.el_heading2 {
border-inline-start: 10px solid var(--color-accent-2);
}
}
.el_heading2__huge {
font-size: var(--fz-huge) !important;
}
.el_heading2__home {
margin: 0 0 var(--spacing-40);
padding: 0;
border: none;
text-align: center;
font-size: var(--fz-huge);
letter-spacing: 0.08em;
}
h3 {
font-family: var(--font-zenKaku);
font-size: var(--fz-x-large);
font-weight: 700;
letter-spacing: 0.08em;
}
h4 {
font-size: var(--fz-medium);
font-weight: 700;
}
.el_heading4 {
margin-block-start: clamp(3.75rem, 1.125rem + 11.2vw, 8.125rem);
margin-block-end: var(--spacing-30);
font-size: var(--fz-medium);
font-weight: 700;
}
.el_link__arrow {
display: inline-flex;
align-items: center;
--icon-size: 16px;
}
.el_link__arrow::after {
content: "";
display: inline-block;
inline-size: var(--icon-size);
block-size: var(--icon-size);
margin-inline-start: 4px;
background-color: var(--color-accent-1);
mask-image: url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0ZM6.76,11.5l-.76-.82,2.49-2.68-2.49-2.68.76-.82,3.24,3.5-3.24,3.5Z"/></svg>');
mask-size: contain;
mask-repeat: no-repeat;
vertical-align: sub;
transition: translate 0.2s;
}
@media (any-hover: hover) {
.el_link__arrow[href]:hover::after {
translate: 0.125em 0;
}
}
.el_link__arrow:focus-visible::after {
translate: 0.125em 0;
}
.el_btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--spacing-10);
min-inline-size: 240px;
padding: 1em var(--spacing-10);
border: 2px solid var(--color-accent-2);
border-radius: var(--round-full);
background-color: transparent;
font-size: var(--fz-medium);
font-weight: 400;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
.el_btn:any-link {
text-decoration-line: none !important;
}
@media (any-hover: hover) {
.el_btn[href]:hover {
text-decoration-line: underline;
}
.el_btn[href]:hover::after {
translate: 5px 0;
}
}
.el_btn:focus-visible {
text-decoration-line: underline;
}
.el_btn:focus-visible::after {
translate: 5px 0;
}
.el_btn::after {
content: "";
display: inline-block;
inline-size: 1.25em;
block-size: 1.25em;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" transform="matrix(-1 0 0 1 20 0.646973)" fill="%23B1D90D"/><path d="M7.20595 17.4411L14 10.6471L7.20595 3.85303L6 5.05897L11.5881 10.6471L6 16.2352L7.20595 17.4411Z" fill="white"/></svg>');
background-size: contain;
background-repeat: no-repeat;
line-height: 0;
transition: translate 0.3s ease;
}
.el_btn__left {
padding-inline: 1.5em !important;
justify-content: flex-start;
}
.el_btn_outer {
display: inline-block;
justify-content: center;
gap: var(--spacing-10);
min-inline-size: 240px;
padding: 1em 2.5em 1em 1em;
border: 2px solid var(--color-accent-2);
border-radius: var(--round-full);
background-color: transparent;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" transform="matrix(-1 0 0 1 20 0.646973)" fill="%23B1D90D"/><path d="M7.20595 17.4411L14 10.6471L7.20595 3.85303L6 5.05897L11.5881 10.6471L6 16.2352L7.20595 17.4411Z" fill="white"/></svg>');
background-size: 1.25em 1.25em;
background-repeat: no-repeat;
background-position: right 1em center;
font-size: var(--fz-medium);
font-weight: 400;
text-align: center;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
transition: background-position 0.3s ease;
}
.el_btn_outer:any-link {
text-decoration-line: none !important;
}
@media (any-hover: hover) {
.el_btn_outer:hover {
background-position: right 0.5em center;
}
}
.el_btn_outer:focus-visible {
background-position: right 0.5em center;
}
.el_btn_outer input[type=submit] {
inline-size: 100%;
}
.el_btn_outer > p {
margin: 0;
}
.el_btnLogin {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 0.5em;
padding: 1.2857em;
background-color: var(--color-accent-1);
color: var(--color-base);
font-family: var(--font-zenKaku);
font-size: var(--fz-small);
font-weight: 700;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
transition: background-color 0.3s ease;
}
.el_btnLogin:any-link {
color: var(--color-base);
text-decoration-line: none;
}
@media (any-hover: hover) {
.el_btnLogin:hover {
background-color: color-mix(in srgb, var(--color-accent-1) 80%, black);
}
}
.el_btnLogin:focus-visible {
background-color: color-mix(in srgb, var(--color-accent-1) 80%, black);
}
.el_btnLogin::after {
content: "";
position: relative;
display: inline-block;
inline-size: 0.875em;
block-size: 0.875em;
margin: 0 0 0 10px;
background-image: none;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M4.67,12.83l5.83-5.83L4.67,1.17l-1.04,1.04,4.8,4.8-4.8,4.8,1.04,1.04Z"/></svg>');
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
line-height: 0;
vertical-align: -0.0625em;
transition: translate 0.3s ease;
}
.el_btnLogin__mypage::after {
inline-size: 1.2em;
block-size: 1.2em;
mask-image: url(//kenkoforum.jp/wp-content/themes/kenkoforum_theme/img/icon_account.svg);
}
.el_btnLogin__contact {
background: #006CB0;
}
@media (any-hover: hover) {
.el_btnLogin__contact:hover {
background-color: color-mix(in srgb, #006CB0 80%, black);
}
}
.el_btnLogin__contact:focus-visible {
background-color: color-mix(in srgb, #006CB0 80%, black);
}
.el_btnLogin__logout {
background: var(--color-accent-3);
}
@media (any-hover: hover) {
.el_btnLogin__logout:hover {
background-color: color-mix(in srgb, var(--color-accent-3) 80%, black);
}
}
.el_btnLogin__logout:focus-visible {
background-color: color-mix(in srgb, var(--color-accent-3) 80%, black);
}
.el_btn.el_btn__mono {
inline-size: 100%;
padding: 0.75em 1em 0.75em 1.5em;
border-radius: 0;
border: 2px solid currentColor;
border-radius: var(--round);
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
.el_btn.el_btn__mono::after {
content: "";
position: relative;
display: inline-block;
inline-size: 0.875em;
block-size: 0.875em;
margin: 0 0 0 10px;
background-image: none;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M4.67,12.83l5.83-5.83L4.67,1.17l-1.04,1.04,4.8,4.8-4.8,4.8,1.04,1.04Z"/></svg>') !important;
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
line-height: 0;
vertical-align: -0.0625em;
transition: translate 0.3s ease;
}
.el_btn.el_btn__mono:any-link {
text-decoration-line: none;
}
@media (any-hover: hover) {
.el_btn.el_btn__mono:hover::after {
translate: 5px 0;
}
}
.el_btn.el_btn__mono:focus-visible::after {
translate: 5px 0;
}
.el_btn.el_btn__monoNoicon {
inline-size: 100%;
padding: 1.1em 1em;
border: none;
background-color: var(--el_btn-bg, var(--color-accent-1));
color: var(--color-base);
transition: background 0.3s ease;
}
.el_btn.el_btn__monoNoicon::after {
display: none;
}
@media (any-hover: hover) {
.el_btn.el_btn__monoNoicon:hover {
background-color: rgb(0, 111, 43.1666666667);
}
}
.el_btn.el_btn__monoNoicon:focus-visible {
background-color: rgb(0, 111, 43.1666666667);
}
.el_btn.el_btn__monoNoicon:not([href]) {
background-color: var(--el_btn-bg, var(--color-accent-3));
}
.el_btn.el_btn__white {
border-color: var(--btn-color, var(--color-accent-2));
background: var(--color-base);
}
.el_btn.el_btn__white::after {
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><path d="M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10,10-4.5,10-10S15.5,0,10,0ZM7.2,16.8l-1.2-1.2,5.6-5.6-5.6-5.6,1.2-1.2,6.8,6.8-6.8,6.8Z"/></svg>');
background: var(--btn-color, var(--color-accent-2));
}
.el_btn.el_btn__middle {
inline-size: min(100%, 320px);
margin-inline: auto;
}
.el_btn.el_btn__accent {
inline-size: 100%;
padding: 0.75em 1em 0.75em 1.5em;
border-radius: 0;
border: none;
background: var(--color-accent-1);
color: var(--color-base);
border-radius: var(--round);
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
.el_btn.el_btn__accent::after {
content: "";
position: relative;
display: inline-block;
inline-size: 0.875em;
block-size: 0.875em;
margin: 0 0 0 10px;
background-image: none;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M4.67,12.83l5.83-5.83L4.67,1.17l-1.04,1.04,4.8,4.8-4.8,4.8,1.04,1.04Z"/></svg>') !important;
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
line-height: 0;
vertical-align: -0.0625em;
transition: translate 0.3s ease;
}
.el_btn.el_btn__accent:any-link {
text-decoration-line: none;
}
@media (any-hover: hover) {
.el_btn.el_btn__accent:hover::after {
translate: 5px 0;
}
}
.el_btn.el_btn__accent:focus-visible::after {
translate: 5px 0;
}
.el_btn.el_btn__fav {
border-color: var(--color-accent-1);
transition: background 0.3s ease;
}
.el_btn.el_btn__fav::before {
content: "";
display: inline-block;
inline-size: 1em;
block-size: 0.9375em;
mask-image: url(//kenkoforum.jp/wp-content/themes/kenkoforum_theme/img/icon_fav.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--color-accent-4);
}
.el_btn.el_btn__fav::after {
display: none;
}
@media (any-hover: hover) {
.el_btn.el_btn__fav:hover {
background-color: color-mix(in srgb, var(--color-accent-2) 30%, transparent);
}
}
.el_btn.el_btn__fav:focus-visible {
background-color: color-mix(in srgb, var(--color-accent-2) 30%, transparent);
}
.el_btn.el_btn__fav .is-active::before {
background-color: var(--color-accent-1);
color: var(--color-accent-1);
}
.el_btn.el_btn__fav.is-active {
color: var(--color-accent-1);
}
.el_btn.el_btn__fav.is-active::before {
background-color: var(--color-accent-1);
}
.el_btnClearSearch {
display: block;
inline-size: fit-content;
margin-block-start: 0.8em;
margin-inline: auto;
text-decoration: underline;
text-decoration-thickness: 1px;
font-size: 13px;
}
@media (any-hover: hover) {
.el_btnClearSearch:hover {
text-decoration-thickness: 2px;
}
}
.el_btnClearSearch:focus-visible {
text-decoration-thickness: 2px;
}
.el_tag {
padding: 1px 16px;
gap: 10px;
border-radius: 50px;
background: #ececec;
font-size: 0.8125rem;
text-decoration: none;
transition: background 0.3s ease;
}
@media (any-hover: hover) {
.el_tag[href^=""]:hover {
background: var(--color-accent-4);
}
}
.el_logo {
display: inline-block;
inline-size: 260px;
line-height: 0;
}
@media all and (min-width: 900px) {
.el_logo {
inline-size: 330px;
}
}
.el_page {
padding: var(--spacing-20);
text-decoration-line: none;
line-height: var(--lh-narrow);
}
@media (any-hover: hover) {
.el_page[href]:hover {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
}
.el_page:focus-visible {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
.el_page.current {
color: var(--color-accent-1);
font-weight: 700;
}
.el_require {
margin-inline-start: 0.25em;
color: #c00;
font-size: var(--fz-small);
font-weight: 700;
}
.bl_menu {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 700;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
@media all and (min-width: 900px) {
.bl_menu {
font-size: clamp(0.8125rem, 0.413rem + 0.7vw, 0.9375rem);
font-weight: 700;
letter-spacing: 0.05em;
}
}
.menu-item {
margin: 0;
}
.menu-item a {
display: inline-block;
}
.menu-item a:any-link {
color: var(--color-primary);
text-decoration-line: none;
}
@media (any-hover: hover) {
.menu-item a[href]:hover {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
}
.menu-item a:focus-visible {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
.sub-menu {
margin-block-start: var(--spacing-10);
}
.sub-menu > .menu-item {
font-weight: 400;
}
.sub-menu > .menu-item:nth-child(n+2) {
margin-block-start: var(--spacing-10);
}
.bl_header {
display: flex;
align-items: center;
gap: 1rem;
padding: 10px 0;
}
@media all and (min-width: 900px) {
.bl_header {
align-items: flex-end;
inline-size: min(100%, var(--extra-size));
margin-inline: auto;
padding: 54px 0 30px;
}
}
.bl_header_menu {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
padding: 7px 0;
margin-inline-start: auto;
}
@media all and (min-width: 900px) {
.bl_header_menu {
align-items: flex-end;
gap: 24px;
}
}
@media not all and (min-width: 1200px) {
.bl_header_menu .bl_menu {
display: none;
}
.bl_header_menu .bl_burger {
order: 1;
}
}
.bl_headerBtnUnit {
display: none;
}
@media all and (min-width: 900px) {
.bl_headerBtnUnit {
position: absolute;
top: 0;
right: 10px;
display: flex;
}
}
.bl_headerBtnUnit > div {
position: relative;
}
.bl_headerBtn {
display: flex;
align-items: center;
gap: 0.5em;
padding: 1.285em 1.285em 1.285em 1.42857em;
color: var(--color-base);
font-family: var(--font-zenKaku);
font-size: var(--fz-small);
font-weight: 700;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
transition: background-color 0.3s ease;
}
.bl_headerBtn.bl_headerBtn__dl {
background-color: var(--color-contrast);
border-bottom-left-radius: var(--round);
}
.bl_headerBtn.bl_headerBtn__dl::after {
content: "";
display: inline-block;
inline-size: 1em;
block-size: 1em;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M1.17,5.04l5.83,5.83,5.83-5.83-1.04-1.04-4.8,4.8L2.2,4l-1.04,1.04Z"/></svg>');
mask-size: contain;
mask-position: center;
background-color: currentColor;
}
@media (any-hover: hover) {
.bl_headerBtn.bl_headerBtn__dl:hover {
background-color: #000;
}
}
.bl_headerBtn.bl_headerBtn__dl:focus-visible {
background-color: #000;
}
.bl_headerBtn_sub {
position: absolute;
overflow: hidden;
list-style-type: none;
inline-size: fit-content;
max-block-size: 0;
margin: 0;
padding: 0;
border: 1px solid var(--color-accent-4);
background-color: var(--color-base);
font-size: var(--fz-small);
letter-spacing: 0.05em;
opacity: 0;
transition: max-block-size 0.5s ease-in;
}
.bl_headerBtn_sub > li {
padding: 0.714285em 1.2857em;
white-space: nowrap;
}
.bl_headerBtn_sub.is_open {
max-block-size: 500px;
opacity: 1;
}
.bl_headerBtn_subLink {
display: flex;
justify-content: space-between;
gap: var(--spacing-20);
}
.bl_headerBtn_subLink::after {
content: "";
inline-size: 1em;
block-size: 1em;
background-color: var(--color-accent-3);
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M4.67,12.83l5.83-5.83L4.67,1.17l-1.04,1.04,4.8,4.8-4.8,4.8,1.04,1.04Z"/></svg>');
}
.bl_headerBtn_subLink:any-link {
text-decoration-line: none;
}
@media (any-hover: hover) {
.bl_headerBtn_subLink:hover {
text-decoration-line: underline;
}
}
.bl_headerBtn_subLink:focus-visible {
text-decoration-line: underline;
}
.bl_gnavLg {
display: none;
}
@media all and (min-width: 900px) {
.bl_gnavLg {
display: block;
}
}
.bl_gnavLg .bl_menu {
display: flex;
gap: clamp(1.125rem, -2.975rem + 7.3vw, 2.5rem);
}
.bl_gnavLg .menu-item {
position: relative;
}
.bl_gnavLg .menu-item > span[tabindex] {
cursor: default;
user-select: none;
}
.bl_gnavLg .menu-item > ul {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-4px);
z-index: 200;
background: #fff;
min-width: 12em;
padding: 0.5rem 0;
padding-top: calc(0.5rem + 8px);
margin: 0;
list-style: none;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
pointer-events: none;
}
.bl_gnavLg .menu-item > ul::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
transform: translateY(-100%);
}
.bl_gnavLg .menu-item:hover > ul, .bl_gnavLg .menu-item:focus-within > ul {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
.bl_gnavLg .menu-item > ul > li > a {
display: block;
padding: 0.6em 1.2em;
white-space: nowrap;
color: inherit;
text-decoration: none;
}
.bl_gnavLg .menu-item > ul > li > a:hover {
background: var(--color-accent-5);
}
.bl_gmenu {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 100;
inline-size: 100%;
block-size: 100vh;
}
.bl_gmenu .bl_menu {
inline-size: min(87%, 400px);
margin-inline: auto;
font-size: var(--fz-medium);
}
.bl_gmenu .bl_menu:nth-child(n+2) {
margin-block-start: var(--spacing-10);
}
.bl_gmenu .menu-item:nth-child(n+2) {
margin-block-start: var(--spacing-10);
}
.bl_gmenu .menu-item a {
padding-block: 8px;
}
.bl_gmenu .sub-menu > .menu-item {
margin-block-start: 2px;
}
.bl_gmenu .bl_header_btn {
inline-size: min(87%, 400px);
margin-block-start: var(--spacing-40);
margin-inline: auto;
}
.bl_gmenu .bl_header_btnInner {
display: grid;
gap: var(--spacing-10);
inline-size: min(100%, 400px);
margin-inline: auto;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
.bl_gmenu[aria-hidden=false] {
display: block;
z-index: 2000;
animation: fadein 0.2s ease-out forwards;
}
.bl_gmenu[aria-hidden=false] .bl_menu {
display: block;
}
@keyframes fadein {
0% {
display: block;
opacity: 0;
}
100% {
opacity: 1;
}
}
.bl_gmenu_backdrop {
position: relative;
block-size: 100%;
padding: 0 var(--padding-inline) 48px;
background-color: var(--color-base);
overflow-y: auto;
}
.bl_gmenu_wrapper {
padding-block: var(--spacing-60);
}
@media all and (min-width: 601px) {
.bl_gmenu_wrapper {
padding: var(--spacing-60) var(--spacing-40);
}
}
.bl_burger {
display: grid;
place-content: center;
inline-size: 44px;
block-size: 44px;
border-radius: 50%;
background-color: var(--color-base);
position: fixed;
top: 20px;
right: 20px;
z-index: 10;
}
@media all and (min-width: 900px) {
.bl_burger {
top: var(--spacing-30);
right: var(--spacing-30);
opacity: 0;
display: none;
inline-size: 66px;
block-size: 66px;
transition: background-color 0.3s ease-out;
}
@starting-style {
.bl_burger {
opacity: 0;
}
}
}
.bl_burger.show {
display: grid;
opacity: 1;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.bl_burger.bl_burger__close {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
@media all and (min-width: 900px) {
.bl_burger.bl_burger__close {
display: grid;
opacity: 1;
}
}
.bl_burger.bl_burger__close .bl_burger_line {
background-color: #fff;
}
.bl_burger.bl_burger__close .bl_burger_line::before {
rotate: 45deg;
translate: 0 0;
}
@media all and (min-width: 900px) {
.bl_burger.bl_burger__close .bl_burger_line::before {
translate: 0 0.5px;
}
}
.bl_burger.bl_burger__close .bl_burger_line::after {
rotate: -45deg;
translate: 0 -0.5px;
}
@media all and (min-width: 900px) {
.bl_burger.bl_burger__close .bl_burger_line::after {
translate: 0 -1px;
}
}
@media (any-hover: hover) {
.bl_burger:hover {
background-color: color-mix(in srgb, var(--color-accent-2) 30%, var(--color-base));
}
}
.bl_burger:focus-visible {
background-color: color-mix(in srgb, var(--color-accent-2) 30%, var(--color-base));
}
.bl_burger_line {
inline-size: 16px;
block-size: 1px;
background-color: var(--color-contrast);
}
@media all and (min-width: 900px) {
.bl_burger_line {
inline-size: 24px;
block-size: 2px;
}
}
.bl_burger_line::before, .bl_burger_line::after {
content: "";
position: relative;
inline-size: 16px;
block-size: 1px;
background-color: var(--color-contrast);
display: block;
}
@media all and (min-width: 900px) {
.bl_burger_line::before, .bl_burger_line::after {
inline-size: 24px;
block-size: 2px;
}
}
.bl_burger_line::before {
translate: 0 -5px;
}
@media all and (min-width: 900px) {
.bl_burger_line::before {
translate: 0 -8px;
}
}
.bl_burger_line::after {
translate: 0 5px;
}
@media all and (min-width: 900px) {
.bl_burger_line::after {
translate: 0 7px;
}
}
.bl_footer_wrapper {
inline-size: min(90%, 480px);
margin-inline: auto;
padding-block: var(--spacing-50);
}
@media all and (min-width: 601px) {
.bl_footer_wrapper {
inline-size: min(100%, var(--extra-size));
}
}
@media all and (min-width: 900px) {
.bl_footer_wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: var(--spacing-30);
}
}
.bl_footer_logo {
margin-block-end: var(--spacing-20);
text-align: center;
}
@media all and (min-width: 1200px) {
.bl_footer_logo {
text-align: left;
}
}
.bl_footer_logo .el_logo {
max-inline-size: 100%;
}
@media not all and (min-width: 601px) {
.bl_footer_btn {
inline-size: 100%;
}
.bl_footer_btn .el_btnLogin {
display: flex;
}
}
.bl_footer_btnInner {
display: grid;
gap: var(--spacing-10);
}
@media not all and (min-width: 601px) {
.bl_footer_btnInner {
inline-size: min(100%, 320px);
margin-inline: auto;
grid-template-columns: repeat(2, 1fr);
}
}
.bl_fnav {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: var(--spacing-30);
}
@media all and (min-width: 601px) {
.bl_fnav {
justify-content: center;
gap: var(--spacing-20) var(--spacing-30);
}
}
@media all and (min-width: 900px) {
.bl_fnav {
align-items: flex-start;
gap: var(--spacing-30) var(--spacing-60);
margin: 15px 0 0;
}
}
.bl_fnav .bl_menu {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
}
@media all and (min-width: 900px) {
.bl_fnav .bl_menu {
font-size: 15px;
}
}
.bl_fnav .bl_menu .menu-item:nth-child(n+2) {
margin-block-start: var(--spacing-20);
}
.bl_fnav .sub-menu > .menu-item {
margin-block-start: var(--spacing-10) !important;
font-weight: 400;
}
.bl_cr {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
padding: 0 10px 7rem;
color: var(--color-accent-3);
font-size: clamp(0.6875rem, 0.625rem + 0.3vw, 0.8125rem);
text-align: center;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
.page.login .bl_cr,
.is-logged-in .bl_cr {
padding-block-end: 3em;
}
.bl_sec {
margin-block-start: 0;
padding-block: var(--spacing-60);
}
.bl_sec__colored {
padding-inline: var(--padding-inline);
background-color: var(--color-accent-5);
}
.bl_sec__side + .bl_sec__side {
margin-block-start: var(--spacing-40);
}
.bl_entry_header {
display: grid;
align-content: center;
margin-inline: 10px;
min-block-size: 140px;
background-image: url(//kenkoforum.jp/wp-content/themes/kenkoforum_theme/img/title_bg.webp);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
@media all and (min-width: 601px) {
.bl_entry_header {
min-block-size: 250px;
margin-inline: clamp(0.625rem, -2.188rem + 7.5vw, 2.5rem);
}
}
.bl_entry_headerCont {
padding-inline: 12%;
line-height: var(--lh-narrow);
}
.bl_entry_title {
margin: 0;
font-family: var(--font-zenKaku);
font-size: var(--fz-xx-large);
font-weight: 700;
letter-spacing: 0.08em;
}
@media all and (min-width: 601px) {
.bl_entry_title {
font-size: var(--fz-huge);
letter-spacing: 0.08em;
}
}
.bl_entry_titleEn {
margin: 2px 0 0;
color: var(--color-accent-1);
font-size: var(--fz-x-large);
font-weight: 500;
letter-spacing: 0.08em;
}
@media all and (min-width: 601px) {
.bl_entry_titleEn {
margin: 4px 0 0;
font-size: var(--fz-xx-large);
letter-spacing: 0.08em;
}
}
.ly_column2:has(.bl_post_body),
.ly_column:has(.bl_post_body) {
padding-block: var(--spacing-50);
}
.bl_post_head {
padding-block-end: var(--spacing-40);
border-bottom: 1px solid var(--color-accent-2);
}
.bl_post_headTitle {
margin-block-start: 0;
font-family: var(--font-zenKaku);
font-size: var(--fz-huge);
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.5;
overflow-wrap: anywhere;
word-break: normal;
}
.bl_post_headSubtitle {
font-family: var(--font-zenKaku);
font-size: var(--fz-small);
font-weight: 700;
letter-spacing: 0.05em;
}
.bl_post_tag {
display: inline-flex;
flex-wrap: wrap;
gap: 12px 8px;
}
.bl_post_body {
padding-block: var(--post-body-pt, var(--spacing-40)) var(--post-body-pb, 0);
}
.bl_post_body h2 {
margin-block-start: var(--spacing-50);
margin-block-end: var(--spacing-30);
padding-inline-start: var(--spacing-20);
border-inline-start: 6px solid var(--color-accent-2);
font-family: var(--font-zenKaku);
font-size: var(--fz-xx-large);
font-weight: 700;
letter-spacing: 0.08em;
}
@media all and (min-width: 601px) {
.bl_post_body h2 {
border-inline-start: 10px solid var(--color-accent-2);
}
}
.bl_post_body h3 {
padding: 0.5em 1em;
background: var(--color-accent-5);
font-size: var(--fz-x-large);
line-height: 1.3;
}
.bl_post_body h4 {
font-size: var(--fz-large);
font-weight: 700;
line-height: 1.3;
}
.bl_post_body p {
margin-block-start: 2em;
margin-block-end: 1.5em;
}
.bl_post_body p + p {
margin-block: 1.5em;
}
.bl_post_body figure {
margin-block: 1.5em;
}
.bl_post_login {
align-content: center;
block-size: 350px;
margin-block-start: var(--spacing-40);
padding: var(--spacing-40);
background-color: var(--color-accent-5);
text-align: center;
}
.bl_post_loginHead {
font-weight: 700;
line-height: 2.2;
}
.bl_post_loginBtns {
inline-size: 100% !important;
display: grid;
justify-content: center;
gap: var(--spacing-10);
margin-block-start: var(--spacing-30);
}
.bl_post_loginBtns .el_btn {
inline-size: min(100%, 220px);
margin-inline: auto;
}
.bl_post_side {
padding: var(--spacing-30);
background-color: var(--color-base);
border: 3px solid var(--color-accent-2);
border-radius: var(--round);
}
.bl_post_sideName {
font-weight: 700;
line-height: 1.6;
}
.bl_post_sideAddress {
color: #000;
font-size: 0.9375rem;
line-height: 1.8;
letter-spacing: 0.05em;
}
.bl_post_sideAddress a {
color: var(--color-accent-3);
}
.bl_post_sideAddress a::after {
margin-inline: 0.2em;
}
.bl_centerBtn {
inline-size: min(100%, 320px);
margin-block-start: var(--centerBtn-mt, var(--spacing-30));
margin-inline: auto;
}
.bl_centerBtn > * {
inline-size: 100% !important;
min-inline-size: auto !important;
}
.bl_filter {
padding: var(--spacing-30);
background-color: var(--color-base);
border: 3px solid var(--color-accent-2);
border-radius: var(--round);
}
.bl_filter_count {
inline-size: fit-content;
margin-block-start: var(--spacing-30);
margin-inline-start: auto;
font-size: var(--fz-small);
letter-spacing: 0.05em;
}
.bl_filter_num {
display: inline-block;
margin-inline-end: var(--spacing-10);
color: var(--color-accent-1);
font-family: var(--font-zenKaku);
font-size: var(--fz-xx-large);
font-weight: 700;
}
.bl_postCard {
container-type: inline-size;
}
a:has(.bl_postCard) {
text-decoration: none;
border-radius: var(--round-md) var(--round-md) 0 0;
}
.bl_postCard_img {
position: relative;
margin-block-end: var(--spacing-10);
aspect-ratio: 82/55;
border-radius: var(--round-md) var(--round-md) 0 0;
overflow: hidden;
}
.bl_postCard_img img {
object-fit: cover;
inline-size: 100%;
block-size: 100%;
transition: scale 0.2s ease-out, filter 0.2s ease-out;
}
@media (any-hover: hover) {
a:has(.bl_postCard):hover .bl_postCard_img img,
a:has(.bl_postCard):focus-visible .bl_postCard_img img {
scale: 1.05;
filter: brightness(110%) contrast(90%);
}
a:has(.bl_postCard):hover .bl_postCard_title,
a:has(.bl_postCard):focus-visible .bl_postCard_title {
text-decoration: underline;
}
}
.bl_postCard_name {
position: absolute;
bottom: 0;
left: 0;
padding: 1.2em 0.8em;
background: #d8d8d8;
font-family: var(--font-zenKaku);
font-size: max(4.2cqi, 11px);
font-weight: 700;
line-height: 1.2;
}
.bl_postCard_name.is_cat1 {
background-color: var(--color-accent-1);
color: var(--color-base);
}
.bl_postCard_name.is_cat2 {
background-color: #006cb0;
color: var(--color-base);
}
.bl_postCard_title {
margin-block-start: var(--spacing-10);
font-family: var(--font-zenKaku);
font-size: var(--fz-x-large);
font-weight: 700;
word-break: normal;
}
.bl_intro {
padding: var(--spacing-60) var(--spacing-40);
}
.bl_intro p {
inline-size: min(100%, 860px);
margin: 0 auto;
}
.bl_member_total {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0.25em 1em;
margin-block-end: var(--spacing-30);
padding: var(--spacing-10) var(--spacing-20);
border: 1px solid var(--color-accent-2);
font-size: var(--fz-x-large);
font-weight: 700;
line-height: var(--lh-narrow);
}
.bl_member_total > p {
margin: 0;
}
.bl_member_total .hp_txtSm {
font-size: var(--fz-small);
font-weight: 400;
}
.bl_member_header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-block-end: var(--spacing-30);
}
.bl_member_header h2 {
margin-block-end: 0;
}
.bl_member_count {
margin-inline-start: auto;
font-size: var(--fz-small);
letter-spacing: 0.05em;
}
.bl_member_num {
display: inline-block;
margin-inline-end: var(--spacing-10);
color: var(--color-accent-1);
font-family: var(--font-zenKaku);
font-size: var(--fz-xx-large);
font-weight: 700;
}
.bl_member_list {
list-style-type: none;
margin: 0;
padding: 0;
}
.bl_member_item {
margin: 0;
background-color: var(--color-base);
border-top: 1px solid var(--color-accent-4);
}
.bl_member_link {
position: relative;
display: block;
padding: var(--spacing-20);
line-height: var(--lh-narrow);
}
@media all and (min-width: 601px) {
.bl_member_link {
display: flex;
align-items: flex-start;
gap: var(--spacing-20);
}
}
.bl_member_link:any-link {
text-decoration-line: none;
}
.bl_member_tag {
inline-size: fit-content;
margin-block-end: var(--spacing-10);
padding: 5px 10px;
color: var(--color-base);
font-family: var(--font-zenKaku);
font-size: var(--fz-small);
font-weight: 700;
text-align: center;
}
@media all and (min-width: 601px) {
.bl_member_tag {
flex: 0 0 100px;
margin-block-end: 0;
}
}
.bl_member_tag.is_tag1 {
background-color: var(--color-accent-1);
}
.bl_member_tag.is_tag2 {
background-color: #006cb0;
}
.bl_member_txtLg {
margin: 0;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
}
@media all and (min-width: 601px) {
.bl_member_txtLg {
font-size: 15px;
letter-spacing: 0.05em;
}
}
.bl_member_extLink {
margin: 0;
font-size: 12px;
letter-spacing: 0.05em;
}
.bl_member_extLink a:any-link {
color: var(--color-accent-3);
text-decoration-line: none;
}
@media (any-hover: hover) {
.bl_member_extLink a[href]:hover {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
}
.bl_member_extLink a:focus-visible {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
.bl_member_txtSm {
margin: 0;
font-size: 12px;
letter-spacing: 0.05em;
}
.bl_member_search {
padding: var(--spacing-20);
background-color: var(--color-base);
border: 3px solid var(--color-accent-2);
border-radius: var(--round);
}
.bl_member_searchTitle {
margin: 0 0 var(--spacing-10);
font-size: clamp(0.9375rem, 0.875rem + 0.3vw, 1.0625rem);
}
.bl_member_searchTitle:not(:first-child) {
margin-block-start: var(--spacing-20);
}
.bl_form_checkbox {
margin-block-start: 4px;
}
.bl_form_btn {
margin-block-start: var(--form-btn-mt, var(--spacing-20));
}
.bl_form_btn.bl_form_btn__middle {
inline-size: min(100%, 300px) !important;
margin-inline: auto;
}
.bl_form_submit {
display: block;
inline-size: 100%;
padding: 0.75em 1em 0.75em 1.5em;
border: 2px solid var(--color-contrast);
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
.bl_form_submit::after {
content: "";
position: relative;
display: inline-block;
inline-size: 0.875em;
block-size: 0.875em;
margin: 0 0 0 10px;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M4.67,12.83l5.83-5.83L4.67,1.17l-1.04,1.04,4.8,4.8-4.8,4.8,1.04,1.04Z"/></svg>') !important;
line-height: 0;
vertical-align: -0.0625em;
transition: translate 0.3s ease;
}
@media (any-hover: hover) {
.bl_form_submit:hover::after {
translate: 5px 0;
}
}
.bl_form_submit:focus-visible::after {
translate: 5px 0;
}
.bl_form_label {
font-weight: 700;
}
.bl_form_select {
margin-block-start: 8px;
inline-size: 100%;
padding: 0.3em 0.5em;
border: 1px solid var(--color-accent-3);
border-radius: var(--round);
background-color: var(--color-base);
line-height: var(--lh-narrow);
appearance: none;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M1.17,4.67l5.83,5.83,5.83-5.83-1.04-1.04-4.8,4.8-4.8-4.8-1.04,1.04Z"/></svg>') !important;
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 0.875em 0.875em;
}
.bl_login {
position: fixed;
z-index: 10;
bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: var(--spacing-10) var(--spacing-30);
inline-size: min(100%, 1920px);
margin: 0;
padding: var(--spacing-20);
background-color: rgba(228, 240, 180, 0.9);
opacity: 1;
transition: opacity 0.5s ease-out;
}
@media all and (min-width: 601px) {
.bl_login {
gap: var(--spacing-10) var(--spacing-40);
}
}
@starting-style {
.bl_login {
opacity: 0;
}
}
.bl_login.hidden {
display: none;
opacity: 0;
}
.bl_login_btn {
inline-size: 10em;
}
@media all and (min-width: 601px) {
.bl_login_btn {
inline-size: 13.75em;
}
}
.bl_login_btn .el_btn.el_btn__mono {
min-inline-size: revert;
background-color: var(--color-accent-1);
border: none;
color: var(--color-base);
}
.bl_loginPanel {
inline-size: min(100%, 500px);
margin-inline: auto;
padding: var(--spacing-50) var(--spacing-20);
}
.bl_loginPanel_form {
background-color: #f8f9fa;
padding: var(--spacing-30);
border-radius: 8px;
box-shadow: 0 2px 10px color-mix(in srgb, var(--color-contrast) 15%, transparent);
}
.bl_loginPanel_title {
text-align: center;
margin-block-end: var(--spacing-30);
}
.bl_loginPanel_form_item {
margin-block-start: var(--spacing-20);
}
.bl_loginPanel_form_item label {
display: block;
margin-block-end: 5px;
font-weight: bold;
}
.bl_loginPanel_form_item input[type=text],
.bl_loginPanel_form_item input[type=password] {
inline-size: 100%;
padding: var(--spacing-10) var(--spacing-20);
border: 1px solid var(--color-accent-4);
border-radius: 4px;
}
.bl_loginPanel_form_item:last-child {
margin-block-start: var(--spacing-30);
}
.bl_loginPanel_form_message {
margin-block-start: var(--spacing-20);
padding: var(--spacing-10);
border-radius: 4px;
display: none;
}
@media not all and (min-width: 601px) {
.bl_card {
display: grid;
grid-template: "icon title" auto "txt txt" auto/20% 1fr;
align-items: center;
gap: var(--spacing-10);
}
}
.bl_card_icon {
margin: 0;
block-size: 40px;
text-align: center;
line-height: 0;
}
@media not all and (min-width: 601px) {
.bl_card_icon {
grid-area: icon;
}
}
@media all and (min-width: 601px) {
.bl_card_icon {
block-size: 80px;
margin-inline: auto;
}
}
.bl_card_icon > img {
inline-size: auto;
block-size: 100%;
}
.bl_card_title {
margin: var(--spacing-40) 0 var(--spacing-10);
}
@media not all and (min-width: 601px) {
.bl_card_title {
grid-area: title;
margin: 0;
}
}
.bl_card_title h3 {
margin: 0;
padding: 0;
font-family: var(--font-zenKaku);
font-size: var(--fz-x-large);
font-weight: 700;
letter-spacing: 0.08em;
}
.bl_card_title p {
margin: 0;
color: var(--color-accent-1);
font-weight: 500;
}
.bl_card_txt {
margin: var(--spacing-10) 0 0;
line-height: 1.8;
}
@media not all and (min-width: 601px) {
.bl_card_txt {
grid-area: txt;
margin: 0;
}
}
.bl_grid {
display: grid;
gap: var(--bl_grid-gap, var(--spacing-20));
}
.bl_col3 {
display: grid;
gap: var(--grid-gap-sp, var(--spacing-50));
max-inline-size: 400px;
}
@media all and (min-width: 601px) {
.bl_col3 {
grid-template-columns: repeat(2, 1fr);
gap: var(--grid-gap-v, var(--spacing-60)) var(--grid-gap-h, var(--spacing-40));
max-inline-size: var(--wide-size);
}
}
@media all and (min-width: 900px) {
.bl_col3 {
grid-template-columns: repeat(3, 1fr);
}
}
.bl_director_header {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2px 6px;
}
@media all and (min-width: 601px) {
.bl_director_header {
gap: 2px 12px;
}
}
.bl_director_pos {
flex: 0 0 5em;
padding-block-start: 1px;
padding-block-end: 2px;
background-color: var(--color-accent-1);
color: var(--color-base);
font-size: 11px;
font-weight: 700;
line-height: var(--lh-narrow);
text-align: center;
letter-spacing: 0.05em;
}
@media all and (min-width: 601px) {
.bl_director_pos {
flex: 0 0 6em;
font-size: var(--fz-small);
}
}
.bl_director_name {
letter-spacing: 0.15em;
}
.bl_director_body {
list-style-type: none;
margin-block-start: 5px;
padding: 0;
font-size: 11px;
letter-spacing: 0.05em;
}
@media all and (min-width: 601px) {
.bl_director_body {
margin-block-start: var(--spacing-10);
font-size: 13px;
}
}
.bl_infoUnit {
list-style-type: none;
margin: 0;
padding: 0;
}
.bl_info:nth-child(n+2) {
margin-block-start: var(--spacing-30);
}
.bl_info_link {
display: block;
}
.bl_info_link:any-link {
color: var(--color-primary);
text-decoration-line: none;
}
@media (any-hover: hover) {
.bl_info_link {
padding: var(--spacing-20);
transition: box-shadow 0.3s ease;
}
}
@media (any-hover: hover) {
.bl_info_link[href]:hover {
box-shadow: 0 0 var(--spacing-20) rgba(56, 56, 56, 0.1);
}
.bl_info_link[href]:hover .bl_info_title {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
}
.bl_info_link:focus-visible {
box-shadow: 0 0 var(--spacing-20) rgba(56, 56, 56, 0.1);
}
.bl_info_link:focus-visible .bl_info_title {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
.bl_info_date {
color: var(--color-accent-3);
font-size: var(--fz-small);
letter-spacing: 0.05em;
}
.bl_info_title {
margin-block-start: var(--spacing-10);
word-break: normal;
}
.bl_info_txt {
color: var(--color-accent-3);
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
.bl_info_more {
color: var(--color-accent-1);
text-decoration-line: underline;
text-decoration-color: var(--color-accent-4);
}
.bl_info_side {
padding: var(--spacing-20);
background-color: rgb(246, 248, 250);
}
.el_heading2.bl_info_sideTitle {
margin-block-end: var(--spacing-20);
padding-inline-start: var(--spacing-10);
border-inline-start-width: 0.5em;
font-size: var(--fz-medium);
letter-spacing: 0.05em;
}
.bl_info_sideList {
list-style-type: none;
padding: 0;
}
.bl_info_sideList li {
font-size: var(--fz-small);
margin-block-start: var(--spacing-20);
}
.bl_info_sideList li:nth-child(n+2) {
margin-block-start: var(--spacing-10);
}
.bl_info_sideList a {
text-decoration-line: none;
}
@media (any-hover: hover) {
.bl_info_sideList a[href]:hover {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
}
.bl_info_sideList a:focus-visible {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
.bl_breadcrumb {
inline-size: min(100%, var(--extra-size));
max-inline-size: none;
margin-inline: auto;
margin-block-start: auto;
}
@media all and (min-width: 900px) {
.bl_breadcrumb {
padding-inline: 10px;
}
}
.bl_breadcrumb_list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding-inline-start: 0;
color: var(--color-accent-3);
font-size: var(--fz-small);
}
.bl_breadcrumb_list li {
margin: 0;
}
.bl_breadcrumb_list li:not(:last-child)::after {
content: "/";
margin-inline-start: 10px;
}
.bl_breadcrumb_list a:any-link {
color: var(--color-contrast);
text-decoration-line: none;
}
@media (any-hover: hover) {
.bl_breadcrumb_list a:hover {
text-decoration-line: underline;
}
}
.bl_breadcrumb_list a:focus-visible {
text-decoration-line: underline;
}
.bl_pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--spacing-10);
margin-block-start: var(--spacing-50);
border-block-start: 1px solid var(--color-accent-4);
}
.bl_postnav {
display: flex;
justify-content: space-between;
margin-block-start: var(--spacing-40);
padding: var(--spacing-20) 0;
border-block-start: 1px solid var(--color-accent-4);
}
.bl_postnav .bl_postnav_item.bl_postnav_item__prev {
display: inline-flex;
align-items: center;
gap: 8px;
}
.bl_postnav .bl_postnav_item.bl_postnav_item__prev::before {
content: "";
display: inline-block;
inline-size: 0.75em;
block-size: 0.75em;
margin: 0 0 0 10px;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M8.83,1.18L3,7.01l5.83,5.83,1.04-1.04-4.8-4.8,4.8-4.8-1.04-1.04v.02Z"/></svg>') !important;
background-color: currentColor;
}
.bl_postnav .bl_postnav_item.bl_postnav_item__prev:has(:not([href]))::before {
background-color: var(--color-accent-3);
}
.bl_postnav .bl_postnav_item.bl_postnav_item__next {
display: inline-flex;
align-items: center;
gap: 8px;
}
.bl_postnav .bl_postnav_item.bl_postnav_item__next::after {
content: "";
display: inline-block;
inline-size: 0.75em;
block-size: 0.75em;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M4.67,12.83l5.83-5.83L4.67,1.17l-1.04,1.04,4.8,4.8-4.8,4.8,1.04,1.04Z"/></svg>') !important;
background-color: currentColor;
}
.bl_postnav .bl_postnav_item.bl_postnav_item__next:has(:not([href]))::after {
background-color: var(--color-accent-3);
}
@media (any-hover: hover) {
.bl_postnav a[href]:hover {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
}
.bl_postnav a:focus-visible {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
.hp_tac {
text-align: center !important;
}
.hp_tar {
text-align: right !important;
}
.hp_tal {
text-align: left !important;
}
@media not all and (min-width: 601px) {
.hp_tacSp {
text-align: center !important;
}
.hp_tarSp {
text-align: right !important;
}
.hp_talSp {
text-align: left !important;
}
}
@media all and (min-width: 601px) {
.hp_tacTb {
text-align: center !important;
}
.hp_tarTb {
text-align: right !important;
}
.hp_talTb {
text-align: left !important;
}
}
@media all and (min-width: 900px) {
.hp_tacTb-lg {
text-align: center !important;
}
.hp_tarTb-lg {
text-align: right !important;
}
.hp_talTb-lg {
text-align: left !important;
}
}
@media all and (min-width: 1200px) {
.hp_tacPc {
text-align: center !important;
}
.hp_tarPc {
text-align: right !important;
}
.hp_talPc {
text-align: left !important;
}
}
.hp_uppercase {
text-transform: uppercase;
}
.hp_aster {
padding-inline-start: 1em;
text-indent: -1em;
}
.hp_aster::before {
content: "※";
}
.hp_txtGray {
color: var(--color-contrast-2);
}
.hp_txtSmall {
font-size: var(--fz-small);
line-height: var(--lh-narrow);
}
.hp_db {
display: block !important;
}
.hp_dib {
display: inline-block !important;
}
.hp_dn {
display: none !important;
}
.hp_dnSp {
display: none !important;
}
@media all and (min-width: 601px) {
.hp_dnSp {
display: revert !important;
}
}
@media all and (min-width: 601px) {
.hp_dnTb {
display: none !important;
}
}
@media all and (min-width: 900px) {
.hp_dnTb-lg {
display: none !important;
}
}
.hp_i100 {
inline-size: 100% !important;
}
.hp_centering {
margin-inline: auto;
}
.hp_roundedLeft {
overflow: hidden;
border-radius: var(--round-md) 0 0 var(--round-md);
}
.hp_roundedRight {
overflow: hidden;
border-radius: 0 var(--round-md) var(--round-md) 0;
}
.hp_circleImg {
overflow: hidden;
border-radius: 50%;
}
.hp_imgLink {
display: inline-block;
transition: transform 0.3s ease;
}
@media (hover: hover) {
.hp_imgLink:hover {
transform: translateY(-2px);
filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}
}
.hp_list_gapWide li:nth-child(n+2) {
margin-block-start: 1em;
}
.hp_srOnly {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.hp_mbsGap {
margin-block-start: var(--block-gap) !important;
}
.hp_mbs10 {
margin-block-start: var(--spacing-10) !important;
}
.hp_mbs50 {
margin-block-start: var(--spacing-50) !important;
}
.hp_mbs60 {
margin-block-start: var(--spacing-60) !important;
}
.hp_mbe60 {
margin-block-end: var(--spacing-60) !important;
}
.hp_pbe0 {
padding-block-end: 0 !important;
}
.hp_pbe50 {
padding-block-end: var(--spacing-50) !important;
}
.hp_pbe60 {
padding-block-end: var(--spacing-60) !important;
}
.un_homeMv {
display: grid;
gap: var(--spacing-30);
min-block-size: clamp(16.25rem, 4.625rem + 49.6vw, 35.625rem);
margin-inline: -20px !important;
background: transparent url(//kenkoforum.jp/wp-content/themes/kenkoforum_theme/img/home_kv.webp) center bottom/160% auto no-repeat;
background-origin: content-box;
border: 1px solid transparent;
}
@media all and (min-width: 900px) {
.un_homeMv {
margin-inline: 0 !important;
background-size: 100% auto;
}
}
.un_homeMv_txt {
margin: 18% clamp(1.25rem, -2.875rem + 17.5vw, 10.25rem) 0;
font-family: var(--font-zenKaku);
font-size: clamp(1.3rem, 0.35rem + 4vw, 2.85rem);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.14em;
}
@media all and (min-width: 601px) {
.un_homeMv_txt {
margin-top: 12%;
}
}
.un_homeMv_txt b,
.un_homeMv_txt strong {
color: var(--color-accent-1);
}
.un_homeMv_info {
inline-size: calc(100% + 8px);
margin-block-start: auto;
padding: var(--spacing-20);
background-color: var(--color-base);
translate: -4px 0;
}
@media all and (min-width: 601px) {
.un_homeMv_info {
inline-size: min(80%, 1000px);
padding: var(--spacing-40);
}
}
@media all and (min-width: 900px) {
.un_homeMv_infoUnit {
display: flex;
align-items: flex-start;
gap: var(--spacing-50);
}
}
.un_homeMv_infoTitle {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 4px;
margin: 0;
font-family: var(--font-zenKaku);
font-size: var(--fz-medium);
font-weight: 700;
letter-spacing: 0.05em;
}
@media all and (min-width: 601px) {
.un_homeMv_infoTitle {
font-size: var(--fz-large);
}
}
.un_homeMv_infoTitle::before {
content: "";
display: inline-block;
inline-size: 1.333em;
block-size: 1.333em;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4,20c-.55,0-1.02-.2-1.41-.59-.39-.39-.59-.86-.59-1.41V6c0-.55.2-1.02.59-1.41.39-.39.86-.59,1.41-.59h11c.32,0,.62.07.9.21.28.14.52.34.7.59l5.4,7.2-5.4,7.2c-.18.25-.42.45-.7.59-.28.14-.58.21-.9.21H4Z" /></svg>');
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--color-accent-2);
}
.un_homeMv_infoBody {
font-size: var(--fz-small);
}
@media not all and (min-width: 601px) {
.un_homeMv_infoBody li {
padding-inline-start: 1.5em;
margin-block: 0.6em;
}
.un_homeMv_infoBody li::before {
content: "";
position: absolute;
top: 0.5lh;
left: 0;
inline-size: 0.8em;
block-size: 1px;
background: currentColor;
}
.un_homeMv_infoBody .splide {
visibility: visible;
}
.un_homeMv_infoBody .splide__list {
flex-direction: column;
}
}
@media all and (min-width: 601px) {
.un_homeMv_infoBody {
font-size: var(--fz-medium);
}
}
@media all and (min-width: 900px) {
.un_homeMv_infoBody {
display: flex;
gap: var(--spacing-50);
}
.un_homeMv_infoBody::before {
content: "";
display: block;
inline-size: 80px;
height: 1px;
margin-block-start: 0.75em;
background-color: var(--color-accent-3);
}
}
.un_homeMv_infoLink:any-link {
text-decoration-line: none !important;
}
@media (any-hover: hover) {
.un_homeMv_infoLink:hover {
text-decoration-line: underline !important;
}
}
.un_homeMv_infoLink:focus-visible {
text-decoration-line: underline !important;
}
.un_intro {
max-inline-size: 936px;
margin-inline: auto;
padding-block-end: 0 !important;
}
.un_intro .el_heading2__home {
text-align: left;
}
.wp-block-media-text.un_intro_block {
gap: var(--spacing-30) var(--spacing-60) !important;
}
@media all and (min-width: 601px) {
.wp-block-media-text.un_intro_block {
grid-template-columns: 36.325% 1fr !important;
}
}
.wp-block-media-text.un_intro_block .wp-block-media-text__media {
max-inline-size: 340px;
margin-inline: auto;
}
@media not all and (min-width: 601px) {
.wp-block-media-text.un_intro_block .wp-block-media-text__media {
grid-row: 2;
max-inline-size: 300px;
}
}
@media not all and (min-width: 601px) {
.wp-block-media-text.un_intro_block .wp-block-media-text__content {
grid-row: 1;
}
}
.wp-block-media-text.un_intro_block .wp-block-media-text__content > p {
margin-block-start: 1lh;
line-height: 2.4;
}
.un_homeTicker {
overflow: hidden;
display: flex;
margin: 0 !important;
padding: 0;
font-size: clamp(3.25rem, 0.313rem + 12.6vw, 8.1875rem);
}
.un_homeTicker p {
flex-shrink: 0;
margin: 0;
padding: 0 1em 0 0;
color: #edf2e8;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
white-space: nowrap;
}
.un_homeTicker_item {
flex-shrink: 0;
animation: ticker 60s linear infinite;
}
@keyframes ticker {
100% {
transform: translateX(-100%);
}
}
.bl_sec.un_homeAbout {
padding: min(5.3333333333vw, 20px);
}
@media all and (min-width: 601px) {
.bl_sec.un_homeAbout {
margin-block-start: var(--spacing-50);
}
}
.un_homeAbout_txt {
text-align: center;
word-break: auto-phrase;
text-wrap: balance;
}
.un_homeAbout_body {
margin: clamp(2.5rem, 1.375rem + 4.8vw, 4.375rem) auto 0;
}
@media all and (min-width: 601px) {
.un_homeAbout_body {
position: relative;
display: flex;
inline-size: min(96%, 1018px);
aspect-ratio: 1018/869;
}
}
.un_homeAbout_body_title {
inline-size: min(100%, 480px);
margin-inline: auto;
line-height: 0;
}
@media all and (min-width: 601px) {
.un_homeAbout_body_title {
position: relative;
z-index: 2;
inline-size: 52.5540275049%;
margin: auto;
}
}
.un_homeAbout_body_listPc {
display: none;
}
@media all and (min-width: 601px) {
.un_homeAbout_body_listPc {
position: absolute;
inset: 0;
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}
}
.un_homeAbout_body_listPc li {
position: absolute;
inline-size: 24.7544204322%;
line-height: 0;
}
.un_homeAbout_body_listPc li:nth-child(1) {
top: 0;
left: 17.3870333988%;
}
.un_homeAbout_body_listPc li:nth-child(2) {
top: 0;
left: 57.3673870334%;
}
.un_homeAbout_body_listPc li:nth-child(3) {
top: 33.6018411968%;
left: 0.7269155206%;
}
.un_homeAbout_body_listPc li:nth-child(4) {
top: 33.6018411968%;
left: 74.4597249509%;
}
.un_homeAbout_body_listPc li:nth-child(5) {
bottom: 0;
left: 17.3870333988%;
}
.un_homeAbout_body_listPc li:nth-child(6) {
bottom: 0;
left: 57.3673870334%;
}
.un_homeAbout_body_listSp {
list-style-type: none;
display: block;
inline-size: min(100%, 480px);
margin: var(--spacing-40) auto 0;
padding: 0;
}
@media all and (min-width: 601px) {
.un_homeAbout_body_listSp {
display: none;
}
}
.un_homeAbout_body_listSp li {
display: flex;
align-items: flex-start;
gap: 0 4vw;
}
.un_homeAbout_body_listSp li + li {
margin-block-start: 12px;
}
.un_homeAbout_body_listSp li:nth-child(1) {
--color-h4: #94B803;
}
.un_homeAbout_body_listSp li:nth-child(2) {
--color-h4: #38A92B;
}
.un_homeAbout_body_listSp li:nth-child(3) {
--color-h4: #2B8AB1;
}
.un_homeAbout_body_listSp li:nth-child(4) {
--color-h4: #01A093;
}
.un_homeAbout_body_listSp li:nth-child(5) {
--color-h4: #DF6888;
}
.un_homeAbout_body_listSp li:nth-child(6) {
--color-h4: #DD9932;
}
.un_homeAbout_body_listSp h3 {
flex: 0 0 92px;
margin: 0;
padding: 0;
line-height: 0;
}
.un_homeAbout_body_listSp h4 {
margin: 0;
font-size: clamp(0.8125rem, 0.6rem + 0.9vw, 0.9375rem);
color: var(--color-h4, var(--color-contrast));
letter-spacing: 0.01em;
}
.un_homeAbout_body_listSp p {
margin: 0;
font-size: clamp(0.6875rem, 0.475rem + 0.9vw, 0.8125rem);
letter-spacing: 0.01em;
}
.un_homeAbout_body_listSp p + h4 {
margin-block-start: 8px;
}
.wp-block-group:has(.un_homeAbout_forUnit) {
padding-block-end: var(--spacing-40);
}
.un_homeAbout_forUnit {
display: grid;
gap: var(--spacing-40);
max-inline-size: 500px;
margin-block-start: var(--spacing-60) !important;
margin-inline: auto;
}
@media all and (min-width: 900px) {
.un_homeAbout_forUnit {
grid-template-columns: 1fr 1fr;
gap: var(--spacing-50);
max-inline-size: var(--wide-size);
}
}
.un_homeAbout_for {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
gap: var(--spacing-30);
padding: var(--spacing-40) calc(var(--spacing-30) - 5px);
border-radius: var(--round-md);
background-color: var(--bgc);
}
.un_homeAbout_for hgroup {
text-align: center;
}
.un_homeAbout_for hgroup p {
margin-block-start: 0;
margin-block-end: 0.5em;
color: var(--color-accent-3);
font-weight: 700;
letter-spacing: 0.22em;
}
@media all and (min-width: 601px) {
.un_homeAbout_for hgroup p {
font-size: var(--fz-large);
}
}
.un_homeAbout_for h3 {
margin: 0;
color: var(--txt);
font-size: clamp(1.5rem, 1.063rem + 1.9vw, 2.25rem);
font-weight: 700;
}
.un_homeAbout_for h3 small {
font-size: 0.8333em;
}
.un_homeAbout_for.is_type1 {
--bgc: #EDF0BF;
--txt: var(--color-accent-1);
--btn-color: var(--color-accent-1);
}
.un_homeAbout_for.is_type2 {
--bgc: #E2F4FF;
--txt: #006CB0;
--btn-color: #006CB0;
}
.un_homeAbout_for figure {
margin-inline: auto;
}
.un_homeAbout_forList {
margin: 0;
padding-inline-start: 1em;
font-weight: 700;
letter-spacing: 0.05em;
}
@media all and (min-width: 601px) {
.un_homeAbout_forList {
padding-inline-start: 2em;
font-size: var(--fz-large);
}
}
.un_homeAbout_mems {
position: relative;
display: flow-root;
max-inline-size: var(--wide-size);
margin-inline: auto;
}
.un_homeAbout_memsHeader {
display: grid;
place-content: center;
inline-size: 8.1333em;
aspect-ratio: 1/1;
background-color: var(--color-accent-5);
border-radius: 50%;
font-size: 1.4375rem;
line-height: 1.5;
text-align: center;
}
@media all and (min-width: 601px) {
.un_homeAbout_memsHeader {
position: absolute;
z-index: -1;
top: clamp(0.625rem, -3.27rem + 10.4vw, 3.75rem);
left: clamp(1.25rem, -11.228rem + 33.3vw, 11.25rem);
display: flow-root;
font-size: clamp(1.375rem, 0.727rem + 1.7vw, 1.875rem);
}
}
.un_homeAbout_memsTitle {
margin-block-start: var(--fz-small);
font-size: inherit;
line-height: 1.4;
letter-spacing: 0.08em;
}
.un_homeAbout_memsTitle strong {
color: var(--color-accent-1);
}
.un_homeAbout_memsDate {
margin-block-start: 0.125em;
font-size: var(--fz-small);
}
@media all and (min-width: 900px) {
.un_homeAbout_memsDate {
font-size: var(--fz-medium);
}
}
.un_homeAbout_memsMap {
display: block;
inline-size: min(100%, 692px);
margin: -23% 0 0;
line-height: 0;
}
@media all and (min-width: 601px) {
.un_homeAbout_memsMap {
margin: 0 clamp(3.125rem, 5.644rem - 6.7vw, 1.875rem) 0 auto;
}
}
@media all and (min-width: 900px) {
.un_homeAbout_memsMap {
margin: 0 9.4444444444% 0 auto;
}
}
.un_logoSlide {
margin: 0;
padding-block: var(--spacing-50);
}
.un_logoSlide_splide .splide__track {
gap: var(--spacing-30);
}
.un_logoSlide_splide + .un_logoSlide_splide {
margin-top: var(--spacing-40);
}
.un_logoSlide_slide {
block-size: 70px;
}
.un_logoSlide_slide span {
display: flex;
inline-size: 100%;
justify-content: center;
}
.un_logoSlide_slide img {
width: auto;
block-size: 70px;
object-fit: contain;
}
.un_homeOrg { padding-block: var(--spacing-60);
background-color: var(--color-accent-5);
}
.un_homeOrg .el_heading2 {
max-inline-size: var(--wide-size);
margin-block-end: var(--spacing-60);
font-size: var(--fz-huge);
}
.un_homeOrg_cont {
display: grid;
}
@media all and (min-width: 900px) {
.un_homeOrg_cont {
grid-template-columns: min(30%, 320px) 1fr;
gap: var(--spacing-60);
max-inline-size: var(--wide-size);
}
}
.un_homeOrg_cont + .un_homeOrg_cont {
padding-block-start: var(--spacing-60);
border-block-start: 1px solid var(--color-accent-4);
}
.un_homeOrg_head {
container-type: inline-size;
container-name: org-head;
}
.un_homeOrg_headInner {
display: flex;
gap: var(--spacing-30);
align-items: center;
justify-content: space-between;
margin-block-end: var(--spacing-40);
}
@media all and (min-width: 601px) {
.un_homeOrg_headInner {
gap: var(--spacing-40);
}
}
@container org-head (max-width: 480px) {
.un_homeOrg_headInner {
display: flex;
flex-flow: column;
align-items: center;
}
}
.un_homeOrg_logos {
display: flex;
justify-content: center;
gap: var(--spacing-30) var(--spacing-10);
}
.un_homeOrg_logo {
max-inline-size: 240px;
}
@media all and (min-width: 601px) {
.un_homeOrg_logo {
max-inline-size: revert;
}
}
@media all and (min-width: 900px) {
.un_homeOrg_contact {
inline-size: 100%;
}
}
.un_homeOrg_contact .el_btn {
display: flex;
max-inline-size: 240px;
}
@media all and (min-width: 601px) {
.un_homeOrg_contact .el_btn {
max-inline-size: revert;
}
}
.un_homeOrg_group {
margin-block-end: var(--spacing-50);
}
.un_homeOrg_group .wp-block-heading {
margin-block-start: 0;
}
.un_homeOrg_board {
container-type: inline-size;
container-name: board;
padding-block: var(--spacing-30);
border-block-start: 1px solid var(--color-accent-4);
}
.un_homeOrg_board .bl_col3 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--spacing-30) var(--spacing-20);
inline-size: 100%;
margin-inline: 0;
}
@container board (min-width: 480px) {}
@container board (min-width: 640px) {
.un_homeOrg_board .bl_col3 {
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing-30);
}
}
.un_postArchive {
--post-body-pt: var(--spacing-40);
--post-body-pb: var(--spacing-60);
}
.un_postArchive_section {
inline-size: min(100%, 400px);
max-inline-size: none;
margin-inline: auto;
}
@media all and (min-width: 601px) {
.un_postArchive_section {
inline-size: min(100%, var(--wide-size));
}
}
.un_postArchive_section:last-child {
margin-block-end: var(--spacing-40);
}
.un_postArchive_filter {
--form-btn-mt: var(--spacing-30);
--grid-gap-sp: var(--spacing-20);
--grid-gap-v: var(--spacing-20);
--grid-gap-h: var(--spacing-30);
}
.un_postArchive_form {
inline-size: min(100%, 780px);
margin-inline: auto;
}
.ly_main:has(.un_topProject) {
container-type: inline-size;
}
.un_topProject {
--centerBtn-mt: var(--spacing-40);
}
.un_topProject_pickup {
margin-inline: calc(50% - 50cqi);
margin-block: var(--spacing-50) var(--spacing-60);
}
.un_topProject_pickup:not(:has(a)),
.un_topProject_pickup a {
text-decoration: none;
}
@media all and (min-width: 601px) {
.un_topProject_pickup:not(:has(a)),
.un_topProject_pickup a {
display: grid;
grid-template-columns: 1fr max-content;
gap: clamp(1.5625rem, -0.813rem + 6.3vw, 3.125rem);
block-size: max(460px, 33.6cqi);
}
}
@media all and (min-width: 900px) {
.un_topProject_pickup:not(:has(a)),
.un_topProject_pickup a {
grid-template-columns: minmax(auto, 60vw) auto;
inline-size: fit-content;
}
}
@media (any-hover: hover) {
.un_topProject_pickup a:hover .un_topProject_pickup_img img,
.un_topProject_pickup a:focus-visible .un_topProject_pickup_img img {
scale: 1.03;
filter: brightness(110%) contrast(90%);
}
.un_topProject_pickup a:hover .un_topProject_pickup_title,
.un_topProject_pickup a:focus-visible .un_topProject_pickup_title {
text-decoration: underline;
}
}
.un_topProject_pickup_img {
aspect-ratio: 3/2;
overflow: hidden;
}
@media all and (min-width: 601px) {
.un_topProject_pickup_img {
aspect-ratio: auto;
background-color: var(--color-accent-4);
}
}
.un_topProject_pickup_img img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
transition: scale 0.2s ease-out, filter 0.2s ease-out;
}
@media all and (min-width: 601px) {
.un_topProject_pickup_img img {
object-fit: contain;
}
}
.un_topProject_pickup_body {
padding: var(--spacing-30) var(--spacing-20);
font-family: var(--font-zenKaku);
background-color: color-mix(in srgb, var(--color-base) 70%, transparent);
}
@media all and (min-width: 601px) {
.un_topProject_pickup_body {
justify-self: start;
margin-block: 0;
padding: 0;
padding-inline-end: var(--spacing-30);
}
}
@media all and (min-width: 601px) {
.un_topProject_pickup_content {
writing-mode: vertical-rl;
text-orientation: mixed;
}
}
.un_topProject_pickup_txt {
color: var(--color-accent-1);
letter-spacing: 0.3em;
}
.un_topProject_pickup_title {
margin-block-start: var(--spacing-10);
font-size: clamp(1.3125rem, 1.063rem + 1.1vw, 1.75rem);
line-height: 1.4;
letter-spacing: 0.3em;
word-break: normal;
}
@media all and (min-width: 601px) {
.un_topProject_pickup_title {
margin-block-start: var(--spacing-20);
line-height: 1.7;
}
}
.un_topProject_list {
inline-size: min(100%, 400px) !important;
max-inline-size: none;
margin-inline: auto;
}
@media all and (min-width: 601px) {
.un_topProject_list {
inline-size: min(100%, var(--wide-size)) !important;
}
}
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 1fr 1fr;
gap: var(--spacing-50);
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding: 0;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content > *:first-child {
margin-block-start: 0;
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
max-inline-size: 100%;
padding: 0.5rem 0.75rem;
border: 1px solid var(--color-border);
font-size: 1rem;
}
.wpcf7-spinner {
display: none !important;
}
.wp-block-myplugin-custom-text {
max-inline-size: revert !important;
}
.el_wpButton.is-style-outline .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--spacing-10);
min-inline-size: 240px;
padding: 1em var(--spacing-10);
border-radius: var(--round-full);
background-color: var(--color-base);
font-size: var(--fz-medium);
font-weight: 400;
line-height: var(--lh-narrow);
letter-spacing: 0.05em;
}
@media all and (min-width: 601px) {
.el_wpButton.is-style-outline .wp-block-button__link {
min-inline-size: 280px;
}
}
.el_wpButton.is-style-outline .wp-block-button__link:any-link {
text-decoration-line: none !important;
}
@media (any-hover: hover) {
.el_wpButton.is-style-outline .wp-block-button__link[href]:hover {
text-decoration-line: underline;
}
.el_wpButton.is-style-outline .wp-block-button__link[href]:hover::after {
translate: 5px 0;
}
}
.el_wpButton.is-style-outline .wp-block-button__link:focus-visible {
text-decoration-line: underline;
}
.el_wpButton.is-style-outline .wp-block-button__link:focus-visible::after {
translate: 5px 0;
}
.el_wpButton.is-style-outline .wp-block-button__link::after {
content: "";
display: inline-block;
inline-size: 1.25em;
block-size: 1.25em;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" transform="matrix(-1 0 0 1 20 0.646973)" fill="%23B1D90D"/><path d="M7.20595 17.4411L14 10.6471L7.20595 3.85303L6 5.05897L11.5881 10.6471L6 16.2352L7.20595 17.4411Z" fill="white"/></svg>');
background-size: contain;
background-repeat: no-repeat;
line-height: 0;
transition: translate 0.3s ease;
}
.el_wpButton .wp-element-button, .el_wpButton .wp-block-button__link {
transition: background-color 0.3s ease;
}
.el_wpButton .wp-element-button:hover, .el_wpButton .wp-block-button__link:hover {
background-color: color-mix(in srgb, var(--color-accent-1) 100%, #000000 20%);
}
.is-style-outline.el_wpButton .wp-element-button:hover,
.is-style-outline.el_wpButton .wp-block-button__link:hover {
background-color: var(--color-base);
}
.el_wpButton__arw .wp-element-button::after, .el_wpButton__arw .wp-block-button__link::after {
content: "";
position: relative;
display: inline-block;
inline-size: 0.875em;
block-size: 0.875em;
margin: 0 0 0 10px;
background-image: none;
mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M4.67,12.83l5.83-5.83L4.67,1.17l-1.04,1.04,4.8,4.8-4.8,4.8,1.04,1.04Z"/></svg>');
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
line-height: 0;
vertical-align: -0.0625em;
transition: translate 0.3s ease;
}
.grecaptcha-badge {
z-index: 20;
}
.wp-block-image.aligncenter {
margin-inline: auto;
}
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignright img {
display: block;
margin-inline: auto 0 !important;
}
:where(.editor-styles-wrapper) .is-layout-flow > .alignright {
width: var(--content-size);
float: none;
margin-inline: auto;
}
:where(.editor-styles-wrapper) .is-layout-flow > .alignright > * {
margin-inline: auto 0 !important;
}
:where(.editor-visual-editor) h1 {
margin-block-start: 0 !important;
font-family: var(--font-zenKaku) !important;
font-size: var(--fz-huge) !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
line-height: 1.5 !important;
}
:where(.editor-visual-editor) h2 {
margin-block-start: var(--spacing-50);
margin-block-end: var(--spacing-30);
padding-inline-start: var(--spacing-20);
border-inline-start: 6px solid var(--color-accent-2);
font-family: var(--font-zenKaku);
font-size: var(--fz-xx-large);
font-weight: 700;
letter-spacing: 0.08em;
}
@media all and (min-width: 601px) {
:where(.editor-visual-editor) h2 {
border-inline-start: 10px solid var(--color-accent-2);
}
}
:where(.editor-visual-editor) h3 {
padding: 0.5em 1em;
background: var(--color-accent-5);
font-size: var(--fz-x-large);
line-height: 1.3;
}
:where(.editor-visual-editor) h4 {
font-size: var(--fz-large);
font-weight: 700;
} .smb-step__item__body .hp_linkUl a,
.smb-faq__item__answer .hp_linkUl a {
text-decoration: underline;
}
.smb-step__item__body .hp_linkUl a:hover,
.smb-faq__item__answer .hp_linkUl a:hover {
text-decoration-thickness: 2px;
} .wp-block-table.is-style-stripes.hp_table_green tbody tr:nth-child(odd) {
background-color: var(--wp--preset--color--pale-gray);
}