.prefectural-lp-page {
  --prefectural-navy: #173b5f;
  --prefectural-navy-dark: #102d49;
  --prefectural-teal: #1f9da5;
  --prefectural-gold: #b88d4a;
  --prefectural-cream: #fbf8f1;
  --prefectural-line: rgba(23, 59, 95, .16);
  color: var(--tb-ink);
  font-size: 1.1rem;
}

.prefectural-lp-page .prefectural-small-community-branch {
  position: relative;
  overflow: visible;
  padding: 38px 0 20px;
  border-top: 1px solid rgba(23, 59, 95, .1);
  border-bottom: 1px solid rgba(23, 59, 95, .1);
  background: #f3f7f8;
}

.prefectural-lp-page .prefectural-branch-badge {
  	position: absolute;
  	z-index: 2;
  	top: -53px;
  	left: max(28px, calc((100% - 1200px) / 2 + 24px));
  	padding: 9px 17px;
  	border: 1px solid #fff;
  	border-radius: 12px;
  	background: #10a89d;
  	box-shadow: 0 0 0 4px #10a89d, 0 5px 12px rgba(0, 0, 0, .15);
  	color: #fff;
  	font-size: 1.4rem;
  	font-weight: 500;
  	line-height: 1.3;
	letter-spacing: 4px;  
  	text-align: center;
	text-decoration: none;
  	transform: rotate(-5deg);
}

.prefectural-lp-page .prefectural-small-community-branch__inner {
  	display: flex;
  	gap: 28px;
  	align-items: center;
  	justify-content: space-between;
  	padding: 20px 24px;
  	border-left: 4px solid #1f9da5;
 	 background: rgba(255, 255, 255, .72);
}
.prefectural-lp-page .prefectural-small-community-branch h2 {
  margin: 0 0 8px;
  font-size: clamp(1.05rem, 1.7vw, 1.35rem);
  line-height: 1.45;
}

.prefectural-lp-page .prefectural-small-community-branch p {
  margin: 0;
  color: var(--tb-muted);
  font-size: .9rem;
  line-height: 1.7;
}

.prefectural-lp-page .prefectural-small-community-branch a:not(.prefectural-branch-badge) {
  flex: 0 0 auto;
  color: var(--prefectural-navy);
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.6;
  text-align: right;
  text-decoration: none;
}

.prefectural-lp-page .prefectural-small-community-branch a:not(.prefectural-branch-badge):hover {
  color: var(--prefectural-teal);
}

@media (max-width: 720px) {
  .prefectural-lp-page .prefectural-small-community-branch {
    padding-top: 32px;
  }

  .prefectural-lp-page .prefectural-branch-badge {
    top: -15px;
    left: 22px;
    padding: 7px 12px;
    font-size: .82rem;
    transform: rotate(-3deg);
  }

  .prefectural-lp-page .prefectural-small-community-branch__inner {
    display: block;
  }

  .prefectural-lp-page .prefectural-small-community-branch a:not(.prefectural-branch-badge) {
    display: inline-block;
    margin-top: 14px;
    text-align: left;
  }
}

