#letter-category{width:100%;margin:0 auto}#letter-category ul{display:flex;flex-wrap:wrap;justify-content:center;column-gap:2rem;width:100%;margin:0 auto}@media only screen and (max-width: 834px){#letter-category ul{column-gap:1.5rem}}@media only screen and (max-width: 600px){#letter-category ul{column-gap:1.2rem}}#letter-category ul li{position:relative;padding:.7rem 3rem;color:#25560d;background:#f7f7f5;border-radius:80px;transition:all .4s ease-out}@media only screen and (max-width: 600px){#letter-category ul li{padding:.7rem 2rem;font-size:1.4rem}}#letter-category ul li.current{color:#fff;background:#25560d}#letter-category ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#letter-category ul li:hover{background:rgba(37,86,13,.3)}#letter-list ul{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;margin:0 auto;row-gap:6rem}@media only screen and (max-width: 834px){#letter-list ul{justify-content:space-between;row-gap:4.5rem}}@media only screen and (max-width: 600px){#letter-list ul{row-gap:3.5rem}}#letter-list ul li{position:relative;width:31%;margin-right:3.5%}@media only screen and (max-width: 834px){#letter-list ul li{width:48%;margin-right:0}}#letter-list ul li:nth-of-type(3n){margin-right:0}#letter-list ul li section{width:100%;height:270px;border-radius:15px;overflow:hidden}@media only screen and (max-width: 834px){#letter-list ul li section{height:220px}}@media only screen and (max-width: 600px){#letter-list ul li section{height:150px}}#letter-list ul li section img{display:block;width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}#letter-list ul li article{display:flex;flex-wrap:wrap;align-items:center;column-gap:2rem;margin:2rem 0 1rem}@media only screen and (max-width: 834px){#letter-list ul li article{column-gap:1.5rem}}@media only screen and (max-width: 600px){#letter-list ul li article{flex-direction:column;align-items:flex-start;column-gap:0;row-gap:.5rem;margin-top:1rem}}#letter-list ul li article b{display:block;font-size:1.5rem}@media only screen and (max-width: 834px){#letter-list ul li article b{font-size:1.4rem}}@media only screen and (max-width: 600px){#letter-list ul li article b{font-size:1.3rem}}#letter-list ul li article span{display:block;width:fit-content;padding:.2rem 1.5rem;font-size:1.4rem;color:#fff;background:#094;border-radius:80px}@media only screen and (max-width: 834px){#letter-list ul li article span{font-size:1.3rem}}@media only screen and (max-width: 600px){#letter-list ul li article span{font-size:1.2rem}}#letter-list ul li p{transition:all .4s ease-out}#letter-list ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#letter-list ul li:hover section img{transform:scale(1.05)}#letter-list ul li:hover p{color:#094}#letter-area{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:100%;margin:0 auto}@media only screen and (max-width: 834px){#letter-area{flex-direction:column;row-gap:10rem}}@media only screen and (max-width: 600px){#letter-area{row-gap:8rem}}#letter-area #letter-wrap{width:calc(100% - 300px)}@media only screen and (max-width: 834px){#letter-area #letter-wrap{width:100%}}#letter-area #letter-wrap #letter-box{width:100%;margin-bottom:8rem;padding:.5rem 0;padding-left:4rem;border-left:5px solid #333}@media only screen and (max-width: 834px){#letter-area #letter-wrap #letter-box{margin-bottom:7rem;padding-left:3rem}}@media only screen and (max-width: 600px){#letter-area #letter-wrap #letter-box{margin-bottom:6rem;padding-left:2.5rem;border-width:4px}}#letter-area #letter-wrap #letter-box article{display:flex;flex-wrap:wrap;align-items:center;column-gap:2rem}@media only screen and (max-width: 834px){#letter-area #letter-wrap #letter-box article{column-gap:1.5rem}}#letter-area #letter-wrap #letter-box article b{display:block;font-size:1.5rem}@media only screen and (max-width: 834px){#letter-area #letter-wrap #letter-box article b{font-size:1.4rem}}@media only screen and (max-width: 600px){#letter-area #letter-wrap #letter-box article b{font-size:1.3rem}}#letter-area #letter-wrap #letter-box article span{display:block;width:fit-content;padding:.2rem 1.5rem;font-size:1.4rem;color:#fff;background:#094;border-radius:80px}@media only screen and (max-width: 834px){#letter-area #letter-wrap #letter-box article span{font-size:1.3rem}}@media only screen and (max-width: 600px){#letter-area #letter-wrap #letter-box article span{font-size:1.2rem}}#letter-area #letter-wrap #letter-box #letter-h{margin-top:1.5rem;font-family:"Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:3rem;font-weight:600;letter-spacing:4px}@media only screen and (max-width: 834px){#letter-area #letter-wrap #letter-box #letter-h{font-size:2.5rem;letter-spacing:3px}}@media only screen and (max-width: 600px){#letter-area #letter-wrap #letter-box #letter-h{font-size:2.2rem}}#letter-area aside{width:200px}@media only screen and (max-width: 834px){#letter-area aside{width:100%}}#letter-area aside ul{display:flex;flex-direction:column;row-gap:1.5rem}@media only screen and (max-width: 834px){#letter-area aside ul{row-gap:0}}#letter-area aside ul li{position:relative;width:100%;padding:1.2rem;padding-left:3rem;font-size:1.7rem;color:#25560d;background:#f7f7f5;border-radius:80px;transition:all .4s ease-out}@media only screen and (max-width: 834px){#letter-area aside ul li{padding:1rem;font-size:1.4rem;background:none;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0}#letter-area aside ul li:first-of-type{border-top:1px solid rgba(0,0,0,.08)}}@media only screen and (max-width: 600px){#letter-area aside ul li{font-size:1.3rem}}#letter-area aside ul li::after{content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);right:2.5rem;width:8px;height:8px;border-top:2px solid #25560d;border-right:2px solid #25560d;transform:translateY(-50%) rotate(45deg);transition:all .4s ease-out}@media only screen and (max-width: 834px){#letter-area aside ul li::after{right:1.5rem;width:7px;height:7px;border-width:1px}}#letter-area aside ul li a{display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}#letter-area aside ul li:hover{color:#fff;background:#25560d}@media only screen and (max-width: 834px){#letter-area aside ul li:hover{color:#25560d;background:#f7f7f5}}#letter-area aside ul li:hover::after{right:2rem;border-color:#fff}@media only screen and (max-width: 834px){#letter-area aside ul li:hover::after{right:1rem;border-color:#25560d}}#letter-txt h2,#letter-txt h3,#letter-txt h4,#letter-txt h5,#letter-txt h6{margin-bottom:3rem}#letter-txt h2{position:relative;padding:1rem 0;font-size:2.5rem}@media only screen and (max-width: 834px){#letter-txt h2{font-size:2.2rem}}#letter-txt h2::before,#letter-txt h2::after{content:"";position:absolute;left:0;bottom:0;height:2px;border-radius:4px}#letter-txt h2::before{width:100%;background:rgba(0,0,0,.15)}#letter-txt h2::after{width:25%;background:#333}#letter-txt h3{padding:1.5rem 3rem;font-size:2.2rem;background:rgba(0,0,0,.08);border-radius:5px}@media only screen and (max-width: 834px){#letter-txt h3{padding:1.5rem 2.5rem;font-size:2rem}}#letter-txt h4{padding:.5rem 2rem .5rem 3rem;font-size:2.2rem;border-left:4px solid #333}@media only screen and (max-width: 834px){#letter-txt h4{padding-left:2.5rem;font-size:2rem}}#letter-txt h5{padding:1rem 0;font-size:2rem;border-bottom:3px dotted #333}@media only screen and (max-width: 834px){#letter-txt h5{font-size:1.8rem}}#letter-txt h6{padding:1rem 0;font-size:2rem;border-bottom:4px double #333}@media only screen and (max-width: 834px){#letter-txt h6{font-size:1.8rem}}#letter-txt ul{display:flex;flex-direction:column;width:100%;padding-left:1rem}@media only screen and (max-width: 834px){#letter-txt ul{row-gap:.5rem}}#letter-txt ul li{list-style-type:disc;list-style-position:outside;margin-left:1rem}#letter-txt ol{display:flex;flex-direction:column;width:100%;padding-left:1rem}@media only screen and (max-width: 834px){#letter-txt ol{row-gap:.5rem}}#letter-txt ol li{list-style-type:decimal;list-style-position:outside;margin-left:1rem}#letter-txt em{font-style:italic}#letter-txt blockquote{position:relative;padding:5rem;background:rgba(37,86,13,.1);border-radius:5px}@media only screen and (max-width: 834px){#letter-txt blockquote{padding:4rem}}@media only screen and (max-width: 600px){#letter-txt blockquote{padding:3rem}}#letter-txt blockquote::before{content:"";display:block;margin-bottom:2.5rem;font-size:5rem;font-weight:600;line-height:.5;color:rgba(37,86,13,.3)}@media only screen and (max-width: 834px){#letter-txt blockquote::before{margin-bottom:2rem;font-size:4.5rem}}@media only screen and (max-width: 600px){#letter-txt blockquote::before{margin-bottom:1.8rem}}#letter-txt a{color:#094;text-decoration:underline}#letter-txt a:hover{text-decoration:none}#letter-txt img,#letter-txt video{display:block;max-width:100%;height:auto;margin-bottom:3rem;object-fit:cover}#letter-txt iframe{width:100%;height:100%;aspect-ratio:16/9}#letter-txt .has-text-align-center{text-align:center}#letter-txt .has-text-align-left{text-align:left}#letter-txt .has-text-align-right{text-align:right}