body{padding:0px;margin:0px;font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto;background-color:#000;color:#fff}@media not screen and (min-width: 768px){body{padding-top:30px}}nav{text-align:right;margin:30px auto}@media screen and (min-width: 768px){nav{display:none;width:0%}}nav ul{margin:0;padding:0}nav ul li{list-style:none;display:inline-block;width:30%}nav ul li a{text-decoration:none;color:#000}a:link{color:#fff}a:visited{color:#fff}a{text-decoration-line:none}a:active{color:#fff}a:hover{color:#000}.menu{width:20%}@media not screen and (min-width: 768px){.menu{display:none;width:0%}}.menu-b{text-align:right;background-color:#000;transition:all .3s ease}.menu-b p{font-size:4vw;font-weight:bold;margin:0}.menu-b:hover{background-color:#fff}.top{display:flex;width:100%}@media not screen and (min-width: 768px){.top{display:block}}.topimg{width:80%;height:46vw;overflow:hidden;position:relative}.topimg>div{position:absolute;top:0;left:0;width:100%;height:46vw;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:10;opacity:0;animation-name:fade;animation-duration:15s;animation-iteration-count:infinite}@keyframes fade{0%{opacity:0}20%{opacity:1}80%{opacity:0;transform:scale(1.2)}100%{opacity:0;z-index:0}}.topimg>div:first-of-type{background-image:url(../img/main1.jpg)}.topimg>div:nth-of-type(2){background-image:url(../img/main2.jpg);animation-delay:5s}.topimg>div:last-of-type{background-image:url(../img/main3.jpg);animation-delay:10s}#MyProfile{width:100%;height:100%}p,li{font-optical-sizing:auto;font-size:18px}h2{font-optical-sizing:auto;font-weight:weight;font-size:35px}h3{font-optical-sizing:auto;font-weight:weight;font-style:normal;font-size:20px}#a_s{display:flex;width:100%}@media not screen and (min-width: 768px){#a_s{display:block}}.about,.skill{text-align:center;display:block;margin:10px auto;width:50%}@media not screen and (min-width: 768px){.about,.skill{width:100%}}.skill h2{text-align:center}.skill_1{display:flex;text-align:center;margin:10px auto}.skill_2{width:50%}.skill_2 h3{text-align:center}.pro{margin-left:25%;text-align:left}@media not screen and (min-width: 768px){.pro{margin:auto}}#works{text-align:center;display:block;margin:50px auto}#works h3{text-align:center}.workview span{font-size:80%;color:gray}.workview img{width:300px;height:250px;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0}.slider{height:60%;text-align:center}.slider img{width:100%}.slider div{margin:10px}#contact{text-align:center}footer{color:#fff;background-color:dimgray;text-align:center}.fadein_b{opacity:0;animation-name:fadein-bottom;animation-duration:1.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes fadein-bottom{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes scroll{from{opacity:0;scale:.9}to{opacity:1;scale:1}}.fadein_a{animation:scroll linear;animation-timeline:view();animation-range:entry 0% contain 20%}.mail_b a{background:#fff;border-radius:3px;position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:280px;padding:10px 25px;color:#000;transition:.3s ease-in-out;font-weight:500}.mail_b a:after{content:"";position:absolute;top:50%;bottom:0;right:2rem;font-size:90%;display:flex;justify-content:center;align-items:center;transition:right .3s;width:6px;height:6px;border-top:solid 2px currentColor;border-right:solid 2px currentColor;transform:translateY(-50%) rotate(45deg)}.mail_b a:hover{background:#000;color:#fff}.mail_b a:hover:after{right:1.4rem}/*# sourceMappingURL=style.min.css.map */