.button_button__suH_6{margin-inline:auto;text-align:center}@media screen and (min-width:768px){.button_button__suH_6{width:460px}}.button_button__suH_6.button-blog{width:calc(100% - 40px);margin-inline:auto;-webkit-margin-after:100px;margin-block-end:100px}@media screen and (min-width:768px){.button_button__suH_6.button-blog{width:calc(100% - 80px);max-width:600px;-webkit-margin-after:200px;margin-block-end:200px}}.button_button__suH_6.back-index{margin-block:60px 100px;margin-inline:auto;width:calc(100% - 40px)}@media screen and (min-width:768px){.button_button__suH_6.back-index{max-width:600px}}.button_contact__bcQpR{font-size:1rem;color:#fff}.button_contact__bcQpR a{font-weight:700;text-decoration:none;min-height:60px;background:var(--color-secoundary);display:flex;align-items:center;justify-content:center;border-radius:3px;position:relative;transition:all .3s ease}@media(hover:hover){.button_contact__bcQpR a:hover{opacity:.6}}.button_contact__bcQpR a:after{content:"";display:block;width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff;position:absolute;top:50%;right:17px;transform:translateY(-50%) rotate(-45deg)}.button_contact__bcQpR.button_is-nav__ceUo0{width:240px;margin:60px auto 0}@media screen and (min-width:768px){.button_contact__bcQpR.button_is-nav__ceUo0{display:none}}.button_normal__fPSH0{font-size:1rem}.button_normal__fPSH0 a{font-weight:700;text-decoration:none;min-height:60px;border:1px solid var(--color-primary);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}@media(hover:hover){.button_normal__fPSH0 a:hover{background:var(--color-primary);color:#fff}.button_normal__fPSH0 a:hover:after{border-color:#fff}}.button_normal__fPSH0 a:after{content:"";display:block;width:6px;height:6px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);position:absolute;top:50%;right:17px;transform:translateY(-50%) rotate(-45deg)}.button_white__Zw1DP{font-size:1rem}.button_white__Zw1DP a{font-weight:700;text-decoration:none;min-height:60px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.button_white__Zw1DP a:focus-visible{background:#fff;color:var(--color-primary)}.button_white__Zw1DP a:focus-visible:after{border-color:var(--color-primary)}@media(hover:hover){.button_white__Zw1DP a:hover{background:#fff;color:var(--color-primary)}.button_white__Zw1DP a:hover:after{border-color:var(--color-primary)}}.button_white__Zw1DP a:after{content:"";display:block;width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff;position:absolute;top:50%;right:17px;transform:translateY(-50%) rotate(-45deg)}._id__heading__sLmIJ{-webkit-padding-before:30px;padding-block-start:30px;padding-inline:20px}@media screen and (min-width:768px){._id__heading__sLmIJ{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;width:1400px;max-width:calc(100% - 80px);margin-inline:auto;padding-inline:0;-webkit-padding-before:40px;padding-block-start:40px}}._id__heading__sLmIJ .date{display:flex;-webkit-margin-after:10px;margin-block-end:10px}._id__heading__sLmIJ .date .published,._id__heading__sLmIJ .date .updated{font-size:.75rem;color:var(--color-primary)}@media screen and (min-width:768px){._id__heading__sLmIJ .date .published,._id__heading__sLmIJ .date .updated{font-size:.875rem}}._id__heading__sLmIJ .date .published{display:flex;align-items:center}._id__heading__sLmIJ .date .published:before{content:"";display:inline-flex;width:20px;height:20px;background:url(/images/mobile/common/ico_clock02.svg) no-repeat 50%/contain;-webkit-margin-end:5px;margin-inline-end:5px}@media screen and (min-width:768px){._id__heading__sLmIJ .date .published:before{-webkit-margin-end:10px;margin-inline-end:10px;width:24px;height:24px}}._id__heading__sLmIJ .date .updated{display:flex;align-items:center;-webkit-margin-start:15px;margin-inline-start:15px}@media screen and (min-width:768px){._id__heading__sLmIJ .date .updated{-webkit-margin-start:25px;margin-inline-start:25px}}._id__heading__sLmIJ .date .updated:before{content:"";display:inline-flex;width:20px;height:20px;background:url(/images/mobile/common/ico_repeat02.svg) no-repeat 50%/contain;-webkit-margin-end:5px;margin-inline-end:5px}@media screen and (min-width:768px){._id__heading__sLmIJ .date .updated:before{width:24px;height:24px;-webkit-margin-end:10px;margin-inline-end:10px}._id__heading__sLmIJ .title{width:calc(100% - 190px)}}._id__heading__sLmIJ .title h1{font-size:1.5rem;font-weight:700;-webkit-margin-after:20px;margin-block-end:20px;line-height:1.8;font-family:fot-udkakugo-large-pr6n,sans-serif}@media screen and (min-width:768px){._id__heading__sLmIJ .title h1{font-size:2rem}}._id__heading__sLmIJ .category{width:100%;min-height:50px;display:flex;align-items:center;color:#fff;font-size:.875rem;font-weight:700;padding-inline:15px}@media screen and (min-width:768px){._id__heading__sLmIJ .category{min-height:160px;font-size:.875rem;width:150px;flex-direction:column;place-content:center;-webkit-margin-end:40px;margin-inline-end:40px}}._id__heading__sLmIJ .category.is-javascript{background:#ffc700}._id__heading__sLmIJ .category.is-javascript:before{content:"";display:inline-flex;width:24px;height:24px;background:url(/images/mobile/common/ico_js01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-javascript:before{width:80px;height:80px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-after:15px;margin-block-end:15px}}._id__heading__sLmIJ .category.is-design{background:linear-gradient(270deg,#fbc2eb,#a6c1ee)}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-design{background:linear-gradient(0deg,#fbc2eb,#a6c1ee)}}._id__heading__sLmIJ .category.is-design:before{content:"";display:inline-flex;width:24px;height:24px;background:url(/images/mobile/common/ico_design01.svg) no-repeat 50%/contain;-webkit-margin-end:5px;margin-inline-end:5px}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-design:before{width:90px;height:90px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-after:15px;margin-block-end:15px}}._id__heading__sLmIJ .category.is-css{background:#1d92ff}._id__heading__sLmIJ .category.is-css:before{content:"";display:inline-flex;width:24px;height:24px;background:url(/images/mobile/common/ico_css01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-css:before{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-after:20px;margin-block-end:20px;width:69px;height:68px}}._id__heading__sLmIJ .category.is-html{background:#ff5050}._id__heading__sLmIJ .category.is-html:before{content:"";display:inline-flex;width:24px;height:24px;background:url(/images/mobile/common/ico_html01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-html:before{width:90px;height:72px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-after:25px;margin-block-end:25px}}._id__heading__sLmIJ .category.is-php{background:#6c81e1}._id__heading__sLmIJ .category.is-php:before{content:"";display:inline-flex;width:32px;height:24px;background:url(/images/mobile/common/ico_php01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-php:before{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-after:18px;margin-block-end:18px;width:100px;height:52px}}._id__heading__sLmIJ .category.is-information{background:var(--color-primary)}._id__heading__sLmIJ .category.is-information:before{content:"";display:inline-flex;width:24px;height:24px;background:url(/images/mobile/common/ico_info01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-information:before{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-after:15px;margin-block-end:15px;width:60px;height:60px}}._id__heading__sLmIJ .category.is-alert{background:#ff2626}._id__heading__sLmIJ .category.is-alert:before{content:"";display:inline-flex;width:20px;height:20px;background:url(/images/mobile/common/ico_alert01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}@media screen and (min-width:768px){._id__heading__sLmIJ .category.is-alert:before{width:70px;height:70px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-after:15px;margin-block-end:15px}}._id__keyvisual__8u2QB{position:relative;height:240px;width:calc(100% - 40px);margin-inline:auto;-webkit-margin-after:30px;margin-block-end:30px}@media screen and (min-width:768px){._id__keyvisual__8u2QB{width:1400px;max-width:calc(100% - 80px);margin-inline:auto;height:500px;-webkit-margin-after:40px;margin-block-end:40px}}._id__keyvisual__8u2QB img{object-fit:cover}._id__share__UJ5d3{display:flex;background:#f6f6f6;width:calc(100% - 40px);margin-inline:auto;-webkit-margin-after:30px;margin-block-end:30px}@media screen and (min-width:768px){._id__share__UJ5d3{width:1400px;max-width:calc(100% - 80px);-webkit-margin-after:60px;margin-block-end:60px}}._id__share__UJ5d3 li{width:25%}._id__share__UJ5d3 li a{padding-block:15px;display:flex;justify-content:center;transition:all .3s ease}._id__share__UJ5d3 li a svg{width:20px}._id__share__UJ5d3 li a.facebook{fill:var(--color-primary)}@media(hover:hover){._id__share__UJ5d3 li a.facebook:hover{background:#0965fe}._id__share__UJ5d3 li a.facebook:hover #facebook{fill:#fff}}._id__share__UJ5d3 li a.x{fill:var(--color-primary)}@media(hover:hover){._id__share__UJ5d3 li a.x:hover{background:#000;fill:#fff}._id__share__UJ5d3 li a.x:hover #x{fill:#fff}}._id__share__UJ5d3 li a.line #line{fill:var(--color-primary)}._id__share__UJ5d3 li a.line #line-word{fill:#f6f6f6}@media(hover:hover){._id__share__UJ5d3 li a.line:hover{background:#06c755}._id__share__UJ5d3 li a.line:hover #line{fill:#fff}._id__share__UJ5d3 li a.line:hover #line-word{fill:#06c755}}._id__share__UJ5d3 li a.hatena{fill:var(--color-primary)}@media(hover:hover){._id__share__UJ5d3 li a.hatena:hover{background:#01a5df;fill:#fff}}._id__body__e0yah{padding-inline:20px;-webkit-padding-after:50px;padding-block-end:50px}@media screen and (min-width:768px){._id__body__e0yah{padding-inline:0;width:calc(100% - 80px);max-width:1200px;margin-inline:auto;-webkit-padding-after:100px;padding-block-end:100px}}._id__body__e0yah h2,._id__body__e0yah h3,._id__body__e0yah h4,._id__body__e0yah h5,._id__body__e0yah h6{-webkit-margin-after:20px;margin-block-end:20px}@media screen and (min-width:768px){._id__body__e0yah h2,._id__body__e0yah h3,._id__body__e0yah h4,._id__body__e0yah h5,._id__body__e0yah h6{-webkit-margin-after:40px;margin-block-end:40px}}._id__body__e0yah h2{font-size:1.5rem;font-weight:700}@media screen and (min-width:768px){._id__body__e0yah h2{font-size:1.875rem}}._id__body__e0yah h3{font-size:1.25rem}@media screen and (min-width:768px){._id__body__e0yah h3{font-size:1.625rem}}._id__body__e0yah h4{font-size:1.125rem}@media screen and (min-width:768px){._id__body__e0yah h4{font-size:1.25rem}}._id__body__e0yah h5{font-size:1rem}@media screen and (min-width:768px){._id__body__e0yah h5{font-size:1.125rem}}._id__body__e0yah p{-webkit-margin-after:1rem;margin-block-end:1rem}@media screen and (min-width:768px){._id__body__e0yah p{-webkit-margin-after:2rem;margin-block-end:2rem}}._id__body__e0yah a{color:#ff7c00;transition:color .3s ease}@media screen and (min-width:768px)and (hover:hover){._id__body__e0yah a:hover{color:#904600}}._id__body__e0yah a[target=_blank]:after{content:"";display:inline-block;width:20px;height:20px;background:url(/images/mobile/common/ico_blank01.svg) no-repeat 50%/contain;margin-inline:5px .2em;vertical-align:middle}._id__body__e0yah strong{font-weight:700}._id__body__e0yah pre{width:100%;white-space:pre-wrap;background:#222;color:#fff;border-radius:3px;padding-block:30px;padding-inline:25px;-webkit-margin-after:40px;margin-block-end:40px}@media screen and (min-width:768px){._id__body__e0yah pre{-webkit-margin-after:60px;margin-block-end:60px}}._id__body__e0yah div:has(pre){position:relative;padding-block:calc(1em + 20px) 30px}._id__body__e0yah div:has(pre):before{content:attr(data-filename);width:100%;position:absolute;top:0;left:0;padding-block:10px;padding-inline:calc(1em + 35px) 25px;min-height:calc(1em + 10px);display:flex;background:#000;color:#fff}._id__body__e0yah div:has(pre):after{content:url(/images/mobile/posts/ico_code01.svg);display:block;width:1em;height:1em;position:absolute;left:25px;top:.85em}._id__body__e0yah figure{-webkit-margin-after:30px;margin-block-end:30px}._id__body__e0yah figcaption{font-size:.75rem;color:#666;-webkit-margin-before:10px;margin-block-start:10px}@media screen and (min-width:768px){._id__body__e0yah figcaption{font-size:.875rem}}._id__body__e0yah ul{-webkit-margin-after:30px;margin-block-end:30px}._id__body__e0yah ul li{position:relative;-webkit-padding-start:15px;padding-inline-start:15px}._id__body__e0yah ul li:before{content:"";width:6px;height:6px;display:block;position:absolute;top:.5rem;left:0;background:var(--color-primary)}._id__body__e0yah ul li+li{-webkit-margin-before:10px;margin-block-start:10px}._id__body__e0yah ol{-webkit-margin-after:30px;margin-block-end:30px;counter-reset:num}._id__body__e0yah ol li{-webkit-padding-start:30px;padding-inline-start:30px;position:relative}._id__body__e0yah ol li:before{content:counter(num,decimal-leading-zero) ".";counter-increment:num;position:absolute;top:0;left:0;font-weight:700}._id__body__e0yah ol li+li{-webkit-margin-before:10px;margin-block-start:10px}._id__body__e0yah table{width:100%;border-collapse:collapse;border:1px solid var(--color-primary);-webkit-margin-after:30px;margin-block-end:30px}._id__body__e0yah table tr:nth-of-type(odd){background:#f6f6f6}._id__body__e0yah table tr th{background:var(--color-primary);padding:10px;color:#fff}._id__body__e0yah table tr th+th{-webkit-border-start:1px solid #fff;border-inline-start:1px solid #fff}._id__body__e0yah table tr+tr th{-webkit-border-before:1px solid #fff;border-block-start:1px solid #fff}._id__body__e0yah table tr td{padding:20px}._id__body__e0yah table tr td+td{-webkit-border-start:1px solid #d9d9d9;border-inline-start:1px solid #d9d9d9}._id__body__e0yah :last-child{-webkit-margin-after:0;margin-block-end:0}@media screen and (min-width:768px){._id__breadcrumb__O_EkD{width:1400px!important;max-width:calc(100% - 40px)!important;-webkit-border-after:0;border-block-end:0;padding-inline:0}._id__breadcrumb__O_EkD li a{-webkit-padding-end:0;padding-inline-end:0}._id__breadcrumb__O_EkD li a:after,._id__breadcrumb__O_EkD li:not(:first-of-type):not(:last-of-type):after{display:none}._id__breadcrumb__O_EkD li:not(:first-of-type):not(:last-of-type) a{-webkit-padding-start:0;padding-inline-start:0}}