.prefectural-lp-page .prefectural-hero {
    padding: clamp(10px, 2vw, 10px) 0 88px;   
   background: linear-gradient(135deg, #eef6f8 0%, #fff 58%, #fbf8f1 100%);
}

.prefectural-lp-page .prefectural-hero__grid,
.prefectural-lp-page .prefectural-copy-layout {
   	display: grid;
   	grid-template-columns: minmax(0, 1.0fr) minmax(420px, 1.0fr);
	gap: clamp(10px, 1vw, 20px);   
   	align-items: center;
}

.prefectural-lp-page .prefectural-hero__content,
.prefectural-lp-page .prefectural-copy-layout > * {
   min-width: 0;
   
}

.prefectural-lp-page .breadcrumb {
   /*margin-bottom: 52px;*/
   
}

.prefectural-lp-page .prefectural-label {
   margin: 0 0 19px;
   color: var(--prefectural-teal);
   font-size: .76rem;
   font-weight: 800;
   letter-spacing: .18em;
   
}

.prefectural-lp-page h1,.prefectural-lp-page h2,.prefectural-lp-page h3,.prefectural-lp-page p,.prefectural-lp-page li {
   overflow-wrap: anywhere;
   
}

.prefectural-lp-page h1 {
   margin: 0;
   color: var(--prefectural-navy-dark);
   font-size: clamp(1.8rem, 3.8vw, 2.85rem);   
   line-height: 1.25;
   letter-spacing: .01em;
}

.prefectural-lp-page h1 em {
   color: var(--prefectural-teal);
   font-style: normal;
   
}

.prefectural-lp-page h2 {
   margin: 0;
   color: var(--prefectural-navy-dark);
   font-size: clamp(1.8rem, 3.3vw, 3rem);
   line-height: 1.45;
   
}

.prefectural-lp-page .prefectural-section--navy h2,
.prefectural-lp-page .prefectural-section--navy h3,
.prefectural-lp-page .prefectural-section--navy p,
.prefectural-lp-page .prefectural-section--navy li {
   color: #fff;
   
}

.prefectural-lp-page .prefectural-lead {
	margin: 27px 0 0;
	color: var(--tb-muted);
    color: var(--tb-ink);
   	line-height: 2;
   
}

.prefectural-lp-page .prefectural-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 32px;
   
}

.prefectural-lp-page .prefectural-note {
   margin: 24px 0 0;
   color: var(--tb-muted);
   font-size: .88rem;
   line-height: 1.8;
   
}

.prefectural-lp-page .prefectural-note--center {
   text-align: center;
   
}


.prefectural-lp-page .prefectural-hero-visual {
   position: relative;
   min-width: 0;
   min-height: 0;
   padding: 0;
   overflow: hidden;
   border: 1px solid rgba(31,157,165,.18);
   border-radius: 30px;
   background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.98), rgba(231,245,246,.88) 62%, rgba(251,248,241,.78));
   box-shadow: 0 22px 55px rgba(23,59,95,.12);
   
}

.prefectural-lp-page .prefectural-hero-visual img {
   display: block;
   width: 100%;
   height: auto;
}

.prefectural-lp-page .prefectural-hero-visual__line {
   position: absolute;
   left: 50%;
   width: 1px;
   background: linear-gradient(to bottom, transparent, rgba(31,157,165,.45), transparent);
   transform-origin: center;
   
}

.prefectural-lp-page .prefectural-hero-visual__line--one {
   top: 102px;
   height: 250px;
   transform: rotate(62deg);
   
}

.prefectural-lp-page .prefectural-hero-visual__line--two {
   top: 102px;
   height: 250px;
   transform: rotate(-62deg);
   
}

.prefectural-lp-page .prefectural-hero-node,.prefectural-lp-page .prefectural-hero-core {
   position: absolute;
   display: grid;
   place-items: center;
   text-align: center;
   
}

.prefectural-lp-page .prefectural-hero-node {
   width: 184px;
   min-height: 120px;
   padding: 18px 14px;
   border: 1px solid rgba(31,157,165,.2);
   border-top: 4px solid var(--prefectural-teal);
   border-radius: 18px;
   background: rgba(255,255,255,.96);
   box-shadow: 0 12px 24px rgba(23,59,95,.08);
   
}

.prefectural-lp-page .prefectural-hero-node span {
   color: var(--prefectural-gold);
   font-size: .7rem;
   font-weight: 800;
   letter-spacing: .12em;
   
}

.prefectural-lp-page .prefectural-hero-node strong {
   margin-top: 8px;
   color: var(--prefectural-navy);
   font-size: 1.05rem;
   
}

.prefectural-lp-page .prefectural-hero-node small {
   margin-top: 5px;
   color: var(--tb-muted);
   font-size: .78rem;
   
}

