.pc-tutorials{padding:80px 28px;background:#f5f7f2;color:#172118;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.pc-tutorials__inner{max-width:1124px;margin:0 auto}
.pc-tutorials__head{max-width:760px;margin-bottom:32px}
.pc-tutorials__kicker{font-size:12px;font-weight:800;letter-spacing:.1em;color:#526a35}
body.page-id-1667 .pc-tutorials h2{margin:14px 0 16px;font-family:inherit;color:#111;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.45;letter-spacing:-.025em}
body.page-id-1667 .pc-tutorials p{margin:0;font-size:14px;line-height:1.9;color:#425146}
.pc-tutorials__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pc-tutorial{min-width:0;background:#fff;border:1px solid #d6dfd0;border-radius:20px;overflow:hidden}
.pc-tutorial__media{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}
body.page-id-1667 .pc-tutorial__media>img,body.page-id-1667 .pc-tutorial__media>video{display:block;width:100%;height:100%;object-fit:contain;margin:0;border-radius:0}
.pc-tutorials [hidden]{display:none!important}
body.page-id-1667 .pc-tutorial__play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;border:0;border-radius:0;background:rgba(0,0,0,.16);color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer;text-shadow:0 1px 3px #000}
.pc-tutorial__play-icon{display:grid;place-items:center;width:60px;height:60px;padding-left:3px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(17,24,16,.9);color:#e0ff88;font-size:23px;text-shadow:none;box-sizing:border-box}
body.page-id-1667 .pc-tutorial__play:hover{background:rgba(0,0,0,.28);color:#fff}
.pc-tutorial__play:hover .pc-tutorial__play-icon{background:#e0ff88;color:#111;border-color:#e0ff88}
.pc-tutorial__play:focus-visible{outline:3px solid #e0ff88;outline-offset:-5px}
.pc-tutorial__duration{position:absolute;right:12px;bottom:12px;padding:3px 8px;border-radius:5px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;pointer-events:none}
.pc-tutorial.is-playing .pc-tutorial__duration{display:none}
.pc-tutorial__copy{padding:24px}
.pc-tutorial__tag{font-size:11px;font-weight:700;letter-spacing:.04em;color:#526a35}
body.page-id-1667 .pc-tutorial h3{margin:10px 0 12px;color:#172118;font-family:inherit;font-size:20px;font-weight:800;line-height:1.55}
body.page-id-1667 .pc-tutorials .pc-tutorials__note{margin-top:22px;color:#637065;font-size:12px;line-height:1.8}
body.page-id-1667 .pc-tutorials .pc-tutorial__error{margin-top:14px;font-size:13px}
body.page-id-1667 .pc-tutorials a{color:#425c20!important;text-decoration:underline;text-underline-offset:.2em}
body.page-id-1667 .pc-tutorials a:hover{color:#111!important}
.pc-tutorials a:focus-visible{outline:2px solid #526a35;outline-offset:3px}
@media(max-width:767px){.pc-tutorials{padding:56px 20px}.pc-tutorials__grid{grid-template-columns:1fr;gap:24px}.pc-tutorials__head{margin-bottom:26px}.pc-tutorial__copy{padding:20px}body.page-id-1667 .pc-tutorial h3{font-size:19px}}