.page-wrapper .inner { padding-bottom: 10rem; }

.page-nav { margin-top: 8rem; }
.page-nav ul { display: grid; gap: 15px; grid-template-columns: repeat(2, 1fr); margin: 2rem 0 4rem 0; }
.page-nav ul li a { display: block; box-sizing: border-box; border-left: 1px solid #9e7013; border-bottom: 1px solid #9e7013; transition: 0.5s; text-align: center; font-size: 1.4rem; line-height: 1; color: #dcdddd; padding: 15px 2px; }
.page-nav ul li:hover a, .page-nav ul li.current a { background: #9e7013; color: #fff; }
@media screen and (max-width: 1024px) { .page-nav ul li a { font-size: 1.2rem; padding: 10px 2px; } }
@media screen and (max-width: 834px) { .page-nav ul { grid-template-columns: repeat(2, 1fr); }
  .page-nav ul li a { font-size: 1.1rem; } }
@media screen and (max-width: 768px) { .page-nav ul { gap: 10px; } }

.category { text-align: center; }
.category .txt { display: inline-block; margin: 0 auto; padding: .5rem 2rem; padding-bottom: .5ren; border-bottom: solid 1px #9e7013; color: #9e7013; font-size: 1.6rem; letter-spacing: .1em; line-height: 1; }

.q-list { margin-top: 4rem; }
.q-list ul { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }
.q-list ul li { display: grid; grid-template-rows: subgrid; grid-row: span 3; gap: 10px 0; }
.q-list ul .li-ttl { font-size: 1rem; line-height: 1.4; }
.q-list ul .li-txt { font-size: .875rem; line-height: 1.6; }
.q-list ul .li-txt .note { display: block; line-height: 1.6; }
.q-list ul .img { /*.waku{
	border:solid 1px #999;
	padding: 5px;
}*/ }
.q-list ul .img .cap { position: static; display: block; background: none; padding: 5px 0 0 0; text-align: right; color: #222; }
.q-list ul .img .cap.l { right: auto; left: 0; text-align: left; }
@media screen and (max-width: 768px) { .q-list ul { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 500px) { .q-list ul { grid-template-columns: 1fr; } }

.q-list .structure06 .img .cap1 { position: absolute; bottom: 20%; left: 0; right: auto; }

.structure07 { grid-column: span 2; }
.structure07 .img { width: 90%; max-width: 450px; margin: auto; }
@media screen and (max-width: 500px) { .structure07 { grid-column: span 1; } }

.security01 { grid-column: span 4; }
.security01 .img { display: block; max-width: 650px; margin: auto; }
@media screen and (max-width: 500px) { .security01 { grid-column: span 1; } }