@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;--sub-font-family: "Helvetica", "メイリオ", Meiryo, sans-serif;--color-100: #0A2F51;--color-90: #0F5468;--color-70: #147E7B;--color-60: #1D9A6C;--light-color: #D3D3D3;--accent-color: #eb9b34}html{scroll-behavior:smooth;color:var(--color-100)}body{margin:0;justify-content:center;font-family:var(--font-family);background-color:#fff;container:player / inline-size;scroll-behavior:smooth}ul.inline>li{display:inline-block;padding:8px}a{text-decoration:none}a:hover{text-decoration:underline}a:link,a:visited{color:var(--accent-color)}::selection{color:#fff;background:var(--color-70)}section{padding:10px 0}.selection-title{position:relative;color:var(--color-60);font-size:30px;padding-left:.5em;margin-bottom:20px}.selection-title:before{content:"";position:absolute;display:block;left:0;top:0;width:.3em;height:100%;background-color:var(--color-90)}.detail-text{font-size:14px;font-weight:400;max-width:800px}#profile .aboutme[data-v-28dc656a]{visibility:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,300px));gap:20px;justify-content:space-evenly}#profile .aboutme .me[data-v-28dc656a]{padding:8px;width:100%;border:solid 2px var(--color-90)}#profile .aboutme .status[data-v-28dc656a]{display:grid;grid-template-columns:repeat(auto-fit,100%);align-content:space-between}#profile .aboutme .status ul[data-v-28dc656a]{padding:10px}#profile .aboutme .status .icons[data-v-28dc656a]{display:flex;gap:0 10px}#profile .aboutme .status .icons .icon[data-v-28dc656a]{width:32px}#production .items[data-v-b1998125]{display:grid;grid-template-columns:repeat(2,minmax(200px,300px));gap:40px;justify-content:space-around}#production .items .item[data-v-b1998125]{display:flex;flex-direction:column;gap:8px 0}#production .items .item .title[data-v-b1998125]{margin-bottom:12px;font-size:20px;line-height:1;text-align:center}#production .items .item a[data-v-b1998125]{display:block;margin:0;padding:0;text-align:center;color:var(--accent-color)}#production .items .item a img[data-v-b1998125]{width:250px;height:250px;object-fit:cover}#production .items .item .types[data-v-b1998125]{display:flex;gap:0 12px}#production .items .item .types .type[data-v-b1998125]{color:var(--color-70)}@media (max-width: 600px){#production .items[data-v-b1998125]{grid-template-columns:repeat(1,minmax(200px,400px))}}#skills[data-v-36e7b0b8]{container-type:inline-size;container-name:skills-grid}#skills .skill .title[data-v-36e7b0b8]{display:block;padding:16px 0;font-size:20px}#skills .skill .text[data-v-36e7b0b8]{padding-bottom:16px;border-bottom:1px solid #d2d2d2}header{margin:0}header nav{display:grid;grid-auto-flow:column;gap:12px;padding:0 10px;justify-content:right;font-family:var(--sub-font-family);font-size:14px}header nav a{padding:8px 0;margin:0}header #logo img{width:100%;height:400px;background:url(/portfolio/assets/dog-D_gRzG2d.jpg) center / cover;object-fit:cover}main{display:grid;justify-content:center;padding:20px 10px;gap:64px 0}footer{margin:0;padding:0 10px}footer a{font-family:var(--sub-font-family);font-size:14px}footer .copyright{display:inline-block;margin-left:12px;font-size:12px;color:var(--light-color)}@container (width < 700px){main{gap:40px 0}header #logo img{height:200px}}.home[data-v-52851860]{padding:20px;text-align:center}