@charset "UTF-8";
/* =========================================================
   lp/004 PC版（Figma 586:4690・1280幅）
   - 1025px以上だけで効かせる。1024px以下（スマホ・タブレット）には一切効かせない
   - style.css の後に読み込む（既存の style.css・SP用HTMLは変更しない）
   - .pcView は HTML 側で hidden 属性付き＝このCSSが無くても 1024px以下では表示されない
   ========================================================= */

@media (max-width: 1024px) {
	.pcView {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	/* ---------- SP用の表示を隠して PC版を出す ---------- */
	body {
		zoom: 1; /* style.css の 768px以上 zoom:0.75 を PC版では使わない */
	}
	.spHeader,
	.pcHeader,
	main.page,
	.stickyCta,
	.stickyCta.isVisible,
	.menuOverlay,
	.menuDrawer {
		display: none !important;
	}
	.pcView {
		display: block;
		color: #3a3a3a;
		font-family: "Noto Sans JP", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
	}
	.siteFooter {
		max-width: none;
		margin: 0;
		padding: 16px 32px;
	}

	/* ---------- 共通 ---------- */
	/* リセットは :where() で詳細度を下げる（各クラスの margin 指定を優先させる） */
	:where(.pcView) :where(h1, h2, h3, p, ul, ol, dl, dd) {
		margin: 0;
	}
	.pcView picture {
		display: block;
	}
	.pcView img {
		display: block;
		max-width: none;
	}
	.pcInner {
		position: relative;
		width: 1280px;
		margin: 0 auto;
	}
	.pcGradText {
		background-image: linear-gradient(90deg, #24b4af 0%, #22bad9 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
	}

	/* CTA（Figma CTA 326x60）。class="cta" と href は既存CTAと同じ＝lp-param-common.js / lp-ab-liff.js の対象 */
	.pcView .pcCta {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 326px;
		max-width: none;
		height: 60px;
		margin: 0 auto;
		padding: 0 16px 0 20px;
		border: 1px solid #fff;
		border-radius: 9999px;
		background: linear-gradient(90deg, #e4254e 0%, #f33e41 100%);
		filter: drop-shadow(2px 4px 5px rgba(84, 18, 31, 0.22));
		color: #fff;
		text-decoration: none;
		white-space: nowrap;
		transition: transform 0.15s ease, filter 0.15s ease;
	}
	.pcView .pcCta:hover {
		transform: translateY(-1px);
		filter: drop-shadow(2px 6px 7px rgba(84, 18, 31, 0.28));
	}
	.pcCta__free {
		display: inline-grid;
		place-items: center;
		flex: 0 0 50px;
		height: 26px;
		margin-right: -4px;
		border-radius: 3px;
		background: #fff;
		color: #e4254e;
		font-size: 17px;
		font-weight: 900;
		line-height: 1;
		letter-spacing: 0.12em;
		text-indent: 0.12em;
	}
	.pcCta__label {
		font-size: 22px;
		font-weight: 900;
		line-height: 1.2;
	}
	.pcCta__arrow {
		flex: 0 0 auto;
		width: 7px;
		height: 7px;
		margin: 0 3px 0 0;
		border-top: 1.5px solid #fff;
		border-right: 1.5px solid #fff;
		transform: rotate(45deg);
	}
	.pcCtaWrap {
		display: flex;
		justify-content: center;
	}

	/* 見出し（Figma Title / Pill 680x81） */
	.pcTitle {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		gap: 8px;
		width: 680px;
		min-height: 81px;
		margin: 0 auto;
		padding: 12px 32px;
		border-radius: 9999px;
		background: linear-gradient(90deg, #24b4af 0%, #22bad9 100%);
		color: #fff;
		font-weight: 900;
		line-height: 1.5;
	}
	.pcTitle__texts {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
	}
	.pcTitle__sub {
		font-size: 14px;
	}
	.pcTitle__main {
		font-size: 24px;
		letter-spacing: 2.4px;
	}
	.pcTitle__en {
		font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
		font-size: 24px;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.5);
		white-space: nowrap;
	}
	.pcTitle--pink {
		background: #fff;
	}
	.pcTitle--pink .pcTitle__sub,
	.pcTitle--pink .pcTitle__main {
		background-image: linear-gradient(90deg, #ff3f68 0%, #f95255 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
		width: fit-content;
	}
	.pcTitle--pink .pcTitle__en {
		color: rgba(255, 186, 202, 0.5);
	}

	/* 吹き出し（Figma SpeechBubble） */
	.pcBubble {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 12px;
	}
	.pcBubble__body {
		position: relative;
		display: inline-block;
		padding: 4px 24px;
		border-radius: 9999px;
		background: linear-gradient(90deg, #24b4af 0%, #22bad9 100%);
		color: #fff;
		font-size: 16px;
		font-weight: 900;
		line-height: 1.5;
		letter-spacing: 0.48px;
		white-space: nowrap;
	}
	.pcBubble__body::after {
		content: "";
		position: absolute;
		left: 50%;
		top: calc(100% - 1px);
		transform: translateX(-50%);
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 12px solid #23b7c4;
	}
	.pcBubble--white .pcBubble__body {
		background: #fff;
	}
	.pcBubble--white .pcBubble__body::after {
		border-top-color: #fff;
	}

	/* ---------- FV（583:2591） ---------- */
	.pcFv {
		position: relative;
		height: 560px;
		overflow: hidden;
		background: #fff;
	}
	.pcFv__bg {
		position: absolute;
		top: 0;
		left: 50%;
		width: 2560px;
		height: 560px;
		transform: translateX(-50%);
	}
	.pcFv__bg img {
		width: 2560px;
		height: 560px;
	}
	.pcFv__inner {
		height: 100%;
	}
	.pcFv__content {
		position: absolute;
		left: 138px;
		top: 64px;
		width: 626px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
	.pcFv__badges {
		position: relative;
		width: 192px;
		height: 92px;
	}
	.pcFv__badges img {
		position: absolute;
		left: -3px;
		top: -3px;
		width: 202px;
		height: 102px;
	}
	.pcFv__copy {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.pcFv__lead {
		padding: 4px 16px;
		border-radius: 4px;
		background: linear-gradient(90deg, #24b4af 0%, #22bad9 100%);
		color: #fff;
		font-size: 32px;
		font-weight: 900;
		line-height: 1.5;
		letter-spacing: 1.6px;
		white-space: nowrap;
	}
	.pcFv__catch {
		padding: 0 16px;
		border-radius: 4px;
		background: #fff;
		font-size: 48px;
		font-weight: 900;
		line-height: 1.5;
		letter-spacing: 2.4px;
		white-space: nowrap;
	}
	.pcFv__tight {
		letter-spacing: -2.4px;
	}
	.pcView .pcFv__content .pcCta {
		margin: 0; /* FVのCTAは左揃え（Figma x=138） */
	}
	.pcFv__brand {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.pcFv__logo {
		width: 375px;
		height: 62px;
	}
	.pcFv__note {
		font-size: 12px;
		font-weight: 500;
		line-height: normal;
		color: #868686;
	}

	/* ---------- 登録企業ロゴ（730:1522） ---------- */
	.pcLogos {
		position: relative;
		height: 222px;
		overflow: hidden;
		background: #fff;
	}
	.pcLogos picture {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1280px;
		transform: translateX(-50%);
	}
	.pcLogos img {
		width: 1280px;
		height: 222px;
	}

	/* ---------- 実績の帯（584:2997） ---------- */
	.pcStats {
		position: relative;
		height: 251px;
		overflow: hidden;
		background: linear-gradient(90deg, #24b4af 0%, #24b4af calc(50% - 640px), #22bad9 calc(50% + 640px), #22bad9 100%);
	}
	.pcStats picture {
		position: absolute;
		top: 0;
		left: 50%;
		width: 2560px; /* 中央1280pxが Figma 584:2997、左右は端の色で延長 */
		transform: translateX(-50%);
	}
	.pcStats img {
		width: 2560px;
		height: 251px;
	}

	/* ---------- メディア掲載実績（584:3152） ---------- */
	.pcMedia {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		padding: 24px 0 88px;
		overflow: hidden;
		background: linear-gradient(180deg, #caf7fe 0%, #fafafa 100%);
	}
	.pcBubbleHead {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}
	.pcMedia__title {
		font-size: 24px;
		font-weight: 900;
		line-height: 1.5;
	}
	.pcMedia__rows {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	.pcMedia > .pcCtaWrap {
		padding-top: 32px; /* Figma の CTA 枠（584:3176）は上に32pxの余白を持つ */
	}
	.pcMarquee {
		width: 100%;
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}
	.pcMarquee__track {
		display: flex;
		gap: 16px;
		width: max-content;
		padding: 0;
		list-style: none;
	}
	/* 静止時（JS前・動きを減らす設定）は Figma と同じ並び：1段目は左端から、2段目は -234px */
	.pcMarquee--a .pcMarquee__track {
		margin-left: calc(50% - 640px);
	}
	.pcMarquee--b .pcMarquee__track {
		margin-left: calc(50% - 640px - 234px);
	}
	/* pc.js が同じ並びを4組に増やした後：1組=9枚×(180+16)=1764px 分ずつ流す */
	.pcMarquee.is-ready.pcMarquee--a .pcMarquee__track {
		margin-left: calc(50% - 640px - 1764px);
		animation: pcMarqueeLeft 70s linear infinite;
	}
	.pcMarquee.is-ready.pcMarquee--b .pcMarquee__track {
		margin-left: calc(50% - 640px - 234px - 3528px);
		animation: pcMarqueeRight 70s linear infinite;
	}
	.pcChip {
		box-sizing: border-box;
		display: grid;
		place-items: center;
		flex: 0 0 180px;
		width: 180px;
		height: 72px;
		padding: 0 16px;
		background: url("../img/media_chip_bg.png") center / 100% 100% no-repeat;
		color: #333;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.5;
		text-align: center;
		white-space: nowrap;
	}

	/* ---------- ABABAは〜（586:3298） ---------- */
	.pcIntro {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 16px;
		padding: 0 32px 48px;
		background: #fafafa;
	}
	.pcIntro__line {
		display: flex;
		align-items: center;
		height: 48px;
		color: #3a3a3a;
		font-size: 32px;
		font-weight: 900;
		line-height: 1.5;
		white-space: nowrap;
	}
	.pcIntro__logo {
		width: 239px;
		height: 40px;
	}
	.pcIntro__wa {
		margin-left: 12px;
	}
	.pcIntro__lead {
		margin-left: 8px;
	}
	.pcIntro__big {
		font-size: 48px;
		font-weight: 900;
		line-height: 1.5;
		white-space: nowrap;
	}

	/* ---------- 3つのメリット（586:3305） ---------- */
	.pcMerits {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 48px;
		padding: 0 0 88px;
		background: #fafafa;
	}
	.pcMerit {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		gap: 24px;
		width: 680px;
		padding: 24px 24px 32px;
		border-radius: 8px;
		background: #e7fffd;
	}
	.pcMerit__img {
		flex: 0 0 278px;
		width: 278px;
		height: 150px;
		overflow: hidden;
		border-radius: 8px;
		background: #fff;
	}
	.pcMerit__img img {
		width: 278px;
		height: 150px;
	}
	.pcMerit__body {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		gap: 8px;
		text-align: justify;
	}
	.pcMerit__title {
		font-size: 24px;
		font-weight: 900;
		line-height: 1.5;
		letter-spacing: 0.48px;
	}
	.pcMerit__text {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
	}
	.pcMerit__text b {
		font-weight: 900;
	}
	.pcMerit__note {
		margin-top: -4px;
		color: #868686;
		font-size: 11px;
		line-height: 1.4;
	}

	/* ---------- カルーセル共通（求人例・先輩の声：カード326px・間隔40px・中央1枚＋左右） ---------- */
	.pcCarousel {
		width: 100%;
	}
	.pcCarousel__viewport {
		position: relative;
		width: 326px;
		margin: 0 auto;
	}
	.pcCarousel__track {
		display: flex;
		align-items: stretch;
		gap: 40px;
		padding: 0;
		list-style: none;
		transition: transform 0.5s ease;
		will-change: transform;
	}
	.pcCarousel__item {
		flex: 0 0 326px;
		width: 326px;
	}
	.pcCarousel__nav {
		position: absolute;
		top: 170px;
		z-index: 3;
		width: 32px;
		height: 32px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 1px 4px rgba(33, 94, 98, 0.25);
		cursor: pointer;
	}
	.pcCarousel__nav::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	.pcCarousel__nav--prev {
		left: -16px;
	}
	.pcCarousel__nav--prev::before {
		border-right: 9px solid #24b4af;
		transform: translate(-60%, -50%);
	}
	.pcCarousel__nav--next {
		right: -16px;
	}
	.pcCarousel__nav--next::before {
		border-left: 9px solid #24b4af;
		transform: translate(-40%, -50%);
	}
	.pcCarousel__nav:hover {
		box-shadow: 0 2px 8px rgba(33, 94, 98, 0.35);
	}
	.pcCarousel__nav:focus-visible {
		outline: 2px solid #24b4af;
		outline-offset: 2px;
	}

	/* ---------- 求人例（586:4062） ---------- */
	.pcOffer {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 48px;
		padding: 48px 0 88px;
		overflow: hidden;
		background: linear-gradient(180deg, #caf7fe 0%, #fafafa 100%);
	}
	.pcOfferCard {
		display: flex;
		flex-direction: column;
		height: 100%;
		border-radius: 8px;
		background: #fff;
		filter: drop-shadow(2px 2px 5px rgba(58, 58, 58, 0.15));
	}
	.pcOfferCard__head {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		padding: 16px 24px;
		border-radius: 8px 8px 0 0;
		background-color: #24b4af;
		/* 街並みは Figma では薄い（不透明度10%）ため、同色を半透明で重ねて弱める */
		background-image: linear-gradient(rgba(36, 180, 175, 0.5), rgba(36, 180, 175, 0.5)), url("../img/pc2/offer_head.png");
		background-image: linear-gradient(rgba(36, 180, 175, 0.5), rgba(36, 180, 175, 0.5)), image-set(url("../img/pc2/offer_head.webp") type("image/webp"), url("../img/pc2/offer_head.png") type("image/png"));
		background-position: center, center bottom;
		background-size: 100% 100%, 100% auto;
		background-repeat: no-repeat;
		color: #fff;
	}
	.pcOfferCard__bubble {
		position: relative;
		margin-bottom: 12px;
		padding: 4px 24px;
		border-radius: 9999px;
		background: #fff;
		font-size: 16px;
		font-weight: 900;
		line-height: 1.5;
		letter-spacing: 0.48px;
		white-space: nowrap;
	}
	.pcOfferCard__bubble::after {
		content: "";
		position: absolute;
		left: 50%;
		top: calc(100% - 1px);
		transform: translateX(-50%);
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 12px solid #fff;
	}
	.pcOfferCard__headline {
		font-size: 20px;
		font-weight: 900;
		line-height: 1.5;
	}
	.pcOfferCard__body {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 24px 16px 16px;
	}
	.pcOfferCard__row {
		display: flex;
		align-items: center;
		gap: 16px;
	}
	.pcOfferCard__row + .pcOfferCard__row {
		padding-top: 12px; /* 区切り線は余白の中に描く（Figma は線の高さ0＝行間24px） */
		background: linear-gradient(#e6e6e6, #e6e6e6) left top / 100% 1px no-repeat;
	}
	.pcOfferCard__row dt {
		flex: 0 0 auto;
		padding: 4px 16px;
		border-radius: 4px;
		background: #24b4af;
		color: #fff;
		font-size: 14px;
		font-weight: 900;
		line-height: 1.5;
	}
	.pcOfferCard__row dd {
		flex: 1 1 auto;
		font-size: 14px;
		line-height: 1.5;
	}
	.pcOfferCard__val {
		color: #e55c8a;
		font-weight: 900;
	}
	.pcOfferCard__row--list {
		align-items: flex-start;
	}
	.pcOfferCard__row--list ul {
		padding-left: 21px;
		list-style: disc;
		color: #3a3a3a;
		font-weight: 500;
	}

	/* ---------- 先輩たちの声（586:4302） ---------- */
	.pcVoice {
		background: #fafafa;
	}
	.pcVoice__bg {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 88px 0;
		overflow: hidden;
		border-radius: 50% 50% 50% 50% / 56px 56px 56px 56px;
		background: linear-gradient(180deg, #ffe7ed 0%, #f4d9f2 100%);
	}
	.pcVoice__bg > .pcCarousel {
		margin-top: 54px;
	}
	.pcVoice__bg > .pcCtaWrap {
		margin-top: 32px;
	}
	.pcVoiceCard {
		position: relative;
		display: flex;
		flex-direction: column;
		height: 100%;
		border-radius: 8px;
		background: #fff;
		filter: drop-shadow(2px 2px 5px rgba(58, 58, 58, 0.15));
	}
	.pcVoiceCard__photo {
		height: 132px;
		overflow: hidden;
		border-radius: 8px 8px 0 0;
	}
	.pcVoiceCard__photo img {
		width: 326px;
		height: 132px;
		object-fit: cover;
	}
	.pcVoiceCard__body {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 24px;
		text-align: justify;
	}
	.pcVoiceCard__title {
		background-image: linear-gradient(90deg, #e4254e 0%, #f33e41 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
		font-size: 16px;
		font-weight: 900;
		line-height: 1.5;
	}
	.pcVoiceCard__text {
		margin-bottom: 4px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
	}
	.pcVoiceCard__text b {
		font-weight: 900;
	}
	.pcVoiceCard__pill {
		display: flex;
		justify-content: center;
		gap: 8px;
		padding: 4px 16px;
		border-radius: 9999px;
		background: #ffe7ed;
		font-size: 10px;
		font-weight: 500;
		line-height: 1.5;
		white-space: nowrap;
	}
	.pcVoiceCard__text + .pcVoiceCard__pill {
		margin-top: auto;
	}
	.pcVoiceCard__badge {
		box-sizing: border-box;
		position: absolute;
		left: 232px;
		top: -24px;
		display: grid;
		place-items: center;
		width: 110px;
		height: 110px;
		padding: 24px 4px;
		background: url("../img/voice_badge_stamp.png") center / contain no-repeat;
		color: #fff;
		font-size: 14px;
		font-weight: 900;
		line-height: 1.25;
		text-align: center;
	}

	/* ---------- プレゼント（586:4416） ---------- */
	.pcPresent {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		padding: 88px 0 128px;
		background: #fafafa;
	}
	.pcPresent__head {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 680px;
		padding: 16px 32px;
		border-radius: 9999px;
		background: linear-gradient(90deg, #24b4af 0%, #22bad9 100%);
		font-weight: 900;
	}
	.pcPresent__head .pcBubble {
		padding-bottom: 20px; /* 吹き出しの尾12px＋間隔8px */
	}
	.pcPresent__line {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		gap: 4px;
		height: 55px;
		filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
	}
	.pcPresent__y {
		background-image: linear-gradient(180deg, #fff676 0%, #f0ff46 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
		font-size: 32px;
		line-height: 1.5;
		white-space: nowrap;
	}
	.pcPresent__num {
		padding-bottom: 4px;
		font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
		font-size: 64px;
		font-weight: 800;
		line-height: 0.8;
	}
	.pcPresent__sub {
		color: #fff;
		font-size: 24px;
		line-height: 1.5;
	}
	.pcPresent__gifts {
		display: flex;
		justify-content: center;
		gap: 32px;
		margin-bottom: -8px; /* 画像下端の影の余白8pxぶん */
		padding: 0 24px;
		list-style: none;
	}
	.pcPresent__gift img {
		width: 342px;
		height: 258px;
	}

	/* ---------- よくある質問（586:4484） ---------- */
	.pcFaq {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 48px;
		padding: 0 0 128px;
		background: #fafafa;
	}
	.pcFaq__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 24px;
		width: 676px;
	}
	.pcFaq__item {
		padding: 12px 16px;
		border-radius: 8px;
		background: #fff;
		filter: drop-shadow(2px 2px 5px rgba(58, 58, 58, 0.15));
	}
	.pcFaq__q {
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		list-style: none;
	}
	.pcFaq__q::-webkit-details-marker {
		display: none;
	}
	.pcFaq__q::after {
		content: "";
		flex: 0 0 auto;
		width: 6px;
		height: 6px;
		margin: 0 7px 4px; /* 6px＋線2px×2＝10px＋左右7px＝Figmaの矢印枠24px */
		border-right: 2px solid #24b4af;
		border-bottom: 2px solid #24b4af;
		transform: rotate(45deg);
	}
	.pcFaq__item[open] .pcFaq__q::after {
		margin: 4px 7px 0;
		transform: rotate(-135deg);
	}
	.pcFaq__badge {
		flex: 0 0 30px;
		display: grid;
		place-items: center;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: linear-gradient(90deg, #24b4af 0%, #22bad9 100%);
		color: #fff;
		font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
	}
	.pcFaq__qtext {
		flex: 1 1 auto;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.5;
	}
	.pcFaq__a {
		margin-top: 12px;
		padding: 12px;
		border-radius: 8px;
		background: #e7fffd;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}

	/* ---------- 利用方法（631:2520） ---------- */
	.pcFlow {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 70px;
		padding: 88px 0;
		background: linear-gradient(180deg, #e4f0f2 0%, #eef5ff 51.446%, #fef8ff 100%);
	}
	.pcFlow__list {
		display: flex;
		align-items: center;
		gap: 24px;
		padding: 0;
		list-style: none;
	}
	.pcFlow__arrow img {
		width: 64px;
		height: 65px;
	}
	.pcFlowCard {
		box-sizing: border-box;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		width: 304px;
		padding: 32px 32px 20px;
		border-radius: 12px;
		background: #fff;
		filter: drop-shadow(0 0 10px rgba(33, 94, 98, 0.16));
	}
	.pcFlowCard__num {
		position: absolute;
		left: 50%;
		top: -23px;
		width: 40px;
		transform: translateX(-50%);
	}
	.pcFlowCard__num img {
		width: 40px;
		height: auto;
	}
	.pcFlowCard__title {
		font-size: 24px;
		font-weight: 900;
		line-height: 1.5;
		text-align: center;
	}
	.pcFlowCard__shot {
		width: 180px;
		height: 298px;
		overflow: hidden;
		border-radius: 8px;
		box-shadow: 0 0 20px rgba(33, 94, 98, 0.16);
	}
	.pcFlowCard__shot img {
		width: 180px;
		height: 298px;
	}
	.pcFlowCard__text {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.5;
		text-align: center;
	}
}

/* 1025〜1279px：1280幅のデザインを 0.8倍で収める（1280×0.8＝1024px） */
@media (min-width: 1025px) and (max-width: 1279px) {
	.pcView {
		zoom: 0.8;
	}
}

@keyframes pcMarqueeLeft {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-1764px);
	}
}
@keyframes pcMarqueeRight {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(1764px);
	}
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
	.pcMarquee.is-ready .pcMarquee__track {
		animation: none;
	}
	.pcCarousel__track {
		transition: none;
	}
}