@charset "UTF-8";

/* 共通スタイル（SP・959px以下） */

/* ヘッダー（ドロワーメニュー） */

.c-widget__title.-spmenu {
	border-radius: .25em;
}

.p-spMenu,
.p-spMenu .c-spnav a {
	color: var(--oknw-navy);
}
.p-spMenu {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
}

/* 汎用ユーティリティ */

.u-sp-reverse > .swell-block-columns__inner {
	flex-direction: column-reverse;
}

.u-more-button {
	margin-top: calc( var(--size16) * 2 );
	font-size: var(--size16);
}

/* サイズ変数 */

:root {
	--u: calc( var(--swl-fz--content, 16px) / 15.6 );
	--size14: calc( var(--u) * 14 );
	--size16: calc( var(--u) * 16 );
	--size18: calc( var(--u) * 18 );
	--size20: calc( var(--u) * 20 );
	--size22: calc( var(--u) * 22 );
	--size24: calc( var(--u) * 24 );
	--size26: calc( var(--u) * 26 );
}

/* セクション共通 */

.swell-block-fullWide__inner.l-article,
.swell-block-fullWide__inner.l-container {
	--swl-fw_inner_pad: var(--size20);
}
.oknw-section {
	padding-top: calc( var(--size24) * 2 ) !important;
	padding-bottom: calc( var(--size24) * 2 ) !important;
}

/* h2 セクション見出し */

h2.is-style-section_ttl {
	font-size: calc( var(--size16) * 2 );
	margin-bottom: calc( var(--size14) * 2 );
}
.post_content h2.is-style-section_ttl::after {
	width: calc( var(--u) * 132 );
	height: calc( var(--u) * 11 );
	margin: calc( var(--u) * 12 ) auto 0;
}

/* 見出し・本文の共通スタイル */

.post_content h3 {
	font-size: var(--size20);
}

/* タイトルエリア（h1・コンテンツ上） */

.l-topTitleArea {
	min-height: calc( var(--u) * 172 );
}
.l-topTitleArea .c-pageTitle {
	font-size: calc( var(--u) * 32 );
}
.l-topTitleArea .c-pageExcerpt {
	margin-top: calc( var(--u) * 14 );
	font-size: calc( var(--u) * 15 );
}

/* パンくず（タイトルエリア直下） */

.l-topTitleArea + .p-breadcrumb {
	padding: calc( var(--u) * 10 ) 0 !important;
}
.l-topTitleArea + .p-breadcrumb .p-breadcrumb__list {
	padding: 0 calc( var(--u) * 20 );
	font-size: calc( var(--u) * 10 );
}

/* CTA .cta */

.cta .swell-block-fullWide__inner {
	margin: 0 var(--size20);
	background-image: url("/wp-content/uploads/2026/09/cta-bg-sp.png");
	padding: calc( var(--size24) * 2 ) var(--size20);
}

@media (min-width: 600px) {
	.cta .swell-block-fullWide__inner {
		background-image: url("/wp-content/uploads/2026/09/cta-bg.png");
	}
}
.cta__title {
	margin-bottom: calc( var(--size16) * 2 );
	column-gap: calc( var(--size18) / 3 );
	row-gap: calc( var(--size16) / 2 );
	flex-wrap: wrap;
	font-size: calc( var(--size14) * 2 );
}
.cta__title::before {
	background-size: calc( var(--u) * 5 );
}
.cta--soudan .cta__title {
	--dot-top: calc( var(--u) * -10 );
	--dot-shift: calc( var(--u) * 48 );
	--dot-gap: calc( var(--u) * 38 );
}
.cta--price .cta__title {
	--dot-top: calc( var(--u) * -10 );
	--dot-shift: calc( var(--u) * 48 );
	--dot-gap: calc( var(--u) * 38 );
}

@media (min-width: 600px) {
	.cta--soudan .cta__title {
		--dot-top: calc( var(--u) * -14 );
		--dot-shift: calc( var(--u) * -23 );
		--dot-gap: calc( var(--u) * 38 );
	}
}
.cta__title img {
	width: calc( var(--size14) * 11 ) !important;
}
.cta__button {
	display: block;
	margin: calc( var(--size24) / 2 ) auto 0;
}
.cta__button .swell-block-button__link {
	font-size: var(--size16);
	width: auto;
	min-width: calc( var(--u) * 260 );
	max-width: 100%;
}

.cta--price .swell-block-fullWide__inner {
	padding: calc( var(--size24) * 2 ) var(--size20);
}
.cta--price .cta__title {
	margin-bottom: calc( var(--u) * 28 );
}
.cta--price .cta__buttons {
	--swl-clmn-mrgn--y: calc( var(--u) * 24 );
}
.cta--price .cta__buttons .swell-block-column {
	width: 100%;
	margin-left: 0;
}
.cta--price .cta__button {
	margin: 0 auto;
}
.cta--price .cta__button .swell-block-button__link {
	min-width: calc( var(--u) * 280 );
	padding: calc( var(--u) * 16 ) calc( var(--u) * 10 );
}
.cta--price .cta__button .swell-block-button__link {
	--the-icon-size: calc( var(--u) * 24 );
}
.cta__button .__icon {
	width: var(--size24);
}

/* フッター */

.oknw-footer__body {
	padding: calc( var(--u) * 27 ) 0 calc( var(--u) * 28 );
}
.oknw-footer__inner {
	padding: 0 var(--size20);
}
.oknw-footer__top {
	display: block;
	margin-bottom: calc( var(--u) * 48 );
}
.oknw-footer__name {
	margin-bottom: var(--size16);
	font-size: calc( var(--u) * 25 );
}
.oknw-footer__meta li {
	margin-bottom: calc( var(--u) * 12 );
	font-size: var(--size14);
}
.oknw-footer__nav {
	width: 100%;
	margin-top: calc( var(--u) * 48 );
}
.oknw-footer__nav-list {
	grid-template-rows: repeat(var(--oknw-footer-rows-sp, 4), auto);
	column-gap: calc( var(--u) * 24 );
}
.oknw-footer__nav-item {
	margin-bottom: var(--size14);
	font-size: var(--size14);
}
.oknw-footer__bottom {
	padding-top: calc( var(--u) * 25 );
}
.oknw-footer__license {
	margin-bottom: calc( var(--u) * 6 );
	font-size: calc( var(--u) * 12 );
}
.oknw-footer__copyright {
	font-size: calc( var(--u) * 12 );
}