.prefectural-lp-page .prefectural-hero-node--people {
   top: 46px;
   left: 50%;
   transform: translateX(-50%);
   
}

.prefectural-lp-page .prefectural-hero-node--place {
   bottom: 46px;
   left: 34px;
   border-top-color: #2e9a72;
   
}

.prefectural-lp-page .prefectural-hero-node--chance {
   right: 34px;
   bottom: 46px;
   border-top-color: var(--prefectural-gold);
   
}

.prefectural-lp-page .prefectural-hero-core {
   top: 50%;
   left: 50%;
   width: 210px;
   min-height: 150px;
   padding: 24px;
   border-radius: 50%;
   background: linear-gradient(145deg, var(--prefectural-navy), #236b7e);
   color: #fff;
   transform: translate(-50%, -50%);
   box-shadow: 0 18px 36px rgba(23,59,95,.18);
   
}

.prefectural-lp-page .prefectural-hero-core small {
   color: #a9ebe4;
   font-size: .68rem;
   font-weight: 800;
   letter-spacing: .16em;
   
}

.prefectural-lp-page .prefectural-hero-core strong {
   margin-top: 10px;
   font-size: 1.5rem;
   
}

.prefectural-lp-page .prefectural-hero-core span {
   margin-top: 8px;
   color: rgba(255,255,255,.78);
   font-size: .78rem;
   line-height: 1.6;
   
}


.prefectural-lp-page .prefectural-section {
   padding: clamp(42px, 5vw, 128px) 0;
   background: #fff;
   
}

.prefectural-lp-page .prefectural-section--warm {
   background: var(--prefectural-cream);
   
}

.prefectural-lp-page .prefectural-section--navy {
   background: linear-gradient(135deg, var(--prefectural-navy-dark), #1b536b);
   
}

.prefectural-lp-page .prefectural-section--contact {
   background: linear-gradient(135deg, #e9f5f5, #fbf8f1);
   
}

.prefectural-lp-page .prefectural-copy-layout {
   align-items: start;
   
}

.prefectural-lp-page .prefectural-copy {
   max-width: 820px;
   color: var(--tb-muted);
   line-height: 2;
   
}

.prefectural-lp-page .prefectural-copy--wide {
   max-width: 960px;
   margin-top: 26px;
   
}

.prefectural-lp-page .prefectural-copy p {
   margin: 0;
   
}

.prefectural-lp-page .prefectural-copy p + p {
   margin-top: 1.15em;
   
}

.prefectural-lp-page .prefectural-callout {
   margin-top: 28px !important;
   padding: 16px 20px;
   border-left: 4px solid var(--prefectural-gold);
   color: var(--prefectural-navy) !important;
   font-weight: 800;
   
}

.prefectural-lp-page .prefectural-section--navy .prefectural-callout {
   color: #fff !important;
   
}

.prefectural-lp-page .prefectural-card-grid {
   display: grid;
   gap: 18px;
   margin-top: 40px;
   
}

.prefectural-lp-page .prefectural-card-grid--3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
   
}

.prefectural-lp-page .prefectural-card-grid--4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
   
}

.prefectural-lp-page .prefectural-card,.prefectural-lp-page .prefectural-feature {
   min-width: 0;
   padding: 28px 22px;
   border: 1px solid var(--prefectural-line);
   border-top: 4px solid var(--prefectural-teal);
   border-radius: 18px;
   background: #fff;
   box-shadow: 0 15px 34px rgba(23,59,95,.06);
   
}

.prefectural-lp-page .prefectural-card > span,.prefectural-lp-page .prefectural-feature > span {
   display: block;
   color: var(--prefectural-gold);
   font-size: 2.35rem;
   font-weight: 300;
   line-height: 1;
   
}

.prefectural-lp-page .prefectural-card h3,.prefectural-lp-page .prefectural-feature h3 {
   margin: 17px 0 0;
   color: var(--prefectural-navy);
   font-size: 1.05rem;
   line-height: 1.5;
   
}

.prefectural-lp-page .prefectural-card p,.prefectural-lp-page .prefectural-card li,.prefectural-lp-page .prefectural-feature p {
   color: var(--tb-muted);
   line-height: 1.8;
   
}

.prefectural-lp-page .prefectural-card p {
   margin: 15px 0 0;
   
}

.prefectural-lp-page .prefectural-card ul,.prefectural-lp-page .prefectural-security-grid ul {
   margin: 18px 0 0;
   padding-left: 1.1em;
   
}

.prefectural-lp-page .prefectural-card li + li,.prefectural-lp-page .prefectural-security-grid li + li {
   margin-top: 6px;
   
}

.prefectural-lp-page .prefectural-approach-grid {
   margin-top: 42px;
   
}

.prefectural-lp-page .prefectural-mini-card {
   min-width: 0;
   padding: 23px 18px;
   border: 1px solid rgba(255,255,255,.25);
   border-radius: 15px;
   background: rgba(255,255,255,.09);
   
}

.prefectural-lp-page .prefectural-mini-card b {
   color: #9de4df;
   font-size: 1.6rem;
   font-weight: 300;
   
}

.prefectural-lp-page .prefectural-mini-card h3 {
   margin: 15px 0 0;
   font-size: 1.02rem;
   line-height: 1.55;
   
}

.prefectural-lp-page .prefectural-mini-card p {
   margin: 12px 0 0;
   color: rgba(255,255,255,.78);
   font-size: .88rem;
   line-height: 1.8;
   
}


.prefectural-lp-page .prefectural-diagram {
   display: block;
   max-width: 1160px;
   margin: 46px auto 0;
   
}

.prefectural-lp-page .prefectural-diagram img {
   display: block;
   width: 100%;
   height: auto;
   border-radius: 22px;
   box-shadow: 0 18px 40px rgba(23,59,95,.1);
   
}

.prefectural-lp-page .prefectural-platform-details {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
   max-width: 1160px;
   margin: 28px auto 0;
   
}

.prefectural-lp-page .prefectural-platform-details article {
   min-width: 0;
   padding: 22px 18px;
   border: 1px solid var(--prefectural-line);
   border-top: 4px solid var(--prefectural-teal);
   border-radius: 15px;
   background: #fff;
   
}

.prefectural-lp-page .prefectural-platform-details h3 {
   margin: 0;
   color: var(--prefectural-navy);
   font-size: 1rem;
   line-height: 1.5;
   
}

.prefectural-lp-page .prefectural-platform-details ul {
   display: grid;
   gap: 6px;
   margin: 14px 0 0;
   padding: 0;
   color: var(--tb-muted);
   font-size: .84rem;
   line-height: 1.65;
   list-style: none;
   
}

.prefectural-lp-page .prefectural-platform-details li::before {
   margin-right: 6px;
   color: var(--prefectural-teal);
   content: "•";
   
}

.prefectural-lp-page .prefectural-platform-details article:nth-child(4n+2) {
   border-top-color: #3b73b9;
   
}

.prefectural-lp-page .prefectural-platform-details article:nth-child(4n+3) {
   border-top-color: var(--prefectural-gold);
   
}

.prefectural-lp-page .prefectural-platform-details article:nth-child(4n+4) {
   border-top-color: #2e9a72;
   
}

.prefectural-lp-page .prefectural-section__cta {
   margin-top: 30px;
   text-align: center;
   
}

.prefectural-lp-page .prefectural-check-list {
   display: grid;
   gap: 9px;
   margin: 24px 0 0;
   padding: 0;
   color: var(--tb-muted);
   list-style: none;
   line-height: 1.7;
   
}

.prefectural-lp-page .prefectural-check-list li::before {
   margin-right: 9px;
   color: var(--prefectural-teal);
   content: "✓";
   font-weight: 800;
   
}

.prefectural-lp-page .prefectural-flow {
   display: grid;
   grid-template-columns: 1fr auto 1fr auto 1fr;
   gap: 10px;
   align-items: center;
   margin-top: 28px;
   
}

.prefectural-lp-page .prefectural-flow article {
   min-width: 0;
   padding: 18px 12px;
   border: 1px solid rgba(31,157,165,.24);
   border-top: 4px solid var(--prefectural-teal);
   border-radius: 15px;
   background: #fff;
   text-align: center;
   
}

.prefectural-lp-page .prefectural-flow b {
   display: block;
   color: var(--prefectural-gold);
   font-size: 1.5rem;
   font-weight: 300;
   
}

.prefectural-lp-page .prefectural-flow strong {
   display: block;
   margin-top: 8px;
   color: var(--prefectural-navy);
   font-size: .9rem;
   
}

.prefectural-lp-page .prefectural-flow span {
   display: block;
   margin-top: 5px;
   color: var(--tb-muted);
   font-size: .72rem;
   
}

.prefectural-lp-page .prefectural-flow i {
   color: var(--prefectural-teal);
   font-size: 1.3rem;
   font-style: normal;
   
}

.prefectural-lp-page .prefectural-public-private {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 220px minmax(0, 1fr);
   gap: 18px;
   align-items: center;
   margin-top: 42px;
   
}

.prefectural-lp-page .prefectural-public-private article {
   min-width: 0;
   padding: 28px 24px;
   border: 1px solid var(--prefectural-line);
   border-radius: 18px;
   background: #fff;
   
}

.prefectural-lp-page .prefectural-public-private article > p {
   margin: 0;
   color: var(--prefectural-teal);
   font-size: .74rem;
   font-weight: 800;
   letter-spacing: .18em;
   
}

.prefectural-lp-page .prefectural-public-private article:last-child > p {
   color: var(--prefectural-gold);
   
}

.prefectural-lp-page .prefectural-public-private h3 {
   margin: 14px 0 0;
   color: var(--prefectural-navy);
   font-size: 1.2rem;
   
}

.prefectural-lp-page .prefectural-public-private ul {
   margin: 16px 0 0;
   padding-left: 1.1em;
   color: var(--tb-muted);
   line-height: 1.8;
   
}

.prefectural-lp-page .prefectural-public-private__middle {
   display: grid;
   place-items: center;
   min-height: 150px;
   color: var(--prefectural-navy);
   text-align: center;
   
}

.prefectural-lp-page .prefectural-public-private__middle strong {
   font-size: 1rem;
   line-height: 1.7;
   
}

.prefectural-lp-page .prefectural-public-private__middle span {
   margin-top: 9px;
   color: var(--tb-muted);
   font-size: .75rem;
   
}

.prefectural-lp-page .prefectural-tag-list {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-top: 24px;
   
}

.prefectural-lp-page .prefectural-tag-list span {
   padding: 7px 11px;
   border: 1px solid rgba(31,157,165,.22);
   border-radius: 99px;
   color: var(--prefectural-navy);
   background: #fff;
   font-size: .8rem;
   
}

.prefectural-lp-page .prefectural-compare {
   display: grid;
   gap: 16px;
   margin-top: 42px;
   
}

.prefectural-lp-page .prefectural-compare article {
   display: grid;
   grid-template-columns: minmax(140px, .3fr) minmax(0, .75fr) minmax(0, .9fr);
   gap: 18px;
   align-items: stretch;
   padding: 22px;
   border: 1px solid var(--prefectural-line);
   border-radius: 16px;
   background: #fff;
   
}

.prefectural-lp-page .prefectural-compare h3 {
   align-self: center;
   margin: 0;
   color: var(--prefectural-navy);
   font-size: 1.05rem;
   
}

.prefectural-lp-page .prefectural-compare article > div {
   padding: 17px;
   border-radius: 11px;
   background: #f2f5f6;
   
}

.prefectural-lp-page .prefectural-compare article .prefectural-compare__after {
   background: #e5f3f1;
   
}

.prefectural-lp-page .prefectural-compare b {
   color: var(--prefectural-gold);
   font-size: .78rem;
   
}

.prefectural-lp-page .prefectural-compare__after b {
   color: var(--prefectural-teal);
   
}

.prefectural-lp-page .prefectural-compare p {
   margin: 9px 0 0;
   color: var(--tb-muted);
   font-size: .9rem;
   line-height: 1.75;
   
}

.prefectural-lp-page .prefectural-feature-grid {
   margin-top: 40px;
   
}

.prefectural-lp-page .prefectural-security-grid article {
   min-width: 0;
   padding: 28px 24px;
   border: 1px solid var(--prefectural-line);
   border-top: 4px solid var(--prefectural-teal);
   border-radius: 16px;
   background: #fff;
   
}

.prefectural-lp-page .prefectural-security-grid h3 {
   margin: 0;
   color: var(--prefectural-navy);
   font-size: 1.2rem;
   
}

.prefectural-lp-page .prefectural-security-grid li {
   color: var(--tb-muted);
   line-height: 1.75;
   
}

.prefectural-lp-page .prefectural-process-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 16px;
   margin-top: 42px;
   
}

