.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)}.posts_heading__EZSjw{padding-inline:20px}@media screen and (min-width:768px){.posts_heading__EZSjw{padding-inline:0;margin-block:75px 70px;width:1200px;margin-inline:auto;display:flex;align-items:center}}.posts_heading__EZSjw h1{font-family:var(--font-futura),fot-udkakugo-large-pr6n,sans-serif;letter-spacing:0;margin-block:40px 20px;font-size:1.625rem}@media screen and (min-width:768px){.posts_heading__EZSjw h1{margin-block:0;margin-inline:0 auto;font-size:2.625rem}}.posts_narrowing__HeLHx{min-width:100%;display:flex;position:relative;justify-content:flex-end;-webkit-margin-after:40px;margin-block-end:40px}@media screen and (min-width:768px){.posts_narrowing__HeLHx{min-width:auto;-webkit-margin-after:0;margin-block-end:0;align-items:center}}.posts_category__XPLvU{max-width:275px;position:relative;-webkit-padding-end:60px;padding-inline-end:60px}@media screen and (min-width:768px){.posts_category__XPLvU{max-width:335px}}.posts_category__XPLvU .category-heading{padding-inline:30px 20px;padding-block:5px;position:relative;font-weight:700;font-size:.75rem}@media screen and (min-width:768px){.posts_category__XPLvU .category-heading{font-size:1rem;padding-inline:40px 20px;cursor:pointer}}.posts_category__XPLvU .category-heading:before{content:"";display:block;width:24px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:url(/images/mobile/posts/ico_tree01.svg) no-repeat 50%/contain}@media screen and (min-width:768px){.posts_category__XPLvU .category-heading:before{width:32px;height:32px}}.posts_category__XPLvU .category-heading:after{content:"";width:6px;height:6px;display:block;position:absolute;right:0;top:50%;border-right:2px solid #000;border-bottom:2px solid #000;transform:translateY(calc(-50% - 3px)) rotate(45deg)}.posts_category__XPLvU .category-list{position:absolute;left:0;top:100%;width:200px;z-index:10;background:rgba(34,34,34,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-inline:10px;padding-block:5px;max-height:0;visibility:hidden;overflow:hidden;transition:all .3s ease}@media screen and (min-width:768px){.posts_category__XPLvU .category-list{width:300px}}.posts_category__XPLvU .category-list li+li{-webkit-border-before:1px solid #fff;border-block-start:1px solid #fff}.posts_category__XPLvU .category-list li a{color:#fff;text-decoration:none;display:block;padding-block:15px;padding-inline:10px}@media screen and (min-width:768px){.posts_category__XPLvU .category-list li a{font-size:.875rem}}.posts_category__XPLvU .category-list.is-expand{visibility:visible;max-height:200vh}.posts_search__PDH0K{position:absolute;left:0;right:0}@media screen and (min-width:768px){.posts_search__PDH0K{position:static;width:360px}}.posts_search__PDH0K input{position:absolute;top:0;right:0;width:30px;border:1px solid #000;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:30px;background:transparent;padding-inline:0 29px;transition:all .3s ease;background:url(/images/mobile/posts/ico_search01.svg) #fff no-repeat calc(100% - 6px)/16px}@media screen and (min-width:768px){.posts_search__PDH0K input{width:100%;background-position:calc(100% - 16px);background-size:24px;position:static;min-height:50px;padding-inline:10px 50px}}.posts_search__PDH0K input:focus-visible{width:calc(100vw - 40px);padding-inline:10px 29px}@media screen and (min-width:768px){.posts_search__PDH0K input:focus-visible{width:100%;padding-inline:10px 50px}}.posts_posts__x5nst{padding-inline:20px}@media screen and (min-width:768px){.posts_posts__x5nst{display:flex;width:1200px;margin-inline:auto;flex-wrap:wrap;padding-inline:0}}.posts_posts__x5nst li{width:100%}@media screen and (min-width:768px){.posts_posts__x5nst li{width:calc(33.333% - 20px);-webkit-margin-before:60px;margin-block-start:60px;-webkit-margin-start:30px;margin-inline-start:30px}}.posts_posts__x5nst li a{display:block;text-decoration:none;transition:all .3s ease;border-radius:5px}@media(hover:hover){.posts_posts__x5nst li a:hover{background:rgba(3,61,66,.1)}}@media screen and (min-width:768px){.posts_posts__x5nst li a{padding-inline:10px;padding-block:10px 20px}}.posts_posts__x5nst li+li{-webkit-margin-before:40px;margin-block-start:40px}@media screen and (min-width:768px){.posts_posts__x5nst li+li,.posts_posts__x5nst li:nth-of-type(-n+3){-webkit-margin-before:0;margin-block-start:0}.posts_posts__x5nst li:nth-of-type(3n+1){-webkit-margin-start:0;margin-inline-start:0}.posts_posts__x5nst li:not(:nth-of-type(-n+3)){-webkit-margin-before:50px;margin-block-start:50px}}.posts_posts__x5nst .category{width:100%;min-height:50px;display:flex;align-items:center;color:#fff;font-size:.875rem;font-weight:700;padding-inline:15px}.posts_posts__x5nst .category.is-javascript{background:#ffc700}.posts_posts__x5nst .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}.posts_posts__x5nst .category.is-design{background:linear-gradient(270deg,#fbc2eb,#a6c1ee)}@media screen and (min-width:768px){.posts_posts__x5nst .category.is-design{background:linear-gradient(270deg,#fbc2eb,#a6c1ee)}}.posts_posts__x5nst .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}.posts_posts__x5nst .category.is-css{background:#1d92ff}.posts_posts__x5nst .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}.posts_posts__x5nst .category.is-html{background:#ff5050}.posts_posts__x5nst .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}.posts_posts__x5nst .category.is-php{background:#6c81e1}.posts_posts__x5nst .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}.posts_posts__x5nst .category.is-information{background:var(--color-primary)}.posts_posts__x5nst .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}.posts_posts__x5nst .category.is-alert{background:#ff2626}.posts_posts__x5nst .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}.posts_posts__x5nst .keyvisual{width:100%;height:235px;position:relative;-webkit-margin-after:20px;margin-block-end:20px}.posts_posts__x5nst .keyvisual img{object-fit:cover}.posts_posts__x5nst .date{display:flex;-webkit-margin-after:10px;margin-block-end:10px}.posts_posts__x5nst .date .published,.posts_posts__x5nst .date .updated{font-size:.875rem;color:var(--color-primary)}.posts_posts__x5nst .date .published{display:flex;align-items:center}.posts_posts__x5nst .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){.posts_posts__x5nst .date .published:before{-webkit-margin-end:10px;margin-inline-end:10px;width:24px;height:24px}}.posts_posts__x5nst .date .updated{display:flex;align-items:center;-webkit-margin-start:15px;margin-inline-start:15px}@media screen and (min-width:768px){.posts_posts__x5nst .date .updated{-webkit-margin-start:25px;margin-inline-start:25px}}.posts_posts__x5nst .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){.posts_posts__x5nst .date .updated:before{width:24px;height:24px;-webkit-margin-end:10px;margin-inline-end:10px}}.posts_posts__x5nst+.conversion{-webkit-margin-before:100px;margin-block-start:100px}@media screen and (min-width:768px){.posts_posts__x5nst.index li:first-of-type a{display:flex;position:relative;-webkit-padding-after:10px;padding-block-end:10px}.posts_posts__x5nst.index li:first-of-type{-webkit-margin-after:50px;margin-block-end:50px;width:100%}.posts_posts__x5nst.index li:first-of-type .keyvisual{width:600px;min-height:320px;-webkit-margin-after:0;margin-block-end:0}.posts_posts__x5nst.index li:first-of-type .date{-webkit-margin-before:80px;margin-block-start:80px}.posts_posts__x5nst.index li:first-of-type .category{position:absolute;top:10px;left:600px;width:calc(100% - 610px);min-height:60px;font-size:1rem}.posts_posts__x5nst.index li:first-of-type .category:before{-webkit-margin-end:30px;margin-inline-end:30px}}.posts_posts__x5nst.index li:first-of-type .category.is-javascript:before{content:"";display:inline-flex;width:32px;height:32px;background:url(/images/mobile/common/ico_js01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}.posts_posts__x5nst.index li:first-of-type .category.is-design:before{content:"";display:inline-flex;width:32px;height:32px;background:url(/images/mobile/common/ico_design01.svg) no-repeat 50%/contain;-webkit-margin-end:5px;margin-inline-end:5px}.posts_posts__x5nst.index li:first-of-type .category.is-css{background:#1d92ff}.posts_posts__x5nst.index li:first-of-type .category.is-css:before{content:"";display:inline-flex;width:32px;height:32px;background:url(/images/mobile/common/ico_css01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}.posts_posts__x5nst.index li:first-of-type .category.is-html{background:#ff5050}.posts_posts__x5nst.index li:first-of-type .category.is-html:before{content:"";display:inline-flex;width:32px;height:32px;background:url(/images/mobile/common/ico_html01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}.posts_posts__x5nst.index li:first-of-type .category.is-php{background:#6c81e1}.posts_posts__x5nst.index li:first-of-type .category.is-php:before{content:"";display:inline-flex;width:36px;height:9px;background:url(/images/mobile/common/ico_php01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}.posts_posts__x5nst.index li:first-of-type .category.is-information{background:var(--color-primary)}.posts_posts__x5nst.index li:first-of-type .category.is-information:before{content:"";display:inline-flex;width:32px;height:32px;background:url(/images/mobile/common/ico_info01.svg) no-repeat 50%/contain;-webkit-margin-end:10px;margin-inline-end:10px}.posts_posts__x5nst.index li:first-of-type .category.is-alert{background:#ff2626}.posts_posts__x5nst.index li:first-of-type .category.is-alert:before{content:"";display:inline-flex;width:43px;height:43px;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){.posts_posts__x5nst.index li:first-of-type .body{width:calc(100% - 600px);-webkit-margin-start:20px;margin-inline-start:20px}.posts_posts__x5nst.index li:nth-of-type(3n+2){-webkit-margin-start:0;margin-inline-start:0}.posts_posts__x5nst.index li:nth-of-type(3n+4){-webkit-margin-start:30px;margin-inline-start:30px;-webkit-margin-before:0;margin-block-start:0}.posts_posts__x5nst.index li:nth-of-type(3n+4):not(:nth-of-type(-3n+7)),.posts_posts__x5nst.index li:nth-of-type(3n+4):nth-of-type(7){-webkit-margin-before:50px;margin-block-start:50px}}.posts_more__hvme1{width:calc(100% - 40px);margin-inline:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;height:40px;font-size:.875rem;text-align:center;display:block;margin-block:60px 100px}@media screen and (min-width:768px){.posts_more__hvme1{width:800px;height:60px;font-size:1rem;transition:all .3s ease}}@media screen and (min-width:768px)and (hover:hover){.posts_more__hvme1:hover{background:#000;color:#fff}}.posts_more__hvme1.is-disabled{display:none}.posts_more__hvme1+.conversion{-webkit-margin-before:100px;margin-block-start:100px}.posts_notfound__W_z_E{width:calc(100% - 40px);margin-inline:auto;-webkit-margin-after:40px;margin-block-end:40px;text-align:center;border:1px solid #000;padding-block:30px 40px}@media screen and (min-width:768px){.posts_notfound__W_z_E{width:1200px;padding-block:20px 30px}}.posts_notfound__W_z_E img{margin-inline:auto;-webkit-margin-after:20px;margin-block-end:20px}.posts_notfound__W_z_E p{font-size:1rem;font-weight:700}@media screen and (min-width:768px){.posts_notfound__W_z_E p{fzont-size:1.125rem}.posts_breadcrumb__hpPz_{width:1200px!important;max-width:calc(100% - 40px)!important;-webkit-border-after:0;border-block-end:0}.posts_breadcrumb__hpPz_ li a{-webkit-padding-end:0;padding-inline-end:0}.posts_breadcrumb__hpPz_ li a:after{display:none}}