.plan-local-nav .cont-inner { padding: 0 0 14rem; position: relative; }
.plan-local-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 800px; margin: auto; }
.plan-local-nav ul div, .plan-local-nav ul li { min-height: 0%; }
.plan-local-nav ul > li { width: 48%; }
.plan-local-nav ul > li a { display: flex; justify-content: center; align-items: stretch; width: 100%; color: #fff; line-height: 1.2; text-align: center; border-radius: 50vh; transition: all 0.4s; padding: 16px 8px; position: relative; filter: drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.24)); box-shadow: inset 0px 10px 16px rgba(0, 0, 0, 0.24); }
.plan-local-nav ul > li a::before { content: ""; display: block; width: min(1.5vw, 9px); aspect-ratio: 1/1; border: thin solid #fff; border-width: 0 1.5px 1.5px 0; position: absolute; right: 20px; top: 50%; transform: translateY(-75%) rotate(45deg); }
.plan-local-nav ul > li a:hover { filter: brightness(120%) drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.4)); }
.plan-local-nav ul > li .en, .plan-local-nav ul > li .ja { padding: 0 12px; letter-spacing: 0.05em; }
.plan-local-nav ul > li .en { font-family: "Lora", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; font-size: min(4vw, 2rem); border-right: 1.5px solid #fff; }
.plan-local-nav ul > li .ja { font-size: min(4vw, 2rem); }
.plan-local-nav ul > li.current a { filter: brightness(112%) drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.24)); }
.plan-local-nav ul > li.current a:hover { filter: brightness(128%) drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.4)); }
.plan-local-nav ul > li.sec1 a { background-color: #56b879; }
.plan-local-nav ul > li.sec2 a { background-color: #0896d5; }
.plan-local-nav .mas1 { width: min(12vw, 24vw, 200px); position: absolute; right: 0; top: 50%; transform: translateY(-25%); }
@media screen and (max-width: 600px) { .plan-local-nav .cont-inner { padding: 0 0 4rem; }
  .plan-local-nav ul { row-gap: 12px; }
  .plan-local-nav ul li { width: 80%; margin: auto; }
  .plan-local-nav .mas1 { width: min(20vw, 24vw, 200px); transform: translateY(28%); } }

.plan-sec-intro { background-color: #eef4f7; padding-top: 4rem; }
.plan-sec-intro .en-title .title-txt { color: #56b879; }
.plan-sec-intro .en-title::before, .plan-sec-intro .en-title::after { background-color: #76c8ce; }

.pl-sec-title { font-size: min(2.4vw, 2.8rem); padding-bottom: 4rem; position: relative; }
@media screen and (max-width: 600px) { .pl-sec-title { font-size: min(5vw, 24px); } }

.pl-sec-subtitle { font-size: min(2.4vw, 2.8rem); color: #006881; padding-bottom: 12px; position: relative; }
@media screen and (max-width: 600px) { .pl-sec-subtitle { font-size: min(4vw, 20px); } }

.pl-sec-block { padding-top: 6.4rem; }
@media screen and (max-width: 600px) { .pl-sec-block { padding-top: 4rem; } }

#PL-Plan .planning-contents .planning-container .plannning-spec-head { max-width: 800px; margin: auto; padding: 4rem 0 5.6rem; }
#PL-Plan .planning-contents .planning-select { padding-bottom: 4rem; }
#PL-Plan .planning-contents .planning-select > ul { max-width: 800px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#PL-Plan .planning-contents .planning-select > ul div, #PL-Plan .planning-contents .planning-select > ul li { min-height: 0%; }
#PL-Plan .planning-contents .planning-select > ul li { width: 48%; padding: 12px; border: 2px solid #65aadd; border-radius: 12px; cursor: pointer; transition: all 0.4s; }
#PL-Plan .planning-contents .planning-select > ul li .txt { font-size: min(3vw, 18px); text-align: center; line-height: 1.2; letter-spacing: 0.05em; color: #65aadd; }
#PL-Plan .planning-contents .planning-select > ul li:hover, #PL-Plan .planning-contents .planning-select > ul li.selected { background-color: #65aadd; pointer-events: auto; }
#PL-Plan .planning-contents .planning-select > ul li:hover .txt, #PL-Plan .planning-contents .planning-select > ul li.selected .txt { color: #fff; }
#PL-Plan .planning-contents .planning-detail-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3.2rem 4%; margin: 2.4rem auto; place-content: center; justify-content: center; }
#PL-Plan .planning-contents .planning-detail-container .fig-container { order: 2; grid-column: span 2; grid-row: span 12; }
#PL-Plan .planning-contents .planning-detail-container .fig-container .fig { display: none; }
#PL-Plan .planning-contents .planning-detail-container .fig-container .fig.show { display: block; }
#PL-Plan .planning-contents .planning-detail-container .detail-box { display: grid; grid-template-rows: subgrid; grid-row: span 4; gap: 0; }
#PL-Plan .planning-contents .planning-detail-container .detail-box .num { text-align: center; padding: 12px 8px; line-height: 1; }
#PL-Plan .planning-contents .planning-detail-container .detail-box .num p { width: min(5vw, 24px); text-align: center; margin: auto; line-height: 1; }
#PL-Plan .planning-contents .planning-detail-container .detail-box .title { font-size: min(4vw, 14px, 16px, 18px); text-align: center; line-height: 1.36; padding-bottom: 12px; align-self: center; }
#PL-Plan .planning-contents .planning-detail-container .detail-box .copy { padding: 4px; border: thin solid #000; text-align: center; line-height: 1.2; display: flex; justify-content: center; align-items: center; }
#PL-Plan .planning-contents .planning-detail-container .detail-box .copy p { text-align: center; line-height: 1.2; font-size: min(3vw, 13px, 14px, 15px); }
#PL-Plan .planning-contents .planning-detail-container .detail01 { order: 1; }
#PL-Plan .planning-contents .planning-detail-container .detail02 { order: 4; }
#PL-Plan .planning-contents .planning-detail-container .detail03 { order: 6; }
#PL-Plan .planning-contents .planning-detail-container .detail04 { order: 3; }
#PL-Plan .planning-contents .planning-detail-container .detail05 { order: 5; }
#PL-Plan .planning-contents .planning-detail-container .detail06 { order: 7; }
#PL-Plan .planning-contents .planning-detail-container .detail07 { display: block; order: 8; }
#PL-Plan .planning-contents .planning-detail-container .detail08 { display: block; order: 9; grid-column: span 3; padding: 16px 6%; border: thin solid #000; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 6%; }
#PL-Plan .planning-contents .planning-detail-container .detail08 .image { order: 2; grid-column: span 2; grid-row: span 3; align-self: flex-end; }
#PL-Plan .planning-contents .planning-detail-container .detail08 .num { padding-top: 0; order: 1; }
#PL-Plan .planning-contents .planning-detail-container .detail08 .title { order: 3; }
#PL-Plan .planning-contents .planning-detail-container .detail08 .lead { order: 4; font-size: min(2vw, 1.4rem); }
#PL-Plan .planning-contents .note p { text-align: right; }
@media screen and (max-width: 864px) { #PL-Plan .planning-contents .planning-detail-container .fig-container { grid-row: span 8; }
  #PL-Plan .planning-contents .planning-detail-container .detail03 { order: 3; }
  #PL-Plan .planning-contents .planning-detail-container .detail04 { order: 4; }
  #PL-Plan .planning-contents .planning-detail-container .detail05 { order: 6; }
  #PL-Plan .planning-contents .planning-detail-container .detail07 { display: grid; }
  #PL-Plan .planning-contents .planning-detail-container .detail08 { padding: 16px 3%; grid-column: span 4; } }
@media screen and (max-width: 600px) { #PL-Plan .planning-contents .planning-container .plannning-spec-head { padding: 2rem 0 3.2rem; }
  #PL-Plan .planning-contents .planning-select { padding-bottom: 2rem; }
  #PL-Plan .planning-contents .planning-detail-container { margin: 0 auto 1.6rem; grid-template-columns: repeat(2, 1fr); place-content: center; }
  #PL-Plan .planning-contents .planning-detail-container .fig-container { order: 1; grid-row: span 1; }
  #PL-Plan .planning-contents .planning-detail-container .detail01 { order: 2; }
  #PL-Plan .planning-contents .planning-detail-container .detail02 { order: 3; }
  #PL-Plan .planning-contents .planning-detail-container .detail03 { order: 4; }
  #PL-Plan .planning-contents .planning-detail-container .detail04 { order: 5; }
  #PL-Plan .planning-contents .planning-detail-container .detail05 { order: 6; }
  #PL-Plan .planning-contents .planning-detail-container .detail08 { grid-column: span 2; grid-template-columns: 1fr; }
  #PL-Plan .planning-contents .planning-detail-container .detail08 .image { order: 4; grid-column: span 1; grid-row: span 1; margin-top: 16px; }
  #PL-Plan .planning-contents .planning-detail-container .detail08 .num { order: 1; }
  #PL-Plan .planning-contents .planning-detail-container .detail08 .title { order: 2; }
  #PL-Plan .planning-contents .planning-detail-container .detail08 .lead { order: 3; font-size: min(3.5vw, 1.4rem); } }

.legend > ul { margin: auto; text-align: center; }
.legend > ul li { display: inline-block; margin-right: 8px; font-size: clamp(11px, 1vw, 12px); line-height: 1.2; }
.legend > ul li .icon { display: inline-block; margin-right: 4px; line-height: 1; vertical-align: text-bottom; }
.legend > ul li .icon img { width: auto; height: 12px; }

#PL-Equipment .eq-list > ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem 4%; }
#PL-Equipment .eq-list > ul li { display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 8px; }
#PL-Equipment .eq-list > ul .item-name { font-size: min(2.5vw, 18px); text-align: center; line-height: 1.36; padding: 4px 0; align-self: center; }
#PL-Equipment .eq-list > ul .text .note { margin-top: 6px; }
#PL-Equipment .eq-labels { padding-top: 6.4rem; }
#PL-Equipment .eq-labels > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#PL-Equipment .eq-labels > ul div, #PL-Equipment .eq-labels > ul li { min-height: 0%; }
#PL-Equipment .eq-labels > ul > li { width: 48%; margin-bottom: 2.4rem; }
#PL-Equipment .eq-labels > ul > li .note { margin-top: 4px; }
@media screen and (max-width: 864px) { #PL-Equipment .eq-list > ul { grid-template-columns: repeat(3, 1fr); }
  #PL-Equipment .eq-list > ul li .item-name { font-size: min(3vw, 16px); }
  #PL-Equipment .eq-list > ul li .text .lead { font-size: min(2vw, 14px); } }
@media screen and (max-width: 600px) { #PL-Equipment .eq-list > ul { grid-template-columns: repeat(2, 1fr); }
  #PL-Equipment .eq-list > ul li .item-name { font-size: min(4vw, 18px); }
  #PL-Equipment .eq-list > ul li .text .lead { font-size: min(3.5vw, 14px); }
  #PL-Equipment .eq-labels { padding-top: 4rem; }
  #PL-Equipment .eq-labels > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
  #PL-Equipment .eq-labels > ul div, #PL-Equipment .eq-labels > ul li { min-height: 0%; }
  #PL-Equipment .eq-labels > ul > li { width: 100%; margin-bottom: 1.6rem; } }