@charset "utf-8";@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css);@import url(slide.css);:root{--primary-color:#000;--primary-inverse-color:#fff;--primary-color-rgba:rgba(0,0,0,.5);--border:1px solid rgba(255,255,255,.5);--header-size:40px;--base-font:"ヒラギノ丸ゴ Pro" , "Hiragino Maru Gothic Pro" , "メイリオ" , Meiryo , Osaka , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif}@media (min-width:600px){:root{--header-size:60px}}@keyframes animation1 {
	0% {left: -200px;}
	100% {left: 0px;}
}@keyframes opa1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}body *{box-sizing:border-box}html,body{font-size:12px}@media (min-width:900px){html,body{font-size:15px}}body{margin:0;padding:0;font-family: var(--base-font);-webkit-text-size-adjust:none;background:#000;color:#fff;line-height:2;overflow-x:hidden}figure{margin:0}dd{margin:0}nav,ul,li,ol{margin:0;padding:0}nav ul{list-style:none}table{border-collapse:collapse}img{border:none;max-width:100%;height:auto;vertical-align:middle}video{max-width:100%}iframe{width:100%}input{font-size:1rem}section>ol,section>ul{margin-left:2rem}section:not(:first-child) {margin-top:4rem}a{color:inherit;transition:.3s}a:hover{filter:brightness(1.1);text-decoration:none}nav,h2{font-family: "Jost", var(--base-font);letter-spacing:.15em;font-weight:normal}#container{display:grid;grid-template-rows:auto 1fr;min-height:100vh;min-height:100dvh}header{position:fixed;left:0;top:0;width:var(--header-size);overflow:hidden;transition:width .6s ease;z-index:1000;display:flex;flex-direction:column;border-right:var(--border);background:var(--primary-color-rgba)}@media (max-height:400px){header{position:absolute}}header:hover,header.is-open{width:200px}header #logo{margin:0;display:flex;justify-content:center;align-items:center}header #logo img{max-width:40px}header nav ul{border-bottom:var(--border)}header nav ul li a{display:flex;align-items:center;height:var(--header-size);border-top:var(--border);color:var(--primary-inverse-color);text-decoration:none;white-space:nowrap}header nav ul li a:hover{background:var(--primary-color)}header nav i{min-width:var(--header-size);text-align:center}.new-top{position:absolute;left:0;bottom:40px;z-index:1;width:100%;display:flex;background:rgba(0,0,0,.3);padding:0 .8rem 0 1rem}@media (min-width:700px){.new-top{bottom:100px;left:100px;width:calc(100% - 200px);border-radius:100px;padding:0 1.2rem 0 2rem}}.new-top .text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-top .more{align-self:flex-end}.new-top .more a{display:block;text-decoration:none;background:var(--primary-color);color:var(--primary-inverse-color);border-radius:100px;padding:0 1rem}.new-top .more a:hover{background:#fff;color:#000}@media screen and (min-width:700px){.new{display:grid;gap:1rem;grid-template-columns:auto 1fr}}body:not(.home) main {margin:20px 30px 20px 60px}@media (min-width:700px){body:not(.home) main {margin:70px 60px 70px 100px}}@media (min-width:1000px){body:not(.home) main {margin:100px 100px 100px 150px}}body::before{--bg-image-url:none;background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--bg-image-url) no-repeat center center / cover;content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1}body#profile::before{--bg-image-url:url(../images/1.jpg)}body#portfolio::before{--bg-image-url:url(../images/2.jpg)}body#contact::before{--bg-image-url:url(../images/3.jpg)}.icons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;text-align:center;gap:5px;position:fixed;right:10px;top:10px;text-shadow:0 0 10px rgba(0,0,0,.5)}.icons i{font-size:16px}footer small{display:block;position:fixed;right:5px;bottom:60px;writing-mode:vertical-lr;opacity:.5;letter-spacing:.2em;font-size:.8rem}@media (max-height:400px){footer small{position:static;writing-mode:horizontal-tb;text-align:center}}.pr a{text-decoration:none;display:block;background:rgba(0,0,0,.8);color:#ccc;text-align:right;font-size:.8rem;line-height:40px}.pr a::before{font-family:"Font Awesome 6 Free";content:"\e2ca";font-weight:bold;margin-right:.5em}.home .pr a{position:absolute;left:0;bottom:0;width:100%}.masonry-grid{animation:opa1 .2s .4s both}.grid-sizer,.grid-item{width:calc(25% - 16px)}.grid-item{margin-bottom:16px}@media (max-width:1000px){.grid-sizer,.grid-item{width:calc(33.333% - 16px)}}@media (max-width:500px){.grid-sizer,.grid-item{width:calc(50% - 16px)}}.grid-item a{display:block;text-decoration:none;color:inherit}.grid-item img,.grid-item video{display:block;width:100%;height:auto;border-radius:8px}.grid-item img,.media-wrapper{transition:transform .25s ease , box-shadow .25s ease}.grid-item a:hover img,.grid-item a:hover .media-wrapper{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.media-wrapper{position:relative;overflow:hidden;border-radius:8px}.thumb-video{display:block;width:100%;height:auto}.video-badge{position:absolute;bottom:10px;right:10px;background:red;color:#fff;font-size:12px;width:28px;line-height:28px;text-align:center;border-radius:100px;pointer-events:none}.box1{background:rgba(0,0,0,.5);color:#fff;padding:1rem 2rem;border-radius:10px}.btn{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;background:var(--primary-color);color:var(--primary-inverse-color);padding:1rem 2rem;border-radius:5px;transition:.3s}.btn:hover{filter:brightness(1.2)}.ta1 caption{font-weight:bold;padding:.2rem 1rem;background:rgba(0,0,0,.7);color:#fff;margin-bottom:1rem;border-radius:5px}.ta1{table-layout:fixed;border-top:1px solid rgba(255,255,255,.3);width:100%;margin-bottom:2rem}.ta1 tr{border-bottom:1px solid rgba(255,255,255,.3)}.ta1 th,.ta1 td{padding:1rem;word-break:break-all}.ta1 th{width:30%;text-align:left}@media screen and (min-width:900px){.ta1 th{width:20%}}.pagetop-show{display:block}.pagetop a{display:block;text-decoration:none;text-align:center;z-index:99;animation:opa1 1s .4s both;position:fixed;right:20px;bottom:20px;color:#fff;font-size:1.5rem;background:rgba(0,0,0,.2);width:60px;line-height:60px;border-radius:50%}.clearfix::after{content:"";display:block;clear:both}.color-check,.color-check a{color:#fc0!important}.l{text-align:left!important}.c{text-align:center!important}.r{text-align:right!important}.ws{width:95%;display:block}.wl{width:95%;display:block}.mb0{margin-bottom:0!important}.mb3rem{margin-bottom:3rem!important}.mb30{margin-bottom:30px!important}.look{display:inline-block;padding:0 10px;background:rgba(0,0,0,.7);color:#ccc;border-radius:3px;margin:5px 0;word-break:break-all}.small{font-size:.75em}.large{font-size:2em;letter-spacing:.1em}.block{display:block!important}