.scaled-image {
   max-width: 50%;
   height: auto;
}

body {
   margin: 0;
   padding: 0;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: #313338;
}

header {
   padding: 30px 4% 10px;
   position: fixed;
   top: 0;
   width: 100%;
   background-color: #F2F3F5;
   display: flex;
   align-items: center;
}

h1 {
   margin: 0;
   padding: 0;
   font-size: 30px;
   text-align: center;
}

h2 {
   margin: 0;
   padding: 0;
   font-size: 20px;
}

a {
   text-decoration: none;
   color: #313338;
}

ul {
   list-style: none;
   margin: 0;
   display: flex;
}

li {
   margin: 0 0 0 15px;
   font-size: 14px;
   ;
}

ul{
   margin: 0 0 0 15px;
   font-size: 14px;
}

nav {
   margin: 0;
}

main {
   padding: 100px;
   font-size: 15px;
   text-align: center;
   color: #949BA4;
}

footer {
   text-align: center;
   background-color: #F2F3F5;
   color: #313338;
}

.att {
   color: #313338;
}

.custom {
   color: #F2F3F5;
}