@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}html{scroll-behavior:smooth;scroll-padding-top:66px}@media (width>=768px){html{scroll-padding-top:84px}}body{font-family:"Noto Sans JP","Montserrat",sans-serif;line-height:1;color:#333;background-color:#dbe2ef}img{max-width:100%;height:auto}@-webkit-keyframes float-y{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10%);transform:translateY(10%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float-y{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10%);transform:translateY(10%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.u-float-y{-webkit-animation:float-y 6s ease infinite both;animation:float-y 6s ease infinite both}.js-observe{opacity:0;translate:0 10%;-webkit-transition:opacity 1s ease-in-out,translate 1s ease-in-out;transition:opacity 1s ease-in-out,translate 1s ease-in-out}.js-observe.is-visible{opacity:1;translate:0 0}.is-stagger .js-observe{-webkit-transition-delay:var(--delay,0s);transition-delay:var(--delay,0s)}.l-wrapper{overflow:hidden}.l-header{position:fixed;z-index:40;top:8px;right:8px;left:8px;width:1264px;max-width:calc(100% - 16px);height:50px;margin-inline:auto;padding-left:8px;background-color:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}@media (width>=768px){.l-header{top:12px;right:12px;left:12px;width:calc(100% - 24px);max-width:1256px;height:auto;padding-inline:16px}}.l-header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.l-header__menus{display:-webkit-box;display:-ms-flexbox;display:flex}.l-main--single{padding-top:66px}@media (width>=768px){.l-main--single{padding-top:84px}}.l-inner{width:1056px;max-width:100%;margin-inline:auto;padding-inline:16px}.l-section{padding-top:80px;padding-bottom:80px}@media (width>=768px){.l-section{padding-top:120px;padding-bottom:120px}}.l-footer{position:relative;padding-top:60px;padding-bottom:60px;background-color:#112d4e;color:#f9f7f7}@media (width>=768px){.l-footer{padding-top:120px}}.l-footer__deco-image{position:absolute;top:-20px;right:4.2666666667%;width:min(155px, 30.4%)}.l-footer__deco-image img{display:block}.l-footer__inner{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:60px}@media (width>=768px){.l-footer__inner{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}}.l-footer__content{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:60px}@media (width>=768px){.l-footer__content{grid-auto-flow:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.l-footer__copyright{text-align:center}.l-footer__copyright small{font-size:.75rem}.c-logo{-webkit-transition:opacity .3s;transition:opacity .3s}.c-logo:hover{opacity:.7}.c-logo--light .c-logo__link{color:#f9f7f7}.c-logo__link{font-family:"Montserrat";font-size:1.25rem;font-weight:700}@media (width>=768px){.c-logo__link{font-size:1.5rem}}.c-drawer-button{position:relative;width:50px;aspect-ratio:1}@media (width>=768px){.c-drawer-button{display:none}}.c-drawer-button__line{position:absolute;width:26px;height:1px;background-color:#333;left:50%;translate:-50% 0;-webkit-transition:rotate .3s,translate .3s;transition:rotate .3s,translate .3s}.c-drawer-button__line:nth-child(1){top:16px}.c-drawer-button__line:nth-child(2){top:24px}.c-drawer-button__line:nth-child(3){top:32px}.is-active .c-drawer-button__line:nth-child(1){rotate:-45deg;translate:-50% 8px}.is-active .c-drawer-button__line:nth-child(2){rotate:45deg}.is-active .c-drawer-button__line:nth-child(3){rotate:45deg;translate:-50% -8px}.c-section-heading{display:block;position:relative;z-index:2;padding-block:14px}.c-section-heading__ja{display:block;font-size:clamp(1.25rem, 0.875rem + 0.78vw, 1.5rem);font-weight:700;text-align:center}.c-section-heading__en{position:absolute;z-index:-1;top:50%;left:50%;translate:-50% -50%;color:#dbe2ef;font-family:"Montserrat";font-size:clamp(3rem, 1.5rem + 3.13vw, 4rem);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.c-section-heading__en--lighter{color:#fff}.c-button-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.c-button{display:inline-block;padding-block:21px;padding-inline:45px;font-size:1.25rem;font-weight:700;background-color:#112d4e;color:#fff;border:3px solid #112d4e;border-radius:4px;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}.c-button:hover,.c-button:focus{background-color:#fff;color:#112d4e}.c-page-header{position:relative;margin-top:66px;padding-block:40px;background-color:#dbe2ef}.c-page-header__inner{position:relative}.c-page-header__deco-image{position:absolute}.c-page-header__deco-image--block01{top:-30px;right:4.2666666667%;width:min(66px, 10.4956268222%)}@media (width>=768px){.c-page-header__deco-image--block01{right:auto;left:calc(50% + 200px)}}.c-page-header__deco-image--block02{bottom:-70px;left:4.2666666667%;width:min(110px, 16.3265306122%)}@media (width>=768px){.c-page-header__deco-image--block02{bottom:-100px;right:calc(50% + 160px);left:auto}}.c-page-heading{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;text-align:center}.c-page-heading__en{font-family:"Montserrat";font-size:2.5rem;font-weight:700;text-transform:uppercase;color:#3f72af}.c-page-heading__ja{font-size:1.25rem;font-weight:700;text-align:center}.c-breadcrumb{padding-block:16px;font-size:.875rem}@media (width>=768px){.c-breadcrumb{padding-block:18px;font-size:1rem}}.c-breadcrumb__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.c-breadcrumb__inner a{text-transform:uppercase}.c-breadcrumb__inner span{text-transform:uppercase}.c-category{display:inline-block;padding:6px 16px;font-weight:700;background-color:#112d4e;color:#f9f7f7;border-radius:4px}.c-navigation{display:inline-block}.c-navigation__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.c-navigation__icon{width:32px;aspect-ratio:1;border-radius:50%;background:url(//kota-weblog.com/wp-content/themes/portfolio_2/assets/css/../img/icon_arrow-left.png) no-repeat center center/16px 16px;background-color:#112d4e}.c-navigation__text{font-size:.875rem}.c-navigation--reverse .c-navigation__link{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.c-navigation--reverse .c-navigation__icon{rotate:180deg}.p-header-menu{opacity:0;visibility:hidden;position:fixed;top:66px;left:0;width:100%;height:100vh;padding-top:100px;background-color:#f9f7f7;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}@media (width>=768px){.p-header-menu{opacity:1;visibility:visible;position:static;width:auto;height:auto;padding-top:0;background-color:transparent}}.p-header-menu.is-active{opacity:1;visibility:visible}.p-header-menu__list{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;gap:36px}@media (width>=768px){.p-header-menu__list{grid-auto-flow:column;gap:12px}}.p-header-menu__list>li>a{display:block;font-size:1.125rem;font-weight:700}@media (width>=768px){.p-header-menu__list>li>a{position:relative;padding-block:16px;padding-inline:18px}}.p-header-menu__list>li>a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#3f72af;scale:0 1;-webkit-transform-origin:right;transform-origin:right;-webkit-transition:scale .3s ease-in-out;transition:scale .3s ease-in-out}@media (width>=768px){.p-header-menu__list>li>a:hover:after{-webkit-transform-origin:left;transform-origin:left;scale:1 1}}@media (width>=768px){.p-header-menu__list>li>a.is-current:after{scale:1 1}}.p-fv{height:667px;padding-top:66px;padding-bottom:24px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(75%,#dbe2ef),to(#a6afc2));background-image:linear-gradient(#dbe2ef 75%,#a6afc2 100%)}@media (width>=768px){.p-fv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding-top:84px;padding-bottom:30px}}.p-fv__inner{position:relative;z-index:2;display:grid;-webkit-box-align:end;-ms-flex-align:end;align-items:end;height:100%}@media (width>=768px){.p-fv__inner{position:relative;margin-inline:auto}}.p-fv__images{position:absolute;z-index:-1;top:0;width:100%;height:100%}.p-fv__image{position:absolute}.p-fv__image--design{top:0;left:27.2%;width:min(180px, 29.1545189504%)}@media (width>=768px){.p-fv__image--design{top:6.9324090121%;left:20.4310344828%;width:20.1724137931%}}.p-fv__image--contact{top:18.7175043328%;left:5.8666666667%;width:min(180px, 29.1545189504%)}@media (width>=768px){.p-fv__image--contact{top:2.7729636049%;left:45.9482758621%;width:15.1724137931%}}.p-fv__image--coding{top:18.7175043328%;right:16px;width:min(223px, 49.5626822157%)}@media (width>=768px){.p-fv__image--coding{top:9.705372617%;right:1.3793103448%;width:36.1206896552%}}.p-fv__content{display:grid;gap:12px}@media (width>=768px){.p-fv__content{gap:16px;width:61.2068965517%}}.p-fv__text{font-size:clamp(1rem, 0.625rem + 0.78vw, 1.25rem);font-weight:700;line-height:1.5}.p-fv__phrase{font-family:"Montserrat";font-size:clamp(2.25rem, -0.375rem + 5.47vw, 4rem);font-weight:700;color:#fff}.p-top-service{background-color:#f9f7f7}.p-top-service__inner{position:relative}.p-top-service__deco-image{position:absolute}.p-top-service__deco-image--laptop{top:0;right:4.2666666667%;translate:0 -100%;width:min(180px, 30.612244898%)}@media (width>=768px){.p-top-service__deco-image--laptop{top:-40px;translate:0 0}}.p-top-service__deco-image img{display:block}.p-top-service__content{display:grid;gap:40px}@media (width>=768px){.p-top-service__content{gap:60px}}.p-top-service__lead{line-height:1.5;text-align:center}.p-top-service__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:48px;width:100%;max-width:500px;margin-inline:auto}@media (width>=768px){.p-top-service__items{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:36px;max-width:none}}@media (width>=768px){.p-top-service__item{width:calc(50% - 18px)}}.p-top-service-item{display:grid;gap:16px;padding:20px 20px 40px;background-color:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}.p-top-service-item__thumb{display:grid;grid-auto-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.p-top-service-item__image{display:block;height:96px}.p-top-service-item__body{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:24px}.p-top-service-item__title{font-size:1.125rem;font-weight:700;text-align:center}.p-top-service-item__list{display:grid;gap:8px;line-height:1.5}.p-top-service-item__list-item{position:relative;padding-left:1em}.p-top-service-item__list-item:before{content:"";position:absolute;top:.75em;left:.3em;width:3px;aspect-ratio:1;border-radius:50%;background-color:#333}.p-top-works{background-image:linear-gradient(165deg,#dbe2ef,#96a9ce)}.p-top-works__inner{position:relative}.p-top-works__deco-image{position:absolute}.p-top-works__deco-image--gear{top:-150px;left:4.2666666667%;width:min(150px, 24.7813411079%)}.p-top-works__content{display:grid;gap:40px}@media (width>=768px){.p-top-works__content{gap:60px}}.p-top-works__lead{line-height:1.5;text-align:center}.p-top-works__button-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-works-cards{display:grid;gap:36px 28px;grid-template-columns:repeat(auto-fill,minmax(323px, 1fr));margin-inline:auto}.p-works-card{background-color:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.p-works-card:hover{opacity:.8}.p-works-card:hover .p-works-card__image img{scale:1.1}.p-works-card__link{display:block}.p-works-card__image{overflow:hidden}.p-works-card__image img{width:100%;display:block;aspect-ratio:416/234;-webkit-transition:scale .3s ease-in-out;transition:scale .3s ease-in-out}.p-works-card__body{display:grid;gap:16px;padding:16px}.p-works-card__category{font-weight:700;color:#3f72af}.p-works-card__title{font-weight:700}.p-top-about{background-color:#f9f7f7}.p-top-about__inner{position:relative}.p-top-about__deco-image{position:absolute}.p-top-about__deco-image--blocks{top:-140px;right:4.2666666667%;width:min(120px, 20.4081632653%)}@media (width>=768px){.p-top-about__deco-image--blocks{top:-200px}}.p-top-about__content{display:grid;gap:40px}@media (width>=768px){.p-top-about__content{gap:60px}}.p-profile{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;gap:24px;max-width:400px;margin-inline:auto}@media (width>=768px){.p-profile{grid-template-columns:30% 65%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5%;max-width:none}}.p-profile__image{width:177px;max-width:100%}@media (width>=768px){.p-profile__image{width:auto}}.p-profile__content{display:grid;gap:16px}.p-profile__name{font-size:1.25rem;font-weight:700;text-align:center}@media (width>=768px){.p-profile__name{text-align:left}}.p-profile__description{line-height:1.5}.p-profile__heading{font-size:1.125rem;font-weight:700}.p-profile__list{display:grid;gap:12px}.p-profile__list-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#3f72af;-webkit-transition:opacity .3s;transition:opacity .3s}.p-profile__list-link:hover{opacity:.7}.p-profile__list-icon{width:1em;aspect-ratio:1;fill:#3f72af}.p-footer-menu{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}@media (width>=768px){.p-footer-menu{grid-auto-flow:column;gap:0}}@media (width>=768px){.p-footer-menu__item:not(:last-child){border-right:1px solid #f9f7f7}.p-footer-menu__item:not(:last-child) .p-footer-menu__link{padding-right:23px}}.p-footer-menu__link{display:block;padding-block:8px;padding-right:24px;padding-left:24px;font-weight:700;text-align:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.p-footer-menu__link:hover{opacity:.7}.p-works{padding-top:80px;padding-bottom:120px;background-color:#f9f7f7}@media (width>=768px){.p-works{padding-top:120px}}.p-works__lead{line-height:1.5;text-align:center}.p-works__content{display:grid;gap:60px}.p-single-works{padding-block:60px;background-color:#fff}.p-single-works__inner{display:grid;gap:40px;max-width:min(100%, 680px);margin-inline:auto}.p-single-works__meta{display:grid;gap:12px}.p-single-works__heading{font-size:1.5rem;font-weight:700}.p-single-works__category-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.p-single-works__thumb{aspect-ratio:191/100;background-color:#dbe2ef}.p-single-works__navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-single-works-content{padding-bottom:60px}.p-single-works-content>*{margin:0 0 1.6em}.p-single-works-content>*:last-child{margin-bottom:0}.p-single-works-content>h2{margin-top:2.4em;margin-bottom:1em;font-size:1.25rem;font-weight:700;line-height:1.2}@media (width>=768px){.p-single-works-content>h2{font-size:1.5rem}}.p-single-works-content>p{line-height:1.5}.p-single-works-content a{color:#3f72af;text-decoration:underline}.p-single-works-content ul,.p-single-works-content ol{line-height:1.5}.p-single-works-content ul>li{position:relative;padding-left:1.5em}.p-single-works-content ul>li:before{content:"";display:block;position:absolute;top:50%;left:.75em;translate:-50% -50%;width:3px;aspect-ratio:1;background-color:#333}.p-single-works-content table{border-collapse:collapse}.p-single-works-content table tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;border-bottom:1px solid #aaa}@media (width>=576px){.p-single-works-content table tr{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.p-single-works-content table tr:first-child{border-top:1px solid #aaa}.p-single-works-content table td{display:grid;place-items:center;padding:12px 16px;border:none;line-height:1.5}.p-single-works-content table td:first-child{-ms-flex-negative:0;flex-shrink:0;background-color:#d4d4d4;font-weight:400;text-align:center}@media (width>=576px){.p-single-works-content table td:first-child{width:35%}}.p-single-works-content table td{padding:12px 16px}.p-single-works-content img{max-width:100%}.p-single-works-content figure img{width:100%}.p-other-works{padding-top:60px;padding-bottom:80px;background-color:#fff}@media (width>=768px){.p-other-works{padding-bottom:120px}}.p-other-works__inner{display:grid;gap:60px}.p-other-works__heading{font-size:1.25rem;font-weight:700;text-align:center}.p-other-works__cards{grid-template-columns:repeat(auto-fit,minmax(322px, 1fr));margin-inline:0}