:root {
	--color-primary: #88BE43;
	--color-black: #253A45;
	--color-dark-gray: #477386;
	--color-gray: #E0E4E6;
	--color-light-gray: #EEF2F4;
	--color-white: #fff;
	--color-accent: #EF8432;
	--color-highlight: #FFDB40;
	
	--header-height: 72px;
  
	--spacing-xxs: 4px;
	--spacing-xs: 8px;
	--spacing-sm: 16px;
	--spacing-md: 24px;
	--spacing-lg: 32px;
	--spacing-xl: 48px;
	--spacing-xxl: 64px;
	
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--radius-round: 50%;
	
	--transition-fast: 0.3s ease;
	--font-base: sans-serif;
  }
  
  html {
	font-size: 62.5%;
	scroll-behavior: smooth;
	scroll-padding-top: 40px;
  }
  
  body {
	font-family: var(--font-base);
	color: var(--color-black);
	margin: 0; padding: 0;
	line-height: 1;
  }
  
  *, *::before, *::after {
	box-sizing: border-box;
	outline: none;
  }
  
  a { text-decoration: none; color: inherit; }
  img { max-width: 100%; height: auto; object-fit: cover; }
  ul { list-style: none; padding: 0; margin: 0; }
  h1, h2, h3, h4, h5, p { margin: 0; font-weight: inherit; }
  button { background: none; border: none; cursor: pointer; padding: 0; -webkit-appearance: none; appearance: none; }
  
  .u-pc-only { display: inline; }
  .u-sp-only { display: none; }
  .u-sp-break { display: none; }
  .u-text-center { text-align: center; }
  .u-block-full { width: 100%; display: block; }
  
  .u-highlight {
	background: linear-gradient(transparent 65%, var(--color-highlight) 40%);
	display: inline;
	padding: 0 2px;
	font-weight: bold;
  }

  .c-heading-lg {
	font-size: 3.2rem; font-weight: bold; line-height: 1.5;
	margin-top: var(--spacing-sm); margin-bottom: var(--spacing-md);
	display: block; width: 100%;
  }
  .c-heading-md {
	font-size: 2.4rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.024rem;
	margin-bottom: 18px; display: block;
  }
  .c-heading-sm {
	font-size: 2.2rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.016rem;
	margin-bottom: var(--spacing-xs); color: var(--color-black); display: block;
  }
  .c-text {
	font-size: 1.6rem; font-weight: normal; line-height: 1.5; letter-spacing: 0.01rem;
	color: var(--color-black); display: block;
  }
  .c-caption-sm {
	font-size: 1.6rem; font-weight: 500; margin-bottom: var(--spacing-sm);
	color: var(--color-black); text-align: center;
  }
  .c-caption-sm--white { color: var(--color-white); }
  
  .c-btn {
	display: flex; align-items: center; justify-content: center;
	font-size: 2rem; font-weight: bold; gap: var(--spacing-md);
	height: var(--spacing-xxl); border-radius: var(--radius-md);
	padding: 0 var(--spacing-xl); text-decoration: none;
	border: 2px solid var(--color-accent); transition: var(--transition-fast);
	width: 480px; margin: 0 auto; position: relative;
  }
  .c-btn:hover { transform: translateY(-2px); }
  .c-btn--fill { background: var(--color-accent); color: var(--color-white) !important; }
  .c-btn--stroke { background: var(--color-white); color: var(--color-accent) !important; }
  
  .c-icon-arrow {
	position: absolute; right: var(--spacing-sm); top: 50%;
	transform: translateY(-50%); flex-shrink: 0;
  }

  .js-fade-target {
	opacity: 0; transform: translateY(-24px); transition: .25s;
  }
  .is-fade-in {
	opacity: 1; transform: translateY(0); transition: 1s;
  }

  .l-header {
	background: var(--color-white); padding: var(--spacing-sm) var(--spacing-md);
	height: var(--header-height); position: fixed; z-index: 3;
	width: 100%; top: 0; left: 0; border-bottom: 1px solid var(--color-light-gray);
	display: flex; justify-content: space-between; align-items: center;
  }
  .l-header__logo { display: flex; justify-content: flex-start; align-items: center; width: fit-content; height: auto; }
  .l-header__logo p { color: var(--color-primary); padding-left: var(--spacing-xs); }
  .l-main { width: 100%; margin: 0 auto; padding-top: var(--header-height); z-index: 0; }
  .l-section { width: 100%; margin: 0 auto; padding: var(--spacing-xxl) var(--spacing-sm); z-index: 1; position: relative; }
  .l-section::before {
	content: ""; position: absolute; bottom: -12px; left: 50%;
	transform: translateX(-50%) rotate(45deg); background: inherit;
	width: var(--spacing-md); height: var(--spacing-md); z-index: 2;
  }
  .l-inner { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
  
  .c-hamburger { display: none; width: 32px; height: var(--spacing-md); position: relative; z-index: 10; }
  .c-hamburger span { position: absolute; left: 0; width: 100%; height: 2px; background: var(--color-black); transition: all var(--transition-fast); }
  .c-hamburger span:nth-child(1) { top: 0; }
  .c-hamburger span:nth-child(2) { top: 11px; }
  .c-hamburger span:nth-child(3) { bottom: 0; }
  .c-hamburger.is-active span:nth-child(1) { top: 11px; transform: rotate(45deg); }
  .c-hamburger.is-active span:nth-child(2) { opacity: 0; }
  .c-hamburger.is-active span:nth-child(3) { bottom: 11px; transform: rotate(-45deg); }
  
  .l-nav__list { display: flex; justify-content: right; align-items: center; gap: var(--spacing-md); }
  .l-nav__link { color: var(--color-black) !important; font-size: 1.4rem; font-weight: bold; transition: var(--transition-fast); }
  .l-nav__link:hover { opacity: 0.7; }
  .l-nav__btn-group { display: flex; gap: var(--spacing-xs); }
  .c-btn-nav {
	display: flex; font-size: 1.6rem; font-weight: bold; width: 148px;
	padding: 12px var(--spacing-sm); border-radius: 6px; justify-content: center; align-items: center;
	border: 2px solid var(--color-accent); transition: var(--transition-fast);
  }
  .c-btn-nav:hover { transform: translateY(-2px); }
  .c-btn-nav--fill { background: var(--color-accent); color: var(--color-white) !important; }
  .c-btn-nav--stroke { background: var(--color-white); color: var(--color-accent) !important; }
  
  .p-fv {
	background-image: url(img/firstview-img01.jpg); background-size: cover; background-position: center;
	color: var(--color-black); display: flex; padding: 0; min-height: 560px; position: relative;
  }
  .p-fv::before { display: none !important; } /* Override default section arrow */
  .p-fv__inner { max-width: 1240px; width: 100%; margin: 0 auto; display: flex; align-items: stretch; }
  .p-fv__item { width: 50%; display: flex; align-items: center; justify-content: center; }
  .p-fv__item--left { padding: var(--spacing-lg); background: rgba(255, 255, 255, 0.7); margin: var(--spacing-md); border-radius: var(--radius-xl); }
  .p-fv__item--right { padding: var(--spacing-xl); }
  .p-fv__content { max-width: 640px; }
  .p-fv__logo-area { display: flex; align-items: center; gap: var(--spacing-sm); margin-bottom: var(--spacing-lg); }
  .p-fv__app-logo { width: 72px; height: 72px; flex-shrink: 0; }
  .p-fv__text-area { flex: 1; }
  .p-fv__caption { font-size: 1.6rem; line-height: 1.4; margin-bottom: var(--spacing-xs); }
  .p-fv__title { font-size: 2.4rem; font-weight: bold; line-height: 1; margin: 0; }
  .p-fv__main-title {
	color: var(--color-white);
	font-size: 3.2rem;
	margin-bottom: var(--spacing-sm);
	font-feature-settings: "palt";
	line-height: 1.8;
  }
  .p-fv__title-line {
	background: var(--color-primary);
	padding: var(--spacing-xxs) var(--spacing-sm) ;
	border-radius: var(--radius-sm);
	display: inline-block;
	margin-bottom: var(--spacing-xs);
	line-height: 1.5;
  }

  .p-fv__title-line--1 { display: inline-block; }
  .p-fv__title-line--2 { display: inline-block; }
  .p-fv__title-line--3 { display: none; }
  .p-fv__title-line--4 { display: none; }
  .p-fv__desc { margin-bottom: var(--spacing-lg); line-height: 1.8; }
  .p-fv__cta { display: flex; gap: var(--spacing-md); align-items: stretch; }
  .p-fv__cta .c-btn { width: 100%; font-size: 1.6rem; padding: var(--spacing-sm) var(--spacing-xl); }
  .p-fv__mockup { max-height: 480px; object-fit: contain; }
  
  .p-issue { background: var(--color-white); padding: var(--spacing-xxl) var(--spacing-md) var(--spacing-xl); z-index: -2; }
  .p-issue__content { text-align: center; }
  .p-issue__diagram { position: relative; max-width: 800px; margin: 0 auto; }
  .p-issue__bubble { background: var(--color-light-gray); border-radius: var(--radius-xl); padding: var(--spacing-md) var(--spacing-lg); position: absolute; }
  .p-issue__bubble .c-text { font-size: 1.8rem; line-height: 1.6; text-align: center; }
  .p-issue__bubble--left { top: 32px; left: -64px; }
  .p-issue__bubble--rt { top: 64px; right: -140px; }
  .p-issue__bubble--lb { bottom: 64px; left: -132px; }
  .p-issue__img-wrap { display: flex; justify-content: center; padding: var(--spacing-xl) 0; }
  .p-issue__img { max-width: 300px; }
  .p-issue__desc { margin-top: 0; }
  .p-issue__text:first-child { margin-bottom: var(--spacing-xs); }

  .p-cv { background: var(--color-primary); }
  .p-cv--first { z-index: -4; }
  .p-cv--middle { z-index: -7; }
  .p-cv__content { text-align: center; position: relative; max-width: 960px; margin: 0 auto; }
  .p-cv--first .p-cv__content::after {
	content: ""; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);
	border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 24px solid var(--color-primary);
  }
  .p-cv__badge { background: var(--color-highlight); border-radius: 40px; padding: var(--spacing-sm) var(--spacing-xl); display: inline-block; margin-bottom: var(--spacing-md); }
  .p-cv__badge-text { font-size: 1.8rem; font-weight: bold; line-height: 1.5; margin: 0; }
  .p-cv__title { color: var(--color-white); font-size: 3.6rem; margin: 0; }
  
  .p-service { background: var(--color-light-gray); padding: var(--spacing-xxl) var(--spacing-md); z-index: -5; }
  .p-service__content { text-align: center; }
  .p-service__diagram { margin-bottom: var(--spacing-xl); }
  .p-service__diagram-img { max-width: 360px; }
  .p-service__desc { margin-bottom: var(--spacing-lg); }
  
  .p-video-banner {
	background: var(--color-white); box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.08); border: 3px solid var(--color-primary);
	border-radius: var(--radius-xl); padding: var(--spacing-sm); display: flex; align-items: center; justify-content: space-between;
	max-width: 720px; margin: 0 auto; cursor: pointer; transition: var(--transition-fast); gap: var(--spacing-md);
  }
  .p-video-banner:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); }
  .p-video-banner__content { display: flex; align-items: center; gap: var(--spacing-xs); flex: 1; }
  .p-video-banner__icon { flex-shrink: 0; }
  .p-video-banner__text { font-size: 2rem; font-weight: bold; text-align: left; line-height: 1.4; margin: 0; }
  .p-video-banner__thumb { width: 164px; border-radius: var(--radius-md); }
  
  .p-features { background: var(--color-white); padding: var(--spacing-xxl) var(--spacing-md); z-index: -6; }
  .p-features__item {
	max-width: 1200px; margin: 0 auto var(--spacing-lg); align-items: center; flex-wrap: wrap; display: flex;
	box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.08); border: 2px solid var(--color-light-gray); border-radius: var(--radius-lg);
  }
  .p-features__left { width: 50%; padding: var(--spacing-xl); flex-shrink: 0; order: 1; }
  .p-features__head-box { display: inline-block; background: var(--color-primary); border-radius: var(--radius-sm); padding: var(--spacing-xs); margin-bottom: var(--spacing-sm); }
  .p-features__title { font-size: 2rem; font-weight: bold; color: var(--color-white); line-height: 1.4; margin: 0; }
  .p-features__lead { font-size: 2.8rem; font-weight: bold; line-height: 1.6; margin: 0; font-feature-settings: "palt"; }
  .p-features__right { width: 50% !important; display: flex; flex-direction: column; gap: var(--spacing-sm); flex-shrink: 0; padding: var(--spacing-lg); order: 2; }
  .p-features__detail { display: flex; align-items: center; border-bottom: 1px solid var(--color-light-gray); padding-bottom: var(--spacing-sm); }
  .p-features__detail:last-child { border-bottom: none; }
  .p-features__icon { width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; border-radius: var(--radius-md); background: var(--color-white); padding-right: var(--spacing-xs); }
  .p-features__detail-content { flex: 1; }
  .p-features__sub-title { font-size: 1.8rem; font-weight: 500; line-height: 1.5; color: var(--color-primary); margin-bottom: var(--spacing-xxs); margin-top: 0; }
  .p-features__text { font-size: 1.4rem; line-height: 1.6; margin: 0; }
  .p-features__diagram { width: calc(100% - var(--spacing-xl) * 2); margin: 0 var(--spacing-xl) var(--spacing-xl); padding: var(--spacing-lg); background: var(--color-light-gray); border-radius: var(--radius-lg); order: 3; }
  .p-features__diagram-title { font-size: 1.8rem; font-weight: bold; text-align: center; margin: 0 0 var(--spacing-md) 0; line-height: 1.5; }
  .p-features__diagram-img { max-width: 840px; margin: 0 auto; display: block; }
  
  .p-admin { background: var(--color-light-gray); padding: var(--spacing-xxl) var(--spacing-md); z-index: -8; }
  .p-admin__subtitle { font-size: 2.4rem; text-align: center; color: var(--color-black); }
  .p-admin__content { max-width: 1200px; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; min-height: 380px; }
  .p-admin__center { position: relative; }
  .p-admin__app-img { width: 280px; height: 280px; display: block; }
  .p-admin__badge { position: absolute; display: flex; align-items: center; gap: var(--spacing-sm); background: var(--color-white); padding: var(--spacing-md) var(--spacing-lg); border-radius: var(--radius-xl); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); z-index: 1; width: 300px; }
  .p-admin__check { width: 32px; height: 32px; flex-shrink: 0; }
  .p-admin__badge-text { font-size: 1.6rem; font-weight: bold; line-height: 1.5; margin: 0; }
  .p-admin__badge--lt { top: 72px; left: 224px; }
  .p-admin__badge--lb { bottom: 72px; left: 224px; }
  .p-admin__badge--rt { top: 72px; right: 224px; }
  .p-admin__badge--rb { bottom: 72px; right: 224px; }
  
  .p-flow { background: var(--color-white); padding: var(--spacing-xxl) var(--spacing-md); z-index: -9; }
  .p-flow__subtitle { text-align: center; font-size: 2.4rem; margin-bottom: var(--spacing-xl); font-weight: normal; }
  .p-flow__steps { max-width: 720px; margin: 0 auto var(--spacing-xl); }
  .p-flow__step { display: flex; align-items: center; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.08); border: 2px solid var(--color-light-gray); border-radius: var(--radius-xl); padding: var(--spacing-sm); }
  .p-flow__num { font-size: 1.6rem; font-weight: 600; color: var(--color-primary); line-height: 1.3; text-align: center; min-width: 80px; flex-shrink: 0; }
  .p-flow__border { width: 1px; background: var(--color-light-gray); min-height: 48px; flex-shrink: 0; margin-right: var(--spacing-sm); }
  .p-flow__content { display: flex; align-items: center; gap: var(--spacing-sm); flex: 1; }
  .p-flow__icon { width: 48px; height: 48px; flex-shrink: 0; }
  .p-flow__text-wrap { flex: 1; }
  .p-flow__step-title { font-size: 2.0rem; line-height: 1.5; margin: 0; font-weight: 600; }
  .p-flow__step-desc { font-size: 1.4rem; line-height: 1.5; margin: 0; }
  .p-flow__arrow { display: flex; justify-content: flex-start; align-items: center; padding-left: var(--spacing-xl); margin: var(--spacing-xs) 0; }
  .p-flow__arrow svg { width: 32px; height: 32px; }
  .p-flow__promo { background-image: url('./img/flow-img06.png'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: var(--radius-lg); border: 3px solid var(--color-primary); padding: var(--spacing-sm) var(--spacing-lg); text-align: center; max-width: 720px; margin: 0 auto; min-height: 156px; display: flex; align-items: center; justify-content: flex-start; }
  .p-flow__promo-text { font-size: 2.4rem; text-align: left; line-height: 1.5; margin: 0; }
  
  .p-pricing { background: var(--color-light-gray); padding: var(--spacing-xxl) var(--spacing-md); z-index: -10; }
  .p-pricing__subtitle { text-align: center; font-size: 2.4rem; margin-bottom: var(--spacing-xl); font-weight: normal; line-height: 1.6; }
  .p-pricing__cards { max-width: 1200px; margin: 0 auto var(--spacing-xl); display: flex; gap: var(--spacing-lg); justify-content: center; }
  .p-pricing__card { background: var(--color-white); overflow: hidden; flex: 1; max-width: 360px; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.08); border: 2px solid var(--color-light-gray); border-radius: var(--radius-xl); text-align: center; }
  .p-pricing__card-head { padding: var(--spacing-xs); border: 2px solid var(--color-primary); border-radius: var(--radius-sm); margin: var(--spacing-md) var(--spacing-md) 0; display: inline-block; }
  .p-pricing__card-title { font-size: 2rem; font-weight: 600; color: var(--color-primary); text-align: center; margin: 0; line-height: 1.5; }
  .p-pricing__card-content { padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md); font-size: 1.6rem; font-weight: 400; text-align: center; line-height: 1.6; margin: 0; }
  
  .p-faq { background: var(--color-white); z-index: -11; }
  .p-faq__list { max-width: 960px; margin: 0 auto; }
  .p-faq__item { box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.08); border-radius: var(--radius-xl); border: 2px solid var(--color-light-gray); background: var(--color-white); margin-bottom: var(--spacing-sm); padding: var(--spacing-md); }
  .p-faq__q { display: flex; align-items: center; border-bottom: 1px solid var(--color-light-gray); padding-bottom: var(--spacing-sm); margin: 0; font-size: 2.2rem; }
  .p-faq__a { display: flex; align-items: center; padding-top: var(--spacing-sm); }
  .p-faq__a-text { flex: 1; line-height: 1.5; }
  .p-faq__a-link { transition: var(--transition-fast); color: var(--color-primary)!important ;}
  .p-faq__a-link:hover { opacity: 0.8; }
  .p-faq__mark-q, .p-faq__mark-a { width: 48px; height: 48px; min-width: 48px; flex-shrink: 0; margin-right: 12px; font-size: 3.2rem; border-radius: var(--radius-xl); display: flex; justify-content: center; align-items: center; font-family: 'Roboto', sans-serif; font-weight: normal; }
  .p-faq__mark-q { color: var(--color-white); background: var(--color-primary); }
  .p-faq__mark-a { color: var(--color-primary); background: var(--color-white); border: 2px solid var(--color-primary); }
  
  .p-closing { background: var(--color-primary); padding: var(--spacing-xxl) var(--spacing-md); z-index: -12; text-align: center; }
  .p-closing::before { display: none !important; }
  .p-closing__title { color: var(--color-white); font-size: 3.6rem; font-weight: 600; line-height: 1.6; margin-bottom: var(--spacing-lg); }
  .p-closing__subtitle { text-align: center; font-size: 2rem; color: var(--color-white); margin-bottom: var(--spacing-xxl); font-weight: 400; line-height: 1.8; }
  .p-closing__cta { max-width: 1000px; margin: 0 auto var(--spacing-xxl); display: flex; gap: var(--spacing-sm); justify-content: center; }
  .p-closing__btn { min-width: 300px; height: var(--spacing-xxl); }
  .p-closing__dl-title { font-size: 2rem; color: var(--color-white); margin-bottom: var(--spacing-md); font-weight: 500; }
  .p-closing__dl-btns { display: flex; gap: var(--spacing-md); justify-content: center; align-items: center; }
  .p-closing__badge { height: 44px; width: auto; display: block; }
  
  .p-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
  .p-modal.is-active { display: block; }
  .p-modal__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); }
  .p-modal__content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 1024px; background: var(--color-black); border-radius: var(--radius-lg); padding: var(--spacing-md); z-index: 1001; }
  .p-modal__close { position: absolute; top: -40px; right: 0; background: transparent; border: none; color: var(--color-white); font-size: 4rem; cursor: pointer; padding: 0; width: 40px; height: 40px; line-height: 1; transition: var(--transition-fast); }
  .p-modal__video { width: 100%; height: auto; border-radius: var(--radius-md); }
  .p-modal__credit { margin-top: var(--spacing-sm); font-size: 1.4rem; color: var(--color-white); text-align: center; line-height: 1.5; }
  .p-modal__credit a { color: var(--color-white) !important; text-decoration: underline; }
  
  /* PC 1240px以下 */
  @media screen and (max-width: 1240px) {
	.p-admin__content { max-width: 100%; padding: 0 var(--spacing-sm); }
	.p-admin__badge--lt, .p-admin__badge--lb { left: calc(50% - 400px); }
	.p-admin__badge--rt, .p-admin__badge--rb { right: calc(50% - 400px); }
  }
  
  /* TAB対応 (641px - 1024px) */
  @media screen and (min-width: 641px) and (max-width: 1024px) {
	.l-header { padding: var(--spacing-sm) var(--spacing-lg); }
	.c-hamburger { display: block; }
	.l-nav { position: fixed; top: var(--header-height); left: 0; width: 100%; height: calc(100vh - var(--header-height)); background: var(--color-white); transform: translateX(100%); transition: transform var(--transition-fast); overflow-y: auto; border-top: 1px solid var(--color-light-gray); }
	.l-nav.is-open { transform: translateX(0); }
	.l-nav__list { flex-direction: column; padding: var(--spacing-lg); gap: 0; }
	.l-nav__item { width: 100%; border-bottom: 1px solid var(--color-light-gray); }
	.l-nav__link { display: block; padding: var(--spacing-sm) 0; font-size: 1.8rem; }
	.l-nav__btn-group { flex-direction: column; width: 100%; margin-top: var(--spacing-md); gap: var(--spacing-sm); }
	.c-btn-nav { width: auto; font-size: 1.8rem; height: 56px; }
  
	.p-fv { min-height: 560px; }
	.p-fv__item--left { padding: var(--spacing-lg); }
	.p-fv__item--right { padding: var(--spacing-md); }
	.p-fv__app-logo { width: 64px; height: 64px; }
	.p-fv__caption { font-size: 1.2rem; }
	.p-fv__title { font-size: 1.8rem; }
	.p-fv__main-title { font-size: 2.6rem; padding: var(--spacing-sm); }
	.p-fv__cta { flex-direction: column; gap: var(--spacing-sm); }
	.p-fv__cta .c-btn { font-size: 1.6rem; min-height: 64px; }
  
	.p-issue__diagram { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); align-items: center; margin-bottom: var(--spacing-md); }
	.p-issue__bubble { padding: var(--spacing-sm); position: relative; }
	.p-issue__bubble .c-text { font-size: 1.6rem; }
	.p-issue__bubble--left { width: calc(50% - 8px); order: 1; top: 0; left: 0; }
	.p-issue__bubble--rt { width: 100%; order: 4; top: 0; right: 0; }
	.p-issue__img-wrap { width: 100%; order: 3; padding: var(--spacing-sm) 0; }
	.p-issue__img { max-width: 324px; }
	.p-issue__bubble--lb { width: calc(50% - 8px); order: 2; top: 0; left: 0; }
  
	.p-features { padding: var(--spacing-xl) var(--spacing-md); }
	.p-features__item { flex-direction: column; gap: var(--spacing-md); }
	.p-features__left { width: 100% !important; padding: 0; }
	.p-features__head-box { padding: var(--spacing-xs); margin-bottom: 0; display: block; border-radius: var(--radius-md) var(--radius-md) 0 0; }
	.p-features__title { text-align: center; }
	.p-features__lead { font-size: 2.4rem; line-height: 1.8; padding: var(--spacing-md) var(--spacing-lg) 0 var(--spacing-lg); }
	.p-features__right { width: 100% !important; gap: var(--spacing-md); padding: 0 var(--spacing-md); }
	.p-features__subtitle { font-size: 1.6rem; }
	.p-features__diagram { width: calc(100% - var(--spacing-md) * 2); margin: 0 var(--spacing-md) var(--spacing-md); padding: var(--spacing-md); }
	.p-features__diagram-title { font-size: 1.6rem; margin-bottom: var(--spacing-sm); }
	.p-features__diagram-img { max-width: 100%; }
  
	.p-admin { padding: var(--spacing-xl) var(--spacing-md); }
	.p-admin__subtitle { margin-bottom: var(--spacing-xl); }
	.p-admin__content { min-height: auto; padding: var(--spacing-xxl); }
	.p-admin__badge { flex-direction: column; position: absolute; padding: var(--spacing-sm); gap: var(--spacing-xxs); width: calc(50% - var(--spacing-xs)); text-align: center; z-index: 2; }
	.p-admin__badge--lt { left: 0; top: 0; }
	.p-admin__badge--rt { right: 0; top: 0; }
	.p-admin__badge--lb { left: 0; bottom: 0; }
	.p-admin__badge--rb { right: 0; bottom: 0; }
	.p-admin__check { width: 28px; height: 28px; }
  
	.p-flow { padding: var(--spacing-xl) var(--spacing-md); }
	.p-flow__step { gap: var(--spacing-sm); }
	.p-flow__num { font-size: 1.6rem; min-width: 70px; }
	.p-flow__border { min-height: 80px; }
	.p-flow__icon { width: 64px; height: 64px; }
	.p-flow__step-title { font-size: 1.8rem; }
	.p-flow__promo { padding: var(--spacing-lg); min-height: 140px; }
	.p-flow__promo-text { font-size: 2.0rem; }
  
	.p-pricing { padding: var(--spacing-xl) var(--spacing-md); }
	.p-pricing__subtitle { font-size: 1.8rem; margin-bottom: var(--spacing-lg); }
	.p-pricing__cards { gap: var(--spacing-md); }
	.p-pricing__card { max-width: 300px; }
	.p-pricing__card-title { font-size: 1.8rem; }
	.p-pricing__card-content { font-size: 1.4rem; }
  
	.p-closing { padding: var(--spacing-xl) var(--spacing-md); }
	.p-closing__title { font-size: 3rem; margin-bottom: var(--spacing-md); }
	.p-closing__subtitle { font-size: 1.8rem; margin-bottom: var(--spacing-lg); }
	.p-closing__cta { gap: var(--spacing-md); }
	.p-closing__btn { font-size: 1.8rem; min-width: 280px; padding: var(--spacing-sm) var(--spacing-lg); }
	.p-closing__dl-title { font-size: 1.8rem; }
	.p-closing__badge { height: 48px; }

	.u-sp-only { display: none; }
  }
  
  /* SP対応 (640px以下) */
  @media screen and (max-width: 640px) {
	.l-header { justify-content: space-between; }
	.c-hamburger { display: block; }
	.l-nav { position: fixed; top: var(--header-height); left: 0; width: 100%; height: calc(100vh - var(--header-height)); background: var(--color-white); transform: translateX(100%); transition: transform var(--transition-fast); overflow-y: auto; border-top: 1px solid var(--color-light-gray); }
	.l-nav.is-open { transform: translateX(0); }
	.l-nav__list { flex-direction: column; padding: var(--spacing-md); gap: 0; }
	.l-nav__item { width: 100%; border-bottom: 1px solid var(--color-light-gray); }
	.l-nav__link { display: block; padding: var(--spacing-sm) 0; font-size: 1.6rem; }
	.l-nav__btn-group { flex-direction: column; width: 100%; margin-top: var(--spacing-md); gap: var(--spacing-sm); }
	.c-btn-nav { width: auto; padding: var(--spacing-sm); }
	.c-btn { width: 100%; }
  
	.l-section { flex-direction: column; }
	.c-heading-lg { font-size: 2.4rem; margin-bottom: var(--spacing-sm); }
	.l-article { padding: var(--spacing-xl) var(--spacing-sm); }
  
	.p-fv { flex-direction: column; min-height: auto; padding: var(--spacing-sm); gap: var(--spacing-sm); background-image: url(img/sp-firstview-img01.jpg); background-size: 100% 100%, cover; background-position: center, center top; }
	.p-fv__inner { flex-direction: column; }
	.p-fv__item { width: 100%; }
	.p-fv__item--left { padding: var(--spacing-sm); order: 1; margin: 0 auto; position: relative; z-index: 2; }
	.p-fv__item--right { padding: 0; order: 2; overflow: visible; position: relative; z-index: 1; }
	.p-fv__logo-area { flex-direction: row; align-items: center; text-align: left; gap: var(--spacing-xs); margin-bottom: var(--spacing-xs); }
	.p-fv__app-logo { width: 48px; height: 48px; }
	.p-fv__caption { font-size: 1rem; }
	.p-fv__title { font-size: 1.4rem; }
	.p-fv__main-title { font-size: 2.0rem; margin-bottom: var(--spacing-xs); text-align: left; width: 100%; line-height: 1.8; }
	.p-fv__title-line { padding: var(--spacing-xxs) var(--spacing-sm) ; font-size: 2.8rem; margin-bottom: var(--spacing-xs); }
	.p-fv__title-line--1 { display: inline-block !important; }
	.p-fv__title-line--2 { display: none !important; }
	.p-fv__title-line--3 { display: inline-block !important; }
	.p-fv__title-line--4 { display: inline-block !important; }
	.p-fv__desc { font-size: 1.3rem; margin-bottom: var(--spacing-md); }
	.p-fv__cta { flex-direction: column; gap: var(--spacing-sm); }
	.c-caption-sm { font-size: 1.5rem; }
	.p-fv__cta .c-btn { font-size: 1.6rem; min-height: 64px; padding: var(--spacing-sm) var(--spacing-lg); }
	.p-fv__mockup { max-height: 280px; width: 100%; max-width: 500px; margin: 0 auto; display: block; }
	.p-fv__img-wrap { overflow: visible; position: relative; z-index: 1; display: flex; justify-content: center; align-items: flex-start; }
  
	.p-issue { padding: var(--spacing-xl) var(--spacing-sm); }
	.p-issue__content h2 { font-size: 2.2rem; margin-bottom: var(--spacing-md); }
	.p-issue__diagram { position: relative; margin-bottom: var(--spacing-md); display: flex; flex-wrap: wrap; gap: var(--spacing-xs); align-items: center; }
	.p-issue__bubble { padding: var(--spacing-sm); position: relative; }
	.p-issue__bubble .c-text { font-size: 1.3rem; }
	.p-issue__bubble--left { width: calc(50% - 4px); order: 1; top: 0; left: 0; }
	.p-issue__bubble--rt { width: 100%; order: 4; top: 0; right: 0; }
	.p-issue__img-wrap { width: 100%; order: 3; padding: var(--spacing-sm) 0; }
	.p-issue__img { max-width: 240px; }
	.p-issue__bubble--lb { width: calc(50% - 4px); order: 2; top: 0; left: 0; }
	.p-issue__desc { margin-top: var(--spacing-md); }
	.p-issue__text { font-size: 1.6rem; }
  
	.p-cv__badge { padding: var(--spacing-sm) var(--spacing-md); border-radius: 32px; }
	.p-cv__badge-text { font-size: 1.6rem; line-height: 1.6; }
	.p-cv__title { font-size: 3.2rem; line-height: 1.3; }
  
	.p-service { padding: var(--spacing-xl) var(--spacing-sm); }
	.p-service__diagram { margin-bottom: var(--spacing-sm); }
	.p-service__diagram-img { max-width: 100%; }
	.p-service__desc { font-size: 1.6rem; margin-bottom: var(--spacing-md); text-align: left; }
	.p-video-banner { gap: var(--spacing-sm); border-radius: var(--radius-lg); }
	.p-video-banner__text { font-size: 1.6rem; }
	.p-video-banner__thumb { width: 100%; max-width: 136px; }
  
	.p-features { padding: var(--spacing-xl) var(--spacing-sm); }
	.p-features__item { flex-direction: column; margin-bottom: var(--spacing-sm); gap: var(--spacing-sm); }
	.p-features__left { width: 100% !important; padding: 0; }
	.p-features__head-box { padding: var(--spacing-xs); margin-bottom: var(--spacing-sm); display: block; border-radius: var(--radius-md) var(--radius-md) 0 0; }
	.p-features__title { font-size: 1.8rem; text-align: center; }
	.p-features__lead { font-size: 1.8rem; line-height: 1.6; padding: 0 var(--spacing-sm); }
	.p-features__right { width: 100% !important; gap: var(--spacing-sm); padding: 0 var(--spacing-sm); }
	.p-features__icon { width: 48px; height: 48px; align-self: flex-start; }
	.p-features__sub-title { font-size: 1.6rem; }
	.p-features__text { font-size: 1.3rem; }
	.p-features__diagram { width: calc(100% - var(--spacing-sm) * 2); margin: 0 var(--spacing-sm) var(--spacing-sm); padding: var(--spacing-sm); }
	.p-features__diagram-title { font-size: 1.4rem; margin-bottom: var(--spacing-sm); }
	.p-features__diagram-img { max-width: 100%; }
  
	.p-admin { padding: var(--spacing-xl) var(--spacing-sm); }
	.p-admin__subtitle { font-size: 1.6rem; }
	.p-admin__content { min-height: auto; padding: var(--spacing-xxl) 0; }
	.p-admin__center { position: relative; z-index: 1; }
	.p-admin__badge { flex-direction: column; position: absolute; padding: var(--spacing-xs); gap: var(--spacing-xs); width: calc(50% - var(--spacing-xs)); text-align: center; z-index: 2; }
	.p-admin__check { width: 32px; height: 32px; }
	.p-admin__badge-text { font-size: 1.2rem; line-height: 1.4; }
	.p-admin__badge--lt { top: 32px; left: 0; }
	.p-admin__badge--rt { top: 32px; right: 0; }
	.p-admin__badge--lb { bottom: 32px; left: 0; }
	.p-admin__badge--rb { bottom: 32px; right: 0; }
  
	.p-flow { padding: var(--spacing-lg) var(--spacing-sm); }
	.p-flow__subtitle { font-size: 1.8rem; margin-bottom: var(--spacing-md); line-height: 1.6; }
	.p-flow__steps { margin-bottom: var(--spacing-xs); }
	.p-flow__num { font-size: 1.2rem; min-width: 40px; }
	.p-flow__content { gap: var(--spacing-sm); }
	.p-flow__border { margin: 0 var(--spacing-sm) 0 var(--spacing-xs); }
	.p-flow__icon { width: 40px; height: 40px; }
	.p-flow__step-title { font-size: 1.6rem; }
	.p-flow__step-desc { font-size: 1.3rem; }
	.p-flow__promo { padding: var(--spacing-sm); min-height: 108px; margin-top: var(--spacing-lg); }
	.p-flow__promo-text { font-size: 1.6rem; line-height: 1.4; }
	.p-flow__arrow { justify-content: center; padding-left: 0; margin: var(--spacing-xxs) 0; }
  
	.p-pricing { padding: var(--spacing-lg) var(--spacing-sm); }
	.p-pricing__subtitle { font-size: 1.8rem; margin-bottom: var(--spacing-md); line-height: 1.6; }
	.p-pricing__cards { flex-direction: column; gap: var(--spacing-md); max-width: 100%; }
	.p-pricing__card { max-width: 100%; }
	.p-pricing__card-head { margin: var(--spacing-sm) var(--spacing-sm) 0; }
	.p-pricing__card-title { font-size: 2rem; }
	.c-caption-sm { font-size: 1.4rem; }
	.p-pricing .c-btn { font-size: 1.6rem; min-width: auto; width: 100%; padding: var(--spacing-md) var(--spacing-lg); }
  
	.p-faq__item { padding: var(--spacing-sm) 20px var(--spacing-sm) 12px; margin-bottom: var(--spacing-xs); border-radius: var(--spacing-sm); }
	.p-faq__q { font-size: 1.5rem; padding-bottom: 0; margin-bottom: 0; padding-right: var(--spacing-lg); border: none; }
	.p-faq__q::after { content: ""; position: absolute; right: 0; top: 50%; width: var(--spacing-xs); height: var(--spacing-xs); border-right: 2px solid var(--color-primary); border-bottom: 2px solid var(--color-primary); transform: translateY(-50%) rotate(45deg); transition: transform var(--transition-fast); }
	.p-faq__q.is-open::after { transform: translateY(-25%) rotate(-135deg); }
	.p-faq__a { max-height: 0; overflow: hidden; opacity: 0; padding-top: 0; transition: max-height var(--transition-fast), opacity var(--transition-fast), padding var(--transition-fast); display: block; }
	.p-faq__a.is-open { max-height: 500px; opacity: 1; margin-top: 12px; padding-top: 12px; font-size: 1.4rem; border-top: 1px solid var(--color-light-gray); display: flex; }
	.p-faq__item.is-active { border-color: var(--color-primary); }
	.p-faq__mark-q, .p-faq__mark-a { width: 32px; height: 32px; min-width: 32px; font-size: 1.8rem; }
  
	.p-closing { padding: var(--spacing-lg) var(--spacing-sm); }
	.p-closing__title { font-size: 2.2rem; margin-bottom: var(--spacing-sm); line-height: 1.5; }
	.p-closing__subtitle { font-size: 1.4rem; margin-bottom: var(--spacing-md); line-height: 1.6; }
	.p-closing__cta { flex-direction: column; gap: var(--spacing-sm); margin-bottom: var(--spacing-lg); }
	.p-closing__btn { font-size: 1.6rem; min-width: auto; width: 100%; padding: var(--spacing-sm) var(--spacing-xl); }
	.p-closing__btn .c-icon-arrow { right: var(--spacing-xs); }
	.p-closing__dl-title { font-size: 1.6rem; margin-bottom: var(--spacing-sm); }
	.p-closing__dl-btns { gap: var(--spacing-sm); }
	
	.video-modal-content { width: 95%; padding: var(--spacing-sm); }
	.video-modal-close { top: -36px; font-size: 3.2rem; }

	.u-sp-only { display: block; }
  }