.prefectural-lp-page .prefectural-process-grid article {
   min-width: 0;
   padding: 25px 22px;
   border: 1px solid var(--prefectural-line);
   border-top: 4px solid var(--prefectural-teal);
   border-radius: 16px;
   background: #fff;
   
}

.prefectural-lp-page .prefectural-process-grid b {
   color: var(--prefectural-gold);
   font-size: .78rem;
   letter-spacing: .08em;
   
}

.prefectural-lp-page .prefectural-process-grid h3 {
   margin: 12px 0 0;
   color: var(--prefectural-navy);
   font-size: 1.02rem;
   line-height: 1.5;
   
}

.prefectural-lp-page .prefectural-process-grid p {
   margin: 14px 0 0;
   color: var(--tb-muted);
   line-height: 1.75;
   
}

.prefectural-lp-page .prefectural-contact {
   max-width: 850px;
   text-align: center;
   
}

.prefectural-lp-page .prefectural-contact h2 {
   color: var(--prefectural-navy);
   
}

.prefectural-lp-page .prefectural-contact > p {
   max-width: 750px;
   margin: 18px auto 0;
   color: var(--tb-muted);
   line-height: 1.9;
   
}

.prefectural-lp-page .prefectural-contact .site-button {
   margin-top: 28px;
   
}

