@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.p-mainVisual__slideTitle,
.p-mainVisual__slideText {
	font-size: clamp(26px, 4.2vw, 52px);
	color: #fff;
	line-height: 1.55;
	letter-spacing: 0.04em;
	font-weight: 600;
	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.55),
		0 2px 10px rgba(0, 0, 0, 0.35);
}

.p-mainVisual__slideText {
	margin-top: 0.45em;
}

/* メインビジュアル：画像の上に薄い暗幕 */
.p-mainVisual .c-filterLayer::before {
	content: "";
	background-color: #000;
	opacity: 0.25;
}

/* ヘッダー：キャッチフレーズ（専門性の常時表示） */
.l-header .c-catchphrase,
.l-header__bar .c-catchphrase,
.l-header__logo .c-catchphrase {
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

/* TOPページ プロフィールセクションの画像 */
.swell-block-fullWide .wp-block-image {
	border-radius: 50%;
	overflow: hidden;
}

.swell-block-fullWide .wp-block-image img {
	border-radius: 50%;
}

/* 記事下「この記事を書いた人」→ プロフィールページへ */
.p-authorBox.is-linked {
	position: relative;
	cursor: pointer;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.p-authorBox.is-linked:hover {
	border-color: var(--color_main, #4a90d9);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.p-authorBox__coverLink {
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.p-authorBox.is-linked .p-authorBox__iconList {
	position: relative;
	z-index: 2;
}

.p-authorBox.is-linked .p-authorBox__moreLink {
	display: inline-block;
	pointer-events: none;
}

/* プロフィールページ：縦長スマホ写真のサイズ調整 */
.page-id-28 .wp-block-image {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

.page-id-28 .wp-block-image img {
	border-radius: 8px;
}

/* お問い合わせ（Contact Form 7） */
.page-id-30 .wpcf7 {
	max-width: 640px;
	margin-top: 1.5em;
}

.page-id-30 .wpcf7 label {
	display: block;
	margin-bottom: 1.1em;
	font-weight: 600;
}

.page-id-30 .wpcf7 input[type="text"],
.page-id-30 .wpcf7 input[type="email"],
.page-id-30 .wpcf7 textarea {
	display: block;
	width: 100%;
	margin-top: 0.4em;
	padding: 0.7em 0.85em;
	border: 1px solid var(--color_border, #ddd);
	border-radius: 6px;
	box-sizing: border-box;
}

.page-id-30 .wpcf7 textarea {
	min-height: 160px;
}

.page-id-30 .wpcf7 input[type="submit"] {
	margin-top: 0.25em;
	padding: 0.75em 1.6em;
	border: none;
	border-radius: 6px;
	background: var(--color_main, #4a90d9);
	color: #fff;
	cursor: pointer;
}

.page-id-30 .wpcf7 input[type="submit"]:hover {
	opacity: 0.9;
}