*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}pre{all:revert}::-moz-placeholder{color:unset}:-ms-input-placeholder{color:unset}::placeholder{color:unset}::marker{content:""}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html,body{width:100%;font-size:62.5%}a{color:#000;text-decoration:none}a:hover{color:#000;opacity:.7}img{width:100%;height:auto;vertical-align:bottom}@media screen and (min-width: 600px){.sp{display:none}}.pc{display:none}@media screen and (min-width: 1025px){.pc{display:block}}.main{display:block}body{color:#333;font-family:"Sawarabi Gothic",sans-serif;font-size:1.4rem}body.fixed{position:fixed;overflow-y:scroll}a{color:#333}blockquote{margin:2rem 0;padding:1rem;background:#606060}@media screen and (min-width: 1025px){::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:20px}}::-moz-placeholder{color:rgba(0,0,0,.5)}:-ms-input-placeholder{color:rgba(0,0,0,.5)}::placeholder{color:rgba(0,0,0,.5)}#bg{position:fixed;top:0;left:0;z-index:11;width:100%;height:100vh;background-color:rgba(0,0,0,.5)}.flex{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:2rem;padding:1rem 2rem}.logo img{height:2.4rem}.menu{height:2.4rem;cursor:pointer}.ruby::after{content:"（" attr(data-ruby) "）"}.header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;z-index:10;width:100%;background:#fff}@media screen and (min-width: 1025px){.header{z-index:30}}@media screen and (min-width: 1025px){.header #open{display:none}}.header #menu{display:none}@media screen and (min-width: 1025px){.header #menu{display:block}}.container{padding-top:4.4rem}@media screen and (min-width: 1025px){.container{padding:6.4rem 2rem 2rem 26rem;min-height:calc(100svh - 6.4rem);background-color:#f9f9f9}}.container.big{padding-left:8.6rem}@media screen and (min-width: 1025px){.single{display:grid;grid-template-columns:1fr 40rem;gap:2rem}}.ads{display:flex;flex-direction:column-reverse}.ad{margin-bottom:2rem;text-align:center}.archive__title{position:fixed;top:0;left:0}.archive__link{padding:.5rem 1rem;background-color:#fff;border-radius:1rem}.archive__list{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));gap:2rem;margin-bottom:5.8rem}@media screen and (min-width: 1025px){.archive__list{margin:0;grid-template-columns:repeat(4, 1fr)}}.archive__item__link{display:flex;flex-direction:column}.archive__item__link:hover img{transform:scale(1.2)}.archive__item__image{order:1;margin:0;overflow:hidden}.archive__item__image img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition:all .5s}.archive__item__wrapper{order:2;padding:1rem}.archive__item__inner{display:flex;justify-content:space-between;font-size:1.2rem;color:#606060}.archive__item__title{margin-bottom:1rem;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.archive__item__category,.archive__item__date{display:flex;align-items:center;gap:1rem}.archive__item__category::before,.archive__item__date::before{font-family:"Material Icons Outlined";content:attr(data-icon)}.article{margin-bottom:10rem}@media screen and (min-width: 1025px){.article{margin-bottom:0}}.article__title,.page h1{margin-bottom:3rem;font-size:2.4rem;font-weight:bold;line-height:2}.article__wrapper{padding:0 1rem}.article__inner{display:flex;gap:2rem;margin-bottom:2rem}.article__inner p{display:flex;align-items:center;gap:1rem}.article__inner p::before{font-family:"Material Icons Outlined";content:attr(data-icon)}.article__content{line-height:2}.article__content #toc_container p.toc_title{text-align:left}.article__content h2 span,.article__content h3 span{display:block;margin:-4.4rem 0 1rem;padding:6.4rem 0 0}.article__content h2{font-size:2rem;font-weight:bold}.article__content h2 span{margin:0 0 1rem}.article__content h3{font-weight:bold}.page{margin-bottom:7.8rem;padding:0 1rem}@media screen and (min-width: 1025px){.page{padding:0}}.page p{margin-bottom:2rem;line-height:2}.page a{font-weight:bold;border-bottom:1px dashed #606060}.contact .form{display:block;margin-top:3rem}.contact .form__alert{font-size:1.2rem}.contact .form__alert::before{content:"※";padding-right:.5em;color:red}@media screen and (min-width: 1025px){.contact .form dl{display:flex;flex-wrap:wrap}}.contact .form dt{margin-bottom:.5rem}@media screen and (min-width: 1025px){.contact .form dt{padding-top:.5rem;width:8em}}.contact .form dd{margin-bottom:2rem}@media screen and (min-width: 1025px){.contact .form dd{width:calc(100% - 8em)}}.contact .form dd::after{display:block;font-size:1.2rem}.contact .form__name::after{content:"入力例）上部 才人"}.contact .form__email::after{content:"入力例）aaa@bbb.com"}@media screen and (min-width: 1025px){.contact .form__privacy-policy{margin-left:8em}}.contact .form__privacy-policy__checkbox{position:relative}.contact .form__privacy-policy__checkbox input{border:none !important;position:absolute;z-index:-1;top:2px;left:0;width:2.4rem !important;height:2.4rem}.contact .form__privacy-policy__checkbox input:checked+label::before{height:1.2rem;border-top:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0);transform:rotate(-45deg) translateX(0.7rem)}.contact .form__privacy-policy__checkbox input+label{display:flex;align-items:center;gap:2rem}.contact .form__privacy-policy__checkbox input+label::before{display:inline-block;content:"";width:2.4rem;height:2.4rem;border:2px solid #606060;background:#f9f9f9;transition:height .5s,border-top .5s,border-right .5s,transform .5s}.contact .form input,.contact .form select,.contact .form option,.contact .form textarea{padding:.5rem;border:1px solid #333;background:#fff}.contact .form input,.contact .form textarea{width:100%}@media screen and (min-width: 1025px){.contact .form input,.contact .form textarea{width:50%}}.contact .form input{margin-bottom:.5rem}.contact .form textarea{height:20rem}@media screen and (min-width: 1025px){.contact .form textarea{width:100%}}@media screen and (min-width: 1025px){.contact .btn{margin-left:8em}}.contact .btn button{padding:.5rem 0 .5rem 1em;width:15rem;color:#fff;text-align:center;letter-spacing:1em;background:#333;border-radius:.5rem;cursor:pointer}.contact .btn button:hover{background:#606060}.privacy__list{line-height:2}.privacy__list li{margin-bottom:2rem}.privacy__list h2{margin-bottom:1rem;font-weight:bold}.privacy__no{list-style-type:decimal}.privacy__no li{margin-bottom:1rem}.privacy dl{display:grid;grid-template-columns:5em 1fr;row-gap:1rem}.reproduce h1{margin-bottom:3rem;font-size:2.4rem;font-weight:bold;line-height:2}.reproduce section{margin-top:5rem}.reproduce h2{margin-bottom:2rem;padding-left:1rem;font-weight:bold;border-left:1rem solid #333}.reproduce__wrapper{display:flex;flex-direction:column-reverse;gap:2rem}@media screen and (min-width: 1025px){.reproduce__wrapper{flex-direction:row-reverse;justify-content:flex-end}}.reproduce__wrapper p{margin-bottom:0}@media screen and (min-width: 1025px){.reproduce__wrapper figure{width:30rem}}.reproduce__description ul{display:flex;gap:1rem;margin-top:2rem}.reproduce__description ul li a{padding:.5rem 1em;width:15rem;color:#fff;text-align:center;background:#333;border-radius:.5rem;cursor:pointer}.reproduce__description ul li a:hover{background:#606060}@media screen and (min-width: 1025px){.aside{grid-column:2/3;width:40rem}}@media screen and (min-width: 1025px){.aside .archive__list{grid-template-columns:auto}}@media screen and (min-width: 1025px){.aside .archive__item__link{display:grid;grid-template-columns:16.8rem 1fr;gap:.8rem}}@media screen and (min-width: 1025px){.aside .archive__item__wrapper{grid-column:2/3}}@media screen and (min-width: 1025px){.aside .archive__item__title{font-size:1.4rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media screen and (min-width: 1025px){.aside .archive__item__image{grid-column:1/2}}.guide{position:fixed;top:0;left:-100%;z-index:20;padding-right:1rem;width:80%;max-width:24rem;height:100%;background:#fff;overflow-y:auto;transition:left .5s}@media screen and (min-width: 1025px){.guide{top:4.4rem;left:0;height:calc(100svh - 4.4rem);overflow-y:hidden}}@media screen and (min-width: 1025px){.guide:hover{overflow-y:scroll}}.guide.active{left:0}@media screen and (min-width: 1025px){.guide .flex{display:none}}.guide nav,.guide section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.guide nav li a,.guide section li a{display:grid;grid-template-columns:2.4rem 1fr;align-items:center;gap:2rem}.guide nav li a::before,.guide .coding li a::before{font-family:"Material Icons Outlined";content:attr(data-icon);font-size:2.4rem}.guide section h2{padding:1rem 2rem;color:#606060}.guide section img{width:2.4rem}.guide li a{display:block;padding:1rem 2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide li a:hover{background-color:rgba(0,0,0,.1)}.guide .copyright{padding:1rem 2rem;font-size:1.2rem}.guide.small{padding:0;width:6.4rem;overflow:hidden}.guide.small nav{border-bottom:none}.guide.small section,.guide.small .copyright{display:none}.foot-nav{position:fixed;left:0;bottom:0;width:100%;background:#fff;border-top:1px solid rgba(0,0,0,.1)}@media screen and (min-width: 1025px){.foot-nav{display:none}}.foot-nav ul{display:flex}.foot-nav ul li{width:20%;text-align:center}.foot-nav ul li a{display:block;padding:.5rem;font-size:1.2rem}.foot-nav ul li a::before{font-family:"Material Icons Outlined";content:attr(data-icon);display:block;margin-bottom:.5rem;font-size:2.4rem}