.svg-icon-solid-circle-caret-right,
.svg-icon-solid-circle-arrow-right-accent,
.svg-icon-solid-circle-arrow-right,
.svg-icon-regular-magnifying-glass,
.svg-icon-regular-circle-arrow-right,
.svg-icon-regular-chevron-right,
.svg-icon-logo-text,
.svg-icon-logo-symbol,
.svg-icon-logo-accent,
.svg-icon-logo {
	background: url("../img/sprite/sprite.view.svg") no-repeat;
}

.svg-icon-logo {
	background-position: 0% 0%;
	height: 43px;
	width: 207px;
}

.svg-icon-logo-accent {
	background-position: 31.8461538462% 12.4637681159%;
	height: 43px;
	width: 207px;
}

.svg-icon-logo-symbol {
	background-position: 51.4285714286% 23.8888888889%;
	height: 28px;
	width: 52px;
}

.svg-icon-logo-text {
	background-position: 67.4384949349% 32.9479768786%;
	height: 42px;
	width: 166px;
}

.svg-icon-regular-chevron-right {
	background-position: 75.2380952381% 42.8571428571%;
	height: 24px;
	width: 17px;
}

.svg-icon-regular-circle-arrow-right {
	background-position: 80.2224969098% 52.9411764706%;
	height: 48px;
	width: 48px;
}

.svg-icon-regular-magnifying-glass {
	background-position: 84.0772014475% 63.3333333333%;
	height: 28px;
	width: 28px;
}

.svg-icon-solid-circle-arrow-right {
	background-position: 89.6168108776% 75.2941176471%;
	height: 48px;
	width: 48px;
}

.svg-icon-solid-circle-arrow-right-accent {
	background-position: 95.5500618047% 89.4117647059%;
	height: 48px;
	width: 48px;
}

.svg-icon-solid-circle-caret-right {
	background-position: 100% 100%;
	height: 36px;
	width: 36px;
}

:root {
	--viewport-min: 390; /* SPのデザインカンプの横幅 */
	--viewport-breakpoint: 768; /* ブレイクポイントの横幅 */
	--viewport-inner: 1034; /* デザインカンプの横幅 */
	--viewport-max: 1440; /* PCのデザインカンプの横幅 */
	--horizontal-spacing-min: 20; /* SPのデザインカンプの水平余白 */
	--horizontal-spacing-max: 48; /* PCのデザインカンプの水平余白 */
	--fluid-ratio-min: calc(1 / var(--viewport-min) * 100dvi);
	--fluid-ratio-breakpoint: calc(1 / var(--viewport-breakpoint) * 100dvi);
	--fluid-ratio-max: calc(1 / var(--viewport-max) * 100dvi);
	--leading-trim: calc((1em - 1lh) / 2);
	--spacing-unit: 0.5rem;
	--spacing-xs: calc(var(--spacing-unit) / 2);
	--spacing-sm: var(--spacing-unit);
	--spacing-md: calc(var(--spacing-unit) * 2);
	--spacing-lg: calc(var(--spacing-unit) * 3);
	--spacing-xl: calc(var(--spacing-unit) * 5);
	--spacing-2xl: calc(var(--spacing-unit) * 8);
	--spacing-3xl: calc(var(--spacing-unit) * 13);
	--spacing-xs-trim: calc(var(--spacing-xs) + var(--leading-trim));
	--spacing-sm-trim: calc(var(--spacing-sm) + var(--leading-trim));
	--spacing-md-trim: calc(var(--spacing-md) + var(--leading-trim));
	--spacing-lg-trim: calc(var(--spacing-lg) + var(--leading-trim));
	--spacing-xl-trim: calc(var(--spacing-xl) + var(--leading-trim));
	--spacing-2xl-trim: calc(var(--spacing-2xl) + var(--leading-trim));
	--spacing-3xl-trim: calc(var(--spacing-3xl) + var(--leading-trim));
	--border-radius: 4px;
	--border-width: 1px;
	--z-background: -1;
	--z-default: 0;
	--z-foreground: 1;
	--z-footer: 90;
	--z-header: 100;
	--z-floating: 150;
	--z-navigation: 200;
	--z-modal: 1000;
	--z-popup: 1100;
	--z-tooltip: 1200;
	--z-notification: 9000;
	--z-loader: 9100;
	--z-dev-tools: 9999;
}

:lang(en) {
	--leading-trim: calc((1cap - 1lh) / 2);
}

:root {
	--_font-family-en: "Noto Sans JP", "Helvetica Neue", "Arial";
	--_font-family-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo";
	--_font-family-base: sans-serif;
	--font-family-en: var(--_font-family-en), var(--_font-family-base);
	--font-family-ja: var(--_font-family-ja), var(--_font-family-base);
	--font-family-base: var(--_font-family-ja), var(--_font-family-base);
	--font-family-decoration: "Zen Maru Gothic", serif;
	--font-size-base: 16;
	--rem-ratio: calc(1rem / var(--font-size-base));
	--em-ratio: calc(1em / var(--font-size-base));
	--line-height-base: 1.6;
}

:lang(en) {
	font-family: var(--font-family-en);
}

