*{box-sizing:border-box;margin:0;padding:0}body{color:#353535;font-family:Hiragino Mincho ProN,Yu Mincho,MS PMincho,serif;font-size:16px}.container{letter-spacing:1px;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;margin:auto 10% 0%;display:flex}.content{max-width:1230px;margin-left:auto;margin-right:auto;padding:60px 15px}.content__center{justify-content:center;align-items:center;height:100vh;display:flex}.content:first-child{padding:118px 15px 60px}.page__header{justify-content:flex-start;align-items:center;width:100%;display:flex}.menu-toggle{cursor:pointer;z-index:120;background:0 0;border:none;justify-content:center;gap:6px;width:48px;height:48px;padding:12px 10px;display:none;position:fixed;top:12px;left:12px}.menu-toggle span{background-color:#4f4f4f;border-radius:2px;width:26px;height:3px;transition:transform .3s,opacity .3s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.fadein{animation:1s forwards fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media screen and (width<=768px){.container{margin:0 6%}.fadein{width:100%}.content{width:100%;padding:80px 0 40px}.content:first-child{padding:40px 0}.menu-toggle{flex-direction:column;display:flex}body.menu-open{overflow:hidden}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur();transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.navbar{opacity:.6;z-index:100;background-color:#fff;border-bottom:1px solid #ccc;width:100%;padding:20px 0;position:fixed;top:0;left:0}.navbar ul{justify-content:center;gap:90px;list-style-type:none;display:flex}.navbar .link-styles{color:gray;font-size:15px;text-decoration:none;transition:all .8s}.navbar .link-styles:hover{color:#afafaf;font-size:15px;text-decoration:none}@media screen and (width<=768px){.navbar{opacity:1;background-color:#fffffff2;border-bottom:none;justify-content:flex-start;width:100%;height:100vh;padding:96px 0 48px;display:none;position:fixed;overflow-y:auto}.navbar.is-open{display:flex}.navbar ul{flex-direction:column;align-items:flex-start;gap:28px;margin-left:0;padding-left:24px}.navbar .link-styles{font-size:18px}}footer{border-top:1px solid #ccc;width:100%;padding:20px 0}.myhp-title{color:gray;text-align:center;font-size:24px;text-decoration:none;transition:opacity .3s;display:block}.myhp-title:hover{opacity:.7}.myhp-credit{color:gray;text-align:center;font-size:12px}@media screen and (width<=768px){.myhp-title{font-size:18px}}.home__main-content{justify-content:center;align-items:center;height:50vh;display:flex}.home__main-content img{opacity:.8;width:420px;margin:auto}@media screen and (width<=768px){.home__main-content img{width:100%}}.aboutme__inner{justify-content:center;align-items:center;height:50vh;display:flex}.aboutme__img-wrapper{flex:0 27.5833%;margin-right:3.33333%}.aboutme__img{opacity:.8;background-image:url(/images/1714278621661.jpg);background-position:50% 30%;background-size:100%;border-radius:50%;width:250px;height:250px;box-shadow:0 6px 14px #0000001f}.aboutme__sentence-body{flex:1}.aboutme__sentence-body>:last-child{margin-bottom:0}.aboutme__sentence-title{margin-bottom:10px;font-size:1.125rem;font-weight:700}@media screen and (width<=768px){.aboutme__inner{height:auto;display:block}.aboutme__img-wrapper{text-align:center;margin-bottom:20px;margin-right:0}.aboutme__img{display:inline-block}.aboutme__sentence-body{text-align:left}}.work__section+.work__section{margin-top:300px}.work__section:first-child{padding-top:130px}.work__section:last-child{padding-bottom:130px}.work__content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;max-width:1230px;margin-left:auto;margin-right:auto;padding:20px 0;display:flex}.work__content__text{flex:1;min-width:250px}.work__img__todoapp-wrapper{flex:0 27.5833%;margin-right:3.33333%}.work__img__todoapp{opacity:.8;background-image:url(/images/toppage_image_20250507014700.png);background-position:50%;background-size:170%;border-radius:50%;width:250px;height:250px;box-shadow:0 6px 14px #0000001f}.work-qualification__table{border-collapse:collapse}.work-qualification__inner{text-align:left;color:#555;width:100%;font-size:.95rem}.work-qualification__header-row{border-bottom:1px solid #ddd}.work-qualification__header{color:#888;vertical-align:middle;white-space:nowrap;padding:6px 24px 6px 0;font-size:.85rem;font-weight:400}.work-qualification__text{vertical-align:middle;border-bottom:1px solid #eee;padding:6px 24px 6px 0}.work-qualification__body-row:last-child .work-qualification__text{border-bottom-width:0}@media screen and (width<=768px){.work__section:first-child{padding-top:60px}.work__section:last-child{padding-bottom:60px}.work__section+.work__section{margin-top:60px}.work__content{display:block}.work__content__image{text-align:center}.work__img__todoapp-wrapper{margin-bottom:20px;margin-right:0}.work__img__todoapp{display:inline-block}.work__content__text{text-align:left}.work-qualification__table{overflow-x:auto}.work-qualification__header,.work-qualification__text{white-space:nowrap}.public-page>.container{padding-top:48px}}.private__center{flex:1;justify-content:center;align-items:center;display:flex}.private__links{flex-direction:column;width:100%;max-width:480px;display:flex}.private__item{color:inherit;border-bottom:1px solid #eee;align-items:baseline;gap:20px;padding:12px 0;text-decoration:none;display:flex}.private__item:first-child{border-top:1px solid #eee}.private__item:hover .private__item-title{text-decoration:underline}.private__item-title{white-space:nowrap;font-size:1rem}.private__item-desc{color:#888;font-size:.85rem}@media screen and (width<=768px){.private__item{flex-direction:column;gap:4px}}.sketch-header{align-items:center;width:100%;min-height:72px}.sketch-gallery{flex-direction:column;gap:32px;padding-top:8px;display:flex}.sketch-gallery__grid{flex-direction:column;gap:64px;padding:0 24px;display:flex}.sketch-gallery__item{flex-direction:row;align-items:center;gap:40px;display:flex}.sketch-gallery__image{aspect-ratio:1;object-fit:cover;opacity:.8;border-radius:50%;flex-shrink:0;width:220px;box-shadow:0 6px 14px #0000001f}.sketch-gallery__caption{color:#555;font-size:.95rem;line-height:1.8}@media screen and (width<=768px){.sketch-header{min-height:84px}.sketch-gallery{gap:40px;padding-top:24px}.sketch-gallery__grid{gap:48px;padding:0 8px}.sketch-gallery__item{flex-direction:column;gap:16px}.sketch-gallery__image{width:200px}.sketch-gallery__caption{text-align:left}}.shogi-header{align-items:center;width:100%;min-height:72px}.shogi-content{flex-direction:column;gap:64px;padding-top:8px;display:flex}.shogi__category{flex-direction:column;gap:48px;display:flex}.shogi__category-title{border-bottom:1px solid #ccc;padding-bottom:8px;font-size:1.2rem;font-weight:700}.shogi__category-desc{color:#555;margin-top:-24px;font-size:.95rem;line-height:1.8}.shogi__item{flex-direction:row;align-items:center;gap:40px;display:flex}.shogi__image-wrapper{flex-shrink:0}.shogi__image{opacity:.9;border-radius:12px;width:240px;height:auto;display:block;box-shadow:0 6px 14px #0000001f}.shogi__text{flex-direction:column;gap:12px;display:flex}.shogi__item-title{font-size:1.05rem;font-weight:700}.shogi__item-desc{color:#555;font-size:.95rem;line-height:1.8}@media screen and (width<=768px){.shogi-header{min-height:84px}.shogi-content{gap:48px;padding-top:24px}.shogi__category{gap:40px}.shogi__item{flex-direction:column;align-items:center;gap:16px}.shogi__image{width:200px}.shogi__item-title,.shogi__item-desc{text-align:left}}.liquor-header{align-items:center;width:100%;min-height:72px}.liquor-content{flex-direction:column;gap:64px;padding-top:8px;display:flex}.liquor__item{flex-direction:row;align-items:center;gap:40px;display:flex}.liquor__image-wrapper{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.liquor__image{object-fit:cover;opacity:.8;border-radius:50%;width:240px;height:240px;box-shadow:0 6px 14px #0000001f}.liquor__image-caption{color:#888;text-align:center;font-size:.8rem}.liquor__text{flex-direction:column;gap:16px;display:flex}.liquor__desc{color:#555;font-size:.95rem;line-height:1.8}.liquor__table{border-collapse:collapse;color:#555;font-size:.95rem}.liquor__table-label{white-space:nowrap;color:#888;vertical-align:top;border-bottom:1px solid #eee;padding:6px 20px 6px 0;font-size:.85rem}.liquor__table-value{border-bottom:1px solid #eee;padding:6px 0;line-height:1.8}@media screen and (width<=768px){.liquor-header{min-height:84px}.liquor-content{gap:48px;padding-top:24px}.liquor__item{flex-direction:column;gap:16px}.liquor__image{width:200px;height:200px}.liquor__desc{text-align:left}}.interface-header{align-items:center;width:100%;min-height:72px}.interface__center{flex:1;justify-content:center;align-items:center;display:flex}.interface__list{flex-direction:column;gap:4px;display:flex}.interface__item{color:inherit;border-bottom:1px solid #eee;align-items:baseline;gap:20px;padding:12px 0;text-decoration:none;display:flex}.interface__item:first-child{border-top:1px solid #eee}.interface__item:hover .interface__item-title{text-decoration:underline}.interface__item-title{white-space:nowrap;font-size:1rem}.interface__item-desc{color:#888;font-size:.85rem}@media screen and (width<=768px){.interface-header{min-height:84px}.interface-content{padding-top:24px}.interface__item{flex-direction:column;gap:4px}}.is-hide{display:none}.m-menu{width:100vw;margin:0;padding:0}.m-menu__item,.m-menu>li{list-style:none}.m-menu__item a,.m-menu>li a{box-shadow:none;border-bottom:.0625rem solid #eee;padding:1em;display:block}.m-menu__item a:hover,.m-menu>li a:hover{background-color:#eee}.m-icon--hamb{z-index:1000;width:1.875rem;height:1.875rem;position:absolute;top:1.875rem;right:5vw}.m-icon--hamb span{background-color:#ccc;width:100%;height:.125rem;margin-bottom:.375rem;display:block;position:relative}.l-global__nav{z-index:50;transform-origin:0 0;background-color:#ffffffd9;padding-top:5.625rem;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s;position:absolute;top:0;left:0;transform:translateY(-160%);box-shadow:0 .1875rem .125rem #8080804d}.m-icon--hamb span{transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s}input.m-btn--hamb__input{cursor:pointer;opacity:0;z-index:1002;-webkit-touch-callout:none;width:15vw;height:15vw;max-height:5.625rem;display:block;position:absolute;top:0;right:0}input.m-btn--hamb__input:checked~.l-global__nav{transform:none}input.m-btn--hamb__input:checked~.m-icon--hamb span:first-child{transform:translateY(.5rem)rotate(-45deg)}input.m-btn--hamb__input:checked~.m-icon--hamb span:nth-child(2){opacity:0}input.m-btn--hamb__input:checked~.m-icon--hamb span:nth-child(3){transform:translateY(-.5rem)rotate(45deg)}