#sstn01-img03 .scroll-target { height: 300px; }

#sstn01-img05 .scroll-target { height: 350px; }

#sstn02-table01 .scroll-target { height: 250px; }

.main-v .main-text { color: #004600; text-shadow: 0 0 1.6rem rgba(255, 255, 255, 0.9), 0 0 1.6rem rgba(255, 255, 255, 0.9), 0 0 1.6rem rgba(255, 255, 255, 0.9); }

.lnav { padding: 5rem 0; }
.lnav ul { width: 90%; max-width: 1100px; margin-right: auto; margin-left: auto; display: grid; gap: .5rem; grid-template-columns: repeat(2, 1fr); }
.lnav ul li { border: solid 1px #988350; }
.lnav ul li.current a, .lnav ul li:hover a { background: #988350; color: #fff; }
.lnav ul li a { margin: 2px; padding: 1rem .1rem; display: block; transition: .4s; text-align: center; background: #fff; color: #988350; font-size: 1.6rem; line-height: 1; letter-spacing: .1em; }

h3.page-l-copy .en { font-size: 110%; color: #bdaf89; padding-bottom: 1rem; }
h3.page-l-copy + .lead { max-width: 800px; margin: 2rem auto 0 auto; }

.pb0 { padding-bottom: 0; }

.img + .note { margin-top: 1rem; }

.sstn-ttl { text-align: center; color: #988350; display: flex; align-items: center; }
.sstn-ttl .txt { font-size: 2rem; line-height: 1.6; }
.sstn-ttl::before, .sstn-ttl::after { content: ""; height: 1px; background: #988350; flex-grow: 1; }
.sstn-ttl::before { margin-right: .5rem; }
.sstn-ttl::after { margin-left: .5rem; }
.sstn-ttl + .lead { margin: 2rem auto 0 auto; max-width: 800px; }

.sstn-box .inner { padding-top: 0; }
.sstn-box + .sstn-box { margin-top: 6rem; }

#sstn01 .img01 { max-width: 700px; background: #fff; padding: 2rem; margin: 4rem auto 0 auto; }
#sstn01 .sstn01-1 { margin-top: 6rem; }
#sstn01 .sstn01-1 .img02 { max-width: 500px; margin: 3rem auto 0 auto; }
#sstn01 .sstn01-1 .img03 { max-width: 900px; margin: 3rem auto 0 auto; }
#sstn01 .sstn01-2 { background: #fff; border-top: solid 3px #bdaf89; padding-top: 6rem; }
#sstn01 .sstn01-2 .img04 { margin: 2rem auto 0 auto; max-width: 400px; }
#sstn01 .sstn01-3 { margin-top: 0; }
#sstn01 .sstn01-3 .inner { padding-top: 6rem; }
#sstn01 .sstn01-3 .img05 { margin: 3rem auto 0 auto; }
#sstn01 .sstn01-3 .img05 .note { margin-top: 1rem; }
#sstn01 .sstn01-3 .img05 .note .hanrei { display: inline-block; margin-right: 1rem; }
#sstn01 .sstn01-3 .img05 .note .hanrei .mark { margin-right: .5rem; display: inline-block; width: 3rem; height: 1rem; background: #EBC3BB; border: solid 1px #7a6a56; }
#sstn01 .sstn01-3 .img05 .note p { display: inline-block; }
#sstn01 .sstn01-3 .eq-list { margin: 6rem auto 0 auto; display: grid; gap: 2rem; grid-template-columns: repeat(4, 1fr); }
#sstn01 .sstn01-3 .eq-list .li-ttl { margin-top: .5rem; font-size: 1.5rem; line-height: 1.4; text-align: center; }
#sstn01 .sstn01-3 .eq-list .li-ttl b { margin-top: .5rem; display: block; font-size: 110%; font-weight: normal; color: #61894f; }
#sstn01 .sstn01-3 .eq-list .li-ttl .note { display: block; margin-top: .5rem; }
#sstn01 .sstn01-3 .eq-list .eq-item07 { grid-row: 4 / 5; }
#sstn01 .sstn01-3 .eq-list .eq-item08 { grid-row: 4 / 5; }
#sstn01 .sstn01-3 .eq-list .eq-item12 { grid-column: 4 / 5; grid-row: 1 / span 3; }
@media screen and (max-width: 768px) { #sstn01 .sstn01-3 .eq-list { grid-template-columns: repeat(2, 1fr); }
  #sstn01 .sstn01-3 .eq-list .note { text-align: left; }
  #sstn01 .sstn01-3 .eq-list .eq-item12 { grid-column: 2 / 3; grid-row: 5 / span 3; } }

#sstn02 .sstn02-1 { background: #fff; }
#sstn02 .zeh-ttl { background: #61894f; padding: 1rem; text-align: center; color: #fff; display: flex; align-items: center; font-size: 1.8rem; line-height: 1.4; }
#sstn02 .zeh-ttl::before, #sstn02 .zeh-ttl::after { content: ""; height: 1px; background: #fff; flex-grow: 1; }
#sstn02 .zeh-ttl::before { margin-right: .5rem; }
#sstn02 .zeh-ttl::after { margin-left: .5rem; }
#sstn02 .zeh-wrapper { margin-top: 2rem; display: grid; gap: 2rem; grid-template-columns: 1fr 15% 1fr; grid-template-areas: "zeh1 sarani zeh2" ". ya ." "zeh3 zeh3 zeh3"; }
#sstn02 .zeh-wrapper .sarani { grid-area: sarani; align-self: center; max-width: 160px; margin: 0 auto; }
#sstn02 .zeh-wrapper .sarani img { display: block; width: 100%; height: auto; }
#sstn02 .zeh-wrapper .ya { grid-area: ya; max-width: 50px; margin: 0 auto; }
#sstn02 .zeh-wrapper .ya img { display: block; width: 100%; height: auto; }
#sstn02 .zeh-wrapper .zeh01 { grid-area: zeh1; }
#sstn02 .zeh-wrapper .zeh01 .zeh-item ul li { border-top: dotted 1px #222; padding-top: 2rem; }
#sstn02 .zeh-wrapper .zeh01 .zeh-item ul li:first-of-type { border-top: 0; padding-top: 0; }
#sstn02 .zeh-wrapper .zeh01 .zeh-item .img { margin: 2rem auto 0 auto; background: #fff; padding: 2rem; }
#sstn02 .zeh-wrapper .zeh02 { grid-area: zeh2; position: relative; }
#sstn02 .zeh-wrapper .zeh02 .zeh-item + .note { position: absolute; bottom: -4rem; right: 0; text-align: right; }
#sstn02 .zeh-wrapper .zeh02 .zeh-item ul li .img { margin-top: 2rem; }
#sstn02 .zeh-wrapper .zeh02 .zeh-item ul li .img-ttl { background: #222; color: #fff; text-align: center; padding: .5rem 1rem; font-size: 1.6rem; line-height: 1.4; }
#sstn02 .zeh-wrapper .zeh02 .zeh-item ul li .lead { margin-top: 1rem; border-top: solid 1px rgba(0, 0, 0, 0.5); padding-top: 1rem; }
#sstn02 .zeh-wrapper .zeh03 { background: none; grid-area: zeh3; max-width: 800px; margin-right: auto; margin-left: auto; }
#sstn02 .zeh-wrapper .zeh03 .img09 { max-width: 400px; margin: 0 auto; padding-bottom: 2rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list { margin-top: 2rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item { margin-top: 2rem; background: #E0D9CA; padding: 2rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-ttl { text-align: center; padding-bottom: 1rem; border-bottom: solid 1px rgba(0, 0, 0, 0.5); }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-ttl .merit-num { background: #5597BA; padding: .5rem 2rem; display: inline-block; color: #fff; font-size: 1.6rem; line-height: 1; letter-spacing: .1em; border-radius: 5rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-ttl .merit-num + .txt { margin-top: 1rem; font-size: 1.8rem; letter-spacing: .1em; line-height: 1.4; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-box { margin-top: 1rem; text-align: center; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-box .l { text-align: left; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-box .red { color: #9a0004; font-size: 2.4rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-box .red b { font-weight: normal; font-size: 120%; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-box .note { margin-top: 1rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-box .lead { margin-top: 1rem; font-size: 1.6rem; line-height: 1.8; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit-item .merit-box .lead.txt-s { font-size: 1.4rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit01 .merit-ttl { position: relative; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit01 .merit-ttl .illust { width: 40%; max-width: 130px; position: absolute; top: 0; right: 0; z-index: 2; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit02 .table01 { margin-top: 2rem; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit02 .table01 .pc .img { background: #fff; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit02 .table01 .sp .scroll-target { background: #fff; }
#sstn02 .zeh-wrapper .zeh03 .merit-list .merit03 .table02 { margin: 2rem auto 0 auto; }
#sstn02 .zeh-box { background: #E0D9CA; }
#sstn02 .zeh-box .zeh-item { padding: 2rem; }
#sstn02 .zeh-box ul li { margin-top: 2rem; }
#sstn02 .zeh-box ul li:first-of-type { margin-top: 0; }
#sstn02 .zeh-box ul li .txt { font-size: 1.6rem; line-height: 1.6; padding-left: 3rem; position: relative; }
#sstn02 .zeh-box ul li .txt::before { width: 2rem; height: 2rem; border-radius: 50%; text-align: center; font-size: 1.8rem; line-height: 1; color: #fff; display: grid; place-content: center; background: #222; position: absolute; top: .1em; left: 0; }
#sstn02 .zeh-box ul li:nth-of-type(1) .txt::before { content: "1"; }
#sstn02 .zeh-box ul li:nth-of-type(2) .txt::before { content: "2"; }
@media screen and (max-width: 1024px) { #sstn02 .zeh-wrapper { max-width: 600px; margin-right: auto; margin-left: auto; grid-template-columns: 1fr; grid-template-areas: "zeh1" "sarani" "zeh2" "ya" "zeh3"; } }
@media screen and (max-width: 768px) { #sstn02 .zeh-wrapper .sarani { max-width: 120px; }
  #sstn02 .zeh-wrapper .zeh02 .zeh-item + .note { width: 50%; bottom: -8rem; }
  #sstn02 .zeh-wrapper .zeh03 { max-width: 100%; }
  #sstn02 .zeh-wrapper .zeh03 .merit-list .merit01 .merit-ttl .illust { max-width: 80px; }
  #sstn02 .zeh-wrapper .zeh03 .table01 { padding-bottom: 1rem; } }