@font-face{font-family:"Noto Sans JP";src:url("/assets/fonts/NotoSansJP-Regular.woff2") format("woff2"),url("/assets/fonts/NotoSansJP-Regular.woff") format("woff"),url("/assets/fonts/NotoSansJP-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans JP";src:url("/assets/fonts/NotoSansJP-Medium.woff2") format("woff2"),url("/assets/fonts/NotoSansJP-Medium.woff") format("woff"),url("/assets/fonts/NotoSansJP-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans JP";src:url("/assets/fonts/NotoSansJP-Bold.woff2") format("woff2"),url("/assets/fonts/NotoSansJP-Bold.woff") format("woff"),url("/assets/fonts/NotoSansJP-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,header,footer,main,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}table th,table td{vertical-align:top}input,button,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0;font:inherit;outline:none}textarea{resize:vertical}input[type=checkbox],input[type=radio]{display:none}input[type=submit],input[type=button],label,button,select{cursor:pointer}select::-ms-expand{display:none}img{font-size:0;vertical-align:bottom}a{outline:none;text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}.mt0{margin-top:0px !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt55{margin-top:55px !important}.mt60{margin-top:60px !important}.mt65{margin-top:65px !important}.mt70{margin-top:70px !important}.mt75{margin-top:75px !important}.mb0{margin-bottom:0px !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}.mb65{margin-bottom:65px !important}.mb70{margin-bottom:70px !important}.mb75{margin-bottom:75px !important}.pt0{padding-top:0px !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}.pt60{padding-top:60px !important}.pt65{padding-top:65px !important}.pt70{padding-top:70px !important}.pt75{padding-top:75px !important}.pb0{padding-bottom:0px !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb55{padding-bottom:55px !important}.pb60{padding-bottom:60px !important}.pb65{padding-bottom:65px !important}.pb70{padding-bottom:70px !important}.pb75{padding-bottom:75px !important}.header{width:100%;padding:10px 0;border-bottom:1px solid #aaa}.header__inner{position:relative;width:min(100% - 30px,768px);margin:0 auto}@media screen and (min-width: 769px){.header__inner{width:min(100% - 40px,1200px)}}.header__logo{position:relative;padding-left:20px;font-size:17px;font-weight:700;background:url(/assets/img/icon_logo.svg) no-repeat left center;background-size:17px 100%}.header .portfolio{position:absolute;top:0;right:0}.header .portfolio a{display:block;padding:2px 10px;font-size:14px;background-color:#efefef;border-radius:5px;border:1px solid #aaa}.second-nav{width:min(100% - 40px,1200px);margin:10px auto 0}.second-nav .nav .nav__list{width:100%;display:flex;flex-wrap:wrap}.second-nav .nav .nav__list .nav__item{display:block;margin:0 5px 10px}.second-nav .nav .nav__list .nav__item--link{display:block;width:100%;padding:6px 10px;font-size:13px;text-align:center;line-height:1;border-radius:5px;border:1px solid #aaa;background-color:#fff}.second-nav .nav .nav__list .nav__item--link:hover{cursor:pointer;background-color:#efefef}.second-nav .nav .nav__list .nav__item--link:focus-visible{outline:auto}.second-nav .nav .nav__list .nav__item.is-current .nav__item--link{background-color:#efefef}.footer{bottom:0;width:100%;padding:20px 0 15px;border-top:1px solid #aaa;box-sizing:border-box;background-color:#fff;position:sticky;top:100vh;width:100%;z-index:1}.footer__inner{width:min(100% - 30px,768px);margin:0 auto}@media screen and (min-width: 769px){.footer__inner{width:min(100% - 40px,1200px)}}.footer__inner .copyright{display:block;text-align:center;font-size:12px}#topBtn{position:fixed;right:10px;bottom:10px;width:17px;height:79px;opacity:1;transition:.3s;cursor:pointer;z-index:2}#topBtn:hover{opacity:.7}#topBtn:focus-visible{outline:2px solid #aaa;outline-offset:7px}.section .section__title--lv2{font-size:24px;font-weight:700;line-height:1.6;margin-bottom:50px;border:1px solid #aaa;border-left:8px solid #00a45d;border-radius:0 5px 5px 0}.section .section__title--lv2 .fontS{font-size:18px}.section .section__title--lv2:hover{background-color:#f7f7f7}.section .section__title--lv2 a{display:block;padding:10px 0 10px 10px}.section .section__title--lv3{width:100%;display:block;position:relative;font-size:20px;font-weight:700;line-height:1.6;padding:0 0 0 10px;margin-bottom:10px;border-bottom:1px solid #aaa}.section .section__title--lv3:before{position:absolute;content:"";top:0;left:0;width:3px;height:1.5em;margin:0;padding:0;border-left:5px solid #00a45d}.section .section__title--lv4{margin:0 0 10px;padding:0 0 5px;font-size:18px;font-weight:700;border-bottom:1px solid #aaa}.section .section__title--lv5{margin-bottom:15px;padding-left:5px;font-size:18px;font-weight:700;border-left:4px solid #666}html{width:100%;height:100%}body{position:relative;width:100%;height:100%;font-size:16px;letter-spacing:0;line-height:1.6;color:#333;font-weight:400;font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic ProN","Helvetica Neue",Arial,"Hiragino Sans",Meiryo,sans-serif;background-color:#fff;overflow-x:hidden;overflow-y:scroll}img{font-size:0;vertical-align:top}a{outline:none;text-decoration:none;color:inherit}@media screen and (max-width: 768px){a{-webkit-tap-highlight-color:rgba(0,0,0,0)}}@media screen and (min-width: 769px){a{opacity:1;transition:all .3s}}@media screen and (min-width: 769px){a:hover{opacity:.7}}a:focus{outline:auto}.fontR{font-weight:400}.fontM{font-weight:500}.fontB{font-weight:700}.textL{text-align:left}.textR{text-align:right}.textC{text-align:center}#wrapper{position:relative;width:100%;height:100%;margin:0;padding:0;text-align:left}@media screen and (min-width: 769px){#wrapper{padding:0}}.main{width:100%;background-color:#fff}.main__inner{width:min(100% - 30px,768px);margin:0 auto;padding:20px 0}@media screen and (min-width: 769px){.main__inner{width:min(100% - 40px,1200px)}}.section .section__inner{position:relative;margin:0 10px}.section .section__inner:not(:last-of-type){margin-bottom:50px}.section .text{margin-bottom:10px}.codepen__content{margin-bottom:30px}.prismcode__content .prismcode__content--filename{display:table;max-width:100%;min-width:120px;background:#454545;color:#fff;font-size:16px;line-height:1;text-align:center;border-radius:10px 10px 0 0;padding:10px 12px 10px;margin-bottom:-16px;border-bottom:8px solid #323232}.prismcode__content pre[class*=language-]{border-radius:10px 10px 10px 10px !important}a[target=_blank]:after{content:"";display:inline-block;width:13px;height:13px;margin-left:5px;background:url("/assets/img/icon_blank.svg") no-repeat right center;background-size:13px auto;-webkit-background-size:13px auto}.numberapp{position:relative;counter-reset:p-number}.numberapp .numberapp__item{counter-increment:p-number;margin-bottom:10px;text-indent:-1.6131em;padding-left:1.6131em}.numberapp .numberapp__item::before{content:counter(p-number, decimal-leading-zero) ". "}.numberapp .numberapp__item a{opacity:1;transition:.3s}.numberapp .numberapp__item a:hover{opacity:.7}.numberapp .numberapp__list{margin-left:1.6131em}.numberapp .numberapp__list--item{font-size:15px}.numberapp .numberapp__list.list-mark .numberapp__list--item{position:relative;text-indent:-1em;padding-left:1em}.numberapp .numberapp__list.list-mark .numberapp__list--item::before{content:"・"}.toggle-btn{position:relative;cursor:pointer;width:30px;margin-left:20px}.toggle-btn:hover{opacity:.7}.toggle-btn::after{content:"";position:absolute;top:0;bottom:0;margin:auto;width:30px;height:30px;background-image:url(/assets/img/icon_arr_down.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center center}.toggle-btn.is-open::after{background-image:url(/assets/img/icon_arr_up.svg)}.flex_table{display:grid;grid-template-columns:auto 1fr;border-top:1px solid #666;border-left:1px solid #666}.flex_table .flex_table_term{padding:5px 10px;font-weight:bold;border-bottom:1px solid #666;border-right:1px solid #666;background-color:#efefef}.flex_table .flex_table_desc{padding:5px 10px;border-bottom:1px solid #666;border-right:1px solid #666}.table-type01{width:100%;border-top:1px solid #aaa;border-left:1px solid #aaa}.table-type01 th{padding:10px;text-align:center;background-color:#efefef;vertical-align:middle;border-bottom:1px solid #aaa;border-right:1px solid #aaa}.table-type01 th.-left{text-align:left}.table-type01 td{padding:10px;vertical-align:middle;background-color:#fff;border-bottom:1px solid #aaa;border-right:1px solid #aaa}.list{position:relative}.list.list-mark .list__item{position:relative;text-indent:-1em;padding-left:1em}.list.list-mark .list__item::before{content:"・"}/*# sourceMappingURL=style.min.css.map */