body {
	font-family: "Zen Kaku Gothic Antique", "Noto Sans JP", sans-serif;
}

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

/* リキッドレイアウト対応 */

html {
	font-size: 16px;
}

body {
	color: #4a4a4a;
	font-size: 1rem;
}

/* 視覚的に隠すがスクリーンリーダー・SEO用にデータは残す */

.u-visually-hidden {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

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

* {
	min-height: 0vw;
}

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

/* Set core body defaults */

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeLegibility;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Natural flow and rhythm in articles by default */

article > * + * {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

/* ホバー */

a {
	-webkit-text-decoration: none;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease-in;
}

a:hover {
	opacity: 0.7;
}

a[href^="tel:"] {
	pointer-events: none;
}

/* ========================================
  下層: 私たちについて（page-about）
  既存トンマナ（波区切り／背景トーン交互／葉見出し／角丸カード）で作り込み
======================================== */

/* 共通: セクション見出し下のリード */

.abt-lead {
	color: #8c8b8b;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 1.375rem;
	text-align: center;
}

/* 共通: 波 */

.abt-story__wave,
.abt-profiles__wave,
.abt-strength__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.abt-story__wave img,
.abt-profiles__wave img,
.abt-strength__wave img {
	height: auto;
	width: 100%;
}

/* ========================================
  大切にしている想い
======================================== */

.abt-philosophy {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 6.25rem;
	padding-top: 6rem;
	position: relative;
}

.abt-philosophy__leaf {
	animation: abtLeafSway 6s ease-in-out infinite;
	opacity: 0.5;
	position: absolute;
	z-index: 0;
}

.abt-philosophy__leaf img {
	height: auto;
	width: 100%;
}

.abt-philosophy__leaf--l {
	left: 3.75rem;
	top: 5rem;
	transform: scaleX(-1);
	width: 3.75rem;
}

.abt-philosophy__leaf--r {
	animation-delay: 0.8s;
	animation-duration: 7.5s;
	bottom: 5.625rem;
	right: 4.375rem;
	width: 5rem;
}

.abt-philosophy__inner {
	position: relative;
	text-align: center;
	z-index: 1;
}

.abt-philosophy__catch {
	color: #4a4a4a;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7;
}

.abt-philosophy__sub {
	color: #8c8b8b;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 1.25rem;
}

.abt-philosophy__list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin: 3rem auto 0;
	max-width: 51.25rem;
}

.abt-philosophy__item {
	align-items: center;
	background-color: #fff;
	border: 0.0625rem solid #ececec;
	border-radius: 1rem;
	box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.05);
	display: flex;
	gap: 1.75rem;
	padding: 1.625rem 2.25rem;
	text-align: left;
}

.abt-philosophy__num {
	align-items: center;
	background-color: #1b75bc;
	border-radius: 50%;
	color: #fff;
	display: grid;
	flex-shrink: 0;
	font-family: "Montserrat", sans-serif;
	font-size: 1.375rem;
	font-weight: 700;
	height: 3.375rem;
	justify-items: center;
	line-height: 1;
	place-items: center;
	width: 3.375rem;
}

.abt-philosophy__item:nth-child(2) .abt-philosophy__num {
	background-color: #afcf6a;
}

.abt-philosophy__item:nth-child(3) .abt-philosophy__num {
	background-color: #dbc05f;
}

.abt-philosophy__item-text {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7;
}

.abt-philosophy__outro {
	color: #4a4a4a;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.9;
	margin-top: 3rem;
}

.abt-philosophy__lead {
	align-items: center;
	color: #1b75bc;
	display: inline-flex;
	font-size: 1.1875rem;
	font-weight: 700;
	gap: 0.625rem;
	letter-spacing: 0.05em;
	margin-top: 1.25rem;
}

.abt-philosophy__lead-leaf img {
	display: block;
	height: auto;
	width: 1.625rem;
}

.abt-philosophy__together {
	margin: 2.25rem auto 0;
	max-width: 18.75rem;
}

.abt-philosophy__together img {
	animation: abtTogetherFloat 6s ease-in-out infinite;
	display: block;
	height: auto;
	width: 100%;
}

/* ========================================
  夫婦で事業を始めた想い
======================================== */

.abt-story {
	background-color: #e1eff8;
	overflow: hidden;
	padding-bottom: 7.5rem;
	padding-top: 7.5rem;
	position: relative;
}

.abt-story__deco {
	position: absolute;
}

.abt-story__deco img {
	height: auto;
	width: 100%;
}

.abt-story__deco--dots {
	bottom: 2.5rem;
	left: -8.75rem;
	opacity: 0.7;
	width: 22.5rem;
	z-index: 0;
}

.abt-story__deco--watage {
	animation: abtFloat 7s ease-in-out infinite;
	z-index: 0;
}

.abt-story__deco--watage-1 {
	right: 5.625rem;
	top: 7.5rem;
	width: 4.375rem;
}

.abt-story__deco--watage-2 {
	animation-delay: 1s;
	animation-duration: 8.5s;
	bottom: 5rem;
	left: 7.5rem;
	width: 3rem;
}

.abt-story__inner {
	position: relative;
	z-index: 2;
}

.abt-story__card {
	background-color: #fff;
	border-radius: 1.5rem;
	box-shadow: 0 0.75rem 2.125rem rgba(27, 117, 188, 0.08);
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin: 3rem auto 0;
	max-width: 55rem;
	padding: 3.25rem 3.75rem;
}