.prefectural-lp-page .prefectural-contact small {
   display: block;
   margin-top: 16px;
   color: var(--tb-muted);
   
}

.prefectural-lp-page a:focus-visible {
   outline: 3px solid rgba(31,157,165,.4);
   outline-offset: 3px;
   
}


@media (max-width: 1100px) {
  
  .prefectural-lp-page .prefectural-hero__grid {
     grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
     gap: 24px;
     
  }
  
  .prefectural-lp-page .prefectural-card-grid--4,.prefectural-lp-page .prefectural-approach-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     
  }
  
  .prefectural-lp-page .prefectural-platform-details {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     
  }
  

}

@media (max-width: 960px) {
  
  .prefectural-lp-page .prefectural-hero__grid,.prefectural-lp-page .prefectural-copy-layout {
     grid-template-columns: 1fr;
     
  }
  
  .prefectural-lp-page .prefectural-hero-visual {
     max-width: 820px;
     width: 100%;
     margin: 0 auto;
     
  }
  

}

@media (max-width: 720px) {
  .prefectural-lp-page .breadcrumb {
     
/*  	margin-bottom: 30px;*/
     
  
  }
  
  .prefectural-lp-page .prefectural-actions {
     display: grid;
     
  }
  
  .prefectural-lp-page .prefectural-actions a {
     width: 100%;
     justify-content: center;
     
  }
  
  .prefectural-lp-page .prefectural-hero-visual {
      border-radius: 23px;
      
  }
  
  .prefectural-lp-page .prefectural-hero-node {
     width: 142px;
     min-height: 106px;
     padding: 13px 10px;
     
  }
  
  .prefectural-lp-page .prefectural-hero-node strong {
     font-size: .9rem;
     
  }
  
  .prefectural-lp-page .prefectural-hero-node small {
     font-size: .68rem;
     
  }
  
  .prefectural-lp-page .prefectural-hero-node--people {
     top: 28px;
     
  }
  
  .prefectural-lp-page .prefectural-hero-node--place {
     bottom: 28px;
     left: 15px;
     
  }
  
  .prefectural-lp-page .prefectural-hero-node--chance {
     right: 15px;
     bottom: 28px;
     
  }
  
  .prefectural-lp-page .prefectural-hero-core {
     width: 170px;
     min-height: 130px;
     padding: 17px;
     
  }
  
  .prefectural-lp-page .prefectural-hero-core strong {
     font-size: 1.2rem;
     
  }
  
  .prefectural-lp-page .prefectural-card-grid--3,.prefectural-lp-page .prefectural-card-grid--4,.prefectural-lp-page .prefectural-approach-grid,.prefectural-lp-page .prefectural-platform-details,.prefectural-lp-page .prefectural-process-grid {
     grid-template-columns: 1fr;
     
  }
  
  .prefectural-lp-page .prefectural-flow {
     grid-template-columns: 1fr;
     gap: 9px;
     
  }
  
  .prefectural-lp-page .prefectural-flow i {
     display: block;
     text-align: center;
     transform: rotate(90deg);
     
  }
  
  .prefectural-lp-page .prefectural-public-private {
     grid-template-columns: 1fr;
     gap: 12px;
     
  }
  
  .prefectural-lp-page .prefectural-public-private__middle {
     min-height: 80px;
     
  }
  
  .prefectural-lp-page .prefectural-compare article {
     grid-template-columns: 1fr;
     gap: 12px;
     padding: 18px;
     
  }
  
  .prefectural-lp-page .prefectural-compare h3 {
     margin-bottom: 2px;
     
  }
  
  .prefectural-lp-page .prefectural-diagram {
     margin-top: 32px;
     
  }
  
  .prefectural-lp-page .prefectural-diagram img {
     border-radius: 15px;
     
  }
  

}

