/* ========================= */
/* base : tachikawa */
/* ========================= */
.grid { display: grid; }

.mark-sukusuku { max-width: 200px; margin: 2rem auto 0 auto; }
.mark-sukusuku img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 768px) { .mark-sukusuku { max-width: 140px; } }

.kijun .table01 { width: 100%; }
.kijun .nintei-ttl { margin-top: 5rem; text-align: center; grid-area: ttl; font-size: 1.5rem; line-height: 1.4; padding-bottom: .5rem; border-bottom: solid 1px #fff; }
.kijun .grid { margin-top: 2rem; gap: 2rem 5%; grid-template-columns: repeat(2, 1fr); }
.kijun .grid .nintei-item .g-ttl { font-size: 1.25rem; line-height: 1.4; }
.kijun .grid .nintei-item .lead { margin-top: 1rem; }
@media screen and (max-width: 768px) { .kijun .grid { grid-template-columns: 1fr; } }

.eq { padding-top: 5rem; }
.eq .waku { border: solid 1px #ccc; }
.eq .box01 { margin: 3rem auto 0 auto; max-width: 800px; display: grid; gap: 2rem; grid-template-columns: 50% 1fr; }
.eq .box01 .lead .note { margin-top: 1rem; }
.eq .eq-ttl { text-align: center; grid-area: ttl; font-size: 1.5rem; line-height: 1.4; }
.eq .eq-category { margin-top: 3rem; background: #EDECE5; text-align: center; font-size: 1.5rem; line-height: 1.4; padding: 1rem; }
.eq .gokinjo { margin-top: 3rem; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
.eq .gokinjo * { min-height: 0%; }
.eq .gokinjo .img01 { width: 100%; }
.eq .gokinjo .g-item { margin-top: 3rem; width: 30%; }
.eq .g-box { margin-top: 6rem; }
.eq .g-box .grid { margin-top: 3rem; }
.eq .g-item .img + .g-ttl { margin-top: .75rem; }
.eq .g-item .lead { margin-top: .5rem; font-size: .9375rem; line-height: 1.6; }
.eq .g-item .lead .note { display: block; margin-top: .5rem; }
.eq .g-item .g-ttl { font-size: 1.0625rem; line-height: 1.6; }
.eq .grid1 .img03-1 .img .cap { bottom: 10%; }
.eq .grid1 .g-item { margin-top: 3rem; display: grid; gap: 5%; grid-template-columns: repeat(2, 1fr); align-items: center; }
.eq .grid1 .img-list .text { padding-top: 1.5rem; }
.eq .g-box2 .grid, .eq .g-box3 .grid, .eq .g-box4 .grid, .eq .g-box5 .grid { gap: 3rem 5%; }
.eq .g-box2 .grid, .eq .g-box3 .grid { grid-template-columns: repeat(3, 1fr); }
.eq .g-box4 .grid { grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "pw01 pw03 pw04"; /*grid-template-areas:
	"pw01 pw02 pw03"
	"pw01 pw02 pw04";*/ }
.eq .g-box4 .grid .pw01 { grid-area: pw01; }
.eq .g-box4 .grid .pw02 { grid-area: pw02; }
.eq .g-box4 .grid .pw03 { grid-area: pw03; }
.eq .g-box4 .grid .pw04 { grid-area: pw04; }
.eq .g-box5 .grid { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: max-content 1fr; grid-template-areas: "k01 k01 k01" "k02 k03 k04"; }
.eq .g-box5 .grid .k01 { grid-area: k01; max-width: 600px; margin: 0 auto; }
.eq .g-box5 .grid .k02 { grid-area: k02; }
.eq .g-box5 .grid .k03 { grid-area: k03; }
.eq .g-box5 .grid .k04 { grid-area: k04; }
.eq .g-box5 .grid .k05 { grid-area: k05; }
@media screen and (max-width: 1024px) { .eq .g-box2 .grid, .eq .g-box3 .grid { grid-template-columns: repeat(2, 1fr); }
  .eq .g-box4 .grid { grid-template-columns: 1fr 1fr; grid-template-rows: max-content 1fr; gap: 3rem 5%; grid-template-areas: "pw01 pw03" "pw01 pw04"; }
  .eq .g-box5 .grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-template-areas: "k01 k01" "k02 k03" "k04 ."; } }
@media screen and (max-width: 768px) { .eq .box01 { grid-template-columns: 1fr; }
  .eq .box01 .lead { text-align: center; }
  .eq .grid1 { 			/*.img-list{
				grid-template-columns: 1fr;
				gap: 1rem;
				.img{
					max-width: 450px;
					margin-right: auto;
					margin-left: auto;
					&:first-of-type{
						padding-bottom: 1rem;
						border-bottom: dashed 2px #A8A8A8;
					}
				} .text{ padding-top: 0; }
			}*/ }
  .eq .grid1 .g-item { gap: 1rem; grid-template-columns: 1fr; align-items: top; }
  .eq .gokinjo .g-item { width: 47%; }
  .eq .gokinjo .g-item:last-of-type { margin-right: auto; margin-left: auto; } }
@media screen and (max-width: 500px) { .eq .gokinjo .g-item { width: 100%; max-width: 280px; margin-right: auto; margin-left: auto; } }

/* ========================= */
/* adachi */
/* ========================= */
#m01 { background: #EEEDE8; color: #222; padding-bottom: 5rem; }
#m01 .lmidashi { color: #9e7c1d; }

#m02 { padding-top: 5rem; color: #222; }