*{box-sizing:border-box;margin:0;padding:0}body{font-family:serif,sans-serif,Arial;font-size:16px;color:#353535}.container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;letter-spacing:1px;margin:auto 10% 0%;min-height:100vh}.content{max-width:1230px;padding:60px 15px;margin-right:auto;margin-left:auto}.content__center{display:flex;justify-content:center;align-items:center;height:100vh}.content:first-child{padding:118px 15px 60px}.fadein{animation:fadein 1s forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}.navbar{background-color:#fff;border-bottom:1px solid #ccc;opacity:.6;padding:20px 0;position:fixed;top:0;left:0;width:100%;z-index:100}.navbar ul{display:flex;gap:90px;justify-content:center;list-style-type:none}.navbar .link-styles{color:gray;font-size:15px;text-decoration:none;transition:.8s}.navbar .link-styles:hover{color:#afafaf;font-size:15px;text-decoration:none}footer{border-top:1px solid #ccc;padding:20px 0;width:100%}.myhp-title{color:gray;font-size:24px;text-align:center}.myhp-credit{color:gray;font-size:12px;text-align:center}.home__main-content{display:flex;justify-content:center;align-items:center;height:50vh}.home__main-content img{width:420px;margin:auto;opacity:.8}@media screen and (max-width:660px){.home__main-content img{width:100%}}.aboutme__inner{display:flex;justify-content:center;align-items:center;height:50vh}.aboutme__img-wrapper{flex:0 1 27.58333%;margin-right:3.33333%}.aboutme__img{width:250px;height:250px;border-radius:50%;background-size:100%;background-image:url(/images/1714278621661.jpg);background-position:50% 30%;opacity:.8}.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 (max-width: 768px){.aboutme__inner{display:block}.aboutme__img-wrapper{margin-right:0;margin-bottom:20px}}.work__section+.work__section{margin-top:300px}.work__section:first-child{padding-top:130px}.work__section:last-child{padding-bottom:130px}.work__content{max-width:1230px;margin-right:auto;margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 0;flex-wrap:wrap}.work__content__text{flex:1;min-width:250px}.work__img__todoapp-wrapper{flex:0 1 27.58333%;margin-right:3.33333%}.work__img__todoapp{width:250px;height:250px;border-radius:50%;background-size:170%;background-image:url(/images/toppage_image_20250507014700.png);background-position:50% 50%;opacity:.8}.work-qualification__table{border:1px solid #ddd}.work-qualification__inner{width:100%;text-align:left;table-layout:fixed}.work-qualification__header-row{background-color:#efefef}.work-qualification__header{padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:700;vertical-align:middle}.work-qualification__text{padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #eee;vertical-align:middle}.work-qualification__header:last-child,.work-qualification__text:last-child{border-right-width:0}.work-qualification__body-row:last-child .work-qualification__text{border-bottom-width:0}@media screen and (max-width: 768px){.work-qualification__table{border-right-width:0;overflow-x:auto}.work-qualification__inner{width:auto;min-width:100%}.work-qualification__header,.work-qualification__text{white-space:nowrap}.work-qualification__header:last-child,.work-qualification__text:last-child{border-right-width:1px}}/*!
Name: only css hamburger menu template
Version: 1.0
*/.is-hide{display:none}.m-menu{padding:0;margin:0;width:100vw}.m-menu__item,.m-menu>li{list-style:none}.m-menu__item a,.m-menu>li a{box-shadow:none;padding:1em;border-bottom:.0625rem solid #eee;display:block}.m-menu__item a:hover,.m-menu>li a:hover{background-color:#eee}.m-icon--hamb{width:1.875rem;height:1.875rem;position:absolute;top:1.875rem;right:5vw;z-index:1000}.m-icon--hamb span{position:relative;display:block;background-color:#ccc;width:100%;height:.125rem;margin-bottom:.375rem}.l-global__nav{box-shadow:0 .1875rem .125rem #8080804d;background-color:#ffffffd9;z-index:50;padding-top:5.625rem}.l-global__nav{transform-origin:0% 0%;transform:translateY(-160%);position:absolute;left:0;top:0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.m-icon--hamb span{transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}input.m-btn--hamb__input{display:block;width:15vw;height:15vw;max-height:5.625rem;position:absolute;top:0;right:0;cursor:pointer;opacity:0;z-index:1002;-webkit-touch-callout:none}input.m-btn--hamb__input:checked~.l-global__nav{transform:none}input.m-btn--hamb__input:checked~.m-icon--hamb span:nth-child(1){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)}