/* 撮影のこと（入口ページ）専用 */
.page-about-photo .top{padding-top:40px;padding-bottom:0}
.page-about-photo .top h1{font-size:28px;line-height:1.55}
.page-about-photo .top .lead{margin-top:18px;color:var(--ink-soft);font-size:15px;line-height:1.95}
@media(min-width:900px){.page-about-photo .top h1{font-size:38px}}

.page-about-photo section{padding:64px 0}
@media(min-width:900px){.page-about-photo section{padding:88px 0}}

/* 2枚の入口。写真は切らずにそのまま出すので、顔が欠けません */
.page-about-photo .doors{display:grid;gap:38px}
@media(min-width:760px){.page-about-photo .doors{grid-template-columns:1fr 1fr;gap:34px;align-items:start}}
.page-about-photo .door{display:grid;gap:16px;text-decoration:none}
.page-about-photo .door img{width:100%;height:auto;border-radius:4px;box-shadow:var(--shadow);
  transition:transform .25s}
.page-about-photo .door:hover img{transform:translateY(-2px)}
.page-about-photo .door .t{position:relative;padding-right:28px}
.page-about-photo .door h2{font-size:19px;line-height:1.6}
@media(min-width:900px){.page-about-photo .door h2{font-size:21px}}
.page-about-photo .door p{margin-top:10px;color:var(--ink-soft);font-size:14.5px;line-height:1.9}
.page-about-photo .door .arrow{position:absolute;right:0;top:2px;color:var(--accent);
  font-family:var(--num);font-size:20px;line-height:1}

.page-about-photo .also{border-top:1px solid var(--rule)}
.page-about-photo .also a{display:grid;gap:5px;padding:24px 30px 24px 2px;position:relative;
  border-bottom:1px solid var(--rule);text-decoration:none;
  transition:padding-left .22s,background-color .22s}
.page-about-photo .also a:hover{padding-left:12px;
  background:color-mix(in srgb,var(--ground) 60%,transparent)}
.page-about-photo .also .n{font-family:var(--disp);font-weight:700;font-size:17px}
.page-about-photo .also .d{color:var(--ink-soft);font-size:14px;line-height:1.85}
.page-about-photo .also .arrow{position:absolute;right:4px;top:26px;color:var(--accent);
  font-family:var(--num);font-size:20px;line-height:1}