@charset "UTF-8";＠media print section{display:block;page-break-before:always}＠media print pre,＠media print code{page-break-after:always}@page{＠media print{margin:.5cm}}＠media print p,＠media print a,＠media print code,＠media print pre{word-wrap:break-word}＠media print pre a[href]:after{content:""}＠media print pre abbr[title]:after{content:""}＠media print pre .ir a:after,＠media print pre a[href^="javascript:"]:after,＠media print pre a[href^="#"]:after{content:""}＠media print .noPrint{display:none!important}＠media print body{width:1280px;font-size:12pt;transform:scale(.8);transform-origin:0 0;-webkit-print-color-adjust:exact}＠media print body .continer{padding-top:0}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;background:transparent;vertical-align:baseline}html{text-size-adjust:100%}body{*font: x-small;color:#555;font-size:62.5%;font-family:Noto Sans JP,sans-serif;font-weight:500}@media screen and (max-width : 767px){body{font-size:100%}}html,body{line-height:1.6;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}legend{display:table;max-width:100%;padding:0;white-space:normal}fieldset{margin:0 2px;border:1px solid #999;padding:.35em .625em .75em}a{margin:0;padding:0;font-size:100%;outline:none;background:transparent;text-decoration:none;vertical-align:baseline;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:link,a:visited{color:#000;outline:none}a:hover{text-decoration:none;outline:none}a:focus{text-decoration:none}ins{color:#000;background:#ff9;text-decoration:none}mark{color:#000;background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted inherit;cursor:help}table{width:100%;border-spacing:0;border-collapse:collapse}table th,table td{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}hr{height:1px;margin:1em 0;padding:0;border:0;display:block;overflow:visible;border-top:1px solid #999}img{max-width:100%;display:block;font-size:0;line-height:0;height:auto;vertical-align:bottom}input,select{vertical-align:middle}button,select{text-transform:none}select{-moz-appearance:none;text-indent:.01px;text-overflow:""}select::-ms-expand{display:none}button{margin:0;padding:0;border:none;background:initial}input[type=button],input[type=submit],input[type=search],input[type=reset],button{-webkit-appearance:none}label{font-weight:400}audio:not([controls]){display:none;height:0}input{padding:0}input::-ms-clear,input::-ms-reveal{visibility:hidden}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:#ccc;opacity:1}:-moz-placeholder{color:#ccc}::-moz-placeholder{color:#ccc;opacity:1}:-ms-input-placeholder{color:#ccc}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}a,area,button,input,label,select,textarea,[tabindex]{margin:0;padding:0;-ms-touch-action:manipulation;touch-action:manipulation}input,textarea,select{font-size:inherit;font-weight:inherit}[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}strong{font-weight:700}*{box-sizing:border-box}html.dark{background-color:#0d0950;color:#fff}.dark .nav-links a{color:#fff}#responsibleCheck{width:1px;height:0}@media screen and (max-width : 767px){#responsibleCheck{width:2px}}@media screen and (max-width : 767px){.pcOnly{display:none!important}}.spOnly{display:none!important}@media screen and (max-width : 767px){.spOnly{display:block!important}}html{font-size:62.5%;height:100%}body{position:relative;font-family:Noto Sans JP,sans-serif;font-size:1.6rem;font-weight:400;color:#fff;height:100%;background-color:#292929;display:flex;justify-content:flex-end;transition:.3s}.offTouch{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.main-content{width:calc(100% - 48px);padding-top:20px}@media screen and (max-width : 767px){.main-content{padding-bottom:60px}}.main-content.index{padding-top:0;height:100dvh}@media screen and (max-width : 767px){.main-content.index{height:auto;padding-top:40px}}.main-content .logo{display:flex;align-items:center;justify-content:center}@media screen and (max-width : 767px){.main-content .logo{padding-bottom:30px}}.main-content .logo div:first-child{margin-right:20px}@media screen and (max-width : 767px){.main-content .logo div:first-child{margin-right:10px}}.main-content .logo img{max-width:42px}@media screen and (max-width : 767px){.main-content .logo img{max-width:32px}}.main-content .logo h1{font-family:Lato,sans-serif;font-weight:700;font-size:5rem}@media screen and (max-width : 767px){.main-content .logo h1{font-size:2.8rem}}main{position:relative;display:block;max-width:930px;width:calc(100% - 32px);margin:0 auto}main article{width:100%}main article section{display:block;width:100%;position:relative}.container{padding-top:60px}a{color:#555;transition:.3s}.font-en{font-family:Open Sans,sans-serif}header{position:fixed;left:0;top:0;width:48px;height:100vh;background-color:#181818;z-index:999}header .global-navs{display:flex;height:100%}header .global-navs ul{padding:16px 8px;width:48px;border-right:1px solid rgb(43,43,43);align-self:baseline;height:100%}header .global-navs ul li{margin-bottom:16px}header .global-navs ul li button,header .global-navs ul li a{display:block}header .global-navs ul li button svg,header .global-navs ul li a svg{opacity:.7;transition:.3s}header .global-navs ul li button svg.active,header .global-navs ul li a svg.active{opacity:1}header .global-navs ul li button svg:hover,header .global-navs ul li a svg:hover{opacity:1}header .global-nav--menu{position:fixed;top:0;left:-170px;width:170px;height:100vh;background-color:#181818;display:block}header .global-nav--menu.open{left:48px}header .global-nav--menu .menu--wrap{display:block;width:100%;height:100%;position:relative}header .global-nav--menu .menu--wrap--items{position:absolute;top:0;left:0;width:100%;display:none}header .global-nav--menu .menu--wrap--items.show{display:block}header .global-nav--menu .menu--wrap--items.empty{display:none}header .global-nav--menu h2{font-weight:700;font-size:1.4rem;padding:1em 1em 0}header .global-nav--menu ul{padding:1em 1em 0}header .global-nav--menu ul li a{color:#fff;font-size:1.3rem}#footer{position:sticky;top:100vh;background-color:#6daf78;height:517px}html.sun body{background-color:#fff}html.sun body .main-content .logo h1,html.sun body .post-title{color:#1f1f1f}html.sun body .c-tags li{color:#1f1f1f;border:1px solid #1f1f1f}#js-loader{align-items:center;background:#fff;display:flex;justify-content:center;inset:0;position:fixed;z-index:999}button{outline:none}button:hover{cursor:pointer}.c-button{text-align:center}.c-button a,.c-button button{display:inline-block;padding:25px 66px;font-size:1.4rem;font-weight:700;letter-spacing:normal;text-align:center;color:#fff;background-color:#001e41}.c-tags{display:flex;gap:0 8px}.c-tags li{line-height:1;padding:4px 8px;border-radius:25px;font-size:1.4rem;border:1px solid #fff}.post-title{font-size:2.4rem;font-weight:700;color:#fff}#index{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width : 767px){#index{height:auto}}#index .profile--card{width:80%;height:40vh;background-color:#d6d7dc;position:relative;padding:1em;overflow:hidden;border-radius:.5em;text-align:start;margin:0 auto;font-weight:700;display:flex;flex-direction:column;max-width:620px;max-height:262px}@media screen and (max-width : 767px){#index .profile--card{width:calc(100% - 32px);height:auto;max-height:none}}#index .profile--card:before,#index .profile--card:after{position:absolute;content:"";display:block}#index .profile--card:before{top:0;left:0;background-color:#aeaebc;width:100%;height:1.9rem;opacity:.3}#index .profile--card:after{top:.5em;width:2.6rem;right:.6rem;background:radial-gradient(farthest-side,#f7788f 100%,transparent) top right/.6rem,radial-gradient(farthest-side,#9dce69 100%,transparent) top center/.6rem,radial-gradient(farthest-side,#e0af67 100%,transparent) top left/.6rem;background-repeat:no-repeat;height:.6rem}#index .profile--card--flex{display:flex;justify-content:center;width:100%;padding-top:1.8em}@media screen and (max-width : 767px){#index .profile--card--flex{display:block;padding-top:1em}}#index .profile--card--flex .flex--img{max-width:100px;margin-right:50px}@media screen and (max-width : 767px){#index .profile--card--flex .flex--img{max-width:80px;margin:0 auto}}#index .profile--card--flex .flex--img img{margin-left:auto}@media screen and (max-width : 767px){#index .profile--card--flex .flex--img img{margin:0 auto}}#index .profile--card--flex .flex--title{flex:none}@media screen and (max-width : 767px){#index .profile--card--flex .flex--title{width:100%}}#index .profile--card--flex .flex--title h2{font-weight:700;border-bottom:1px;color:#5a4a78;line-height:1}#index .profile--card--flex .flex--title p{color:#054752;line-height:1}#index .profile--card--flex .flex--title ul li{display:flex;font-size:1.4rem;margin-bottom:.1em;color:#5a4a78}#index .profile--card--flex .flex--title ul li strong{display:inline-block;margin-right:.3em}#index .profile--card--flex .flex--title ul li p{line-height:1.4;color:#5a4a78}#index .profile--card--read{font-size:1.4rem;color:#5a4a78;margin-top:auto}@media screen and (max-width : 767px){#index .profile--card--read{padding-top:20px}}#portfolio{padding-bottom:80px}#portfolio.index{height:auto}#portfolio.index .container{padding-top:40px}@media screen and (max-width : 767px){#portfolio.index .container{padding-top:0}}#portfolio.index .container--header{padding:0}#portfolio.index .container--header--inner{display:block}#portfolio.index .container--header--inner h1{font-family:Lato,sans-serif;font-weight:700;display:block;text-align:center;font-size:4rem;padding-bottom:28px}@media screen and (max-width : 767px){#portfolio.index .container--header--inner h1{font-size:2.4rem}}#portfolio.index .container--header--inner .inner--read{font-size:1.6rem;padding-bottom:24px}@media screen and (max-width : 767px){#portfolio.index .container--header--inner .inner--read{font-size:1.4rem}}#portfolio.index .container--header--inner ul.inner--cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}@media screen and (max-width : 767px){#portfolio.index .container--header--inner ul.inner--cards{flex-direction:column}}#portfolio.index .container--header--inner ul.inner--cards .inner--cards--li{flex:1 1 calc(30% - 20px);max-width:300px}@media screen and (max-width : 767px){#portfolio.index .container--header--inner ul.inner--cards .inner--cards--li{flex:none;width:100%;max-width:none}}#portfolio.index .container--header--inner ul.inner--cards .card{background-color:#444;border-radius:8px;box-shadow:0 8px 16px #0000004d;padding:16px;height:100%;align-self:baseline;display:flex;flex-direction:column}#portfolio.index .container--header--inner ul.inner--cards .card--item{padding-bottom:24px}#portfolio.index .container--header--inner ul.inner--cards .card--item:last-child{padding-bottom:0}#portfolio.index .container--header--inner ul.inner--cards .card--item.note{margin-top:auto}#portfolio.index .container--header--inner ul.inner--cards .card--item.flex{display:flex;align-items:center;padding-bottom:18px;justify-content:space-between}#portfolio.index .container--header--inner ul.inner--cards .card--item.flex h2{color:#0096ff;font-size:1.8rem;font-weight:700;line-height:1.4}#portfolio.index .container--header--inner ul.inner--cards .card--item.flex a{display:block;width:16px;height:16px;transition:.3s;position:relative;top:-1px;margin-right:4px}#portfolio.index .container--header--inner ul.inner--cards .card--item.flex a:hover{opacity:.7}#portfolio.index .container--header--inner ul.inner--cards .card--item h3{font-size:1.4rem;font-weight:700;margin-bottom:4px}#portfolio.index .container--header--inner ul.inner--cards .card--item ul.stuck{flex-wrap:wrap;gap:8px}#portfolio.index .container--header--inner ul.inner--cards .card--item ul.stuck li{font-size:12px;letter-spacing:1px}#portfolio.index .container--header--inner ul.inner--cards .card--item ul.responsible{flex-wrap:wrap;gap:8px}#portfolio.index .container--header--inner ul.inner--cards .card--item ul.responsible li{font-size:12px;letter-spacing:1px}#portfolio.index .container--header--inner ul.inner--cards .card--item p.note{font-size:1.2rem;color:#00c4ff}#portfolio.index .container--header--inner ul.inner--cards .card__button{background-color:#00dc82;border:none;border-radius:4px;color:#292929;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 15px;transition:background-color .3s ease}#portfolio.index .container--header--inner ul.inner--cards .card__button:hover{background-color:#00a964}#portfolio .container--header{padding-bottom:30px}#portfolio .container--header--inner{display:flex;align-items:center}#portfolio .container--header .post--icon{margin-right:1em}#portfolio .container--header .post--title{font-size:2.4rem;font-weight:700}#portfolio .container--header .post--title h1{padding-bottom:4px}#portfolio .container--header .post--title .stuck li{font-weight:400}#portfolio .container--other--inner .tabs{display:flex;gap:10px;border-bottom:1px solid #fff;margin-bottom:34px;padding-bottom:12px}#portfolio .container--other--inner .tabs .tab-button{font-family:Noto Sans JP,sans-serif;font-size:1.6rem;letter-spacing:1px;color:#fff;padding:4px 8px;transition:.3s;opacity:.5}#portfolio .container--other--inner .tabs .tab-button.active,#portfolio .container--other--inner .tabs .tab-button:hover{opacity:1}#portfolio .container--other--inner .tab-content{display:none}#portfolio .container--other--inner .tab-content.active{display:block}