@charset "UTF-8";
/* =============== */
/* common */
/* =============== */
.contents section:not(#l00) .category-box + .lmidashi { margin-top: 0; }
.contents section:not(.lifeinfo) { position: relative; }
.contents section:not(.lifeinfo) .view { background: #000000; background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 50%); position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 20rem; display: grid; place-items: center; cursor: pointer; }
.contents section:not(.lifeinfo) .view .switch { position: relative; text-align: center; color: #9e7c1d; min-width: 300px; background-color: #fff; box-shadow: 2px 2px 5px #000; padding: 1rem; transition: filter linear .3s; }
.contents section:not(.lifeinfo) .view .switch:hover { filter: brightness(110%); }
.contents section:not(.lifeinfo) .view .switch::before { content: '＋'; }
.contents section:not(.lifeinfo).open .view { background: transparent; position: static; height: 10rem; }
.contents section:not(.lifeinfo).open .view .switch::before { content: '─'; }

.local-nav { width: 90%; max-width: 1100px; margin-inline: auto; margin-top: 4rem; margin-bottom: 4rem; }
.local-nav ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.local-nav ul li:nth-of-type(5), .local-nav ul li:nth-of-type(6) { display: none; }
.local-nav ul li a { background-color: #000; color: #9e7c1d; border: 1px solid currentColor; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; text-align: center; padding: 10px 5px; transition: filter linear .3s; }
.local-nav ul li a:hover { filter: brightness(120%); }
.local-nav ul li a .en { font-size: 10px; }
.local-nav ul li a .jp { font-size: 15px; }
.local-nav ul li.current a { background: #A88F43; background: linear-gradient(180deg, #a88f43 0%, #856814 72%, #695103 100%); background-color: #9e7c1d; color: #fff; border: 1px solid #9e7c1d; }

.lmidashi { color: #c9bc9c; }

.name { font-size: 1.0625rem; color: #9e7c1d; margin-top: 1rem; }

.data { font-size: 0.75rem; }

.l-line { display: block; width: 100%; height: 1px; background: #fff; margin: 0; }

.facility .lead { border-top: 1px solid #fff; padding-top: 0.75rem; margin-top: 0.75rem; }

.more-area { display: none; }

.bicycle { background: #7D8488; background: linear-gradient(125deg, #7d8488 0%, #38383a 100%); padding: 6rem 0; margin-top: 6rem; position: relative; }
.bicycle::before { position: absolute; right: 0; top: 0; width: 15%; height: 100%; content: ''; background: #A88F43; background: linear-gradient(90deg, #a88f43 0%, #856814 72%, #695103 100%); }
.bicycle .inner { max-width: 980px; display: grid; grid-template-columns: 0.5fr 1fr; gap: 0 2.5rem; }
.bicycle .title { margin-bottom: 2rem; grid-column: span 2; order: 1; }
.bicycle .title img { height: 1.875rem; width: auto; }
.bicycle .midashi { order: 2; }
.bicycle .lead { order: 4; }
.bicycle .img01 { grid-row: span 3; order: 3; }
.bicycle .img02 { order: 5; margin-top: 2.5rem; }
.bicycle .note { width: 90%; margin: 2rem auto 0 auto; max-width: 980px; position: relative; z-index: 2; }
.bicycle .note a { color: #fff; }

@media screen and (max-width: 1024px) { .local-nav ul { grid-template-columns: repeat(3, 1fr); }
  .bicycle .inner { grid-template-columns: 1fr 0.5fr; gap: 0 2rem; }
  .bicycle .inner .img01 { order: 5; grid-row: span 1; grid-column: span 2; margin-top: 2.5rem; max-width: 500px; margin-inline: auto; }
  .bicycle .inner .img02 { order: 3; grid-row: span 2; margin-top: 0; margin-inline-end: -17%; } }
@media screen and (max-width: 768px) { .local-nav ul { grid-template-columns: repeat(2, 1fr); gap: 5px; }
  .bicycle { margin-top: 4rem; padding: 4rem 0; } }
@media screen and (max-width: 500px) { .bicycle .inner { grid-template-columns: 1fr; }
  .bicycle .inner .title, .bicycle .inner .img01 { grid-column: span 1; }
  .bicycle .inner .img02 { order: 4; margin: 1rem auto 0 auto; }
  .bicycle .midashi br { display: none; } }
/* =============== */
/* chuohoncho */
/* =============== */
#chuohoncho .aerial-photo { max-width: 820px; margin-inline: auto; }
#chuohoncho .facility-list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: stretch; align-items: stretch; gap: 2.5rem 3.63%; }
#chuohoncho .facility-list * { min-height: 0%; }
#chuohoncho .facility-list .facility { width: 30.9%; }
#chuohoncho .facility-list01 { margin-top: 4rem; }
#chuohoncho .facility-list01 .facility .name + .lead, #chuohoncho .facility-list01 .facility .data + .lead { display: none; }
#chuohoncho .facility-list01 .facility01 { width: 100%; }
#chuohoncho .facility-list01 .facility01 .note { text-align: right; }
#chuohoncho .facility-list01 .facility01 .midashi { margin-top: 2rem; color: #9e7c1d; text-align: center; }
#chuohoncho .facility-list01 .facility01 .lead { text-align: center; border-top: none; }
#chuohoncho .facility-list02 { margin-top: 2.5rem; }
#chuohoncho .facility-list02 .facility .name + .lead, #chuohoncho .facility-list02 .facility .data + .lead { display: none; }
#chuohoncho .facility-list03 { margin-top: 2.5rem; }
#chuohoncho .facility-list03 .facility .name + .lead, #chuohoncho .facility-list03 .facility .data + .lead { display: none; }
#chuohoncho .other { margin-top: 4rem; background: #7D8488; background: linear-gradient(125deg, #7d8488 0%, #38383a 100%); padding: 3rem 0; }
#chuohoncho .other .facility-list { margin-top: 3rem; }
#chuohoncho .other .facility-list .facility .name + .lead, #chuohoncho .other .facility-list .facility .data + .lead { display: none; }
#chuohoncho .other .facility .name { color: #fff; }
#chuohoncho .view { position: static; margin-top: -12rem; }
#chuohoncho.open .view { margin-top: 0; }
#chuohoncho .adachi { background-color: #38383a; padding-top: 3rem; margin-top: 4rem; }
#chuohoncho .adachi .facility-list { margin-top: 3rem; display: grid; grid-template-columns: 1fr 0.6fr; gap: 2.5rem; }
#chuohoncho .adachi .facility-list .facility { width: 100%; }
#chuohoncho .adachi .facility-list .facility16 { grid-row: span 2; }
#chuohoncho .adachi .other { background: #7D8488; background: linear-gradient(125deg, #7d8488 0%, #38383a 100%); }
#chuohoncho .adachi .other .workshop-list { max-width: 720px; width: 90%; margin-inline: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 3rem; }
#chuohoncho .adachi .other .workshop-list + .note { max-width: 720px; width: 90%; margin: 1.5rem auto 0 auto; }
#chuohoncho .adachi .other .workshop .name { color: #fff; font-size: 1.0625rem; text-align: right; margin-top: 0.5rem; }

@media screen and (max-width: 1024px) { #chuohoncho .adachi .facility-list { grid-template-columns: repeat(2, 1fr); }
  #chuohoncho .adachi .facility-list .facility16 { grid-row: span 1; grid-column: span 2; } }
@media screen and (max-width: 768px) { #chuohoncho .facility-list01 .facility01 .midashi, #chuohoncho .facility-list01 .facility01 .lead { text-align: left; }
  #chuohoncho .facility-list01 .facility01 .midashi .aw, #chuohoncho .facility-list01 .facility01 .lead .aw { display: inline; }
  #chuohoncho .facility-list01 .facility01 .midashi br, #chuohoncho .facility-list01 .facility01 .lead br { display: none; }
  #chuohoncho .facility-list01 .facility05, #chuohoncho .facility-list01 .facility06 { width: 47.22%; }
  #chuohoncho .facility-list02, #chuohoncho .facility-list03 { display: grid; grid-template-columns: repeat(2, 1fr); }
  #chuohoncho .facility-list02 .facility, #chuohoncho .facility-list03 .facility { width: 100%; }
  #chuohoncho .other .facility-list { gap: 1.5rem 5.55%; }
  #chuohoncho .other .facility-list .facility { width: 47.22%; } }
@media screen and (max-width: 500px) { #chuohoncho .adachi .facility-list { gap: 1.5rem; }
  #chuohoncho .adachi .other .workshop-list { gap: 1.5rem; } }
/* =============== */
/* umejima */
/* =============== */
#umejima .facility-list .name { color: #fff; }
#umejima .facility-list01 { max-width: 720px; margin-inline: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 4rem; }
#umejima .facility-list01 .facility .name + .lead, #umejima .facility-list01 .facility .data + .lead { display: none; }
#umejima .facility-list02 { margin-top: 5rem; max-width: 720px; margin-inline: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; /*@include flex-c-s;
gap: 2.5rem 3.63%;
.facility { width: 30.9%; &:first-of-type { max-width: 900px; width: 100%; }
}*/ }
#umejima .facility-list02 .facility .name + .lead, #umejima .facility-list02 .facility .data + .lead { display: none; }
#umejima .more-area .facility-list02 { margin-top: 2.5rem; }
#umejima .bg-gray { background-color: #7a7f81; padding-top: 8rem; margin-top: 6rem; }
#umejima .shop-list { /*.shop01 { .img01 { margin-left: 6rem; grid-column: span 2; }
}
.shop02 { margin-left: auto; margin-top: 8rem; .img01 { margin-right: 6rem; grid-column: span 2; order: 1; } .img02 { order: 3; } .information { order: 2; }
}
.shop03 { margin-top: 8rem; margin-inline: auto; margin-left: 10rem; grid-template-columns: 1fr 0.8fr; grid-template-rows: repeat(2, max-height) 1fr; gap: 1rem 0.5rem; .img01 { grid-row: span 3; } .information { padding-left: 1rem; }
}*/ }
#umejima .shop-list .list-inner { width: 90%; max-width: 1000px; margin: 0 auto; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); grid-template-areas: "ttl ttl" "shop01 shop03" "shop02 shop03"; }
#umejima .shop-list h3.lmidashi { grid-area: ttl; }
#umejima .shop-list .shop { /*display:  grid;
gap: 2rem;
grid-template-columns: 67.5% 1fr;
grid-template-areas:
	"img01 img02"
	"img01 info";*/ /*max-width: 910px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem 1.875rem;*/ }
#umejima .shop-list .shop .name, #umejima .shop-list .shop .data { display: block; }
#umejima .shop-list .shop .name .aw { margin-left: 1rem; }
#umejima .shop-list .shop .img01 { grid-area: img01; }
#umejima .shop-list .shop .img02 { display: none; grid-area: img02; }
#umejima .shop-list .shop .img03 { grid-area: img03; }
#umejima .shop-list .shop .information { grid-area: info; }
#umejima .shop-list .shop .information .lead { display: none; }
#umejima .shop-list .shop.shop01 { grid-area: shop01; }
#umejima .shop-list .shop.shop02 { grid-area: shop02; }
#umejima .shop-list .shop.shop03 { grid-area: shop03; }
#umejima .shop-list .shop .name { color: #fff; }
#umejima .shop-list .shop .lead { border-top: 1px solid #fff; padding-top: 1rem; margin-top: 1rem; }

@media screen and (max-width: 1024px) { #umejima { /*.shop-list { .shop01 { .img01 { margin-left: 4rem; } .information { padding-right: 2rem; } } .shop02 { .img01 { margin-right: 4rem; } .information { padding-left: 2rem; } } .shop03 { margin-left: 0; margin-right: 4rem; }
}*/ } }
@media screen and (max-width: 768px) { #umejima { /*.facility-list02 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 2.5rem; .facility { width: 100%; &:first-of-type { grid-column: span 2; } }
}*/  /*.shop-list { .list-inner{ 
	  gap: 3rem;
	  grid-template-columns: 1fr;
	  grid-template-areas: 
		"ttl"
		"shop01"
		"shop02"
		"shop03";
	 } } */   /*.shop-list {
		.list-inner{ 
			grid-template-columns: 1fr;
		}
	  h3.lmidashi{
		  grid-column: span 1;
	  }
		.shop {
			
		}
	  }*/       /*max-w
	  } /*.shop-list { .shop02, .shop03 { margin-top: 4rem; } }*/ } }
@media screen and (max-width: 500px) { #umejima { /*.facility-list02 { @include flex-c-s; gap: 1.5rem 5.55%; .facility { width: 47.22%; &:first-of-type { width: 100%; } }
}*/ /*.shop-list { .shop03 { gap: 0.5rem; }
}*/ }
  #umejima .facility-list01 { gap: 1.5rem; } }
/* =============== */
/* nishiarai */
/* =============== */
#nishiarai .facility-list01 { margin-top: 3rem; display: grid; grid-template-columns: 1fr 0.6fr; gap: 2.5rem; }
#nishiarai .facility-list01 .facility01 { grid-row: span 2; }
#nishiarai .facility-list02 { margin-top: 3rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; }
#nishiarai .facility-list02 .facility .name + .lead, #nishiarai .facility-list02 .facility .data + .lead { display: none; }
#nishiarai .facility03.pc { display: block !important; }
#nishiarai .facility03.sp { display: none !important; }

@media screen and (max-width: 1024px) { #nishiarai .facility-list01 { grid-template-columns: repeat(2, 1fr); }
  #nishiarai .facility-list01 .facility01 { grid-row: span 1; grid-column: span 2; } }
@media screen and (max-width: 768px) { #nishiarai .facility-list02 { grid-template-columns: repeat(2, 1fr); }
  #nishiarai .facility03.pc { display: block !important; }
  #nishiarai .facility03.sp { display: none !important; } }
@media screen and (max-width: 500px) { #nishiarai .facility03.pc { display: none !important; }
  #nishiarai .facility03.sp { display: block !important; }
  #nishiarai .facility03.sp .lead { display: block !important; }
  #nishiarai .galla .lead { display: block !important; }
  #nishiarai .facility-list01 { gap: 1.5rem; }
  #nishiarai .facility-list01 .facility { display: grid; grid-template-rows: subgrid; grid-template-rows: max-content auto max-content 1fr; grid-row: span 4; }
  #nishiarai .facility-list01 .facility01 { grid-column: span 1; } }
/* =============== */
/* kitasenju */
/* =============== */
#kitasenju .facility-list01 { margin-top: 3rem; display: grid; grid-template-columns: 1fr 0.6fr; gap: 2.5rem; }
#kitasenju .facility-list01 .facility01 { grid-row: span 2; }
#kitasenju .facility-list01 .lead { display: none; }
#kitasenju .facility-list02 { max-width: 720px; margin-inline: auto; margin-top: 3rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }
#kitasenju .facility-list02 .lead { display: none; }
#kitasenju .three-access { margin-top: 6rem; max-width: 720px; margin-inline: auto; }
#kitasenju .three-access .img { margin-top: 1.75rem; }
#kitasenju .three-access .img .note { margin-top: 10px; }
#kitasenju .university { display: grid; grid-template-columns: 0.9fr 1fr; gap: 1.75rem; margin-top: 6rem; }
#kitasenju .university .midashi { grid-column: span 2; color: #c9bc9c; }
#kitasenju .university .img-list { display: grid; grid-template-columns: 1fr 0.51fr; gap: 6px; }
#kitasenju .university .img-list .img { position: relative; }
#kitasenju .university .img-list .img .number { position: absolute; right: 0; bottom: 0; background-color: #595757; color: #fff; padding: 0 6px; font-size: 11px; }
#kitasenju .university .img-list .img01 { grid-row: span 2; }
#kitasenju .university .img-list .note { grid-column: span 2; }
#kitasenju .university .img-list .note li { display: inline-block; margin-right: 1rem; }
#kitasenju .university .img-list .note li .number { background-color: #595757; color: #fff; padding: 0 6px; font-size: 11px; }

@media screen and (max-width: 1024px) { #kitasenju .facility-list01 { grid-template-columns: repeat(2, 1fr); }
  #kitasenju .facility-list01 .facility01 { grid-row: span 1; grid-column: span 2; }
  #kitasenju .facility-list02 { max-width: 100%; }
  #kitasenju .university { grid-template-columns: 1fr; }
  #kitasenju .university .midashi { grid-column: span 1; }
  #kitasenju .university .lead { margin-top: 0; } }
@media screen and (max-width: 500px) { #kitasenju .facility-list01, #kitasenju .facility-list02 { gap: 1.5rem; }
  #kitasenju .university .lead br { display: none; } }
/* =============== */
/* lifeinfo */
/* =============== */
#lifeinfo { display: none; }
#lifeinfo .lineinfo-tab ul { display: grid; gap: 5px; grid-template-columns: repeat(6, 1fr); }
#lifeinfo .lineinfo-tab ul li { cursor: pointer; padding: 10px; text-align: center; display: grid; place-content: center; background: #ABAFB1; background: -webkit-linear-gradient(180deg, #abafb1 0%, #abafb1 50%, #95999c 51%, #95999c 100%); background: -moz-linear-gradient(180deg, #abafb1 0%, #abafb1 50%, #95999c 51%, #95999c 100%); background: linear-gradient(180deg, #abafb1 0%, #abafb1 50%, #95999c 51%, #95999c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ABAFB1", endColorstr="#95999C", GradientType=0); }
#lifeinfo .lineinfo-tab ul li.current { position: relative; /*background: #C1B793;
background: -webkit-linear-gradient(180deg, rgba(193, 183, 147, 1) 0%, rgba(193, 183, 147, 1) 50%, rgba(171, 159, 110, 1) 51%, rgba(171, 159, 110, 1) 100%);
background: -moz-linear-gradient(180deg, rgba(193, 183, 147, 1) 0%, rgba(193, 183, 147, 1) 50%, rgba(171, 159, 110, 1) 51%, rgba(171, 159, 110, 1) 100%);
background: linear-gradient(180deg, rgba(193, 183, 147, 1) 0%, rgba(193, 183, 147, 1) 50%, rgba(171, 159, 110, 1) 51%, rgba(171, 159, 110, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C1B793", endColorstr="#AB9F6E", GradientType=0);*/ }
#lifeinfo .lineinfo-tab ul li.current::after { content: ""; display: block; width: 100%; height: 50%; background: rgba(0, 0, 0, 0.2); position: absolute; bottom: 0; left: 0; z-index: 2; }
#lifeinfo .lineinfo-tab ul li.current .txt { position: relative; z-index: 3; }
#lifeinfo .lineinfo-tab ul li.current.tab01 { background: #4488C8; }
#lifeinfo .lineinfo-tab ul li.current.tab02 { background: #7A75B6; }
#lifeinfo .lineinfo-tab ul li.current.tab03 { background: #42c1b3; }
#lifeinfo .lineinfo-tab ul li.current.tab04 { background: #DD666D; }
#lifeinfo .lineinfo-tab ul li.current.tab05 { background: #139f1a; }
#lifeinfo .lineinfo-tab ul li.current.tab07 { background: #e46100; }
#lifeinfo .lineinfo-tab ul li .txt { font-size: .875rem; line-height: 1; }
#lifeinfo .lifeinfomap-box { margin-top: .5rem; position: relative; }
#lifeinfo .lifeinfomap-box .lifeinfomap { display: none; position: absolute; top: 0; left: 0; z-index: 2; }
#lifeinfo .lifeinfomap-box .lifeinfomap.show { display: block; }
#lifeinfo .lifeinfomap-box .lifeinfomap-base { width: 100%; }
#lifeinfo .lifeinfolist-box { background: #E4E4E5; color: #000; padding: 1rem; }
#lifeinfo .lifeinfolist-box .lifeinfolist { display: none; gap: .5rem 2rem; grid-template-columns: repeat(2, 1fr); }
#lifeinfo .lifeinfolist-box .lifeinfolist.show { display: grid; }
#lifeinfo .lifeinfolist-box .lifeinfolist.lifeinfolist01 .li-item .num { background: #4488C8; }
#lifeinfo .lifeinfolist-box .lifeinfolist.lifeinfolist02 .li-item .num { background: #7A75B6; }
#lifeinfo .lifeinfolist-box .lifeinfolist.lifeinfolist03 .li-item .num { background: #42c1b3; }
#lifeinfo .lifeinfolist-box .lifeinfolist.lifeinfolist04 .li-item .num { background: #DD666D; }
#lifeinfo .lifeinfolist-box .lifeinfolist.lifeinfolist05 .li-item .num { background: #139f1a; }
#lifeinfo .lifeinfolist-box .lifeinfolist.lifeinfolist07 .li-item .num { background: #e46100; }
#lifeinfo .lifeinfolist-box .lifeinfolist .li-item { display: grid; gap: 10px; grid-template-columns: 1rem 1fr 8rem; font-size: .75rem; padding: 0 0 .5rem 0; border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
#lifeinfo .lifeinfolist-box .lifeinfolist .li-item .num { background: #9e7c1d; color: #fff; height: 1rem; line-height: 1; display: grid; place-content: center; }
#lifeinfo .lifeinfolist-box .lifeinfolist .li-item .name { line-height: 1.4; color: #000; margin-top: 0; font-size: .75rem; }
#lifeinfo .lifeinfolist-box .lifeinfolist .li-item .kyori { line-height: 1; display: grid; gap: .5rem; grid-template-columns: repeat(2, 1fr); }
#lifeinfo .lifeinfolist-box .lifeinfolist .li-item .kyori .time { text-align: right; }
@media screen and (max-width: 768px) { #lifeinfo .lineinfo-tab ul { grid-template-columns: repeat(3, 1fr); /*display: flex;
flex-wrap: wrap;
gap: 5px;
li {
	&:nth-child(-n + 3) {
		width: calc((100% - 10px) / 3);
	}
	&:nth-child(n + 4) {
		width: calc((100% - 15px) / 4);
	}
	.txt{
		font-size: .75rem;
	}
}*/ }
  #lifeinfo .lifeinfolist-box .lifeinfolist { gap: .5rem; grid-template-columns: 1fr; }
  #lifeinfo .lifeinfolist-box .lifeinfolist .li-item { font-size: .6875rem; grid-template-columns: 1rem 1fr 7rem; } }
@media screen and (max-width: 500px) { #lifeinfo .lineinfo-tab ul { gap: 3px; }
  #lifeinfo .lineinfo-tab ul li { padding: 6px 2px; }
  #lifeinfo .lineinfo-tab ul li .txt { font-size: .625rem; }
  #lifeinfo .lifeinfolist-box { padding: .5rem .2rem; }
  #lifeinfo .lifeinfolist-box .lifeinfolist .li-item { font-size: .625rem; grid-template-columns: 1rem 1fr 6rem; }
  #lifeinfo .lifeinfolist-box .lifeinfolist .li-item .kyori { gap: .3rem; } }

/* =============== */
/* redevelopment */
/* =============== */
#redevelopment { display: none; }
#redevelopment .logo { max-width: 185px; margin-inline: auto; }
#redevelopment .logo + .lmidashi { margin-top: 2rem; }
#redevelopment .redevelopment-plan { background: #7D8488; background: linear-gradient(90deg, #7d8488 0%, #38383a 100%); padding: 5rem 0; margin-top: 5rem; }
#redevelopment .redevelopment-plan .map-image { max-width: 800px; margin-inline: auto; margin-top: 4rem; }
#redevelopment .more-area { background: #7D8488; background: linear-gradient(90deg, #7d8488 0%, #38383a 100%); }
#redevelopment .plan-list { max-width: 1100px; width: 90%; margin-inline: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.75rem; padding: 2rem 0 6rem; }
#redevelopment .plan .name { color: #fff; display: grid; grid-template-columns: max-content 1fr; align-items: flex-start; gap: 10px; }
#redevelopment .plan .name .alphabet { background-color: #00afcc; padding: 0 4px; }
#redevelopment .plan .data { padding-left: 2rem; }
#redevelopment .plan .lead { border-top: 1px solid #fff; padding-top: 0.75rem; margin-top: 0.75rem; }
#redevelopment .plan02 .img img { scale: 1.06; transform-origin: bottom left; translate: -6px 0; }
#redevelopment .plan03 { grid-column: span 2; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto) 1fr; gap: 0 3.75rem; align-items: start; }
#redevelopment .plan03 .img-list { order: 1; display: grid; grid-template-columns: 1fr 0.49fr; gap: 10px 5px; }
#redevelopment .plan03 .img-list .img:first-of-type { grid-row: span 2; }
#redevelopment .plan03 .img-list .img .note { text-align: right; }
#redevelopment .plan03 .name { order: 3; }
#redevelopment .plan03 .name .alphabet { background-color: #ed961f; }
#redevelopment .plan03 .lead { order: 4; }
#redevelopment .plan03 .facilities { order: 2; grid-row: span 4; background-color: #807f80; padding: 1rem 2rem; }
#redevelopment .plan03 .facilities .title { display: flex; align-items: center; column-gap: 0.5rem; }
#redevelopment .plan03 .facilities .title::before, #redevelopment .plan03 .facilities .title::after { content: ""; background-color: #fff; flex-grow: 1; height: 1px; }
#redevelopment .plan03 .facilities .list { font-size: 14px; display: flex; flex-wrap: wrap; flex-direction: column; gap: 5px; margin-top: 5px; }
#redevelopment .plan03 .facilities .list li { position: relative; padding-left: 1.5em; }
#redevelopment .plan03 .facilities .list li::before { content: '◎'; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 1024px) { #redevelopment .redevelopment-plan { padding: 3rem 0; }
  #redevelopment .plan-list { grid-template-columns: 1fr; }
  #redevelopment .plan-list .plan03 { grid-column: span 1; grid-template-columns: 1fr; }
  #redevelopment .plan-list .plan03 .name { order: 2; }
  #redevelopment .plan-list .plan03 .lead { order: 3; }
  #redevelopment .plan-list .plan03 .facilities { order: 4; margin-top: 2rem; } }
@media screen and (max-width: 768px) { #redevelopment .logo { max-width: 130px; } }
.category-box .category-txt .ja { color: #9e7c1d; margin-top: 1rem; text-align: center; font-size: 1.5rem; letter-spacing: .1em; }