:root {
	--color-tag-light: var(--light-blue1, #daeff8);
	--color-tag-dark: var(--gray33333, #343436);
	--color-category-all: var(--light-blue, #629de2);
	--color-category-new: var(--blue, #135097);
	--color-category-tips: var(--coralblue, #42a0ad);
	--color-category-interview: var(--purple2, #9c8cff);
	--color-category-news: var(--purple, #c88dec);
	--color-text-base: var(--gray33333, #343436);
	--color-text-gray: var(--gray67, #676e87);
	--color-text-blue: var(--blue, #135097);
	--color-text-white: var(--white, #fff);
	--color-accent: var(--blue, #135097);
	--color-accent1: var(--light-blue, #629de2);
	--color-ground-base: var(--right-gray, #e6edf3);
	--color-ground-dark: var(--light-blue, #629de2);
}

:root {
	--ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
	--ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
	--ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
	--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
	--ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
	--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
	--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
	--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
	--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
	--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
	--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
	--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
	--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
	--ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
	--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	--ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	--ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* ======================================================
// ふわっと表示する
// ------------------------------------------------------ */

[data-scroll-animation*=fade-in] {
	--_property: opacity;
	--_timing-function: ease;
	--_duration: 1s;
}

[data-scroll-animation*=fade-in]:not([data-animated=true]) {
	opacity: 0;
}

/* ======================================================
// ふわっと消失する
// ------------------------------------------------------ */

[data-scroll-animation*=fade-out] {
	--_property: opacity;
	--_timing-function: ease;
	--_duration: 1s;
}

[data-scroll-animation*=fade-out][data-animated=true] {
	opacity: 0;
}

/* ======================================================
// 下からふわっと表示する
// ------------------------------------------------------ */

[data-scroll-animation*=fade-in-up] {
	--_property: opacity, translate;
	--_timing-function: ease-in-out;
	--_duration: 1s;
	--_starting-position: 40px;
}

[data-scroll-animation*=fade-in-up]:not([data-animated=true]) {
	opacity: 0;
	translate: 0 var(--_starting-position);
}

/* ======================================================
// 拡大しながらふわっと表示する
// ------------------------------------------------------ */

[data-scroll-animation*=scale-in] {
	--_property: opacity, scale;
	--_timing-function: var(--ease-out-expo);
	--_duration: 1s;
	--_starting-scale: 0.9;
}

[data-scroll-animation*=scale-in]:not([data-animated=true]) {
	opacity: 0;
	scale: var(--_starting-scale);
}

/* ======================================================
// 要素の表示
// ------------------------------------------------------ */

[data-scroll-animation*=in][data-scroll-animation*=visibility] {
	--_property: visibility;
}

[data-scroll-animation*=in][data-scroll-animation*=visibility]:not([data-animated=true]) {
	visibility: hidden;
}

/* ======================================================
// 要素の消失
// ------------------------------------------------------ */

[data-scroll-animation*=out][data-scroll-animation*=visibility] {
	--_property: visibility;
}

[data-scroll-animation*=out][data-scroll-animation*=visibility][data-animated=true] {
	visibility: hidden;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:where([hidden]:not([hidden=until-found])) {
	display: none !important;
}

:where(html) {
	-webkit-text-size-adjust: none;
	color-scheme: dark light;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	scrollbar-gutter: stable;
	tab-size: 2;
}

:where(html:has(dialog:modal[open])) {
	overflow: clip;
}

:where(body) {
	font-family: system-ui, sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

:where(button) {
	all: unset;
}

:where(input,
button,
textarea,
select) {
	color: inherit;
	font: inherit;
}

:where(textarea) {
	resize: vertical;
	resize: block;
}

:where(button,
label,
select,
summary,
[role=button],
[role=option]) {
	cursor: pointer;
}

:where(:disabled) {
	cursor: not-allowed;
}

:where(label:has(> input:disabled),
label:has(+ input:disabled)) {
	cursor: not-allowed;
}

:where(a) {
	color: inherit;
	text-underline-offset: 0.2ex;
}

:where(ul,
ol) {
	list-style: none;
}

:where(img,
svg,
video,
canvas,
audio,
iframe,
embed,
object) {
	display: block;
}

:where(img,
picture,
svg,
video) {
	block-size: auto;
	max-inline-size: 100%;
}

:where(p,
h1,
h2,
h3,
h4,
h5,
h6) {
	overflow-wrap: break-word;
}

:where(h1,
h2,
h3) {
	line-height: calc(1em + 0.5rem);
	text-wrap: balance;
}

:where(hr) {
	block-size: 0;
	border: none;
	border-block-start: 1px solid;
	color: inherit;
	overflow: visible;
}

:where(dialog) {
	background: none;
	border: none;
	inset: unset;
	max-height: unset;
	max-width: unset;
}

:where(dialog:not([open],
[popover])) {
	display: none !important;
}

:where([popover]) {
	background: none;
	border: none;
	color: inherit;
	inset: unset;
}

:where([popover]:not(:popover-open)) {
	display: none !important;
}

:where(:focus-visible) {
	box-shadow: 0 0 0 5px Canvas;
	outline: 3px solid CanvasText;
	outline-offset: 1px;
}

:where(:focus-visible,
:target) {
	scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within,
:active)) {
	border: 0 !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important;
}

*,
*::before,
*::after {
	min-block-size: 0;
	min-inline-size: 0;
}

:where(body) {
	background: var(--color-ground-base);
	color: var(--color-text-base);
	font-family: var(--font-family-base);
	font-size: calc(var(--font-size-base) * var(--rem-ratio));
	line-height: var(--line-height-base);
	min-block-size: 100svb;
}

:where(button) {
	box-sizing: border-box;
}

:where(button,
[type=button],
[type=reset],
[type=submit]) {
	border: none;
	touch-action: manipulation;
}

:where(input,
button,
textarea,
select) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

:where(iframe) {
	block-size: auto;
	border: none;
	max-inline-size: 100%;
}

:where(img,
picture,
svg,
video) {
	inline-size: 100%;
}

.l-layout {
	align-items: start;
	display: block grid;
	grid-template-areas: "header" "main" "cta" "footer";
	grid-template-rows: auto 1fr auto auto;
	min-block-size: 100dvb;
}

.l-inner {
	--_padding-inline: clamp(min(var(--horizontal-spacing-min), var(--horizontal-spacing-max)) * var(--rem-ratio), var(--horizontal-spacing-min) * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (var(--horizontal-spacing-max) - var(--horizontal-spacing-min)) / (var(--viewport-max) - var(--viewport-min)), max(var(--horizontal-spacing-min), var(--horizontal-spacing-max)) * var(--rem-ratio));
	box-sizing: initial;
	margin-inline: auto;
	max-inline-size: calc(var(--viewport-inner) * 1px);
	padding-inline: var(--_padding-inline);
}

.l-header {
	grid-area: header;
	inset-block-start: 0;
	inset-inline: 0;
	margin-block-end: 1px;
	position: fixed;
	z-index: var(--z-header);
}

.l-header__inner {
	--_padding-inline-start: clamp(min(var(--horizontal-spacing-min), var(--horizontal-spacing-max)) * var(--rem-ratio), var(--horizontal-spacing-min) * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (var(--horizontal-spacing-max) - var(--horizontal-spacing-min)) / (var(--viewport-max) - var(--viewport-min)), max(var(--horizontal-spacing-min), var(--horizontal-spacing-max)) * var(--rem-ratio));
	padding-inline-start: var(--_padding-inline-start);
}

.l-header__container {
	display: block flex;
	justify-content: space-between;
	min-block-size: 72px;
}

.l-header__logo {
	align-self: center;
	margin-block-start: 32px;
}

.l-header__logo a {
	text-decoration: none;
}

.l-header-heading {
	display: block grid;
	place-items: center;
	row-gap: 8px;
}

.l-header-heading__pre {
	background: linear-gradient(90deg, #c31f1f 18.85%, #132097 67.5%);
	font-family: var(--font-family-decoration);
	font-size: calc(20 * var(--rem-ratio));
	font-weight: 700;
	letter-spacing: revert;
	line-height: revert;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.l-header-heading__logo-img {
	aspect-ratio: 3.9285714286;
	inline-size: 165px;
}

.l-header-heading__logo-scroll-img {
	aspect-ratio: 4.8484848485;
	display: none;
	inline-size: 160px;
}

.l-header-heading__post {
	font-family: var(--font-family-decoration);
	font-size: calc(13 * var(--rem-ratio));
	font-weight: 700;
	letter-spacing: revert;
	line-height: 1.4;
}

.l-header__content {
	background: var(--color-accent);
	border-bottom-left-radius: 30px;
	display: block grid;
	grid-template-areas: "menu-button" "navigation";
	inset-block-start: 0;
	inset-inline-end: 0;
	justify-items: center;
	margin-block-end: auto;
	padding-block: 28px;
	padding-inline: 24px;
	position: absolute;
	row-gap: 32px;
}

.l-header__menu-button {
	grid-area: menu-button;
}

.l-header__navigation {
	grid-area: navigation;
}

.l-header-navigation__list {
	display: block grid;
	grid-template-areas: "nav" "search";
}

.l-header-navigation__item.-nav {
	display: none;
	grid-area: nav;
}

.l-header-navigation__item.-cta {
	display: none;
	grid-area: cta;
}

.l-header-navigation__item.-search {
	grid-area: search;
}

.l-header-navigation__link {
	color: var(--color-text-white);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition-duration: 0.5s;
	transition-property: opacity;
	transition-timing-function: var(--ease-out-expo);
}

.l-header-navigation__link:focus-visible {
	opacity: 0.7;
}

.l-header-cta {
	display: none;
}

.l-header__search {
	transition-duration: 0.5s;
	transition-property: opacity;
	transition-timing-function: var(--ease-out-expo);
}

.l-header__search:focus-visible {
	opacity: 0.7;
}

.l-header__search-img {
	aspect-ratio: 1;
	color: white;
	inline-size: 28px;
}

.data-scroll-animation-header {
	--_timing-function: var(--ease-out-expo);
	--_duration: 0.5s;
	--_property: background, inline-size, padding, margin;
}

.data-scroll-animation-header[data-animated=true].l-header {
	background: var(--color-ground-base);
}

.data-scroll-animation-header[data-animated=true].l-header__inner {
	--_padding-inline-start: clamp(min(24, 48) * var(--rem-ratio), 24 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (48 - 24) / (var(--viewport-max) - var(--viewport-min)), max(24, 48) * var(--rem-ratio));
}

.data-scroll-animation-header[data-animated=true].l-header__logo {
	margin-block-start: 1px;
}

.data-scroll-animation-header[data-animated=true].l-header-heading__pre {
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	border: 0 !important;
	user-select: none !important;
}

.data-scroll-animation-header[data-animated=true].l-header-heading__logo {
	inline-size: 160px;
}

.data-scroll-animation-header[data-animated=true].l-header-heading__logo-img {
	display: none;
}

.data-scroll-animation-header[data-animated=true].l-header-heading__logo-scroll-img {
	display: block;
}

.data-scroll-animation-header[data-animated=true].l-header-heading__post {
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	border: 0 !important;
	user-select: none !important;
}

.data-scroll-animation-header[data-animated=true].l-header__content {
	grid-template-areas: "navigation menu-button";
	-moz-column-gap: 48px;
	column-gap: 48px;
	padding-block: 21px 20px;
	padding-inline: 40px 32px;
}

.l-header__content:has(.l-header-navigation.is-open) {
	grid-template-areas: "menu-button" "navigation";
	padding-block: 24px 32px;
	padding-inline: 64px 24px;
}

.l-header__content:has(.l-header-navigation.is-open) .l-header__menu-button {
	justify-self: end;
}

.l-header__content:has(.l-header-navigation.is-open) .l-header-navigation {
	margin-inline-end: 40px;
	min-inline-size: 112px;
}

.l-header__content:has(.l-header-navigation.is-open) .l-header-navigation__list {
	row-gap: 32px;
}

.l-header__content:has(.l-header-navigation.is-open) .l-header-navigation__item.-nav {
	display: block grid;
	justify-items: center;
	row-gap: 32px;
}

.l-header__content:has(.l-header-navigation.is-open) .l-header-navigation__item.-search {
	display: block grid;
	justify-items: center;
}

.l-main {
	--_margin-block-start: 30px;
	grid-area: main;
	margin-block-start: calc(var(--_margin-block-start) + 2px);
	padding-block-start: calc(140px - var(--_margin-block-start));
}

.l-footer {
	background: var(--footer, #241919);
	grid-area: footer;
	padding-block: 40px 20px;
}

.l-footer__content {
	display: block grid;
	gap: 36px 40px;
	grid-template: "logo logo" auto "navigation site-navigation" auto "copy copy" auto/auto auto;
	justify-content: center;
	justify-items: center;
}

.l-footer__logo {
	grid-area: logo;
	inline-size: 234px;
	margin-block: 1px;
}

.l-footer__logo-img {
	aspect-ratio: 4.875;
	color: var(--color-text-white);
}

.l-footer__navigation {
	grid-area: navigation;
}

.l-footer__site-navigation {
	grid-area: site-navigation;
}

.l-footer-navigation__list {
	display: block grid;
	gap: 35px;
}

.l-footer-navigation__item {
	margin-block: var(--leading-trim);
}

.l-footer-navigation__link {
	color: var(--color-text-white);
	font-weight: 500;
	letter-spacing: 0.8px;
	line-height: 1.2;
	text-decoration: none;
}

.l-footer__copy {
	color: var(--color-ground-base);
	grid-area: copy;
	margin-block-start: -1px;
}

.l-footer__copy small {
	display: inline flow-root;
	font-size: calc(16 * var(--rem-ratio));
	font-weight: 300;
	line-height: 1.2;
}

.l-footer__note {
	color: var(--color-ground-base);
	margin-block: calc(40px + var(--leading-trim)) var(--leading-trim);
}

.l-footer__note small {
	display: inline flow-root;
	font-size: calc(12 * var(--rem-ratio));
	line-height: 1.2;
}

.c-hamburger-icon {
	--_gap: 8px;
	--_inline-size: 36px;
	--_block-size: 3px;
	--_translate: calc(var(--_gap) + var(--_block-size));
	--_rotate: 30deg;
	display: block grid;
	gap: var(--_gap);
	inline-size: var(--_inline-size);
	transition-duration: 0.5s;
	transition-property: rotate;
	transition-property: opacity;
	transition-timing-function: var(--ease-out-expo);
}

.c-hamburger-icon.is-open {
	rotate: x 720deg;
}

.c-hamburger-icon:focus-visible {
	opacity: 0.7;
}

.c-hamburger-icon__bar {
	background: var(--color-text-white);
	block-size: var(--_block-size);
	border-radius: calc(infinity * 1px);
	inline-size: 100%;
	transition-duration: 0.5s;
	transition-property: opacity, rotate, translate;
	transition-timing-function: var(--ease-out-expo);
}

.c-hamburger-icon.is-open .c-hamburger-icon__bar:nth-of-type(1) {
	rotate: calc(var(--_rotate) * -1);
	translate: 0 var(--_translate);
}

.c-hamburger-icon.is-open .c-hamburger-icon__bar:nth-of-type(2) {
	rotate: var(--_rotate);
}

.c-hamburger-icon.is-open .c-hamburger-icon__bar:nth-of-type(3) {
	opacity: 0;
}

.c-header-button {
	--_border-width: 1px;
	background: currentcolor;
	border: var(--_border-width) solid;
	border-radius: 8px;
	color: var(--color-text-white);
	display: inline grid;
	margin-block-end: 4px;
	min-inline-size: 144px;
	text-decoration: none;
	transition-duration: 0.5s;
	transition-property: opacity, margin;
	transition-timing-function: var(--ease-out-expo);
}

.c-header-button:focus-visible {
	margin-block: 4px 0;
	opacity: 0.7;
}

.c-header-button__target {
	background: var(--color-text-blue);
	border-top-left-radius: calc(8px - var(--_border-width));
	border-top-right-radius: calc(8px - var(--_border-width));
	font-size: calc(12 * var(--rem-ratio));
	font-weight: 700;
	line-height: 20px;
	padding-block: calc(2px - var(--_border-width)) calc(1px - var(--_border-width));
	padding-inline: calc(4px - var(--_border-width));
	text-align: center;
}

.c-header-button.-secondary .c-header-button__target {
	background: var(--color-text-white);
	color: var(--color-text-blue);
	padding-block-end: calc(3px - var(--_border-width));
}

.c-header-button__description {
	border-bottom-left-radius: calc(8px - var(--_border-width));
	border-bottom-right-radius: calc(8px - var(--_border-width));
	color: var(--color-text-blue);
	font-weight: 700;
	line-height: 20px;
	padding-block: calc(4px + var(--_border-width)) calc(4px - var(--_border-width));
	padding-inline: calc(4px - var(--_border-width));
	text-align: center;
}

.c-header-button.-secondary .c-header-button__description {
	background: var(--color-text-blue);
	color: var(--color-text-white);
	padding-block-start: calc(4px - var(--_border-width));
}

.c-read-more-button {
	--_border-width: 2;
	--_font-size: clamp(min(18, 20) * var(--rem-ratio), 18 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (20 - 18) / (var(--viewport-max) - var(--viewport-min)), max(18, 20) * var(--rem-ratio));
	background: var(--color-accent);
	border: 2px solid var(--color-accent);
	border-radius: 20px 20px 0;
	box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1);
	color: var(--color-text-white);
	display: inline flow-root;
	font-family: var(--font-family-decoration);
	font-size: var(--_font-size);
	font-weight: 700;
	letter-spacing: 3.6px;
	line-height: 1.8;
	padding-block: calc((8 - var(--_border-width)) * 1px);
	padding-inline: calc((28 - var(--_border-width)) * 1px) calc((25 - var(--_border-width)) * 1px);
	text-decoration: none;
	transition-duration: 0.5s;
	transition-property: color, background;
	transition-timing-function: var(--ease-out-expo);
}

.c-read-more-button:focus-visible {
	background: var(--color-text-white);
	color: var(--color-accent);
}

.c-cta-button {
	display: inline grid;
	inline-size: -moz-fit-content;
	inline-size: fit-content;
	margin-block-end: 8px;
	text-decoration: none;
	transition-duration: 0.5s;
	transition-property: opacity, margin;
	transition-timing-function: var(--ease-out-expo);
}

.c-cta-button.secondary {
	box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 24px 44px 0 rgba(0, 0, 0, 0.05);
}

.c-cta-button:focus-visible {
	margin-block: 8px 0;
	opacity: 0.7;
}

.c-cta-button__target {
	--_border-width: 1px;
	--_font-size: clamp(min(14, 18) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (18 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 18) * var(--rem-ratio));
	background: #2a84bf;
	border: var(--_border-width) solid;
	border-radius: 8px 8px 8px 0;
	color: var(--color-text-white);
	font-size: var(--_font-size);
	font-weight: 500;
	inline-size: -moz-fit-content;
	inline-size: fit-content;
	line-height: 1.3;
	padding-block: calc(6px - var(--_border-width));
	padding-inline: calc(16px - var(--_border-width));
	text-align: center;
	z-index: var(--z-foreground);
}

.c-cta-button.-secondary .c-cta-button__target {
	background: var(--color-text-white);
	border-color: var(--color-text-white);
	color: var(--color-text-blue);
	padding-block: calc(5px - var(--_border-width));
}

.c-cta-button__description {
	--_border-width: 2px;
	--_font-size: clamp(min(18, 24) * var(--rem-ratio), 18 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (24 - 18) / (var(--viewport-max) - var(--viewport-min)), max(18, 24) * var(--rem-ratio));
	align-items: center;
	background: var(--color-text-white);
	border: var(--_border-width) solid var(--color-text-white);
	border-radius: 8px;
	color: var(--color-text-blue);
	display: inline grid;
	font-family: var(--font-family-decoration);
	font-size: var(--_font-size);
	font-weight: 700;
	grid-template-columns: auto 1fr;
	letter-spacing: 0.36px;
	line-height: 1.3;
	margin-block-start: -10px;
	padding-block: calc(11px - var(--_border-width)) calc(10px - var(--_border-width));
	padding-inline: calc(20px - var(--_border-width)) calc(16px - var(--_border-width));
	text-align: center;
}

.c-cta-button.-secondary .c-cta-button__description {
	background: transparent;
	border-radius: 12px;
	color: var(--color-text-white);
	letter-spacing: 1.44px;
	padding-block: calc(12px - var(--_border-width)) calc(10px - var(--_border-width));
	padding-inline: calc(24px - var(--_border-width)) calc(21px - var(--_border-width));
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.c-cta-button__description::after {
	aspect-ratio: 0.7083333333;
	background: url('data:image/svg+xml;utf8,<svg width="17" height="24" viewBox="0 0 17 24" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_16_13808)"><path d="M5.78981 4.99378C5.49916 4.71082 5.04426 4.68583 4.72437 4.93524C4.33958 5.23524 4.30448 5.80448 4.64949 6.14949L9.58579 11.0858C10.3668 11.8668 10.3668 13.1332 9.58579 13.9142L4.92265 18.5774C4.67112 18.8289 4.61194 19.2146 4.77648 19.5299C5.02877 20.0135 5.67581 20.1172 6.06661 19.7367L12.028 13.933C12.8345 13.1479 12.8345 11.8521 12.028 11.067L5.78981 4.99378Z" fill="%23135097"/><path d="M5.0318 5.32955C5.15467 5.23376 5.32939 5.24336 5.44102 5.35204L11.6792 11.4252C12.2841 12.0141 12.2841 12.9859 11.6792 13.5748L5.71782 19.3785C5.56695 19.5254 5.31717 19.4853 5.21978 19.2986C5.15625 19.1769 5.1791 19.028 5.2762 18.9309L9.93934 14.2678C10.9157 13.2915 10.9157 11.7085 9.93934 10.7322L5.00304 5.79593C4.87053 5.66342 4.88401 5.44478 5.0318 5.32955Z" stroke="%23135097"/></g><defs><filter id="filter0_d_16_13808" x="0.412109" y="0.763672" width="16.2207" height="23.2041" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_13808"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_13808" result="shape"/></filter></defs></svg>') center/contain no-repeat;
	block-size: calc(20 * var(--rem-ratio));
	content: "";
	margin-inline: 10px 3px;
}

.c-cta-button.-secondary .c-cta-button__description::after {
	background-image: url('data:image/svg+xml;utf8,<svg width="17" height="24" viewBox="0 0 17 24" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_16_13808)"><path d="M5.78981 4.99378C5.49916 4.71082 5.04426 4.68583 4.72437 4.93524C4.33958 5.23524 4.30448 5.80448 4.64949 6.14949L9.58579 11.0858C10.3668 11.8668 10.3668 13.1332 9.58579 13.9142L4.92265 18.5774C4.67112 18.8289 4.61194 19.2146 4.77648 19.5299C5.02877 20.0135 5.67581 20.1172 6.06661 19.7367L12.028 13.933C12.8345 13.1479 12.8345 11.8521 12.028 11.067L5.78981 4.99378Z" fill="white"/><path d="M5.0318 5.32955C5.15467 5.23376 5.32939 5.24336 5.44102 5.35204L11.6792 11.4252C12.2841 12.0141 12.2841 12.9859 11.6792 13.5748L5.71782 19.3785C5.56695 19.5254 5.31717 19.4853 5.21978 19.2986C5.15625 19.1769 5.1791 19.028 5.2762 18.9309L9.93934 14.2678C10.9157 13.2915 10.9157 11.7085 9.93934 10.7322L5.00304 5.79593C4.87053 5.66342 4.88401 5.44478 5.0318 5.32955Z" stroke="white"/></g><defs><filter id="filter0_d_16_13808" x="0.412109" y="0.763672" width="16.2207" height="23.2041" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_13808"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_13808" result="shape"/></filter></defs></svg>');
	block-size: calc(24 * var(--rem-ratio));
	margin-block-start: -1px;
	margin-inline: 1px 0;
}

.c-entry-button {
	--_font-size: clamp(min(14, 24) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (24 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 24) * var(--rem-ratio));
	background: var(--color-accent1);
	border: 2px solid;
	border-radius: 16px;
	color: var(--color-text-white);
	display: inline flow-root;
	font-size: var(--_font-size);
	font-weight: 500;
	inline-size: -moz-fit-content;
	inline-size: fit-content;
	letter-spacing: 1.12px;
	line-height: 1.3;
	padding-block: 14px;
	padding-inline: 30px;
	text-decoration: none;
}

.c-category-label {
	--_border-width: 1;
	background: var(--color-text-white);
	border: calc(var(--_border-width) * 1px) solid;
	border-radius: 4px;
	display: inline flow-root;
	font-size: calc(13 * var(--rem-ratio));
	line-height: 1.6;
	padding-block: calc((4 - var(--_border-width)) * 1px);
	padding-inline: calc((16 - var(--_border-width)) * 1px);
	text-decoration: none;
}

.c-category-label[data-type=all] {
	color: var(--color-category-all);
}

.c-category-label[data-type=new] {
	color: var(--color-category-new);
}

.c-category-label[data-type=tips] {
	color: var(--color-category-tips);
}

.c-category-label[data-type=interview] {
	color: var(--color-category-interview);
}

.c-category-label[data-type=news] {
	color: var(--color-category-news);
}

.c-tag-label {
	background: var(--color-tag-light);
	border-radius: calc(infinity * 1px);
	color: var(--color-text-base);
	display: inline flow-root;
	font-size: calc(12 * var(--rem-ratio));
	line-height: 1.8;
	min-inline-size: -moz-fit-content;
	min-inline-size: fit-content;
	padding-block: 2px;
	padding-inline: 7px 9px;
	text-decoration: none;
	text-wrap: nowrap;
}

a.c-tag-label {
	transition-duration: 0.5s;
	transition-property: color, background;
	transition-timing-function: var(--ease-out-expo);
}

a.c-tag-label:focus-visible {
	background: var(--color-text-base);
	color: var(--color-tag-light);
}

.c-card {
	background: var(--color-text-white);
	border-radius: 12px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.03), 0 5px 30px 0 rgba(20, 43, 78, 0.2);
	display: block flow;
	padding-block: 16px;
	text-decoration: none;
	transition-duration: 0.5s;
	transition-property: opacity;
}

.c-card:focus-visible {
	opacity: 0.7;
}

.c-card__inner {
	padding-inline: 16px;
}

.c-card__thumbnail {
	aspect-ratio: 1.7647058824;
	block-size: 100%;
}

.c-card__thumbnail img {
	block-size: 100%;
	inline-size: auto;
	-o-object-fit: cover;
	border-radius: 8px;
	object-fit: cover;
}

.c-card__content {
	margin-block-start: 12px;
}

.c-card__meta {
	display: block grid;
}

.c-card__published {
	color: var(--color-text-gray);
	font-size: calc(12 * var(--rem-ratio));
	line-height: 1.2;
}

.c-card__title {
	-webkit-line-clamp: 2;
	block-size: 2lh;
	color: var(--color-text-base);
	display: -webkit-box;
	font-size: calc(15 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 0.3px;
	line-height: 1.4;
	margin-block-start: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.c-card__categories {
	margin-block-start: 8px;
}

.c-card__tags {
	display: block flex;
	flex-wrap: nowrap;
	gap: 8px;
	justify-content: unset;
	margin-block-start: 12px;
	overflow-x: clip;
}

.c-heading {
	--_font-size: clamp(min(24, 32) * var(--rem-ratio), 24 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (32 - 24) / (var(--viewport-max) - var(--viewport-min)), max(24, 32) * var(--rem-ratio));
	--_inline-size: 42;
	color: var(--color-text-blue);
	font-family: var(--font-family-decoration);
	font-size: var(--_font-size);
	font-weight: 700;
	letter-spacing: 4.8px;
	line-height: 1.2;
	padding-inline-start: calc((var(--_inline-size) + 12) * 1px);
	position: relative;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.05);
	text-wrap: wrap;
}

.c-heading::before {
	aspect-ratio: 1.8571744417;
	background: url('data:image/svg+xml;utf8,<svg width="52" height="28" viewBox="0 0 52 28" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.9874 28C22.2338 19.5477 -3.03413 3.58635 0.301337 1.2966C9.64038 -5.11451 19.7479 13.5908 30.9874 28Z" fill="%23135097"/><path d="M24.5855 26.5337C31.1294 20.2151 54.5778 12.5223 51.7673 10.5932C42.9469 4.53854 32.9878 15.762 24.5855 26.5337Z" fill="%23c93a3a"/></svg>') no-repeat center/contain;
	content: "";
	inline-size: calc(var(--_inline-size) * 1px);
	inset-block-start: 2px;
	inset-inline-start: 0;
	position: absolute;
}

.c-heading.-white {
	color: var(--color-text-white);
}

.c-heading.-white::before {
	background-image: url('data:image/svg+xml;utf8,<svg width="52" height="28" viewBox="0 0 52 28" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.9874 28C22.2338 19.5477 -3.03413 3.58635 0.301337 1.2966C9.64038 -5.11451 19.7479 13.5908 30.9874 28Z" fill="white"/><path d="M24.5855 26.5337C31.1294 20.2151 54.5778 12.5223 51.7673 10.5932C42.9469 4.53854 32.9878 15.762 24.5855 26.5337Z" fill="white"/></svg>');
}

.p-front-page-fv {
	--_translate-y: 12;
	overflow: hidden;
	padding-block: 48px calc((58 + var(--_translate-y)) * 1px);
}

.p-front-page-fv__slider .swiper {
	overflow: revert;
}

.p-front-page-fv__slider .swiper-slide {
	transition-duration: 0.5s;
	transition-property: translate;
}

.p-front-page-fv__slider .swiper-slide:not(.swiper-slide-active) {
	translate: 0 calc(var(--_translate-y) * 1px);
}

.p-front-page-fv__slider .swiper-button-prev,
.p-front-page-fv__slider .swiper-button-next {
	--_button-size: 36;
	--swiper-navigation-size: calc(var(--_button-size) * 1px);
	--swiper-navigation-top-offset: calc(50% - 15px);
	--swiper-navigation-sides-offset: -11px;
	color: var(--color-accent);
	inline-size: calc(var(--_button-size) * 1px);
	transition-duration: 0.5s;
	transition-property: opacity;
}

.p-front-page-fv__slider .swiper-button-prev:focus-visible,
.p-front-page-fv__slider .swiper-button-next:focus-visible {
	opacity: 0.7;
}

.p-front-page-fv__slider .swiper-button-prev::after,
.p-front-page-fv__slider .swiper-button-next::after {
	content: none;
}

.p-front-page-fv__slider .swiper-button-prev {
	rotate: 180deg;
}

.p-front-page-fv__nodata {
	background: var(--color-text-white);
	border-radius: 12px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.03), 0 16px 30px 0 rgba(0, 0, 0, 0.05);
	inline-size: 100%;
	padding: 16px;
}

.p-front-page-fv__nodata p {
	color: var(--color-text-base);
	font-size: calc(20 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 0.4px;
	line-height: 1.4;
	text-align: center;
}

.p-front-page-new {
	padding-block: 40px;
}

.p-front-page-new__inner {
	padding-inline: 44px;
}

.p-front-page-new__container {
	display: block grid;
	gap: 32px;
}

.p-front-page-new__list {
	align-items: center;
	display: block flex;
	flex-direction: column;
	gap: 20px;
}

.p-front-page-new__item {
	--_column-number: 1;
	--_padding-inline: 44;
	max-inline-size: min((950 - var(--_padding-inline) * 2 - 20 * (var(--_column-number) - 1)) / var(--_column-number) / (950 - var(--_padding-inline) * 2) * 100%, 302px);
}

.p-front-page-new__action {
	justify-self: end;
}

.p-front-page-new__nodata {
	background: var(--color-text-white);
	border-radius: 12px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.03), 0 16px 30px 0 rgba(0, 0, 0, 0.05);
	inline-size: 100%;
	padding: 16px;
}

.p-front-page-new__nodata p {
	color: var(--color-text-base);
	font-size: calc(20 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 0.4px;
	line-height: 1.4;
	text-align: center;
}

.p-category-frame {
	margin-block-start: -1px;
	padding-block: 48px 40px;
}

.p-category-frame__container {
	display: block grid;
	grid-template-columns: auto;
	justify-content: center;
}

.post-list-container {
	display: grid;
	justify-items: center;
}

.post-list-container[data-category=all] {
	color: var(--color-category-all);
}

.post-list-container[data-category=new] {
	color: var(--color-category-new);
}

.post-list-container[data-category=tips] {
	color: var(--color-category-tips);
}

.post-list-container[data-category=interview] {
	color: var(--color-category-interview);
}

.post-list-container[data-category=news] {
	color: var(--color-category-news);
}

.p-category-frame__head {
	justify-self: start;
}

.p-category-frame__body {
	display: block grid;
	grid-template-areas: "orders orders" "entries tabs" "action action";
	grid-template-columns: repeat(2, auto);
	margin-block-start: 20px;
	position: relative;
}

.p-category-frame__orders {
	display: block flex;
	grid-area: orders;
	justify-self: end;
	margin-block-end: 8px;
	padding-inline: 8px;
}

button.p-category-frame__order-link,
a.p-category-frame__order-link {
	color: var(--color-text-gray);
	transition-duration: 0.5s;
	transition-property: opacity;
	transition-timing-function: var(--ease-out-expo);
}

button.p-category-frame__order-link:focus-visible,
a.p-category-frame__order-link:focus-visible {
	color: rgb(from var(--color-text-gray) r g b/70%);
}

.p-category-frame__order-link {
	--_font-size: clamp(min(14, 18) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (18 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 18) * var(--rem-ratio));
	align-items: center;
	color: var(--color-accent);
	display: block flex;
	font-size: var(--_font-size);
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
}

.p-category-frame__order-link:not(:first-child)::before {
	--_inline-size: 1;
	background: var(--color-text-gray);
	block-size: 16px;
	content: "";
	inline-size: calc(var(--_inline-size) * 1px);
	margin-inline: calc((12 - var(--_inline-size)) * 1px);
}

.p-category-frame__entries {
	--_border-width: 1;
	background: currentcolor;
	border: var(--_border-width) solid;
	border-end-end-radius: 16px;
	border-end-start-radius: 16px;
	border-start-start-radius: 16px;
	display: block grid;
	gap: 12px;
	grid-area: entries;
	grid-template-columns: repeat(1, minmax(auto, 302px));
	grid-template-rows: repeat(2, minmax(300px, auto));
	padding-block: 12px;
	padding-inline: 12px;
}

.p-category-frame__nodata {
	background: var(--color-text-white);
	border-radius: 12px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.03), 0 16px 30px 0 rgba(0, 0, 0, 0.05);
	grid-area: 1/1/-1/-1;
	padding: 16px;
}

.p-category-frame__nodata p {
	color: var(--color-text-base);
	font-size: calc(20 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 0.4px;
	line-height: 1.4;
	text-align: center;
}

.p-category-frame__tabs {
	display: block flex;
	flex-direction: column;
	gap: 8px;
	grid-area: tabs;
}

span.p-category-frame__tab-link {
	background: currentcolor;
}

span.p-category-frame__tab-link span {
	color: var(--color-text-white);
}

.p-category-frame__tab-link {
	--_font-size: clamp(min(14, 16) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (16 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 16) * var(--rem-ratio));
	background: var(--color-text-white);
	block-size: 26px;
	border-block-start: 1px solid;
	border-inline: 1px solid;
	border-start-end-radius: 12px;
	border-start-start-radius: 12px;
	font-size: var(--_font-size);
	font-weight: 500;
	letter-spacing: 1.9px;
	line-height: 1.15;
	padding-block: 6px 3px;
	padding-inline: 12px 9px;
	text-decoration: none;
	text-orientation: upright;
	transition-duration: 0.5s;
	transition-property: color, background;
	transition-timing-function: var(--ease-out-expo);
	writing-mode: vertical-rl;
}

.p-category-frame__tab-link[data-category=all] {
	color: var(--color-category-all);
}

.p-category-frame__tab-link[data-category=new] {
	color: var(--color-category-new);
}

.p-category-frame__tab-link[data-category=tips] {
	color: var(--color-category-tips);
}

.p-category-frame__tab-link[data-category=interview] {
	color: var(--color-category-interview);
}

.p-category-frame__tab-link[data-category=news] {
	color: var(--color-category-news);
}

.p-category-frame__tab-link:focus-visible {
	background: currentcolor;
}

.p-category-frame__tab-link:focus-visible span {
	color: var(--color-text-white);
}

.p-category-frame__action {
	grid-area: action;
}

body.home .p-category-frame__action {
	justify-self: center;
	margin-block-start: 20px;
}

_::-webkit-full-page-media,
_:future,
:root .p-category-frame__head {
	block-size: 100%;
	inline-size: 100%;
}

.p-cta {
	background: var(--color-ground-dark) url(../img/back-image-cta.png) no-repeat center/100% 100%;
	grid-area: cta;
	padding-block: 40px 32px;
}

.p-cta__inner {
	padding-inline: 40px;
}

.p-cta__container {
	display: block grid;
	gap: 16px;
	justify-content: center;
	margin-inline-start: -27px;
}

.p-tag-list {
	margin-block: 24px 48px;
}

.p-tag-list__head {
	--_font-size: clamp(min(15, 18) * var(--rem-ratio), 15 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (18 - 15) / (var(--viewport-max) - var(--viewport-min)), max(15, 18) * var(--rem-ratio));
	align-items: center;
	background: var(--color-ground-dark);
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	color: var(--color-text-white);
	display: inline grid;
	font-family: var(--font-family-decoration);
	font-size: var(--_font-size);
	font-weight: 700;
	gap: 8px;
	grid-template-columns: auto 1fr;
	letter-spacing: 2.25px;
	line-height: 1.5;
	padding-block: 11px 5px;
	padding-inline: 16px 26px;
}

.p-tag-list__head svg {
	--_inline-size: clamp(min(18, 24) * var(--rem-ratio), 18 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (24 - 18) / (var(--viewport-max) - var(--viewport-min)), max(18, 24) * var(--rem-ratio));
	aspect-ratio: 1;
	inline-size: var(--_inline-size);
	margin-block-start: -1px;
}

.p-tag-list__list {
	--_padding-inline: clamp(min(16, 91) * var(--rem-ratio), 16 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (91 - 16) / (var(--viewport-max) - var(--viewport-min)), max(16, 91) * var(--rem-ratio));
	background: var(--color-text-white);
	border: 1px solid var(--color-ground-dark);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	display: block flex;
	flex-wrap: wrap;
	gap: 8.5px 8px;
	padding-block: 23px;
	padding-inline: var(--_padding-inline);
}

.p-404 {
	padding-block: 48px 64px;
}

.p-404__container {
	background: var(--color-text-white);
	border-radius: 24px;
	box-shadow: 0 24px 64px 0 rgba(0, 0, 0, 0.05);
	display: block grid;
	justify-items: center;
	padding-block: 56px;
	padding-inline: 20px;
}

.p-404__logo svg {
	aspect-ratio: 1.8541666667;
	inline-size: 89px;
}

.p-404__heading {
	display: block grid;
	gap: 20px;
	justify-items: center;
	margin-block-start: 20px;
	padding-block: 20px;
}

.p-404__heading p {
	--_font-size: clamp(min(24, 34) * var(--rem-ratio), 24 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (34 - 24) / (var(--viewport-max) - var(--viewport-min)), max(24, 34) * var(--rem-ratio));
	color: var(--color-text-blue);
	font-size: var(--_font-size);
	font-weight: 700;
	letter-spacing: 2.4px;
	line-height: 1.8;
	margin-block-start: 1px;
	margin-inline-start: 3px;
}

.p-404__heading h1 {
	--_font-size: clamp(min(80, 100) * var(--rem-ratio), 80 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (100 - 80) / (var(--viewport-max) - var(--viewport-min)), max(80, 100) * var(--rem-ratio));
	color: var(--color-accent1);
	font-size: var(--_font-size);
	font-weight: 900;
	letter-spacing: 8px;
	line-height: 1;
	margin-block-start: -1px;
	margin-inline-start: 7px;
}

.p-404__lead {
	--_font-size: clamp(min(20, 24) * var(--rem-ratio), 20 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (24 - 20) / (var(--viewport-max) - var(--viewport-min)), max(20, 24) * var(--rem-ratio));
	font-family: var(--font-family-decoration);
	font-size: var(--_font-size);
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.8;
	margin-block-start: 33px;
}

.p-404__text {
	--_font-size: clamp(min(15, 20) * var(--rem-ratio), 15 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (20 - 15) / (var(--viewport-max) - var(--viewport-min)), max(15, 20) * var(--rem-ratio));
	font-size: var(--_font-size);
	font-weight: 500;
	letter-spacing: 1.5px;
	line-height: 1.8;
	margin-block-start: 32px;
}

.p-404__button {
	margin-block-start: 31px;
}

.p-entry {
	background: var(--color-text-white);
	box-shadow: 0 24px 64px 0 rgba(0, 0, 0, 0.05);
	margin-block: 48px;
	padding-block: 20px 48px;
}

.p-entry__container {
	--_padding-inline: clamp(min(0, 88) * var(--rem-ratio), 0 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (88 - 0) / (1016 - var(--viewport-min)), max(0, 88) * var(--rem-ratio));
	padding-inline: var(--_padding-inline);
}

.p-entry__published span {
	margin-inline-start: 14px;
}

.p-entry__label {
	margin-block-start: 8px;
}

.p-entry__title {
	margin-block-start: 8px;
}

.p-entry__thumbnail {
	margin-block-start: 15px;
}

.p-entry__body {
	display: block grid;
	gap: 20px;
	margin-block-start: 20px;
}

.p-entry-tag-list {
	border-block-start: 1px solid var(--linegray, #dde1f0);
	padding-block-start: 20px;
}

.p-entry-tag-list__head {
	font-size: calc(15 * var(--rem-ratio));
	letter-spacing: 2.25px;
	line-height: 2;
}

.p-entry-tag-list__list {
	display: block flex;
	flex-wrap: wrap;
	gap: 8.5px 8px;
	padding-block-start: 8px;
}

.p-recommend-slider {
	overflow: hidden;
	padding-block: 40px 72px;
}

.p-recommend-slider__slider {
	margin-block-start: 96px;
}

.p-recommend-slider__slider .swiper {
	overflow: revert;
}

.p-recommend-slider__slider .swiper-slide {
	max-inline-size: 302px;
}

.p-recommend-slider__slider .swiper-button-prev,
.p-recommend-slider__slider .swiper-button-next {
	--_button-size: 48;
	--swiper-navigation-size: calc(var(--_button-size) * 1px);
	--swiper-navigation-top-offset: calc((var(--_button-size) / 2 + 24) * -1px);
	--swiper-navigation-sides-offset: 0px;
	color: var(--color-accent);
	inline-size: calc(var(--_button-size) * 1px);
}

.p-recommend-slider__slider .swiper-button-prev.swiper-button-disabled,
.p-recommend-slider__slider .swiper-button-next.swiper-button-disabled {
	opacity: 0.5;
}

.p-recommend-slider__slider .swiper-button-prev::after,
.p-recommend-slider__slider .swiper-button-next::after {
	content: none;
}

.p-recommend-slider__slider .swiper-button-prev svg,
.p-recommend-slider__slider .swiper-button-next svg {
	transition-duration: 0.5s;
	transition-property: opacity;
	transition-timing-function: var(--ease-out-expo);
}

.p-recommend-slider__slider .swiper-button-prev svg:first-of-type,
.p-recommend-slider__slider .swiper-button-next svg:first-of-type {
	opacity: 1;
}

.p-recommend-slider__slider .swiper-button-prev svg:not(:first-of-type),
.p-recommend-slider__slider .swiper-button-next svg:not(:first-of-type) {
	inset-block-start: 0;
	inset-inline-start: 0;
	opacity: 0;
	position: absolute;
}

.p-recommend-slider__slider .swiper-button-prev:focus-visible svg:first-of-type,
.p-recommend-slider__slider .swiper-button-next:focus-visible svg:first-of-type {
	opacity: 0;
}

.p-recommend-slider__slider .swiper-button-prev:focus-visible svg:nth-of-type(2),
.p-recommend-slider__slider .swiper-button-next:focus-visible svg:nth-of-type(2) {
	opacity: 1;
}

.p-recommend-slider__slider .swiper-button-prev {
	inset-inline: auto calc(var(--swiper-navigation-sides-offset) + (var(--_button-size) + 16) * 1px);
	rotate: 180deg;
}

.p-recommend-slider__slider .swiper-button-next {
	inset-inline: auto var(--swiper-navigation-sides-offset);
}

.p-recommend-slider__slider .swiper-scrollbar {
	--swiper-scrollbar-border-radius: calc(1px / 0);
	--swiper-scrollbar-bottom: calc(-24px - 8px);
	--swiper-scrollbar-sides-offset: 0%;
	--swiper-scrollbar-bg-color: var(--linegray, #dde1f0);
	--swiper-scrollbar-drag-bg-color: var(--color-accent);
	--swiper-scrollbar-size: 8px;
	inset-inline-start: 0 !important;
}

.p-recommend-slider__nodata {
	background: var(--color-text-white);
	border-radius: 12px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.03), 0 16px 30px 0 rgba(0, 0, 0, 0.05);
	padding: 16px;
}

.p-recommend-slider__nodata p {
	color: var(--color-text-base);
	font-size: calc(20 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 0.4px;
	line-height: 1.4;
	text-align: center;
}

.p-recommend-slider.-accent {
	background: url(../img/back-image.png) no-repeat center/cover;
}

.p-recommend-slider.-accent .swiper-button-prev,
.p-recommend-slider.-accent .swiper-button-next {
	color: var(--color-text-white);
}

.p-recommend-slider.-accent .swiper-button-prev:focus-visible svg:nth-of-type(3),
.p-recommend-slider.-accent .swiper-button-next:focus-visible svg:nth-of-type(3) {
	opacity: 1;
}

.single .p-recommend-slider__heading {
	letter-spacing: 2.4px;
}

.single .swiper-button-prev,
.single .swiper-button-next {
	--swiper-navigation-sides-offset: 30px;
}

.single .swiper-scrollbar {
	--swiper-scrollbar-sides-offset: 4%;
}

.p-archive__body {
	display: block grid;
	grid-template-areas: "orders orders" "entries tabs";
	justify-content: center;
	margin-block-start: 20px;
	row-gap: 8px;
}

.p-archive__body.-pp {
	row-gap: 7px;
}

.p-archive__tabs {
	grid-area: tabs;
	z-index: var(--z-foreground);
}

.p-archive__tab-item {
	background: var(--color-category-all);
	border: 1px solid var(--color-category-all);
	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	color: var(--color-text-white);
	font-size: calc(14 * var(--rem-ratio));
	font-weight: 500;
	line-height: 1.15;
	padding-block: 10px 6px;
	padding-inline: 12px;
	writing-mode: vertical-rl;
}

.p-archive__tab-list.-pp .p-archive__tab-item {
	letter-spacing: 2px;
	padding-block: 6px 2px;
	padding-inline-end: 10px;
}

.p-archive__orders {
	grid-area: orders;
}

.p-archive__order-list {
	display: block flex;
	justify-content: end;
	padding-inline: 8px;
}

.p-archive__order-item {
	align-items: center;
	color: var(--color-text-gray);
	display: block flex;
	font-size: calc(14 * var(--rem-ratio));
	font-weight: 400;
	line-height: 1.3;
}

.p-archive__order-item.is-active {
	color: var(--color-accent);
}

.p-archive__order-item:not(:first-child)::before {
	--_inline-size: 1;
	background: var(--color-text-gray);
	block-size: 16px;
	content: "";
	inline-size: calc(var(--_inline-size) * 1px);
	margin-inline: calc((12 - var(--_inline-size)) * 1px);
}

.p-archive__order-link {
	text-decoration: none;
}

.p-archive__entries {
	--_border-width: 1;
	background: var(--color-category-all);
	border: 1px solid var(--color-category-all);
	border-radius: 16px 0 16px 16px;
	display: block grid;
	gap: 12px;
	grid-area: entries;
	padding: calc((12 - var(--_border-width)) * 1px);
}

.pagination {
	margin-block-start: 31px;
}

.navigation {
	margin-inline: calc(-1 * (100dvi - 100%) / 2);
}

.nav-links {
	display: block flex;
	-moz-column-gap: 8px;
	column-gap: 8px;
	justify-content: center;
}

.page-numbers {
	align-self: center;
	color: var(--color-text-gray);
	font-size: calc(20 * var(--rem-ratio));
	line-height: 1.4;
	min-inline-size: 28px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
}

.page-numbers svg {
	block-size: 36px;
	color: var(--color-accent1);
	inline-size: 36px;
}

.page-numbers.prev {
	margin-inline-end: 6px;
	padding: revert;
	rotate: 180deg;
}

.page-numbers.next {
	margin-inline-start: 6px;
	padding: revert;
}

.page-numbers.current {
	background: var(--color-accent1);
	border-radius: 4px;
	color: var(--color-text-white);
}

.page-numbers.dots {
	color: transparent;
	min-inline-size: 32px;
	position: relative;
}

.page-numbers.dots::before {
	color: var(--color-text-gray);
	content: "...";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
}

.u-separate {
	border: 1px solid;
	margin-block: var(--spacing-lg);
}

.u-hidden {
	display: none;
}

.type-post :where(p,
h1,
h2,
h3,
h4,
h5,
h6) {
	max-inline-size: 100%;
}

.type-post :where(h1,
h2,
h3,
h4) {
	font-weight: 500;
}

.type-post :where(h1) {
	--_font-size: clamp(min(20, 28) * var(--rem-ratio), 20 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (28 - 20) / (var(--viewport-max) - var(--viewport-min)), max(20, 28) * var(--rem-ratio));
	font-size: var(--_font-size);
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1.5;
	text-wrap: wrap;
}

.type-post :where(h2) {
	--_font-size: clamp(min(20, 24) * var(--rem-ratio), 20 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (24 - 20) / (var(--viewport-max) - var(--viewport-min)), max(20, 24) * var(--rem-ratio));
	font-size: var(--_font-size);
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 1.6;
	text-wrap: wrap;
}

.type-post :where(h3) {
	font-size: calc(16 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 3.2px;
	line-height: 1.6;
	text-wrap: wrap;
}

.type-post :where(h4) {
	font-size: calc(15 * var(--rem-ratio));
	letter-spacing: 3px;
	line-height: 1.6;
}

.type-post :where(p) {
	--_font-size: clamp(min(14, 15) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (15 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 15) * var(--rem-ratio));
	font-size: var(--_font-size);
	font-weight: 400;
	letter-spacing: 1.4px;
	line-height: 1.8;
}

.type-post :where(time) {
	--_font-size: clamp(min(14, 16) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (16 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 16) * var(--rem-ratio));
	color: var(--color-text-gray);
	font-size: var(--_font-size);
	font-weight: 400;
	line-height: 1.8;
}

.type-post :where(ol,
ul) {
	--_font-size: clamp(min(15, 16) * var(--rem-ratio), 15 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (16 - 15) / (var(--viewport-max) - var(--viewport-min)), max(15, 16) * var(--rem-ratio));
	font-size: var(--_font-size);
	font-weight: 500;
	letter-spacing: 0.9px;
	line-height: 1.6;
}

.type-post :where(ol,
ul) :where(ol,
ul) {
	--_font-size: clamp(min(14, 15) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (15 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 15) * var(--rem-ratio));
	font-size: var(--_font-size);
	font-weight: 400;
	letter-spacing: 0.84px;
}

.type-post :where(blockquote) :where(p) {
	font-size: calc(16 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 2.4px;
	line-height: 1.6;
}

.type-post :where(blockquote) :where(a) {
	color: var(--color-text-blue);
	font-size: calc(16 * var(--rem-ratio));
	font-weight: 500;
	letter-spacing: 2.4px;
	line-height: 2;
	position: relative;
	text-decoration: none;
}

.type-post :where(blockquote) :where(a)::before {
	content: "-";
	margin-inline: 5px;
}

.type-post :where(blockquote) :where(a)::after {
	background: currentcolor;
	block-size: 1px;
	content: "";
	inset-block-end: 2px;
	inset-inline: 0;
	position: absolute;
}

h2.wp-block-heading {
	--_border-width: 2px;
	border-bottom: var(--_border-width) solid var(--color-accent1);
	padding-block: 16px calc(16px - var(--_border-width) - 1px);
}

h3.wp-block-heading {
	--_border-width: 2px;
	border-inline-start: var(--_border-width) solid var(--color-accent1);
	margin-block-start: -1px;
	padding-inline-start: calc(16px - var(--_border-width));
}

h4.wp-block-heading {
	display: block grid;
	font-size: calc(15 * var(--rem-ratio));
	font-weight: 500;
	gap: 10px;
	grid-template-columns: auto 1fr;
	letter-spacing: 3px;
	line-height: 1.6;
}

h4.wp-block-heading::before {
	align-self: center;
	background: var(--color-accent1);
	content: "";
	height: 2px;
	width: 20px;
}

img.wp-post-image {
	aspect-ratio: 1.724137931;
	-o-object-fit: cover;
	border-radius: 8px;
	object-fit: cover;
}

blockquote.wp-block-quote {
	background: var(--color-ground-base);
	border: 1px solid var(--color-accent1);
	display: block grid;
	gap: 10px;
	margin-block-start: -2px;
	padding-block: 20px 19px;
	padding-inline: 16px;
}

figure.wp-block-table {
	margin-block-start: -1px;
}

figure.wp-block-table table {
	border: 2px solid var(--color-accent1);
}

figure.wp-block-table thead {
	background: var(--color-accent1);
	border: revert;
}

figure.wp-block-table th {
	--_font-size: clamp(min(13, 16) * var(--rem-ratio), 13 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (16 - 13) / (var(--viewport-max) - var(--viewport-min)), max(13, 16) * var(--rem-ratio));
	border: 1px solid var(--color-accent1);
	color: var(--color-text-white);
	font-size: var(--_font-size);
	font-weight: 700;
	line-height: 1.5;
	padding-block: 4px 3px;
	padding-inline: 3px;
}

figure.wp-block-table td {
	--_font-size: clamp(min(13, 16) * var(--rem-ratio), 13 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (16 - 13) / (var(--viewport-max) - var(--viewport-min)), max(13, 16) * var(--rem-ratio));
	background: var(--color-text-white);
	border: 1px solid var(--color-accent1);
	font-size: var(--_font-size);
	line-height: 1.5;
	padding-block: 6px 5px;
	padding-inline: 3px;
	text-align: center;
}

ul.wp-block-list {
	display: block grid;
	gap: 2px;
	margin-block-start: 10px;
}

ul.wp-block-list li {
	display: block grid;
	font-size: calc(15 * var(--rem-ratio));
	grid-template-columns: auto 1fr;
	letter-spacing: 2.25px;
	line-height: 2;
}

ul.wp-block-list li::before {
	align-self: center;
	aspect-ratio: 1;
	background: var(--color-accent1);
	border-radius: 50%;
	content: "";
	inline-size: 4px;
	margin-inline: 20px;
}

#toc_container {
	margin-block-start: -1px;
	max-inline-size: -moz-fit-content;
	max-inline-size: fit-content;
}

#toc_container .toc_title {
	--_font-size: clamp(min(16, 20) * var(--rem-ratio), 16 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (20 - 16) / (var(--viewport-max) - var(--viewport-min)), max(16, 20) * var(--rem-ratio));
	background: var(--color-tag-light);
	font-size: var(--_font-size);
	font-weight: 500;
	letter-spacing: 2.4px;
	line-height: 1.8;
	padding-block: 6px;
	padding-inline: 16px;
}

#toc_container .toc_list {
	background: var(--color-text-white);
	border-block-end: 1px solid var(--color-tag-light);
	border-inline: 1px solid var(--color-tag-light);
	padding-block: 5px 20px;
	padding-inline: 16px;
}

#toc_container ol.toc_list,
#toc_container ul.toc_list {
	--_font-size: clamp(min(15, 16) * var(--rem-ratio), 15 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (16 - 15) / (var(--viewport-max) - var(--viewport-min)), max(15, 16) * var(--rem-ratio));
	color: var(--color-text-blue);
	font-size: var(--_font-size);
	font-weight: 500;
	letter-spacing: 0.9px;
	line-height: 1.6;
}

#toc_container ol.toc_list ol,
#toc_container ol.toc_list ul,
#toc_container ul.toc_list ol,
#toc_container ul.toc_list ul {
	--_font-size: clamp(min(14, 15) * var(--rem-ratio), 14 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (15 - 14) / (var(--viewport-max) - var(--viewport-min)), max(14, 15) * var(--rem-ratio));
	font-size: var(--_font-size);
	font-weight: 400;
	letter-spacing: 0.84px;
	margin-inline-start: 15px;
}

#toc_container li {
	margin-block-start: 7.7px;
}

@media (prefers-reduced-motion: no-preference) and (scripting: enabled) {

[data-scroll-animation],
[class*=data-scroll-animation-] {
	transition-duration: var(--_duration);
	transition-property: var(--_property);
	transition-timing-function: var(--_timing-function);
}

}

@media (prefers-reduced-motion: no-preference) {

:where(html:focus-within) {
	scroll-behavior: smooth;
}

:where(html:focus-within) {
	scroll-behavior: auto;
}

}

@media (prefers-reduced-motion: reduce) {

*,
::before,
::after,
::backdrop {
	animation-delay: 0s !important;
	animation-duration: 1ms !important;
	animation-iteration-count: 1 !important;
	background-attachment: scroll !important;
	scroll-behavior: auto !important;
	transition-delay: 0s !important;
	transition-duration: 1ms !important;
}

}

@media (any-hover: hover) {

.l-header-navigation__link:hover:not(:disabled) {
	opacity: 0.7;
}

.l-header__search:hover:not(:disabled) {
	opacity: 0.7;
}

.c-hamburger-icon:hover:not(:disabled) {
	opacity: 0.7;
}

.c-header-button:hover:not(:disabled) {
	margin-block: 4px 0;
	opacity: 0.7;
}

.c-read-more-button:hover:not(:disabled) {
	background: var(--color-text-white);
	color: var(--color-accent);
}

.c-cta-button:hover:not(:disabled) {
	margin-block: 8px 0;
	opacity: 0.7;
}

a.c-tag-label:hover:not(:disabled) {
	background: var(--color-text-base);
	color: var(--color-tag-light);
}

.c-card:hover:not(:disabled) {
	opacity: 0.7;
}

.p-front-page-fv__slider .swiper-button-prev:hover:not(:disabled),
.p-front-page-fv__slider .swiper-button-next:hover:not(:disabled) {
	opacity: 0.7;
}

button.p-category-frame__order-link:hover:not(:disabled),
a.p-category-frame__order-link:hover:not(:disabled) {
	color: rgb(from var(--color-text-gray) r g b/70%);
}

.p-category-frame__tab-link:hover:not(:disabled) {
	background: currentcolor;
}

.p-category-frame__tab-link:hover:not(:disabled) span {
	color: var(--color-text-white);
}

.p-recommend-slider__slider .swiper-button-prev:hover:not(:disabled) svg:first-of-type,
.p-recommend-slider__slider .swiper-button-next:hover:not(:disabled) svg:first-of-type {
	opacity: 0;
}

.p-recommend-slider__slider .swiper-button-prev:hover:not(:disabled) svg:nth-of-type(2),
.p-recommend-slider__slider .swiper-button-next:hover:not(:disabled) svg:nth-of-type(2) {
	opacity: 1;
}

.p-recommend-slider.-accent .swiper-button-prev:hover:not(:disabled) svg:nth-of-type(3),
.p-recommend-slider.-accent .swiper-button-next:hover:not(:disabled) svg:nth-of-type(3) {
	opacity: 1;
}

}

@media (width >= 750px) {

.p-archive__entries {
	grid-template-columns: auto auto;
}

}

@media (width >= 900px) {

.p-archive__entries {
	grid-template-columns: auto auto auto;
}

}

@media (min-width: 576px) {

.u-hidden-sm {
	display: none;
}

}

@media (min-width: 750px) {

.p-front-page-new__list {
	align-items: revert;
	flex-direction: revert;
	flex-wrap: wrap;
	justify-content: center;
}

.p-front-page-new__item {
	--_column-number: 2;
}

.p-category-frame {
	margin-block-start: -2px;
	padding-block-start: 64px;
}

.p-category-frame__body {
	grid-template-areas: "tabs" "entries" "action";
	grid-template-columns: repeat(1, auto);
	margin-block-start: 48px;
}

body.blog .p-category-frame__body,
body.archive .p-category-frame__body {
	margin-block-start: 38px;
}

.p-category-frame__orders {
	inset-block-start: 5px;
	inset-inline-end: 0;
	margin-block-end: revert;
	position: absolute;
}

.p-category-frame__order-link:not(:first-child)::before {
	block-size: 20px;
}

.p-category-frame__entries {
	border-start-end-radius: 16px;
	border-start-start-radius: revert;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(auto, 302px));
	grid-template-rows: repeat(1, auto);
	padding: 20px;
}

.p-category-frame__tabs {
	flex-direction: revert;
	gap: 12px;
}

.p-category-frame__tab-link {
	block-size: revert;
	letter-spacing: revert;
	padding-block: 8px 6px;
	padding-inline: 19px;
	writing-mode: revert;
}

body.home .p-category-frame__action {
	justify-self: end;
	margin-block-start: 32px;
}

}

@media (min-width: 768px) {

.l-header__container {
	min-block-size: 76px;
}

.l-header-heading__logo-scroll-img {
	aspect-ratio: 4.9047619048;
	inline-size: 206px;
}

.l-header__content {
	grid-template-areas: "navigation";
	padding-block: 24px;
	padding-inline: 64px;
}

.l-header__menu-button {
	display: none;
}

.l-header-navigation__list {
	--_column-gap: clamp(min(0, 48) * var(--rem-ratio), 0 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (48 - 0) / (var(--viewport-max) - var(--viewport-min)), max(0, 48) * var(--rem-ratio));
	display: block flex;
	-moz-column-gap: var(--_column-gap);
	align-items: center;
	column-gap: var(--_column-gap);
}

.l-header-navigation__item.-nav {
	display: block;
}

.l-header-navigation__item.-nav.-nav {
	--_column-gap: clamp(min(0, 48) * var(--rem-ratio), 0 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (48 - 0) / (var(--viewport-max) - var(--viewport-min)), max(0, 48) * var(--rem-ratio));
	display: block flex;
	-moz-column-gap: var(--_column-gap);
	column-gap: var(--_column-gap);
}

.data-scroll-animation-header[data-animated=true].l-header-heading__logo {
	inline-size: 206.351px;
}

.data-scroll-animation-header[data-animated=true].l-header__content {
	grid-template-areas: "navigation";
	padding-block: 24px;
}

.l-footer {
	padding-block: 48px 28px;
}

.l-footer__content {
	gap: 24px 64px;
	grid-template: "logo navigation site-navigation" auto "copy copy copy" auto/1fr auto auto;
}

.l-footer__logo {
	inline-size: 334px;
	justify-self: start;
}

.l-footer__logo-img {
	aspect-ratio: 5.3015873016;
}

.l-footer-navigation {
	padding-block: 18px 14px;
}

.l-footer-navigation__list {
	gap: 27px;
}

.l-footer__copy {
	margin-block-end: var(--leading-trim);
}

.l-footer__note {
	margin-block: calc(24px + var(--leading-trim)) var(--leading-trim);
	text-align: center;
}

.c-read-more-button {
	letter-spacing: 4px;
}

.c-cta-button__target {
	padding-block: calc(8px - var(--_border-width)) calc(7px - var(--_border-width));
}

.c-cta-button.-secondary .c-cta-button__target {
	padding-block: calc(8px - var(--_border-width)) calc(7px - var(--_border-width));
}

.c-cta-button__description {
	letter-spacing: 0.48px;
	padding-block: calc(16px - var(--_border-width));
	padding-inline: calc(32px - var(--_border-width));
}

.c-cta-button.-secondary .c-cta-button__description {
	letter-spacing: 1.92px;
	padding-block: calc(16px - var(--_border-width));
	padding-inline: calc(32px - var(--_border-width)) calc(29px - var(--_border-width));
}

.c-cta-button__description::after {
	inline-size: calc(20 * var(--rem-ratio));
}

.c-entry-button {
	letter-spacing: 1.92px;
}

.c-category-label.-scale {
	border-radius: 6px;
	font-size: calc(18 * var(--rem-ratio));
	line-height: 1.4;
	padding-inline: 20px;
}

.c-tag-label {
	padding-inline: 8px 9px;
}

.c-tag-label.-scale {
	font-size: 14px;
	line-height: 1.5;
}

.c-card.-large {
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.02), 0 16px 30px 0 rgba(0, 0, 0, 0.06);
	padding-block: 28px;
}

.c-card.-large .c-card__inner {
	padding-inline: 28px;
}

.c-card.-large .c-card__content {
	margin-block-start: 16px;
}

.c-card.-large .c-card__published {
	font-size: calc(14 * var(--rem-ratio));
}

.c-card.-large .c-card__title {
	font-size: calc(20 * var(--rem-ratio));
	letter-spacing: 1px;
	line-height: 1.6;
}

.c-card.-large .c-card__tags {
	margin-block-start: 16px;
}

.c-heading {
	--_inline-size: 73;
	letter-spacing: 6.4px;
}

.c-heading::before {
	aspect-ratio: 1.8571428571;
	inset-block-start: revert;
}

.p-front-page-fv {
	--_translate-y: 40;
	padding-block: 24px calc((48 + var(--_translate-y)) * 1px);
}

.p-front-page-fv__slider .swiper-button-prev,
.p-front-page-fv__slider .swiper-button-next {
	--swiper-navigation-top-offset: calc(50% + 4px);
	--swiper-navigation-sides-offset: 141px;
}

.p-cta {
	padding-block: 74px 66px;
}

.p-cta__container {
	--_gap: clamp(min(0, 130) * var(--rem-ratio), 0 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (130 - 0) / (var(--viewport-max) - var(--viewport-min)), max(0, 130) * var(--rem-ratio));
	gap: var(--_gap);
	grid-template-columns: auto auto;
	margin-inline-start: revert;
}

.p-tag-list {
	margin-block-end: 64px;
}

.p-tag-list__head {
	gap: 11px;
	letter-spacing: 2.7px;
	padding-block: 12px 8px;
	padding-inline: 24px 41px;
}

.p-tag-list__head svg {
	margin-block-start: revert;
}

.p-tag-list__list {
	gap: 17px 15.5px;
	padding-block: 34px 36px;
}

.single .p-tag-list,
.error404 .p-tag-list {
	margin-block-start: 0;
}

.single .p-tag-list__inner,
.error404 .p-tag-list__inner {
	max-inline-size: 1000px;
}

.p-404 {
	padding-block-start: 64px;
}

.p-404__inner {
	max-inline-size: 1016px;
}

.p-404__container {
	padding-block: 80px;
}

.p-404__heading p {
	letter-spacing: 3.4px;
}

.p-404__heading {
	letter-spacing: 10px;
}

.p-404__lead {
	letter-spacing: 2.4px;
	margin-block-start: 31px;
	margin-inline-start: 2px;
}

.p-404__text {
	letter-spacing: 2px;
}

.p-entry {
	background: revert;
	box-shadow: revert;
	margin-block: revert;
	padding-block: 64px 0;
}

.p-entry__inner {
	max-inline-size: 1016px;
}

.p-entry__container {
	background: var(--color-text-white);
	border-radius: 24px;
	box-shadow: 0 24px 64px 0 rgba(0, 0, 0, 0.05);
	padding-block: 48px;
}

.p-entry__body {
	margin-block-start: 32px;
}

.p-entry__tag-list {
	margin-block-start: 12px;
}

.p-entry-tag-list {
	display: block grid;
	gap: 32px;
	grid-template-columns: auto 1fr;
}

.p-entry-tag-list__list {
	padding-block-start: revert;
}

.p-recommend-slider {
	padding-block: 64px 108px;
}

.p-recommend-slider__slider {
	margin-block-start: 44px;
}

.p-recommend-slider__slider .swiper-button-prev,
.p-recommend-slider__slider .swiper-button-next {
	--swiper-navigation-top-offset: calc((var(--_button-size) / 2 + 36) * -1px);
	--swiper-navigation-sides-offset: -6px;
}

.p-recommend-slider__slider .swiper-scrollbar {
	--swiper-scrollbar-bottom: calc(-36px - 8px);
}

.single .p-recommend-slider__heading {
	letter-spacing: 6.4px;
}

.single .p-recommend-slider__heading.c-heading {
	--_inline-size: 52;
}

.single .p-recommend-slider__heading.c-heading::before {
	margin-block-start: 5px;
}

.single .swiper-scrollbar {
	--swiper-scrollbar-sides-offset: 0%;
}

.pagination {
	margin-block-start: 54px;
}

.u-hidden-md {
	display: none;
}

.type-post :where(h1) {
	letter-spacing: 2.8px;
	line-height: 1.8;
}

.type-post :where(h2) {
	letter-spacing: 3.6px;
}

.type-post :where(p) {
	letter-spacing: 2.25px;
	line-height: 2;
}

.type-post :where(ol,
ul) {
	letter-spacing: 1.92px;
}

.type-post :where(ol,
ul) :where(ol,
ul) {
	letter-spacing: 1.8px;
}

h2.wp-block-heading {
	padding-block: 16px calc(16px - var(--_border-width));
}

img.wp-post-image {
	aspect-ratio: 1.7142857143;
}

blockquote.wp-block-quote {
	padding-block: 19px;
	padding-inline: 28px;
}

figure.wp-block-table th {
	padding-block: 8px;
}

figure.wp-block-table td {
	padding-block: 8px;
}

#toc_container .toc_title {
	letter-spacing: 3px;
	padding-block: 8px;
}

#toc_container .toc_list {
	padding-inline: 24px 32px;
}

#toc_container ol.toc_list,
#toc_container ul.toc_list {
	letter-spacing: 1.92px;
}

#toc_container ol.toc_list ol,
#toc_container ol.toc_list ul,
#toc_container ul.toc_list ol,
#toc_container ul.toc_list ul {
	letter-spacing: 1.8px;
}

#toc_container li {
	margin-block-start: 8px;
}

}

@media (min-width: 950px) {

.p-front-page-new__container {
	gap: 48px;
	justify-items: center;
}

.p-front-page-new__heading {
	margin-inline-start: 5px;
}

.p-front-page-new__list {
	justify-content: space-between;
}

.p-front-page-new__item {
	--_column-number: 3;
}

.p-front-page-new__action {
	justify-self: revert;
}

.p-category-frame__entries {
	gap: 32px;
	grid-template-columns: repeat(3, minmax(auto, 302px));
	padding: 32px;
}

}

@media (min-width: 1024px) {

.u-hidden-lg {
	display: none;
}

}

@media (min-width: 1280px) {

.l-header__container {
	min-block-size: 99px;
}

.l-header-navigation__item.-cta {
	display: block;
}

.l-header-cta {
	display: block flex;
	-moz-column-gap: var(--_column-gap);
	column-gap: var(--_column-gap);
	margin-block-end: -4px;
	--_column-gap: clamp(min(0, 32) * var(--rem-ratio), 0 * var(--rem-ratio) + (100dvi - var(--viewport-min) * 1px) * (32 - 0) / (var(--viewport-max) - var(--viewport-min)), max(0, 32) * var(--rem-ratio));
}

.u-hidden-xl {
	display: none;
}

}