@media (prefers-reduced-motion: reduce) {
  
  .prefectural-lp-page *, .prefectural-lp-page *::before, .prefectural-lp-page *::after {
     scroll-behavior: auto !important;
     transition-duration: .01ms !important;
     animation-duration: .01ms !important;
     animation-iteration-count: 1 !important;
     
  }
  

}

.use-case-cover {
  
  padding: 10px 0 0;
  
  background: transparent;
  

}


.use-case-cover .site-shell {
  position: relative;
  
  overflow: hidden;
  
  border-radius: 20px;
  
  aspect-ratio: 20 / 9;
  

}

.use-case-cover__caption {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid rgba(36, 87, 166, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #16365c;
  /*font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
  font-family: "Kosugi Maru", sans-serif;
  font-size: clamp(.9rem, 1.6vw, 1.15rem);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .04em;
  box-shadow: 0 8px 20px rgba(23, 59, 95, .10);
}

.use-case-cover__caption strong {
  color: #1f9da5;
  font-weight: 900;
}

@media (min-width: 1025px) {
  .use-case-cover__caption {
    font-size: 1.35rem;
  }
}


.use-case-cover img {
  
  display: block;
  
  width: 100%;
  
  height: 111.111%;
  
  object-fit: cover;
  
  transform: translateY(-5.555%);
  

}


@media (max-width: 760px) {
  
  .use-case-cover .site-shell {
    
    border-radius: 14px;
    
  
  }

  .use-case-cover__caption {
    top: auto;
    bottom: 14px;
    left: 14px;
    padding: 8px 12px;
    font-size: .86rem;
  }
  

}