@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;border-radius:0;margin:0;outline:0;padding:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-family:YakuHanJPs_Noto,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN W3","Yu Gothic","メイリオ",Meiryo,"MS P ゴシック","Helveica Neue",Helvetica,Arial,sans-serif;font-size:62.5%;overflow-x:hidden}body{color:#000;font-size:10px;-webkit-text-size-adjust:100%}a,a:hover{-webkit-tap-highlight-color:transparent;color:inherit;text-decoration:none}img{height:auto;vertical-align:bottom;width:100%}.l-header{background:#000;display:block;position:relative;width:100%}.l-footer{position:relative}.l-main{position:relative}.c-example{position:relative}.p-examplelist{position:relative}.u-example{position:relative!important}img:not([alt]){outline:5px solid red}img:not([alt])::after{color:#585858;content:"img 要素には、alt 属性が必須です。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}iframe[src^="https://www.youtube.com/embed/"]:not([src*="rel=0"]){outline:5px solid red}iframe[src^="https://www.youtube.com/embed/"]:not([src*="rel=0"])::after{color:#585858;content:"YouTube の関連動画を同じチャンネル内に制御されてまいせん。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}a[target=_blank]:not([rel]){outline:5px solid red}a[target=_blank]:not([rel])::after{color:#585858;content:"リンク先が外部サイトの場合は、rel 属性が必須です。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}a:not([href]){outline:5px solid red}a:not([href])::after{color:#585858;content:"aタグには href 属性が必須です。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}a[href=""]{outline:5px solid red}a[href=""]::after{color:#585858;content:"リンク先が未設定です。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}body>:not([class]){outline:5px solid #ff0}body>:not([class])::after{color:#585858;content:"スタイルを適用する場合は class 属性は必須です。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}body>:not([class])[id]{outline:5px solid red}body>:not([class])[id]::after{color:#585858;content:"スタイルを適用する場合は id 属性ではなく class属性を使用します。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}body>[id]{outline:5px solid #ff0}body>[id]::after{color:#585858;content:"この要素がアンカーリンクの遷移先出ない場合は id 属性を削除してください。";display:block;font-size:1.4rem;letter-spacing:.08em;-webkit-font-smoothing:antialiased}