html{
        scroll-padding-top: 100px;
    }
    @media screen and (min-width: 768px){
        .dev-top {
        height: 600px;
        vertical-align: middle;
        flex-flow: unset;
        }
        .dev-top__title{
        margin: 0 auto;
        }
    }
        .dev-top {
        animation: devfadeIn 2s ease-out forwards;
        }
    /* @keyframes で透明(0) から 不透明(1) への変化を指定 */
	@keyframes devfadeIn {
  		from {
    		opacity: 0;
			transform: translateY(30px);
  		}
  		to {
    		opacity: 1;
			transform: translateY(0);
  		}
	}
    @media screen and (min-width: 980px){
        header .inner {
        position: fixed;
        z-index: 9999;
        background-color: #fff;
        }
    }