.abt-story__text {
	color: #4a4a4a;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

/* ========================================
  夫婦の紹介（プロフィール）
  ※ 本体は既存 .about__profiles / .about__profile を再利用しつつ装飾を追加
======================================== */

.abt-profiles {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 6.875rem;
	padding-top: 7.5rem;
	position: relative;
}

.abt-profiles .abt-profiles__inner {
	position: relative;
	z-index: 2;
}

.abt-profiles .about__profiles {
	margin-top: 4rem;
}

.abt-profiles .about__profile {
	position: relative;
}

.abt-profiles .about__profile-photo {
	position: relative;
	z-index: 1;
}

.abt-profiles .about__profile::before {
	background-color: #dbf0fd;
	border-radius: 50%;
	content: "";
	height: 18.75rem;
	left: -1rem;
	position: absolute;
	top: -1rem;
	width: 18.75rem;
	z-index: 0;
}

.abt-profiles .about__profile--reverse::before {
	background-color: #fbf1d4;
	left: auto;
	right: -1rem;
}

/* ========================================
  夫婦チームだから、できること
======================================== */

.abt-strength {
	background-color: #fffcee;
	overflow: hidden;
	padding-bottom: 8rem;
	padding-top: 7.5rem;
	position: relative;
}

.abt-strength__inner {
	position: relative;
	z-index: 2;
}

.abt-strength__cards {
	grid-gap: 1.5rem;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 3.5rem;
}

.abt-strength__card {
	background-color: #fff;
	border: 0.0625rem solid #f3ecd3;
	border-radius: 1.25rem;
	box-shadow: 0 0.625rem 1.75rem rgba(201, 185, 122, 0.16);
	overflow: hidden;
	padding: 2.5rem 1.625rem 2rem;
	position: relative;
	transition: translate 0.35s ease, box-shadow 0.35s ease; /* GSAP(.js-up)が transform を上書きするため、ホバーは translate プロパティで持ち上げる */
	translate: 0 0; /* 右上のオーガニックな葉色ブロブ（番号の下敷き） */
}

.abt-strength__card::before {
	background: linear-gradient(135deg, rgba(175, 207, 106, 0.2), rgba(175, 207, 106, 0.05));
	border-radius: 47% 53% 56% 44%/51% 45% 55% 49%;
	content: "";
	height: 7.25rem;
	position: absolute;
	right: -1.25rem;
	top: -1.875rem;
	width: 7.25rem;
}

.abt-strength__card-num {
	color: #afcf6a;
	font-family: "Montserrat", sans-serif;
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 1;
	position: absolute;
	right: 1.125rem;
	top: 1rem;
}

.abt-strength__card-leaf {
	align-items: center;
	background: linear-gradient(140deg, rgba(175, 207, 106, 0.26), rgba(175, 207, 106, 0.1));
	border-radius: 50%;
	box-shadow: inset 0 0 0 0.0625rem rgba(175, 207, 106, 0.3);
	display: grid;
	height: 3.25rem;
	justify-items: center;
	margin-bottom: 1.125rem;
	place-items: center;
	transition: background 0.35s ease;
	width: 3.25rem;
}

.abt-strength__card-leaf img {
	height: auto;
	transition: transform 0.35s ease;
	width: 1.625rem;
}

.abt-strength__card-title {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.5;
	padding-bottom: 0.875rem;
	position: relative; /* タイトル下の短いアクセントバー */
}

.abt-strength__card-title::after {
	background: linear-gradient(90deg, #afcf6a, rgba(175, 207, 106, 0.35));
	border-radius: 0.125rem;
	bottom: 0;
	content: "";
	height: 0.1875rem;
	left: 0;
	position: absolute;
	width: 1.875rem;
}

.abt-strength__card-text {
	color: #8c8b8b;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.85;
	margin-top: 0.75rem;
}

/* ========================================
  ページヒーロー装飾（About：夫婦のイラスト＋花）
======================================== */

.page-hero__deco--about .page-hero__deco-woman {
	left: 23%;
	width: 5.25rem;
}

.page-hero__deco--about .page-hero__deco-man {
	left: 36%;
	width: 4rem;
}

.page-hero__deco--about .page-hero__deco-aflower {
	animation: aboutFlowerSway 4.4s ease-in-out infinite;
	transform-origin: bottom center;
}

.page-hero__deco--about .page-hero__deco-aflower--a {
	left: 30%;
	width: 2.4375rem;
}

.page-hero__deco--about .page-hero__deco-aflower--b {
	animation-delay: 0.5s;
	animation-duration: 5.2s;
	left: 33.5%;
	width: 1.625rem;
}

/* ===== アニメーション ===== */

.abt-philosophy__leaf--l {
	animation-name: abtLeafSwayFlip;
}

/* ========================================
  About
======================================== */

.about {
	background-color: #fff;
	overflow-x: clip;
	padding-bottom: 5rem;
	padding-top: 6.6875rem;
	position: relative;
}

.about__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.about__wave img {
	height: auto;
	width: 100%;
}

.about__heading-wrap {
	position: relative;
	z-index: 2;
}

/* イントロ（夫婦チーム） */

.about__intro {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
	max-width: 90rem;
	min-height: 28.75rem;
	position: relative;
}

.about__intro-photo {
	max-width: 50%;
	position: absolute;
	right: calc(50% - 50vw);
	top: 0;
	width: 41.25rem;
	z-index: 0;
}

.about__intro-photo img {
	-o-object-fit: cover;
	aspect-ratio: 660/460;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.about__intro-body {
	margin-left: 5.625rem;
	max-width: 43.75rem;
	padding-top: 6.875rem;
	position: relative;
	width: 100%;
	z-index: 1;
}

.about__intro-title {
	color: #4a4a4a;
	font-size: 1.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.about__intro-text {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 1.25rem;
}

/* プロフィール */

.about__profiles {
	display: flex;
	flex-direction: column;
	gap: 3.75rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5rem;
	max-width: 81.375rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.about__profile {
	align-items: flex-start;
	display: flex;
	gap: 3.75rem;
}

.about__profile--reverse {
	flex-direction: row-reverse;
}

.about__profile-photo {
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	width: 18.75rem;
}

.about__profile-photo img {
	-o-object-fit: cover;
	aspect-ratio: 300/300;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.about__profile-body {
	flex: 1;
}

.about__profile-role {
	color: #555555;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.about__profile-name {
	color: #1b75bc;
	font-size: 1.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.about__profile-texts {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 2.625rem;
}

.about__profile-text {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.8;
}

/* もっと覗いてみる */

.about__more {
	margin-top: 2.5rem;
	text-align: center;
}

/* ========================================
  下層: ブログ個別記事
======================================== */

.article {
	background-color: #fff;
	padding-bottom: 6.25rem;
	padding-top: 9.375rem;
}

.article__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 50rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.article__date {
	color: #8c8b8b;
	display: block;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 1rem;
}

.article__title {
	color: #4a4a4a;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	margin-top: 0.75rem;
}

/* アイキャッチ */

.article__thumb {
	border-radius: 1rem;
	margin-top: 2.5rem;
	overflow: hidden;
}

.article__thumb img {
	display: block;
	height: auto;
	width: 100%;
}

/* ========================================
  本文（WYSIWYG）
======================================== */

.article__body {
	color: #4a4a4a;
	font-size: 1.0625rem;
	letter-spacing: 0.04em;
	line-height: 1.9;
	margin-top: 3rem;
}

.article__body > *:first-child {
	margin-top: 0;
}

.article__body p {
	margin-top: 1.5rem;
}

.article__body a {
	-webkit-text-decoration: underline;
	color: #1b75bc;
	text-decoration: underline;
	text-underline-offset: 0.15em;
	transition: opacity 0.3s;
}

.article__body strong,
.article__body b {
	font-weight: 700;
}

.article__body h2 {
	border-bottom: 0.125rem solid #e1eff8;
	color: #4a4a4a;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	margin-top: 3.5rem;
	padding-bottom: 0.875rem;
}

.article__body h3 {
	border-left: 0.25rem solid #1b75bc;
	color: #4a4a4a;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1rem;
	margin-top: 2.5rem;
	padding-left: 0.875rem;
}

.article__body h4 {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 0.75rem;
	margin-top: 2rem;
}

.article__body ul,
.article__body ol {
	margin-top: 1.5rem;
	padding-left: 1.625rem;
}

.article__body ul > li {
	list-style: disc;
}

.article__body ol > li {
	list-style: decimal;
}

.article__body li {
	line-height: 1.8;
	margin-top: 0.5rem;
}

.article__body li::marker {
	color: #1b75bc;
}

.article__body blockquote {
	background-color: #fffcee;
	border-left: 0.25rem solid #dbc05f;
	border-radius: 0 0.5rem 0.5rem 0;
	color: #8c8b8b;
	margin-top: 2rem;
	padding: 1.25rem 1.5rem;
}

.article__body blockquote p {
	margin-top: 0.75rem;
}

.article__body blockquote p:first-child {
	margin-top: 0;
}

.article__body img {
	border-radius: 0.5rem;
	height: auto;
	max-width: 100%;
}

.article__body figure {
	margin-top: 2rem;
}

.article__body figcaption {
	color: #8c8b8b;
	font-size: 0.875rem;
	margin-top: 0.5rem;
	text-align: center;
}

.article__body hr {
	border: 0;
	border-top: 0.0625rem solid #acb2be;
	margin-top: 3rem;
}

.article__body table {
	border-collapse: collapse;
	font-size: 0.9375rem;
	margin-top: 2rem;
	width: 100%;
}

.article__body table th,
.article__body table td {
	border: 0.0625rem solid #acb2be;
	padding: 0.75rem 1rem;
	text-align: left;
}

.article__body table th {
	background-color: #e1eff8;
	font-weight: 700;
}

.article__body code {
	background-color: #e1eff8;
	border-radius: 0.25rem;
	font-size: 0.9em;
	padding: 0.125rem 0.375rem;
}

/* 記事フッター（一覧へ戻る） */

.article__foot {
	margin-top: 4rem;
	text-align: center;
}

/* 記事下のライタープロフィール */

.article__author {
	align-items: center;
	background-color: #e1eff8;
	border: 0.0625rem solid #acb2be;
	border-radius: 1rem;
	display: flex;
	gap: 1.25rem;
	margin-top: 3rem;
	padding: 1.5rem 1.75rem;
}

.article__author--yellow {
	background-color: #fffcee;
	border-color: #dbc05f;
}

.article__author-photo {
	background-color: #fff;
	border-radius: 50%;
	flex-shrink: 0;
	height: 5rem;
	overflow: hidden;
	width: 5rem;
}

.article__author-photo img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.article__author-name {
	color: #4a4a4a;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.article__author-bio {
	color: #4a4a4a;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.7;
	margin-top: 0.375rem;
}

/* ========================================
  下層: ブログ一覧
======================================== */

.blog-archive {
	background-color: #fffcee;
	overflow: hidden;
	padding-bottom: 5rem;
	padding-top: 5rem;
	position: relative;
}

.blog-archive__inner {
	position: relative;
	z-index: 2;
}

.blog-archive__list {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: repeat(3, 1fr);
}

.blog__card-thumb img {
	-o-object-fit: cover;
	aspect-ratio: 393/210;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.blog-archive__empty {
	color: #8c8b8b;
	font-size: 1.125rem;
	font-weight: 500;
	text-align: center;
}

/* ========================================
  ヒーロー装飾（ブログ：花＋タンポポの綿毛）
  ※ 共通の .page-hero__deco-item を確実に上書きするため --blog でスコープ
======================================== */

.page-hero__deco--blog .page-hero__deco-flowers {
	left: 21%;
	width: 4.125rem;
}

.page-hero__deco--blog .page-hero__deco-seed {
	animation: seedDrift 6s ease-in-out infinite;
	width: 1.3125rem;
}

.page-hero__deco--blog .page-hero__deco-seed--1 {
	animation-duration: 6.5s;
	bottom: 5.75rem;
	left: 28%;
}

.page-hero__deco--blog .page-hero__deco-seed--2 {
	animation-delay: 0.6s;
	animation-duration: 7.5s;
	bottom: 7.375rem;
	left: 32%;
}

.page-hero__deco--blog .page-hero__deco-seed--3 {
	animation-delay: 1.1s;
	animation-duration: 6.8s;
	bottom: 7.75rem;
	left: 36%;
}

/* 綿毛がふわふわ舞う */

/* ========================================
  Blog
======================================== */

.blog {
	background-color: #fffcee;
	overflow: hidden;
	padding-bottom: 3.75rem;
	padding-top: 6.6875rem;
	position: relative;
}

.blog__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.blog__wave img {
	height: auto;
	width: 100%;
}

.blog__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 81.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	position: relative;
	text-align: center;
	z-index: 2;
}

.blog__lead {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 3rem;
}

.blog__list {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 3rem;
	text-align: left;
}

.blog__card {
	background-color: #fff;
	border: 0.0625rem solid transparent;
	border-radius: 1.25rem;
	box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.04);
	display: block;
	height: 100%;
	overflow: hidden;
	transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s;
}

.blog__card:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.blog__card-thumb {
	aspect-ratio: 393/210;
	background-color: #faf2cc;
	overflow: hidden;
}

.blog__card-thumb img {
	display: block;
	transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}

.blog__card-body {
	padding: 1.125rem 1.25rem;
}

.blog__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.blog__tag {
	border: 0.0625rem solid #acb2be;
	border-radius: 0.375rem;
	color: #acb2be;
	font-size: 0.875rem;
	font-weight: 500;
	padding: 0.25rem 0.75rem;
}

.blog__date {
	color: #8c8b8b;
	display: block;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	margin-top: 1rem;
}

.blog__card-title {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-top: 0.5rem;
}

.blog__more {
	margin-top: 2.5rem;
}

/* ========================================
  アーカイブ上部 カテゴリ絞り込みナビ
  （ブログ／制作実績の一覧・カテゴリ別アーカイブで共通）
======================================== */

.cat-filter {
	margin-bottom: 3rem;
}

.cat-filter__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.cat-filter__link {
	background-color: #fff;
	border: 0.0625rem solid #acb2be;
	border-radius: 56.25rem;
	color: #acb2be;
	display: inline-block;
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	padding: 0.5rem 1.25rem;
	transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.cat-filter__link.is-current {
	background-color: #1b75bc;
	border-color: #1b75bc;
	color: #fff;
}

body.is-scroll {
	overflow: hidden;
}

.wrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main {
	flex: 1;
}

.inner-w {
	margin: 0 auto;
	max-width: 91.25rem;
	padding: 0 1.875rem;
	width: 100%;
}

/* ========================================
  下層: 運営者情報
======================================== */

.company {
	background-color: #fff;
	padding-bottom: 6.25rem;
	padding-top: 5rem;
}

.company__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 50rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

/* 一覧表（works-single の概要テーブルと同スタイル） */

.company__table {
	border-collapse: collapse;
	color: #4a4a4a;
	font-size: 1rem;
	letter-spacing: 0.03em;
	line-height: 1.7;
	width: 100%;
}

.company__table th,
.company__table td {
	border: 0.0625rem solid #acb2be;
	padding: 1rem 1.25rem;
	text-align: left;
	vertical-align: top;
}

.company__table th {
	background-color: #e1eff8;
	font-weight: 700;
	white-space: nowrap;
	width: 11.25rem;
}

.company__table a {
	-webkit-text-decoration: underline;
	color: #1b75bc;
	text-decoration: underline;
	text-underline-offset: 0.15em;
	transition: opacity 0.3s;
	word-break: break-all;
}

/* ========================================
  Contact
======================================== */

.contact {
	background-color: #fff;
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.contact__inner {
	text-align: center;
}

.contact__lead {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 3rem;
}

.contact-thanks__note {
	color: #4a4a4a;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 1.5rem;
}

.contact__form {
	margin: 3rem auto 0;
	max-width: 40rem;
	text-align: left;
}

.contact__row {
	margin-top: 2rem;
}

.contact__row:first-child {
	margin-top: 0;
}

.contact__label {
	color: #4a4a4a;
	display: block;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
}

.contact__required {
	background-color: #e18700;
	border-radius: 0.25rem;
	color: #fff;
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 700;
	margin-left: 0.5rem;
	padding: 0.125rem 0.5rem;
}

/* Contact Form 7 の [radio] 出力（.wpcf7-list-item / .wpcf7-list-item-label）を
   元の独自ラジオデザインに合わせて上書きする */

.contact__radios {
	grid-gap: 1rem 0.625rem;
	display: grid;
	gap: 1rem 0.625rem;
	grid-template-columns: repeat(2, 1fr);
}

.contact__radios .wpcf7-list-item {
	margin: 0;
	position: relative;
	white-space: nowrap;
}

.contact__radios input[type=radio] {
	bottom: 0;
	cursor: pointer;
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.contact__radios .wpcf7-list-item-label {
	color: #4a4a4a;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding-left: 1.875rem;
	position: relative;
}

.contact__radios .wpcf7-list-item-label::before {
	border: 0.125rem solid #acb2be;
	border-radius: 50%;
	content: "";
	height: 1.25rem;
	left: 0;
	margin-top: -0.625rem;
	position: absolute;
	top: 50%;
	transition: border-color 0.2s;
	width: 1.25rem;
}

.contact__radios .wpcf7-list-item-label::after {
	background-color: #1b75bc;
	border-radius: 50%;
	content: "";
	height: 0.625rem;
	left: 0.3125rem;
	margin-top: -0.3125rem;
	position: absolute;
	top: 50%;
	transform: scale(0);
	transition: transform 0.2s;
	width: 0.625rem;
}

.contact__radios input[type=radio]:checked + .wpcf7-list-item-label::before {
	border-color: #1b75bc;
}

.contact__radios input[type=radio]:checked + .wpcf7-list-item-label::after {
	transform: scale(1);
}

.contact__radios input[type=radio]:focus-visible + .wpcf7-list-item-label::before {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.contact__row .wpcf7-form-control-wrap {
	display: block;
}

.contact__input,
.contact__textarea {
	background-color: #f3f3f3;
	border-radius: 0.5rem;
	color: #4a4a4a;
	font-size: 1rem;
	padding: 0.875rem 1rem;
	width: 100%;
}

.contact__input:focus-visible,
.contact__textarea:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.contact__input {
	height: 3.5rem;
}

.contact__textarea {
	height: 15.4375rem;
	resize: vertical;
}

/* プライバシーポリシー同意（CF7の[acceptance]出力を上書き） */

.contact__row--consent {
	margin-top: 2.5rem;
	text-align: center;
}

.contact__row--consent a {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.contact__row--consent .wpcf7-form-control-wrap {
	display: inline;
}

.contact__row--consent .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.contact__row--consent .wpcf7-acceptance label {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	position: relative;
}

.contact__row--consent .wpcf7-acceptance input[type=checkbox] {
	cursor: pointer;
	height: 1.375rem;
	left: 0;
	margin: -0.6875rem 0 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 1.375rem;
}

.contact__row--consent .wpcf7-acceptance .wpcf7-list-item-label {
	color: #4a4a4a;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding-left: 2rem;
	position: relative;
}

.contact__row--consent .wpcf7-acceptance .wpcf7-list-item-label::before {
	background-color: #fff;
	border: 0.125rem solid #acb2be;
	border-radius: 0.375rem;
	content: "";
	height: 1.375rem;
	left: 0;
	margin-top: -0.6875rem;
	position: absolute;
	top: 50%;
	transition: border-color 0.2s, background-color 0.2s;
	width: 1.375rem;
}

.contact__row--consent .wpcf7-acceptance .wpcf7-list-item-label::after {
	border-bottom: 0.15625rem solid #fff;
	border-right: 0.15625rem solid #fff;
	content: "";
	height: 0.6875rem;
	left: 0.5rem;
	margin-top: -0.4375rem;
	position: absolute;
	top: 50%;
	transform: rotate(45deg) scale(0);
	transform-origin: center;
	transition: transform 0.2s;
	width: 0.375rem;
}

.contact__row--consent .wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label::before {
	background-color: #1b75bc;
	border-color: #1b75bc;
}

.contact__row--consent .wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label::after {
	transform: rotate(45deg) scale(1);
}

.contact__row--consent .wpcf7-acceptance input[type=checkbox]:focus-visible + .wpcf7-list-item-label::before {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.contact__row--consent .wpcf7-acceptance .wpcf7-list-item-label a {
	-webkit-text-decoration: underline;
	color: #1b75bc;
	text-decoration: underline;
	text-underline-offset: 0.1875rem;
}

.contact__submit-wrap {
	margin-top: 2.5rem;
	position: relative;
	text-align: center;
}

/* CF7が[submit]の直後に出力する .wpcf7-spinner は
   visibility:hidden でも幅とマージン（margin:0 24px）を占有し、
   中央寄せのwrap内でボタンを左にずらしてしまう。
   絶対配置でフロー外に出し、ボタンを中央に保つ */

.contact__submit-wrap .wpcf7-spinner {
	margin: -0.75rem 0 0 0.75rem;
	position: absolute;
	top: 50%;
}

.contact__submit {
	align-items: center;
	background-color: #fff;
	border: 0.0625rem solid #1b75bc;
	border-radius: 56.25rem;
	color: #1b75bc;
	cursor: pointer;
	display: inline-flex;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 0.75rem 0.75rem 0.75rem 1.75rem;
	transition: background-color 0.3s, opacity 0.3s;
}

.contact__submit:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.contact__submit-icon {
	flex-shrink: 0;
	height: 2.8125rem;
	margin-left: 1.25rem;
	width: 2.8125rem;
}

.contact__submit-icon img {
	height: 100%;
	width: 100%;
}

/* CF7の[submit]はinput要素のためアイコンを内包できない。
   矢印アイコンを背景画像で付与する */

/* 同意チェックが入るまでCF7がsubmitをdisabledにするため、無効状態を明示する */

input.contact__submit:disabled {
	opacity: 0.4;
	pointer-events: none;
}

input.contact__submit {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url(../images/common/arrow-circle.svg);
	background-position: right 0.75rem center;
	background-repeat: no-repeat;
	background-size: 2.8125rem 2.8125rem;
	display: inline-block;
	padding-right: 4.8125rem;
	text-align: left;
}

/* ========================================
  CTA
======================================== */

.cta {
	overflow: hidden;
	padding-bottom: 3rem;
	padding-top: 3rem;
	position: relative;
}

.cta--yellow {
	background-color: #f0d245;
}

.cta--blue {
	background-color: #1b75bc;
}

.cta__bg {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 38.75rem;
	z-index: 0;
}

.cta__bg img {
	-o-object-fit: cover;
	aspect-ratio: 620/408;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.cta__bg::after {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.cta--yellow .cta__bg::after {
	background: linear-gradient(to right, #f0d245 0%, rgba(240, 210, 69, 0.2) 65%, rgba(240, 210, 69, 0) 100%);
}

.cta--blue .cta__bg::after {
	background: linear-gradient(to right, #1b75bc 0%, rgba(27, 117, 188, 0.2) 65%, rgba(27, 117, 188, 0) 100%);
}

.cta__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 81.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	position: relative;
	z-index: 1;
}

.cta__card {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 1.25rem;
	padding: 2.5rem 4.375rem 2.5rem 8.125rem;
}

.cta__head {
	align-items: center;
	display: flex;
}

.cta__head-leaf {
	flex-shrink: 0;
	height: 2.5rem;
	margin-right: 1.25rem;
	width: 2.5rem;
}

.cta__head-leaf img {
	height: 100%;
	width: 100%;
}

.cta__title {
	color: #4a4a4a;
	font-size: 1.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.cta__text {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-top: 1.25rem;
}

.cta__button {
	align-items: center;
	background-color: #fff;
	border: 0.0625rem solid #1b75bc;
	border-radius: 56.25rem;
	color: #1b75bc;
	display: inline-flex;
	font-size: 1.125rem;
	font-weight: 700;
	margin-top: 2rem;
	overflow: hidden;
	padding: 0.75rem 0.75rem 0.75rem 1.75rem;
	position: relative;
	transition: color 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: 0;
}

.cta__button::before {
	background-color: #1b75bc;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: -1;
}

.cta__button:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.cta__button-icon {
	background-image: url(../images/common/arrow-circle-reverse.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	flex-shrink: 0;
	height: 2.8125rem;
	margin-left: 1.25rem;
	width: 2.8125rem;
}

.cta__button-icon img {
	height: 100%;
	transition: opacity 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	width: 100%;
}

/* ========================================
  FAQ
======================================== */

.faq {
	background-color: #e1eff8;
	overflow: hidden;
	padding-bottom: 3.75rem;
	padding-top: 6.6875rem;
	position: relative;
}

.faq__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.faq__wave img {
	height: auto;
	width: 100%;
}

.faq__deco {
	position: absolute;
	right: max(1rem, calc(50% - 39.375rem));
	top: 6.25rem;
	width: 18.5416666667vw;
	z-index: 1;
}

.faq__deco img {
	height: auto;
	width: 100%;
}

.faq__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 81.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	position: relative;
	z-index: 2;
}

.faq__list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
	max-width: 78.75rem;
}

.faq__question {
	align-items: center;
	background-color: #fff;
	border-radius: 0.625rem;
	cursor: pointer;
	display: flex;
	padding: 1rem 1.5rem;
	text-align: left;
	transition: opacity 0.3s;
	width: 100%;
}

.faq__question:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.faq__badge {
	align-items: center;
	border-radius: 50%;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	font-family: "Montserrat", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	height: 2.25rem;
	justify-content: center;
	width: 2.25rem;
}

.faq__badge--q {
	background-color: #1b75bc;
}

.faq__badge--a {
	background-color: #dbc05f;
}

.faq__q-text {
	color: #4a4a4a;
	flex: 1;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-left: 1.5rem;
}

.faq__toggle {
	flex-shrink: 0;
	height: 1rem;
	margin-left: 1rem;
	position: relative;
	width: 1rem;
}

.faq__toggle::before,
.faq__toggle::after {
	background-color: #4a4a4a;
	content: "";
	height: 0.125rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s, transform 0.3s;
	width: 1rem;
}

.faq__toggle::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.faq__question.is-open .faq__toggle::after {
	opacity: 0;
}

.faq__answer {
	display: none;
}

.faq__answer-inner {
	align-items: flex-start;
	display: flex;
	padding: 1rem 1.5rem 0;
}

.faq__a-text {
	color: #4a4a4a;
	flex: 1;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-left: 1.5rem;
}

/* ========================================
  Feature
======================================== */

.feature {
	background-color: #fffcee;
	overflow: hidden;
	padding-bottom: 2.5rem;
	padding-top: 6.6875rem;
	position: relative;
}

.feature__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.feature__wave img {
	height: auto;
	width: 100%;
}

.feature__inner {
	position: relative;
	z-index: 2;
}

.feature__cards {
	grid-gap: 0.625rem;
	display: grid;
	gap: 0.625rem;
	grid-template-columns: repeat(2, 1fr);
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
	max-width: 39.125rem;
}

.feature__card {
	background-color: #fff;
	border: 0.0625rem solid #e4e4e4;
	border-radius: 0.625rem;
	padding: 1rem 0.625rem;
	text-align: center;
}

.feature__card-icon {
	height: 6.25rem;
	margin-left: auto;
	margin-right: auto;
	width: 6.25rem;
}

.feature__card-icon img {
	-o-object-fit: cover;
	aspect-ratio: 1/1;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.feature__card-body {
	margin-top: 1.25rem;
}

.feature__card-title {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.feature__card-text {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 1rem;
}

.feature__people {
	bottom: 0;
	position: absolute;
	right: max(1rem, calc(50% - 39.375rem));
	width: 18.5416666667vw;
	z-index: 1;
}

.feature__people img {
	height: auto;
	width: 100%;
}

/* ========================================
  Footer
======================================== */

.footer__photo {
	line-height: 0;
}

.footer__photo img {
	-o-object-fit: cover;
	aspect-ratio: 1440/306;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.footer__main {
	background: linear-gradient(to right, #1b75bc 0%, #dbc05f 100%);
}

.footer__inner {
	padding-bottom: 3.75rem;
	padding-top: 5rem;
}

.footer__logo {
	align-items: center;
	display: flex;
}

.footer__logo-mark {
	flex-shrink: 0;
	height: 2.5rem;
	width: 2.5rem;
}

.footer__logo-mark img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.footer__logo-text {
	margin-left: 0.4375rem;
	max-width: 10rem;
}

.footer__logo-text img {
	-o-object-fit: cover;
	aspect-ratio: 608/103;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.footer__tagline {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 1.125rem;
}

.footer__bottom {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin-top: 2.5rem;
}

.footer__nav-list {
	align-items: center;
	display: flex;
	gap: 2.5rem;
}

.footer__nav-link {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.footer__nav-link:focus-visible {
	outline: 0.125rem solid #fff;
	outline-offset: 0.125rem;
}

.footer__nav-icon {
	flex-shrink: 0;
	height: 1.25rem;
	margin-right: 0.625rem;
	width: 1.25rem;
}

.footer__nav-icon img {
	filter: brightness(0) invert(1);
	height: 100%;
	width: 100%;
}

.footer__cta {
	align-items: center;
	background-color: #fff;
	border-radius: 0.625rem;
	color: #1b75bc;
	display: inline-flex;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-left: 3.875rem;
	overflow: hidden;
	padding: 0.9375rem 1.25rem;
	position: relative;
	transition: color 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: 0;
}

.footer__cta::before {
	background-color: #1b75bc;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: -1;
}

.footer__cta:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.footer__cta-icon {
	-webkit-mask: url(../images/common/leaf.svg) no-repeat center/contain;
	background-color: currentColor;
	flex-shrink: 0;
	height: 1.5rem;
	margin-left: 0.625rem;
	mask: url(../images/common/leaf.svg) no-repeat center/contain;
	transition: background-color 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	width: 1.5rem;
}

.footer__cta-icon img {
	display: none;
}

.footer__description {
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 3.75rem;
}

.footer__copyright {
	border-top: 0.0625rem solid rgba(255, 255, 255, 0.4);
	padding-bottom: 1.625rem;
	padding-top: 1.375rem;
	text-align: center;
}

.footer__legal {
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 0.5rem;
}

.footer__privacy {
	-webkit-text-decoration: underline;
	color: #4a4a4a;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-decoration: underline;
	text-underline-offset: 0.1875rem;
}

.footer__privacy:focus-visible {
	outline: 0.125rem solid #fff;
	outline-offset: 0.125rem;
}

.footer__copyright-text {
	color: #4a4a4a;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-top: 0.5rem;
}

/* ========================================
  FV
======================================== */

.fv {
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

.fv__container {
	height: 44.4444444444vw;
	margin-left: auto;
	margin-right: auto;
	max-width: 90rem;
	position: relative;
}

.fv__body {
	left: 13.8888888889vw;
	position: absolute;
	top: 12.5vw;
	width: 38.1944444444vw;
	z-index: 10;
}

.fv__catch {
	width: 24.3055555556vw;
}

.fv__catch img {
	animation: fvCatchWrite 1.3s cubic-bezier(0.65, 0, 0.35, 1) 0.3s both;
	height: auto;
	width: 100%;
}

/* 左→右リビール（手書き風の出現） */

.fv__title {
	font-size: 2.5vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 0.6944444444vw;
}

.fv__title-main {
	color: #4a4a4a;
	display: block;
}

.fv__title-accent {
	color: #1b75bc;
	display: block;
}

.fv__lead {
	color: #666666;
	font-size: 1.1805555556vw;
	line-height: 1.6;
	margin-top: 1.3888888889vw;
}

.fv__button {
	align-items: center;
	background-color: #1b75bc;
	border-radius: 0.625rem;
	color: #fff;
	display: inline-flex;
	font-size: 1.25vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-top: 3.4027777778vw;
	overflow: hidden;
	padding: 1.0416666667vw 1.3888888889vw;
	position: relative;
	transition: opacity 0.3s;
	z-index: 0;
}

.fv__button::before {
	background-color: #155f9a;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: -1;
}

.fv__button:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.fv__button-icon {
	flex-shrink: 0;
	height: 1.5rem;
	margin-left: 0.625rem;
	width: 1.5rem;
}

.fv__button-icon img {
	height: 100%;
	width: 100%;
}

/* ========================================
  FV イラスト（右側メインビジュアル）
  ブロブ2枚の上にスタッフ2名＋星＋木を重ねた構成。
  span = 配置＋登場アニメ / 内側 img = 常時ゆらぎアニメ の二層構造で、
  ふたつの transform を打ち消さずに合成させている。
======================================== */

.fv__image {
	aspect-ratio: 349/475;
	left: 58.4027777778vw;
	position: absolute;
	top: 9.1666666667vw;
	width: 24.2361111111vw;
	z-index: 1;
}

.fv__illust {
	display: block;
	position: absolute;
	translate: 0px 0px;
	translate: var(--px, 0px) var(--py, 0px);
}

.fv__illust img {
	display: block;
	height: auto;
	width: 100%;
}

.fv__illust--blobs {
	left: 2.58%;
	top: 10.11%;
	width: 97.42%;
	z-index: 1;
}

.fv__illust--woman {
	left: 20.06%;
	top: 0;
	width: 45.56%;
	z-index: 3;
}

.fv__illust--man {
	left: 45.56%;
	top: 61.47%;
	width: 27.51%;
	z-index: 3;
}

.fv__illust--tree {
	left: 74.5%;
	top: 87.37%;
	width: 12.89%;
	z-index: 4;
}

.fv__illust--star-lg {
	left: 0;
	top: 16.21%;
	width: 14.61%;
	z-index: 2;
}

.fv__illust--star-sm {
	left: 9.46%;
	top: 5.89%;
	width: 10.6%;
	z-index: 2;
}

/* ===== 常時ゆらぎアニメーション（内側 img） ===== */

.fv__illust--woman img {
	animation: fvFloatWoman 4s ease-in-out infinite;
	transform-origin: center bottom;
}

.fv__illust--man img {
	animation: fvFloatMan 4.6s ease-in-out 0.4s infinite;
	transform-origin: center bottom;
}

.fv__illust--tree img {
	animation: fvSwayTree 5s ease-in-out infinite;
	transform-origin: center bottom;
}

.fv__illust--blobs img {
	animation: fvBreathe 7s ease-in-out infinite;
	transform-origin: center;
}

.fv__illust--star-lg img {
	animation: fvTwinkle 2s ease-in-out infinite;
	transform-origin: center;
}

.fv__illust--star-sm img {
	animation: fvTwinkle 1.6s ease-in-out 0.5s infinite;
	transform-origin: center;
}

/* ===== 読み込み時の登場アニメーション（外側 span） ===== */

.fv__illust--blobs {
	animation: fvPop 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
	transform-origin: center;
}

.fv__illust--star-lg {
	animation: fvFadeIn 0.6s ease-out 0.5s both;
}

.fv__illust--star-sm {
	animation: fvFadeIn 0.6s ease-out 0.65s both;
}

.fv__illust--woman {
	animation: fvRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.55s both;
}

.fv__illust--man {
	animation: fvRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.8s both;
}

.fv__illust--tree {
	animation: fvFadeIn 0.8s ease-out 1.05s both;
}

/* ===== 本文テキストの登場アニメーション ===== */

.fv__title-main {
	animation: fvFadeDown 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.8s both;
}

.fv__title-accent {
	animation: fvFadeDown 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1s both;
}

.fv__lead {
	animation: fvFadeDown 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1.2s both;
}

.fv__button {
	animation: fvFadeDown 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1.4s both;
}

/* ========================================
  Header
======================================== */

.header {
	left: 0;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	position: fixed;
	right: 0;
	top: 0.9375rem;
	z-index: 900;
}

.header__inner {
	align-items: center;
	background-color: rgba(255, 255, 255, 0.5);
	border: 0.0625rem solid #fff;
	border-radius: 1.25rem;
	display: flex;
	height: 5rem;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	max-width: 87.5rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

.js-header.is-fixed .header__inner {
	background-color: white;
	box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.06);
}

.header__logo {
	line-height: 1;
}

.header__logo-link {
	align-items: center;
	display: flex;
}

.header__logo-mark {
	flex-shrink: 0;
	height: 2.5rem;
	width: 2.5rem;
}

.header__logo-mark img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.header__logo-text {
	margin-left: 0.4375rem;
	max-width: 10rem;
}

.header__logo-text img {
	-o-object-fit: cover;
	aspect-ratio: 608/103;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.header__right {
	align-items: center;
	display: flex;
}

.header__nav {
	align-self: stretch;
	display: flex;
}

.header__nav-list {
	align-items: stretch;
	display: flex;
	gap: 2.5rem;
}

.header__nav-item {
	display: flex;
}

.header__nav-link {
	align-items: center;
	color: #4a4a4a;
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	height: 100%;
	letter-spacing: 0.05em;
}

.header__nav-link:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.header__cta {
	align-items: center;
	background-color: #1b75bc;
	border-radius: 0.625rem;
	color: #fff;
	display: inline-flex;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-left: 3.875rem;
	overflow: hidden;
	padding: 0.9375rem 1.25rem;
	position: relative;
	transition: opacity 0.3s;
	z-index: 0;
}

.header__cta::before {
	background-color: #155f9a;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: -1;
}

.header__cta:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.header__cta-icon {
	flex-shrink: 0;
	height: 1.5rem;
	margin-left: 0.625rem;
	width: 1.5rem;
}

.header__cta-icon img {
	height: 100%;
	width: 100%;
}

/* ハンバーガー（SPのみ） */

.header__hamburger {
	display: none;
}

/* ドロワー（SPのみ） */

.header__drawer {
	display: none;
}

/* ========================================
  Price
======================================== */

.price {
	background-color: #fffcee;
	overflow: hidden;
	padding-bottom: 3.75rem;
	padding-top: 6.6875rem;
	position: relative;
}

.price__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.price__wave img {
	height: auto;
	width: 100%;
}

.price__inner {
	position: relative;
	text-align: center;
	z-index: 2;
}

.price__lead {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 3rem;
}

.price__cards {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	justify-content: center;
	margin-top: 3rem;
}

.price__card {
	background-color: #fff;
	border: 0.0625rem solid;
	border-radius: 0.625rem;
	overflow: hidden;
	width: 13.125rem;
}

.price__card--blue {
	border-color: #1b75bc;
}

.price__card--green {
	border-color: #afcf6a;
}

.price__card--gold {
	border-color: #dbc05f;
}

.price__card-name {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 1.125rem 0.625rem;
	text-align: center;
}

.price__card--blue .price__card-name {
	background-color: #1b75bc;
}

.price__card--green .price__card-name {
	background-color: #afcf6a;
}

.price__card--gold .price__card-name {
	background-color: #dbc05f;
}

.price__card-value {
	align-items: baseline;
	display: flex;
	gap: 0.25rem;
	justify-content: center;
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
}

.price__card-num {
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0.25rem 0.25rem 0.25rem rgba(74, 74, 74, 0.25);
}

.price__card--blue .price__card-num {
	color: #1b75bc;
}

.price__card--green .price__card-num {
	color: #afcf6a;
}

.price__card--gold .price__card-num {
	color: #dbc05f;
}

.price__card-unit {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 900;
}

.price__more {
	margin-top: 2.5rem;
}

/* ========================================
  下層: プライバシーポリシー
======================================== */

.privacy {
	background-color: #fff;
	padding-bottom: 6.25rem;
	padding-top: 5rem;
}

.privacy__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 50rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.privacy__intro {
	color: #4a4a4a;
	font-size: 1rem;
	letter-spacing: 0.04em;
	line-height: 1.9;
}

.privacy__section {
	margin-top: 3rem;
}

.privacy__heading {
	border-bottom: 0.0625rem solid rgba(27, 117, 188, 0.3);
	color: #1b75bc;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5;
	padding-bottom: 0.75rem;
}

.privacy__text {
	color: #4a4a4a;
	font-size: 1rem;
	letter-spacing: 0.04em;
	line-height: 1.9;
	margin-top: 1rem;
}

.privacy__list {
	color: #4a4a4a;
	font-size: 1rem;
	letter-spacing: 0.04em;
	line-height: 1.9;
	margin-top: 1rem;
}

.privacy__list li {
	padding-left: 1.125rem;
	position: relative;
}

.privacy__list li::before {
	background-color: #1b75bc;
	border-radius: 50%;
	content: "";
	height: 0.5rem;
	left: 0;
	position: absolute;
	top: 0.625rem;
	width: 0.5rem;
}

.privacy__list li + li {
	margin-top: 0.5rem;
}

.privacy__link {
	-webkit-text-decoration: underline;
	color: #1b75bc;
	text-decoration: underline;
	text-underline-offset: 0.25rem;
}

.privacy__date {
	color: #8c8b8b;
	font-size: 0.875rem;
	letter-spacing: 0.04em;
	margin-top: 3.5rem;
	text-align: right;
}

/* ========================================
  下層ヒーロー装飾（サービス：3人のイラスト＋桜）
  ※ 共通の .page-hero__deco-item を確実に上書きするため --service でスコープ
======================================== */

.page-hero:has(.page-hero__deco--service) .page-hero__lead {
	max-width: 27.5rem;
}

.page-hero__deco--service .page-hero__deco-people {
	bottom: 0.5rem;
	left: 48%;
	width: 16.625rem;
}

.page-hero__deco--service .page-hero__deco-sakura {
	animation: sakuraFloat 5.5s ease-in-out infinite;
}

.page-hero__deco--service .page-hero__deco-sakura--1 {
	animation-duration: 5.5s;
	bottom: 12.25rem;
	left: 57%;
	width: 1.375rem;
}

.page-hero__deco--service .page-hero__deco-sakura--2 {
	animation-delay: 0.5s;
	animation-duration: 6.4s;
	bottom: 10.5rem;
	left: 62%;
	width: 1.125rem;
}

.page-hero__deco--service .page-hero__deco-sakura--3 {
	animation-delay: 1s;
	animation-duration: 6s;
	bottom: 12.5rem;
	left: 60%;
	width: 1.3125rem;
}

/* 桜がふわふわ揺れる */

/* ========================================
  共通: 下層セクション上部の波
======================================== */

.svc-flow__wave,
.svc-price__wave,
.svc-detail__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.svc-flow__wave img,
.svc-price__wave img,
.svc-detail__wave img {
	height: auto;
	width: 100%;
}

/* ========================================
  私たちにできること
======================================== */

.svc-intro {
	background-color: #fff;
	padding-bottom: 5rem;
	padding-top: 5.625rem;
	text-align: center;
}

.svc-intro__lead > [class*=wp-block-lazyblock-],
.svc-fee__cards > [class*=wp-block-lazyblock-] {
	display: contents;
}

.svc-intro__lead {
	color: #4a4a4a;
	display: flex;
	flex-direction: column;
	font-size: 1.0625rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2;
	margin: 2.5rem auto 0;
	max-width: 55rem;
}

/* ========================================
  サービス内容
======================================== */

.svc-detail {
	background-color: #e1eff8;
	overflow: hidden;
	padding-bottom: 5.625rem;
	padding-top: 6.25rem;
	position: relative;
}

.svc-detail__inner {
	position: relative;
	z-index: 2;
}

/* ========================================
  料金
======================================== */

.svc-price {
	background-color: #fffcee;
	overflow: hidden;
	padding-bottom: 5.625rem;
	padding-top: 6.25rem;
	position: relative;
}

.svc-price__inner {
	position: relative;
	z-index: 2;
}

.svc-price__lead {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 2.5rem;
	text-align: center;
}

.svc-price__subtitle {
	align-items: center;
	color: #4a4a4a;
	display: flex;
	font-size: 1.375rem;
	font-weight: 700;
	gap: 0.75rem;
	letter-spacing: 0.05em;
	margin-bottom: 1.5rem;
	margin-top: 3.75rem;
}

.svc-price__subtitle::before {
	background-color: #1b75bc;
	border-radius: 56.25rem;
	content: "";
	flex-shrink: 0;
	height: 1.5rem;
	width: 0.5rem;
}

/* 制作費カード */

.svc-fee__cards {
	grid-gap: 1.5rem;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(3, 1fr);
}

.price .svc-fee__cards {
	margin-top: 3rem;
}

.svc-fee__card {
	background-color: #fff;
	border: 0.125rem solid;
	border-radius: 1rem;
	overflow: hidden;
}

.svc-fee__card--blue {
	border-color: #1b75bc;
}

.svc-fee__card--green {
	border-color: #afcf6a;
}

.svc-fee__card--gold {
	border-color: #dbc05f;
}

.svc-fee__name {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 1rem;
	text-align: center;
}

.svc-fee__card--blue .svc-fee__name {
	background-color: #1b75bc;
}

.svc-fee__card--green .svc-fee__name {
	background-color: #afcf6a;
}

.svc-fee__card--gold .svc-fee__name {
	background-color: #dbc05f;
}

.svc-fee__body {
	padding: 1.5rem 1.25rem 1.75rem;
	text-align: center;
}

.svc-fee__pages {
	color: #4a4a4a;
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.svc-fee__price {
	align-items: baseline;
	display: flex;
	gap: 0.125rem;
	justify-content: center;
	margin-top: 0.375rem;
}

.svc-fee__num {
	font-family: "Josefin Sans", sans-serif;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0.1875rem 0.1875rem 0.25rem rgba(74, 74, 74, 0.18);
}

.svc-fee__card--blue .svc-fee__num {
	color: #1b75bc;
}

.svc-fee__card--green .svc-fee__num {
	color: #afcf6a;
}

.svc-fee__card--gold .svc-fee__num {
	color: #dbc05f;
}

.svc-fee__unit {
	color: #4a4a4a;
	font-size: 1rem;
	font-weight: 900;
}

.svc-fee__note {
	border-top: 0.0625rem dashed #acb2be;
	color: #4a4a4a;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	margin-top: 0.875rem;
	padding-top: 0.875rem;
}

/* 保守・運用改善プラン（比較表） */

.svc-plan {
	overflow-x: auto;
}

.svc-plan__table {
	background-color: #fff;
	border-collapse: separate;
	border-radius: 1rem;
	border-spacing: 0;
	box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.05);
	overflow: hidden;
	width: 100%;
}

.svc-plan__table th,
.svc-plan__table td {
	border-bottom: 0.0625rem solid #eef1f5;
	font-size: 1rem;
	padding: 1rem 1.25rem;
	text-align: center;
}

.svc-plan__table tr:last-child th,
.svc-plan__table tr:last-child td {
	border-bottom: 0;
}

.svc-plan__corner {
	background-color: #fff;
	width: 34%;
}

.svc-plan__head {
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 700;
}

.svc-plan__head--keep {
	background-color: #1b75bc;
}

.svc-plan__head--grow {
	background-color: #afcf6a;
}

.svc-plan__badge {
	background-color: #fff;
	border-radius: 56.25rem;
	color: #7ba32f;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	margin-left: 0.5rem;
	padding: 0.125rem 0.625rem;
	vertical-align: middle;
}

.svc-plan__label {
	background-color: #e1eff8;
	color: #4a4a4a;
	font-weight: 700;
	text-align: left;
}

.svc-plan__col-grow {
	background-color: rgba(175, 207, 106, 0.08);
}

.svc-plan__yes {
	font-weight: 700;
}

.svc-plan__yes::before {
	content: "✓";
	margin-right: 0.25rem;
}

.svc-plan__yes--keep {
	color: #1b75bc;
}

.svc-plan__yes--grow {
	color: #7ba32f;
}

.svc-plan__no {
	color: #acb2be;
}

.svc-plan__txt {
	color: #4a4a4a;
	font-weight: 500;
}

.svc-plan__span {
	background-color: rgba(27, 117, 188, 0.05);
}

.svc-price__note {
	color: #8c8b8b;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.8;
	margin-top: 1.5rem;
}

/* ========================================
  制作フロー
======================================== */

.svc-flow {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 6.25rem;
	position: relative;
}

.svc-flow__inner {
	position: relative;
	z-index: 2;
}

.svc-flow__lead {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 2.5rem;
	text-align: center;
}

.svc-flow__steps {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(5, 1fr);
	margin-top: 3.5rem;
}

.svc-flow__step {
	background-color: #e1eff8;
	border-radius: 1rem;
	padding: 1.5rem 0.625rem;
	position: relative;
	text-align: center;
}

.svc-flow__step:not(:last-child)::after {
	border-right: 0.1875rem solid #1b75bc;
	border-top: 0.1875rem solid #1b75bc;
	content: "";
	height: 0.625rem;
	position: absolute;
	right: -0.8125rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 0.625rem;
}

.svc-flow__num {
	align-items: center;
	background-color: #1b75bc;
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	height: 3rem;
	justify-content: center;
	padding-top: 0.1875rem;
	width: 3rem;
}

.svc-flow__step:nth-child(2) .svc-flow__num {
	background-color: #afcf6a;
}

.svc-flow__step:nth-child(3) .svc-flow__num {
	background-color: #dbc05f;
}

.svc-flow__step:nth-child(4) .svc-flow__num {
	background-color: #e18700;
}

.svc-flow__title {
	color: #4a4a4a;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-top: 0.875rem;
}

.svc-flow__desc {
	color: #4a4a4a;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.7;
	margin-top: 0.625rem;
	text-align: left;
}

/* ----------------------------------------
  制作フロー 下部の装飾シーン
  ・緑の丘＋家・木・草 → 1枚に統合（flow-scenery.png）
  ・歩く人・鳥 → アニメーションのため分離して重ねる
---------------------------------------- */

.svc-flow__scene {
	margin-top: 3rem;
	position: relative;
	z-index: 2;
}

.svc-flow__scenery {
	display: block;
	height: auto;
	width: 100%;
}

.svc-flow__figures {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.svc-flow__deco {
	display: block;
	height: auto;
	position: absolute;
}

.svc-flow__deco--people {
	bottom: 10%;
	left: 40.8%;
	width: 12.7%;
}

.svc-flow__deco--bird {
	bottom: 90%;
	left: 70.8%;
	width: max(1.25rem, 2.36%);
}

/* ========================================
  Service
======================================== */

.service {
	background-color: #e1eff8;
	padding-bottom: 3.75rem;
	padding-top: 5rem;
}

.service__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 81.375rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.service__cards {
	grid-gap: 2.1875rem;
	display: grid;
	gap: 2.1875rem;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 3rem;
}

.service__card {
	background-color: #fff;
	border: 0.0625rem solid #e4e4e4;
	border-radius: 1.25rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1.25rem 1.875rem;
}

.service__card-icon {
	align-items: center;
	display: flex;
	height: 7.5rem;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	width: 7.5rem;
}

.service__card-icon img {
	-o-object-fit: cover;
	aspect-ratio: 1/1;
	height: 100%;
	object-fit: cover;
	width: auto;
}

.service__card-head {
	margin-top: 1.5rem;
}

.service__card-title {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
}

.service__card-desc {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 2.5rem;
	margin-top: 1rem;
}

.service__list {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	margin-top: auto;
}

.service__list-item {
	align-items: center;
	border-bottom: 0.0625rem dashed #8c8b8b;
	display: flex;
	padding-bottom: 0.625rem;
}

.service__list-icon {
	flex-shrink: 0;
	height: 1.1875rem;
	margin-right: 0.625rem;
	width: 1.1875rem;
}

.service__list-icon img {
	height: 100%;
	width: 100%;
}

.service__list-text {
	color: #8c8b8b;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.service__more {
	margin-top: 2.5rem;
	text-align: center;
}

/* ========================================
  共通: スクリプト見出し
======================================== */

.heading {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	width: -moz-fit-content;
	width: fit-content;
}

.heading--left {
	margin-left: 0;
	margin-right: 0;
}

.heading__cloud {
	left: 50%;
	position: absolute;
	top: 2.5rem;
	transform: translateX(-50%);
	width: 10.5625rem;
	z-index: 0;
}

.heading__cloud img {
	height: auto;
	width: 100%;
}

.heading__en {
	color: #c0bfbf;
	display: block;
	font-family: "Damion", cursive;
	font-size: 5rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.2;
	position: relative;
	z-index: 1;
}

.heading__ja {
	color: #4a4a4a;
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-top: -0.6875rem;
	position: relative;
	z-index: 1;
}

.heading__en-char {
	display: inline-block;
	margin-left: -0.2em;
	margin-right: -0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	white-space: pre;
}

/* ========================================
  共通: 葉っぱ装飾つき見出し
======================================== */

.leaf-heading {
	align-items: center;
	color: #4a4a4a;
	display: flex;
	font-size: 1.5rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

.leaf-heading::before,
.leaf-heading::after {
	background: url(../images/top/worry-leaf.svg) no-repeat center/contain;
	content: "";
	flex-shrink: 0;
	height: 2.5rem;
	width: 2.5rem;
}

.leaf-heading::before {
	margin-right: 0.625rem;
}

.leaf-heading::after {
	margin-left: 0.625rem;
	transform: scaleX(-1);
}

/* ========================================
  共通: もっと見るボタン
======================================== */

.more-link {
	align-items: center;
	background-color: #fff;
	border: 0.0625rem solid #1b75bc;
	border-radius: 56.25rem;
	color: #1b75bc;
	display: inline-flex;
	font-size: 1.125rem;
	font-weight: 700;
	overflow: hidden;
	padding: 0.75rem 0.75rem 0.75rem 1.75rem;
	position: relative;
	transition: color 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: 0;
}

.more-link::before {
	background-color: #1b75bc;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: -1;
}

.more-link:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.more-link__icon {
	background-image: url(../images/common/arrow-circle-reverse.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	flex-shrink: 0;
	height: 2.8125rem;
	margin-left: 1.25rem;
	width: 2.8125rem;
}

.more-link__icon img {
	height: 100%;
	transition: opacity 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	width: 100%;
}

/* ========================================
  Lazy Blocks 化したTOPセクションの崩れ対策
  ブロック出力ラッパー（.wp-block-lazyblock-*）を display:contents で
  レイアウト上透過させ、アイテムを親（grid/flex）の直接の子として扱う
======================================== */

.worry__cards > [class*=wp-block-lazyblock-],
.feature__cards > [class*=wp-block-lazyblock-],
.service__cards > [class*=wp-block-lazyblock-],
.price__cards > [class*=wp-block-lazyblock-],
.faq__list > [class*=wp-block-lazyblock-] {
	display: contents;
}

/* ========================================
  下層: ページヒーロー（共通で使える想定）
======================================== */

.page-hero {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 6rem;
	padding-top: 10.625rem;
	position: relative;
}

.page-hero__inner {
	position: relative;
	z-index: 2;
}

.page-hero__lead {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-top: 1.75rem;
}

/* 装飾イラスト（鳥・木・小屋・花）。inner 幅に揃えて配置し、地面（クリーム波）に立たせる */

.page-hero__deco {
	bottom: 0;
	height: 100%;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 71.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.page-hero__deco-item {
	bottom: 0.5rem;
	height: auto;
	position: absolute;
}

.page-hero__deco-house {
	left: 22%;
	width: 3.5625rem;
}

.page-hero__deco-tree {
	left: 28%;
	width: 6.125rem;
}

.page-hero__deco-flower {
	left: 27%;
	width: 1.5rem;
}

/* 鳥がふわりと弧を描いて滑空する（上下に揺れながらバンク） */

.page-hero__deco-bird {
	animation: birdFly 7s ease-in-out infinite;
	bottom: auto;
	left: 34%;
	top: 10rem;
	width: 3.5rem;
}

.page-hero__wave {
	bottom: 0;
	left: 0;
	line-height: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 0;
}

.page-hero__wave img {
	display: block;
	height: auto;
	transform: scaleY(-1);
	width: 100%;
}

/* ========================================
  下層: 制作実績一覧
======================================== */

.works-archive {
	background-color: #fffcee;
	overflow: hidden;
	padding-bottom: 5rem;
	padding-top: 5rem;
	position: relative;
}

.works-archive__inner {
	position: relative;
	z-index: 2;
}

.works-archive__list {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: repeat(3, 1fr);
}

.works__card-thumb img {
	-o-object-fit: cover;
	aspect-ratio: 393/210;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.works-archive__empty {
	color: #8c8b8b;
	font-size: 1.125rem;
	font-weight: 500;
	text-align: center;
}

/* ページネーション（works / blog 共通） */

.works-pager,
.blog-pager {
	margin-top: 3.75rem;
}

.works-pager .nav-links,
.blog-pager .nav-links {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
	justify-content: center;
}

.works-pager .page-numbers,
.blog-pager .page-numbers {
	align-items: center;
	background-color: #fff;
	border: 0.0625rem solid #1b75bc;
	border-radius: 56.25rem;
	color: #1b75bc;
	display: flex;
	font-family: "Montserrat", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	height: 2.75rem;
	justify-content: center;
	min-width: 2.75rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	transition: background-color 0.3s, color 0.3s;
}

.works-pager .page-numbers.current,
.blog-pager .page-numbers.current {
	background-color: #1b75bc;
	color: #fff;
}

.works-pager .page-numbers.dots,
.blog-pager .page-numbers.dots {
	border-color: transparent;
	color: #4a4a4a;
}

/* ========================================
  下層: 制作実績 詳細
======================================== */

.works-single {
	background-color: #fff;
	padding-bottom: 6.25rem;
	padding-top: 9.375rem;
}

.works-single__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 57.5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

/* ヘッダー（タイトル・タグ） */

.works-single__head {
	margin-top: 2rem;
}

.works-single__title {
	color: #4a4a4a;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
}

.works-single__tags {
	margin-top: 1rem;
}

/* 完成サイトのスクリーンショット（アイキャッチ / PCモックアップ） */

.works-single__mv {
	margin-top: 2.5rem;
}

/* PCモックアップ枠：アイキャッチを画面部分にはめ込む */

.pc-mockup {
	margin-left: auto;
	margin-right: auto;
	max-width: 45rem;
	position: relative;
}

/* 前面のモックアップ枠（画面部分は透過でくり抜き済み） */

.pc-mockup__frame {
	display: block;
	height: auto;
	pointer-events: none;
	position: relative;
	width: 100%;
	z-index: 2;
}

/* 背面の画面領域（枠PNGの画面座標に一致・わずかにブリードさせて隙間を防ぐ） */

.pc-mockup__screen {
	height: 66.5%;
	left: 2%;
	overflow: hidden;
	position: absolute;
	top: 2%;
	width: 96.5%;
	z-index: 1;
}

.pc-mockup__screen img {
	-o-object-fit: cover;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* 概要テーブル */

.works-single__table {
	border-collapse: collapse;
	color: #4a4a4a;
	font-size: 1rem;
	letter-spacing: 0.03em;
	line-height: 1.7;
	margin-top: 3rem;
	width: 100%;
}

.works-single__table th,
.works-single__table td {
	border: 0.0625rem solid #acb2be;
	padding: 1rem 1.25rem;
	text-align: left;
	vertical-align: top;
}

.works-single__table th {
	background-color: #e1eff8;
	font-weight: 700;
	white-space: nowrap;
	width: 11.25rem;
}

.works-single__table a {
	-webkit-text-decoration: underline;
	color: #1b75bc;
	text-decoration: underline;
	text-underline-offset: 0.15em;
	transition: opacity 0.3s;
	word-break: break-all;
}

/* 各セクション（課題・背景／対応内容／成果・お客様の声） */

.works-single__section {
	margin-top: 4rem;
}

.works-single__heading {
	border-left: 0.25rem solid #1b75bc;
	color: #4a4a4a;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	padding-left: 0.875rem;
}

.works-single__text {
	color: #4a4a4a;
	font-size: 1.0625rem;
	letter-spacing: 0.04em;
	line-height: 1.9;
	margin-top: 1.5rem;
}

.works-single__text p + p {
	margin-top: 1.25rem;
}

.works-single__list {
	color: #4a4a4a;
	font-size: 1.0625rem;
	letter-spacing: 0.04em;
	line-height: 1.8;
	margin-top: 1.5rem;
}

.works-single__list li {
	border-bottom: 0.0625rem solid rgba(172, 178, 190, 0.4);
	padding: 0.75rem 0 0.75rem 1.375rem;
	position: relative;
}

.works-single__list li::before {
	background-color: #1b75bc;
	border-radius: 50%;
	content: "";
	height: 0.5rem;
	left: 0.25rem;
	position: absolute;
	top: 1.4375rem;
	width: 0.5rem;
}

/* 制作過程の画像（2枚並び） */

.works-single__images {
	grid-gap: 1.5rem;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 2rem;
}

.works-single__image {
	border: 0.0625rem solid rgba(172, 178, 190, 0.4);
	border-radius: 0.75rem;
	overflow: hidden;
}

.works-single__image img {
	display: block;
	height: auto;
	width: 100%;
}

/* お客様の声（引用）
   本文の「」はCSSの装飾カギ括弧で表現する（HTML側には書かない） */

.works-single__voice {
	background-color: #fffcee;
	border-radius: 0.75rem;
	color: #4a4a4a;
	font-size: 1.0625rem;
	letter-spacing: 0.04em;
	line-height: 1.9;
	margin-top: 1.5rem;
	padding: 2.25rem 4rem;
	position: relative;
}

.works-single__voice::before,
.works-single__voice::after {
	color: #dbc05f;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	position: absolute;
}

.works-single__voice::before {
	content: "「";
	left: 1rem;
	top: 1rem;
}

.works-single__voice::after {
	bottom: 1rem;
	content: "」";
	right: 1rem;
}

/* 前後の実績ナビ */

.works-single__nav {
	grid-gap: 1.5rem;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 4rem;
}

.works-single__nav-link {
	align-items: center;
	background-color: #fff;
	border: 0.0625rem solid #1b75bc;
	border-radius: 56.25rem;
	display: flex;
	gap: 1rem;
	overflow: hidden;
	padding: 1.125rem 1.5rem;
	position: relative;
	z-index: 0;
}

.works-single__nav-link::before {
	background-color: #1b75bc;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	z-index: -1;
}

.works-single__nav-link:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.works-single__nav-link--prev::before {
	transform-origin: left;
}

.works-single__nav-link--prev .works-single__nav-icon {
	transform: scaleX(-1);
}

.works-single__nav-link--next {
	grid-column: 2;
	justify-content: flex-end;
	text-align: right;
}

.works-single__nav-icon {
	background-image: url(../images/common/arrow-circle-reverse.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	flex-shrink: 0;
	height: 2.8125rem;
	width: 2.8125rem;
}

.works-single__nav-icon img {
	height: 100%;
	transition: opacity 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	width: 100%;
}

.works-single__nav-body {
	min-width: 0;
}

.works-single__nav-label {
	color: #1b75bc;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: color 0.4s cubic-bezier(0.75, 0, 0.35, 1);
}

.works-single__nav-label-ja {
	color: #8c8b8b;
	font-family: "Zen Kaku Gothic Antique", "Noto Sans JP", sans-serif;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-left: 0.5rem;
	transition: color 0.4s cubic-bezier(0.75, 0, 0.35, 1);
}

.works-single__nav-title {
	color: #4a4a4a;
	display: block;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.6;
	margin-top: 0.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.4s cubic-bezier(0.75, 0, 0.35, 1);
	white-space: nowrap;
}

/* ========================================
  他の制作実績
======================================== */

.works-related {
	background-color: #fffcee;
	padding-bottom: 5rem;
	padding-top: 5rem;
}

.works-related__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 81.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	text-align: center;
}

.works-related__list {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 3rem;
	text-align: left;
}

.works-related__more {
	margin-top: 3rem;
}

/* ========================================
  Works
======================================== */

.works {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 2.5rem;
	padding-top: 6.6875rem;
	position: relative;
}

.works__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.works__wave img {
	height: auto;
	width: 100%;
}

.works__person {
	position: absolute;
	z-index: 1;
}

.works__person img {
	height: auto;
	width: 100%;
}

.works__person--left {
	bottom: -0.625rem;
	left: max(1rem, calc(50% - 39.4375rem));
	width: 5.1875rem;
	z-index: 3;
}

.works__person--right {
	right: max(1rem, calc(50% - 37.3125rem));
	top: 10rem;
	width: 5.9375rem;
}

.works__inner {
	position: relative;
	z-index: 2;
}

.works__list {
	grid-gap: 2.5rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 3rem;
}

.works__card {
	background-color: #fff;
	border: 0.0625rem solid #e4e4e4;
	border-radius: 1.25rem;
	display: block;
	height: 100%;
	overflow: hidden;
	transition: border-color 0.3s, box-shadow 0.3s, opacity 0.3s;
}

.works__card:focus-visible {
	outline: 0.125rem solid #1b75bc;
	outline-offset: 0.125rem;
}

.works__card-thumb {
	aspect-ratio: 354/210;
	background-color: #faf2cc;
	overflow: hidden;
}

.works__card-thumb img {
	display: block;
	transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}

.works__card-body {
	padding: 1.125rem 1.25rem;
}

.works__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.works__tag {
	border: 0.0625rem solid #acb2be;
	border-radius: 0.375rem;
	color: #acb2be;
	font-size: 0.875rem;
	font-weight: 500;
	padding: 0.25rem 0.75rem;
}

.works__card-title {
	color: #4a4a4a;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-top: 1rem;
	text-align: left;
}

.works__card-text {
	color: #8c8b8b;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 1rem;
	text-align: left;
}

.works__more {
	margin-top: 2.5rem;
	text-align: center;
}

/* 人物を左右にゆらゆら揺らす */

.works__person--left img {
	animation: worksSway 4s ease-in-out infinite;
	transform-origin: bottom center;
}

.works__person--right img {
	animation: worksSway 4.6s ease-in-out 0.3s infinite;
	transform-origin: bottom center;
}

/* ========================================
  Worry
======================================== */

.worry {
	background-color: #e1eff8;
	overflow: hidden;
	padding-bottom: 3.75rem;
	padding-top: 6.6875rem;
	position: relative;
}

.worry__wave {
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.worry__wave img {
	height: auto;
	width: 100%;
}

.worry__deco--dots {
	bottom: 2.5rem;
	left: -11.5625rem;
	position: absolute;
	width: 24rem;
	z-index: -1;
}

.worry__deco--dots02 {
	position: absolute;
	right: -11.5625rem;
	top: 5.8125rem;
	width: 24rem;
	z-index: -1;
}

.worry__deco--dots img,
.worry__deco--dots02 img {
	height: auto;
	width: 100%;
}

.worry__inner {
	position: relative;
	z-index: 2;
}

.worry__cards {
	grid-column-gap: 2.5rem;
	-moz-column-gap: 2.5rem;
	grid-row-gap: 8.125rem;
	column-gap: 2.5rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
	max-width: 58.25rem;
	position: relative;
	row-gap: 8.125rem;
}

.worry__person {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-10deg);
	width: 12.5rem;
	z-index: 2;
}

.worry__person img {
	animation: worryFloat 3s ease-in-out infinite;
	height: auto;
	width: 100%;
}

/* 上下ふわふわ */

.worry__item {
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	min-height: 14.5rem;
	padding: 0 1.5rem;
	position: relative;
	text-align: center;
}

.worry__item--tl,
.worry__item--tr {
	padding-bottom: 3.125rem;
}

.worry__item--bl,
.worry__item--br {
	padding-top: 3.125rem;
}

.worry__item--tl {
	background-image: url(../images/top/worry-bubble-tl.svg);
}

.worry__item--tr {
	background-image: url(../images/top/worry-bubble-tr.svg);
}

.worry__item--bl {
	background-image: url(../images/top/worry-bubble-bl.svg);
}

.worry__item--br {
	background-image: url(../images/top/worry-bubble-br.svg);
}

.worry__item-text {
	color: #4a4a4a;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 2;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

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

.page-hero__deco--about .page-hero__deco-aflower,
.abt-philosophy__leaf,
.abt-story__deco--watage,
.abt-philosophy__together img {
	animation: none;
}

.page-hero__deco--blog .page-hero__deco-seed {
	animation: none;
}

.fv__catch img,
.fv__title-main,
.fv__title-accent,
.fv__lead,
.fv__button,
.fv__illust,
.fv__illust img {
	animation: none;
	opacity: 1;
	transform: none;
	translate: none;
}

.page-hero__deco--service .page-hero__deco-sakura {
	animation: none;
}

.page-hero__deco-bird {
	animation: none;
}

.works__person--left img,
.works__person--right img {
	animation: none;
}

.worry__person img {
	animation: none;
}

}

@media (any-hover: hover) {

.article__body a:hover {
	opacity: 0.7;
}

.blog__card:hover {
	border-color: #1b75bc;
	box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.08);
	opacity: 1;
}

.blog__card:hover .blog__card-thumb img {
	transform: scale(1.06);
}

.cat-filter__link:hover {
	background-color: #1b75bc;
	border-color: #1b75bc;
	color: #fff;
}

.company__table a:hover {
	opacity: 0.7;
}

.contact__row--consent .wpcf7-acceptance .wpcf7-list-item-label a:hover {
	-webkit-text-decoration: none;
	text-decoration: none;
}

.contact__submit:hover {
	background-color: #eef5fb;
	opacity: 1;
}

input.contact__submit:hover {
	background-color: #1b75bc;
	background-image: url(../images/common/arrow-circle-reverse.svg);
	color: #fff;
}

.cta__button:hover {
	color: #fff;
	opacity: 1;
}

.cta__button:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.cta__button:hover .cta__button-icon img {
	opacity: 0;
}

.footer__cta:hover {
	color: #fff;
	opacity: 1;
}

.footer__cta:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.footer__privacy:hover {
	-webkit-text-decoration: none;
	text-decoration: none;
}

.fv__button:hover {
	opacity: 1;
}

.fv__button:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.header__cta:hover {
	opacity: 1;
}

.header__cta:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.privacy__link:hover {
	-webkit-text-decoration: none;
	text-decoration: none;
}

.more-link:hover {
	color: #fff;
	opacity: 1;
}

.more-link:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.more-link:hover .more-link__icon img {
	opacity: 0;
}

.works-pager .page-numbers:hover,
.blog-pager .page-numbers:hover {
	background-color: #1b75bc;
	color: #fff;
	opacity: 1;
}

.works-single__table a:hover {
	opacity: 0.7;
}

.works-single__nav-link:hover {
	opacity: 1;
}

.works-single__nav-link:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.works-single__nav-link:hover .works-single__nav-label,
.works-single__nav-link:hover .works-single__nav-label-ja,
.works-single__nav-link:hover .works-single__nav-title {
	color: #fff;
}

.works-single__nav-link:hover .works-single__nav-icon img {
	opacity: 0;
}

.works-single__nav-link--prev:hover::before {
	transform-origin: right;
}

.works__card:hover {
	border-color: #1b75bc;
	box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.06);
	opacity: 1;
}

.works__card:hover .works__card-thumb img {
	transform: scale(1.06);
}

}

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

.svc-flow__deco--people {
	animation: svc-flow-bob 2.6s ease-in-out infinite;
}

.svc-flow__deco--bird {
	animation: svc-flow-fly 6s ease-in-out infinite;
}

}

@media screen and (min-width: 1440px) {

.faq__deco {
	width: 16.6875rem;
}

.feature__people {
	width: 16.6875rem;
}

.fv__container {
	height: 40rem;
}

.fv__body {
	left: 12.5rem;
	top: 11.25rem;
	width: 34.375rem;
}

.fv__catch {
	width: 21.875rem;
}

.fv__title {
	font-size: 2.25rem;
	margin-top: 0.625rem;
}

.fv__lead {
	font-size: 1.0625rem;
	margin-top: 1.25rem;
}

.fv__button {
	font-size: 1.125rem;
	margin-top: 3.0625rem;
	padding: 0.9375rem 1.25rem;
}

.fv__image {
	left: 52.5625rem;
	top: 8.25rem;
	width: 21.8125rem;
}

}

@media (max-width: 1100px) {

html {
	font-size: 1.4545454545vw;
}

}

@media screen and (max-width: 1023px) {

.abt-strength__cards {
	grid-template-columns: repeat(2, 1fr);
}

}

@media (max-width: 768px) {

a[href^="tel:"] {
	pointer-events: auto;
}

}

@media screen and (max-width: 767px) {

.u-desktop {
	display: none;
}

.u-mobile {
	display: block;
}

html {
	font-size: 16px;
}

.abt-lead {
	font-size: 0.875rem;
	margin-top: 0.875rem;
}

.abt-philosophy {
	padding-bottom: 4rem;
	padding-top: 3.75rem;
}

.abt-philosophy__leaf {
	display: none;
}

.abt-philosophy__catch {
	font-size: 1.1875rem;
}

.abt-philosophy__sub {
	font-size: 0.875rem;
	margin-top: 0.875rem;
}

.abt-philosophy__list {
	gap: 1rem;
	margin-top: 2rem;
}

.abt-philosophy__item {
	gap: 1rem;
	padding: 1.25rem 1.125rem;
}

.abt-philosophy__num {
	font-size: 1.125rem;
	height: 2.625rem;
	width: 2.625rem;
}

.abt-philosophy__item-text {
	font-size: 0.9375rem;
}

.abt-philosophy__outro {
	font-size: 0.875rem;
	margin-top: 1.75rem;
	text-align: left;
}

.abt-philosophy__lead {
	font-size: 1rem;
}

.abt-philosophy__together {
	margin-top: 1.75rem;
	max-width: 15.5rem;
}

.abt-story {
	padding-bottom: 4.5rem;
	padding-top: 5rem;
}

.abt-story__deco--dots {
	bottom: 1.25rem;
	left: -6.875rem;
	width: 13.75rem;
}

.abt-story__deco--watage {
	display: none;
}

.abt-story__card {
	gap: 1.125rem;
	margin-top: 2rem;
	padding: 1.75rem 1.375rem;
}

.abt-story__text {
	font-size: 0.9375rem;
	line-height: 1.9;
}

.abt-profiles {
	padding-bottom: 4rem;
	padding-top: 5rem;
}

.abt-profiles .about__profiles {
	margin-top: 2.75rem;
}

.abt-profiles .about__profile::before {
	height: 12.5rem;
	left: 50%;
	top: -0.75rem;
	transform: translateX(-50%);
	width: 12.5rem;
}

.abt-profiles .about__profile--reverse::before {
	left: 50%;
	right: auto;
}

.abt-strength {
	padding-bottom: 4.5rem;
	padding-top: 5rem;
}

.abt-strength__cards {
	gap: 1rem;
	grid-template-columns: 1fr;
	margin-top: 2.25rem;
}

.abt-strength__card {
	padding: 2.125rem 1.5rem 1.75rem;
}

.abt-strength__card-title {
	font-size: 1.0625rem;
}

.page-hero__deco--about .page-hero__deco-woman {
	left: 39%;
	width: 3.5rem;
}

.page-hero__deco--about .page-hero__deco-man {
	left: 65%;
	width: 2.75rem;
}

.page-hero__deco--about .page-hero__deco-aflower--a {
	left: 52.5%;
	width: 1.6875rem;
}

.page-hero__deco--about .page-hero__deco-aflower--b {
	left: 61.5%;
	width: 1.125rem;
}

.about {
	padding-bottom: 3.75rem;
	padding-top: 4.375rem;
}

.about__intro {
	margin-top: 2.5rem;
	max-width: none;
	min-height: 0;
}

.about__intro-photo {
	max-width: none;
	position: static;
	right: auto;
	width: 100%;
}

.about__intro-body {
	margin-left: 0;
	margin-top: 1.5rem;
	max-width: 37.5rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	padding-top: 0;
}

.about__intro-title {
	font-size: 1.375rem;
}

.about__intro-text {
	font-size: 0.9375rem;
}

.about__profiles {
	gap: 3rem;
	margin-top: 3rem;
	max-width: 37.5rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.about__profile {
	align-items: center;
	flex-direction: column;
	gap: 1.5rem;
}

.about__profile--reverse {
	flex-direction: column;
}

.about__profile-photo {
	width: 12.5rem;
}

.about__profile-role {
	font-size: 1rem;
}

.about__profile-name {
	font-size: 1.5rem;
}

.about__profile-texts {
	margin-top: 1.25rem;
}

.about__profile-text {
	font-size: 0.9375rem;
}

.about__more {
	margin-top: 1.5rem;
}

.article {
	padding-bottom: 4.375rem;
	padding-top: 6.875rem;
}

.article__inner {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.article__title {
	font-size: 1.5rem;
}

.article__thumb {
	border-radius: 0.75rem;
	margin-top: 1.75rem;
}

.article__body {
	font-size: 1rem;
	margin-top: 2rem;
}

.article__body h2 {
	font-size: 1.375rem;
	margin-top: 2.75rem;
}

.article__body h3 {
	font-size: 1.1875rem;
	margin-top: 2rem;
}

.article__foot {
	margin-top: 3rem;
}

.article__author {
	gap: 1rem;
	padding: 1.25rem;
}

.blog-archive {
	padding-bottom: 3.75rem;
	padding-top: 3.5rem;
}

.blog-archive__list {
	gap: 1.5rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 24.5625rem;
}

.page-hero__deco--blog .page-hero__deco-flowers {
	left: 52%;
	width: 3rem;
}

.page-hero__deco--blog .page-hero__deco-seed {
	width: 0.9375rem;
}

.page-hero__deco--blog .page-hero__deco-seed--1 {
	bottom: 4.875rem;
	left: 60%;
}

.page-hero__deco--blog .page-hero__deco-seed--2 {
	bottom: 6.25rem;
	left: 66%;
}

.page-hero__deco--blog .page-hero__deco-seed--3 {
	bottom: 6.5rem;
	left: 72%;
}

.blog {
	padding-bottom: 3.125rem;
	padding-top: 4.375rem;
}

.blog__inner {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.blog__lead {
	font-size: 1rem;
}

.blog__list {
	gap: 1.5rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 24.5625rem;
}

.cat-filter {
	margin-bottom: 2rem;
}

.cat-filter__list {
	gap: 0.5rem;
}

.cat-filter__link {
	font-size: 0.875rem;
	padding: 0.375rem 1rem;
}

.inner {
	max-width: 37.5rem;
}

.inner-w {
	max-width: 37.5rem;
}

.company {
	padding-bottom: 4.375rem;
	padding-top: 3.75rem;
}

.company__inner {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.company__table {
	font-size: 0.9375rem;
}

.company__table th,
.company__table td {
	padding: 0.75rem 0.875rem;
}

.company__table th {
	white-space: normal;
	width: 6.875rem;
}

.contact {
	padding-bottom: 3.75rem;
	padding-top: 3.75rem;
}

.contact__lead {
	font-size: 0.9375rem;
	text-align: left;
}

.contact-thanks__note {
	font-size: 0.9375rem;
	text-align: left;
}

.contact__radios {
	gap: 0.875rem;
	grid-template-columns: 1fr;
}

.contact__radios .wpcf7-list-item-label {
	font-size: 0.9375rem;
}

.contact__row--consent .wpcf7-acceptance .wpcf7-list-item-label {
	font-size: 0.9375rem;
}

.cta {
	padding-bottom: 2.5rem;
	padding-top: 2.5rem;
}

.cta__bg {
	display: none;
}

.cta__inner {
	max-width: 37.5rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.cta__card {
	padding: 1.75rem 1.5rem;
}

.cta__head-leaf {
	height: 1.75rem;
	margin-right: 0.625rem;
	width: 1.75rem;
}

.cta__title {
	font-size: 1.375rem;
}

.cta__text {
	font-size: 0.9375rem;
}

.cta__button {
	display: flex;
	font-size: 1rem;
	justify-content: center;
	margin: 1.5rem auto 0;
	width: -moz-fit-content;
	width: fit-content;
}

.cta__button-icon {
	height: 2.375rem;
	margin-left: 0.75rem;
	width: 2.375rem;
}

.faq {
	padding-bottom: 3.125rem;
	padding-top: 4.375rem;
}

.faq__deco {
	top: 8.125rem;
	width: 10.3125rem;
}

.faq__inner {
	max-width: 37.5rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.faq__list {
	gap: 1.25rem;
	margin-top: 5rem;
}

.faq__question {
	padding: 0.9375rem 0.9375rem;
}

.faq__q-text {
	font-size: 0.9375rem;
}

.faq__answer-inner {
	padding: 0.9375rem 0.9375rem 0;
}

.faq__a-text {
	font-size: 0.9375rem;
}

.feature {
	padding-bottom: 6.875rem;
	padding-top: 4.375rem;
}

.feature__cards {
	max-width: 27.5rem;
}

.feature__card-icon {
	height: 5rem;
	width: 5rem;
}

.feature__card-title {
	font-size: 1.125rem;
}

.feature__card-text {
	font-size: 0.9375rem;
}

.feature__people {
	width: 10.3125rem;
}

.footer__photo img {
	height: 11.25rem;
}

.footer__inner {
	padding-bottom: 2.5rem;
	padding-top: 3rem;
}

.footer__logo-text {
	max-width: 7.5rem;
}

.footer__tagline {
	font-size: 0.9375rem;
}

.footer__bottom {
	align-items: flex-start;
	flex-direction: column;
	gap: 1.875rem;
}

.footer__nav-list {
	flex-wrap: wrap;
	gap: 1.5rem;
}

.footer__cta {
	font-size: 1rem;
	margin-left: 0;
}

.footer__description {
	font-size: 0.8125rem;
	margin-top: 2.5rem;
}

.fv__container {
	height: auto;
	padding-bottom: 2.5rem;
	padding-top: 3.75rem;
}

.fv__body {
	margin: 0 auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	position: static;
	width: -moz-fit-content;
	width: fit-content;
}

.fv__catch {
	width: 16.25rem;
}

.fv__title {
	font-size: 1.75rem;
	margin-top: 1.25rem;
}

.fv__lead {
	font-size: 0.9375rem;
	margin-top: 1.25rem;
}

.fv__button {
	font-size: 1rem;
	margin-top: 2rem;
	padding: 0.9375rem 1.25rem;
}

.fv__image {
	left: auto;
	margin: 2rem auto 0;
	position: relative;
	top: auto;
	width: 70%;
}

.header {
	padding-left: 0;
	padding-right: 0;
	top: 0;
}

.header__inner {
	background-color: #fff;
	border-radius: 0;
	height: 3.75rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.header__logo-mark {
	height: 2rem;
	width: 2rem;
}

.header__logo-text {
	max-width: 7.5rem;
}

.header__right {
	display: none;
}

.header__hamburger {
	align-items: center;
	background-color: transparent;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	height: 2.75rem;
	justify-content: center;
	position: relative;
	width: 2.75rem;
	z-index: 920;
}

.header__hamburger span {
	background-color: #1b75bc;
	border-radius: 6.25rem;
	display: block;
	height: 0.125rem;
	transition: transform 0.4s, opacity 0.4s;
	width: 1.5rem;
}

.header__hamburger.is-open span:nth-of-type(1) {
	transform: translateY(0.5rem) rotate(45deg);
}

.header__hamburger.is-open span:nth-of-type(2) {
	opacity: 0;
}

.header__hamburger.is-open span:nth-of-type(3) {
	transform: translateY(-0.5rem) rotate(-45deg);
}

.header__drawer {
	background-color: rgba(255, 255, 255, 0.97);
	display: block;
	height: calc(100dvh - 3.75rem);
	overflow-y: auto;
	padding: 2.5rem 1.5rem 3.75rem;
	position: fixed;
	right: -100%;
	top: 3.75rem;
	transition: right 0.5s ease;
	width: 100%;
	z-index: 910;
}

.header__drawer.is-open {
	right: 0;
}

.header__drawer-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.header__drawer-item a {
	border-bottom: 0.0625rem solid #e1eff8;
	color: #4a4a4a;
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 1rem 0.5rem;
}

.header__drawer-cta {
	align-items: center;
	background-color: #1b75bc;
	border-radius: 0.625rem;
	color: #fff;
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.05em;
	margin-top: 2rem;
	padding: 1rem 1.25rem;
	width: 100%;
}

.header__drawer-cta-icon {
	flex-shrink: 0;
	height: 1.375rem;
	margin-left: 0.625rem;
	width: 1.375rem;
}

.price {
	padding-bottom: 3.125rem;
	padding-top: 4.375rem;
}

.price__lead {
	font-size: 1rem;
	text-align: left;
}

.price__cards {
	gap: 1.25rem;
}

.privacy {
	padding-bottom: 4.375rem;
	padding-top: 3.75rem;
}

.privacy__inner {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.privacy__intro {
	font-size: 0.9375rem;
}

.privacy__section {
	margin-top: 2.25rem;
}

.privacy__heading {
	font-size: 1.125rem;
}

.privacy__text {
	font-size: 0.9375rem;
}

.privacy__list {
	font-size: 0.9375rem;
}

.privacy__date {
	margin-top: 2.5rem;
}

.page-hero:has(.page-hero__deco--service) .page-hero__lead {
	max-width: none;
}

.page-hero:has(.page-hero__deco--service) {
	padding-bottom: 8rem;
}

.page-hero__deco--service .page-hero__deco-people {
	bottom: 0.375rem;
	left: 42%;
	width: 9.375rem;
}

.page-hero__deco--service .page-hero__deco-sakura--1 {
	bottom: 7.375rem;
	left: 60%;
	width: 0.9375rem;
}

.page-hero__deco--service .page-hero__deco-sakura--2 {
	bottom: 6.25rem;
	left: 67%;
	width: 0.8125rem;
}

.page-hero__deco--service .page-hero__deco-sakura--3 {
	bottom: 7.875rem;
	left: 64%;
	width: 0.875rem;
}

.svc-intro {
	padding-bottom: 3rem;
	padding-top: 3.5rem;
}

.svc-intro__lead {
	font-size: 0.9375rem;
	line-height: 1.9;
	margin-top: 1.75rem;
	text-align: left;
}

.svc-detail {
	padding-bottom: 3.5rem;
	padding-top: 4rem;
}

.svc-price {
	padding-bottom: 3.5rem;
	padding-top: 4rem;
}

.svc-price__lead {
	font-size: 0.9375rem;
}

.svc-price__subtitle {
	font-size: 1.1875rem;
	margin-top: 3rem;
}

.svc-fee__cards {
	gap: 1.25rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 26.25rem;
}

.svc-plan__table {
	min-width: 33.75rem;
}

.svc-plan__table th,
.svc-plan__table td {
	font-size: 0.9375rem;
	padding: 0.8125rem 0.875rem;
}

.svc-plan__badge {
	display: block;
	margin: 0.25rem auto 0;
	width: -moz-fit-content;
	width: fit-content;
}

.svc-price__note {
	font-size: 0.8125rem;
}

.svc-flow {
	padding-top: 4rem;
}

.svc-flow__lead {
	font-size: 0.9375rem;
}

.svc-flow__steps {
	gap: 1.75rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 26.25rem;
}

.svc-flow__step:not(:last-child)::after {
	bottom: -1.1875rem;
	left: 50%;
	right: auto;
	top: auto;
	transform: translateX(-50%) rotate(135deg);
}

.svc-flow__desc {
	text-align: center;
}

.svc-flow__deco--people {
	bottom: 4%;
	width: 20%;
}

.svc-flow__deco--bird {
	bottom: 110%;
	left: 65%;
}

.service {
	padding-bottom: 3.125rem;
	padding-top: 3.75rem;
}

.service__inner {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.service__cards {
	gap: 1.5rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 25rem;
}

.service__card-desc {
	font-size: 1rem;
}

.heading__cloud {
	top: 1.625rem;
	width: 8.125rem;
}

.heading__en {
	font-size: 3rem;
}

.heading__ja {
	font-size: 1.25rem;
}

.leaf-heading {
	font-size: 1.25rem;
}

.page-hero {
	padding-bottom: 4.5rem;
	padding-top: 7.5rem;
}

.page-hero__lead {
	font-size: 0.9375rem;
	margin-top: 1.25rem;
}

.page-hero__deco {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.page-hero__deco-house {
	left: 48%;
	width: 2.375rem;
}

.page-hero__deco-tree {
	left: 58%;
	width: 3.875rem;
}

.page-hero__deco-flower {
	left: 56%;
	width: 1rem;
}

.page-hero__deco-bird {
	left: 66%;
	top: 8.125rem;
	width: 2.375rem;
}

.works-archive {
	padding-bottom: 3.75rem;
	padding-top: 3.5rem;
}

.works-archive__list {
	gap: 1.5rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	max-width: 22.125rem;
}

.works-pager,
.blog-pager {
	margin-top: 2.5rem;
}

.works-single {
	padding-bottom: 4.375rem;
	padding-top: 6.875rem;
}

.works-single__inner {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.works-single__head {
	margin-top: 1.5rem;
}

.works-single__title {
	font-size: 1.5rem;
}

.works-single__mv {
	margin-top: 1.75rem;
}

.works-single__table {
	font-size: 0.9375rem;
	margin-top: 2rem;
}

.works-single__table th,
.works-single__table td {
	padding: 0.75rem 0.875rem;
}

.works-single__table th {
	white-space: normal;
	width: 6.875rem;
}

.works-single__section {
	margin-top: 3rem;
}

.works-single__heading {
	font-size: 1.25rem;
}

.works-single__text {
	font-size: 1rem;
	margin-top: 1.25rem;
}

.works-single__list {
	font-size: 1rem;
}

.works-single__images {
	gap: 1rem;
	grid-template-columns: 1fr;
	margin-top: 1.5rem;
}

.works-single__voice {
	font-size: 1rem;
	padding: 2rem 2.5rem;
}

.works-single__voice::before,
.works-single__voice::after {
	font-size: 2.25rem;
}

.works-single__voice::before {
	left: 0.625rem;
	top: 0.75rem;
}

.works-single__voice::after {
	bottom: 0.75rem;
	right: 0.625rem;
}

.works-single__nav {
	gap: 0.75rem;
	grid-template-columns: 1fr;
	margin-top: 3rem;
}

.works-single__nav-link {
	gap: 0.75rem;
	padding: 0.875rem 1.25rem;
}

.works-single__nav-link--next {
	grid-column: auto;
}

.works-single__nav-icon {
	height: 2.375rem;
	width: 2.375rem;
}

.works-related {
	padding-bottom: 3.75rem;
	padding-top: 3.5rem;
}

.works-related__inner {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.works-related__list {
	gap: 1.5rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
	max-width: 22.125rem;
}

.works-related__more {
	margin-top: 2.25rem;
}

.works {
	padding-bottom: 3.125rem;
	padding-top: 4.375rem;
}

.works__person--right {
	top: 4.6875rem;
}

.works__list {
	gap: 1.5rem;
	grid-template-columns: 1fr;
	margin-left: auto;
	margin-right: auto;
}

.worry {
	padding-bottom: 3.125rem;
	padding-top: 4.375rem;
}

.worry__deco--dots02 {
	bottom: 11.25rem;
	top: auto;
}

.worry__cards {
	grid-template-columns: 1fr;
	row-gap: 1.25rem;
}

.worry__person {
	margin-left: auto;
	margin-right: auto;
	position: static;
	transform: rotate(-10deg);
	width: 8.75rem;
}

.worry__item {
	background-image: none !important;
}

.worry__item {
	background-color: #f7f7f7;
	border-radius: 1.5rem;
	min-height: 0;
	padding: 1.5rem 0.9375rem;
}

.worry__item-text {
	font-size: 1rem;
}

.inner {
	padding-left: 15px;
	padding-right: 15px;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes abtTogetherFloat {

0%,100% {
	transform: translateY(0);
}

50% {
	transform: translateY(-0.5rem);
}

}

@keyframes aboutFlowerSway {

0% {
	transform: rotate(-5deg);
}

50% {
	transform: rotate(5deg);
}

100% {
	transform: rotate(-5deg);
}

}

@keyframes abtLeafSway {

0% {
	transform: rotate(-6deg);
}

50% {
	transform: rotate(6deg);
}

100% {
	transform: rotate(-6deg);
}

}

@keyframes abtLeafSwayFlip {

0% {
	transform: scaleX(-1) rotate(-6deg);
}

50% {
	transform: scaleX(-1) rotate(6deg);
}

100% {
	transform: scaleX(-1) rotate(-6deg);
}

}

@keyframes abtFloat {

0% {
	transform: translateY(0) rotate(0deg);
}

50% {
	transform: translateY(-0.875rem) rotate(8deg);
}

100% {
	transform: translateY(0) rotate(0deg);
}

}

@keyframes seedDrift {

0% {
	transform: translate(0, 0) rotate(0deg);
}

30% {
	transform: translate(0.5rem, -0.625rem) rotate(8deg);
}

60% {
	transform: translate(1rem, -0.25rem) rotate(-6deg);
}

100% {
	transform: translate(0, 0) rotate(0deg);
}

}

@keyframes fvCatchWrite {

from {
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
}

to {
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}

}

@keyframes fvFloatWoman {

0%,100% {
	transform: translateY(0) rotate(0deg);
}

50% {
	transform: translateY(-3.5%) rotate(-1.5deg);
}

}

@keyframes fvFloatMan {

0%,100% {
	transform: translateY(0) rotate(0deg);
}

50% {
	transform: translateY(-3%) rotate(1.2deg);
}

}

@keyframes fvSwayTree {

0%,100% {
	transform: rotate(-3deg);
}

50% {
	transform: rotate(3deg);
}

}

@keyframes fvBreathe {

0% {
	transform: scale(1) rotate(-0.6deg);
}

50% {
	transform: scale(1.015) rotate(0.6deg);
}

100% {
	transform: scale(1) rotate(-0.6deg);
}

}

@keyframes fvTwinkle {

0%,100% {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

50% {
	opacity: 0.3;
	transform: scale(0.7) rotate(12deg);
}

}

@keyframes fvRise {

from {
	opacity: 0;
	transform: translateY(28px);
}

to {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes fvPop {

from {
	opacity: 0;
	transform: scale(0.85);
}

to {
	opacity: 1;
	transform: scale(1);
}

}

@keyframes fvFadeIn {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes fvFadeDown {

from {
	opacity: 0;
	transform: translateY(-24px);
}

to {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes sakuraFloat {

0% {
	transform: translate(0, 0) rotate(0deg);
}

35% {
	transform: translate(-0.3125rem, -0.5rem) rotate(-12deg);
}

70% {
	transform: translate(0.375rem, -0.1875rem) rotate(10deg);
}

100% {
	transform: translate(0, 0) rotate(0deg);
}

}

@keyframes svc-flow-bob {

0%,100% {
	transform: translateY(0);
}

50% {
	transform: translateY(-0.375rem);
}

}

@keyframes svc-flow-fly {

0% {
	transform: translate(0, 0) rotate(0deg);
}

25% {
	transform: translate(0.5rem, -0.4375rem) rotate(4deg);
}

50% {
	transform: translate(1.125rem, 0.125rem) rotate(0deg);
}

75% {
	transform: translate(0.5625rem, 0.5625rem) rotate(-4deg);
}

100% {
	transform: translate(0, 0) rotate(0deg);
}

}

@keyframes birdFly {

0% {
	transform: translate(0, 0) rotate(0deg);
}

25% {
	transform: translate(1.125rem, -0.875rem) rotate(-5deg);
}

50% {
	transform: translate(2.25rem, -0.25rem) rotate(3deg);
}

75% {
	transform: translate(0.9375rem, -1.125rem) rotate(-4deg);
}

100% {
	transform: translate(0, 0) rotate(0deg);
}

}

@keyframes worksSway {

0%,100% {
	transform: rotate(-4deg);
}

50% {
	transform: rotate(4deg);
}

}

@keyframes worryFloat {

0%,100% {
	transform: translateY(0);
}

50% {
	transform: translateY(-12px);
}

}


/*# sourceMappingURL=style.css.map */