#container { padding-bottom: 5rem; background: #fff; color: #000; }

.emb_ttl { margin-top: 5rem; }
.emb_ttl .txt { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #C29647; font-size: 3rem; line-height: 1; letter-spacing: .1em; font-weight: bold; }

h3.main_copy { color: #000; margin-top: 80px; }

.st-item .img-box .note { margin-top: 5px; }
.st-item .waku { border: solid 1px #222; padding: 5px; }

.li-ttl { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; font-size: 2rem; line-height: 1.4; border-bottom: 1px solid; padding-bottom: 10px; }
.li-ttl .txt-s { font-size: 80%; display: inline-block; }

.li-txt { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; font-size: 1.4rem; line-height: 1.8; }
.li-txt .note { margin-top: 1rem; }

.img-box .img { margin: auto; }

#st01-01 ul, #st02-01 ul, #st03-01 ul { display: grid; gap: 40px 80px; }
#st01-01 ul li, #st02-01 ul li, #st03-01 ul li { display: grid; gap: 15px; grid-template-rows: subgrid; grid-row: span 4; grid-template-areas: "ttl" "txt" "img"; }
#st01-01 .li-ttl, #st02-01 .li-ttl, #st03-01 .li-ttl { grid-area: ttl; }
#st01-01 .li-txt, #st02-01 .li-txt, #st03-01 .li-txt { grid-area: txt; }
#st01-01 .img-box, #st02-01 .img-box, #st03-01 .img-box { grid-area: img; }
#st01-01 .img-box .img .cap, #st02-01 .img-box .img .cap, #st03-01 .img-box .img .cap { padding-top: 5px; text-align: right; }
#st01-01 .img-box .img .cap.in, #st02-01 .img-box .img .cap.in, #st03-01 .img-box .img .cap.in { padding-top: 0; }

#st01-01 ul { grid-template-columns: repeat(2, 1fr); }
#st01-01 .st1-1 .img-box .img { width: 80%; max-width: 400px; }
#st01-01 .st1-2 .img-box .img { width: 80%; max-width: 300px; }
#st01-01 .st1-3 .img-box .img { width: 80%; max-width: 400px; }
#st01-01 .st1-4 .img-box .img { width: 80%; max-width: 300px; }
@media screen and (max-width: 639px) { #st01-01 ul { grid-template-columns: 1fr; } }

#st02-01 ul { grid-template-columns: repeat(2, 1fr); }
#st02-01 .st2-2 .img-box .img { max-width: 400px; }
#st02-01 .st2-3 .img-box .img { max-width: 400px; }
#st02-01 .st2-4 .img-box .img { max-width: 300px; }
#st02-01 .st2-5 { grid-column: span 2; grid-template-columns: 45% 1fr; grid-template-rows: max-content 1fr; grid-template-areas: "ttl img" "txt img"; }
@media screen and (max-width: 639px) { #st02-01 ul { grid-template-columns: 1fr; }
  #st02-01 .st2-5 { grid-column: span 1; grid-template-columns: 1fr; grid-template-rows: max-content max-content 1fr; grid-template-areas: "ttl" "txt" "img"; } }

#st03-01 ul { grid-template-columns: repeat(2, 1fr); }
#st03-01 .st3-2 .img-box .img { max-width: 260px; }
#st03-01 .st3-3 .img-box .img { max-width: 300px; }
@media screen and (max-width: 639px) { #st03-01 ul { grid-template-columns: 1fr; } }