#word #contents{padding:0 0 3em;}
#word h1{position: relative; width:100%;height:auto; padding:38.5% 0 0; background:#000 url(./img/h1.jpg) no-repeat center top; background-size:contain; margin:0 auto 1em;}
#word h1 img{width:100%; height:100%; position:absolute; top:0; left:0;}
#word h2{font-size:160%; line-height:140%; text-align:center; margin:0 auto; position: relative; font-weight:800; color:#1d9a12; padding:0 1em;}
#word ul#rowlist{width:80%; margin:1em auto 2em; display: flex; flex-flow: row wrap;  justify-content: center; align-items: center;}
#word ul#rowlist li{margin:0 .25%;  text-align:center; color:#fff; font-size:190%;background-color:rgba(8,98,0,0.9);}
#word ul#rowlist li:not(:last-child){
width: -webkit-calc(95% / 11 - .5%) ;
}
#word ul#rowlist li a{display:block; color:#fff; padding:.4em 0;}
#word ul#rowlist li:last-child a{padding:.4em;}
#word h3{font-size:300%; line-height:140%; text-align:center; margin:0 auto; font-weight:800; color:#086200; display: flex; align-items: center; justify-content: center; padding:0;}
#word h3::before,
#word h3::after {
  content: '';
  flex-grow: .04;
  height: 1px;
  background: #086200;
}
#word h3::before {
  margin-right:10px;
}
#word h3::after {
  margin-left:10px;
}
#word h4{font-size:160%; line-height:130%; font-weight:800; color:#086200; padding:0;}
#word h4:first-letter,#word h4 span{font-size:140%;}
#word ul.line{margin:.5em auto 3em; width:90%; background-color:rgba(201,187,171,0.2); border:1px solid rgba(8,98,0,0.6); border-left:4px solid #086200;}
#word ul.line li{padding:1.25em;}
#word ul.line li:not(:last-child){border-bottom:1px solid rgba(8,98,0,0.6);}
#word ul.line p{padding:.4em 0; line-height:160%; font-size:110%;}

@media all and (max-width: 991px) { 
#word ul#rowlist{margin:1em auto 2em; width:90%;}
}
@media all and (min-width: 768px) {
#word ul.line p.txt-l{width:62%; float: left;}
#word ul.line li figure{width:35%; float: right; margin: 0;}
#word ul.line li::after {
    content: "";
    display: block;
    clear: both;
}
}
@media all and (max-width: 767px) {
#word .wrap{padding:8% 0 0;}
#word #contents{padding:0 0 4%;}
#word h1{margin:0 auto 3%;}
#word h2{font-size:4.3vw;}
#word ul#rowlist{margin:4% auto; width:88%;}
#word ul#rowlist li{font-size:5.6vw; margin:0 .6% 1.25%; line-height:120%;}
#word ul#rowlist li:not(:last-child){
width: -webkit-calc(95% / 6 - 2.5%) ;
}
#word ul#rowlist li a{padding:1.8vw 0;}
#word ul#rowlist li:last-child a{padding:1.8vw 2.8vw;}
#word h3{font-size:8.25vw;}
#word h3::before,
#word h3::after {
  flex-grow: .06;
}
#word h4{font-size:4.5vw;}
#word ul.line{margin:1% auto 6%; width:92%;}
#word ul.line li{padding:4%;}
#word ul.line p{font-size:3.25vw; line-height:140%;}
#word ul.line li figure{width:70%; margin: 2.5% auto 0;}
}

/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}

.nocontxt { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none; text-align:center;}
.nocontxt img { pointer-events: none;}
.prgimg100 { max-width: 100%;}