body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 3.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}    
}

body{
  width: 1400px;
  font-family: 'NotoSansCJKjp', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
  text-align: center;
  color:#515151;
  margin:0 auto;
}

a { text-decoration: none;}
a:hover { opacity: 0.6;}
a:link{color: #515151;}
a:visited{color: darkgray;}


section{
  margin-top:100px; 
  width: 1400px;
  height: auto;
  clear: both;
  border-bottom:solid 1px #515151; 
}

h2{
  border-top: solid 5px #515151;
  border-bottom: solid 5px #515151;
  background-color: #e2e2e2;
}

.aboutMe-txt{
  margin: 5%;
  width: 50%;
  float: left;
  text-align: left;
}

.img1{
  margin: 5%;
  width:30%;
  height: 70%;
  float: left;
}

.activity-txt{
  margin: 5%;
  width: 30%;
  height: %;
  float: left;
  text-align: center;
}

.img2{
  margin: 5%;
  width:50%;
  height: auto;
  float: right;
}

.blank{
  margin: 30 auto;
}

.equipment-txt{
  margin: 5%;
  width: 40%;
  height: %;
  float: right;
  text-align: center;
}

.img3{
  margin: 5%;
  width:40%;
  height: auto;
  float: left;
  clear: both;
}

p{
  line-height: 250%;
}


img{
  object-fit: cover;
}

footer{
  font-family: 'Assistant', sans-serif;
  width:1400px;
  height: 300px;
  color:#515151;
  line-height: 250%
}

.icon-image{
    clear: both;
    width:1400px;
}

.icon{
  width: 64px;
  height: 64px;
  float: left;
  margin: 200px;
}

.sumnail {
    width: 98%;
    height: 30%;
    margin: 0 auto;
    margin-bottom: 10%;
    border: solid 2px #e2e2e2;
    border-radius: 0px;
  }

  .sumnail p {
    margin: 0;
    height: 80%;
    width: 40%;
    margin: 5%;
    margin-top: 10%;
    font-size: 70%;
    font-style: oblique;
    float: left;
  }

  .sumnail img {
    height: 80%;
    width: 40%;
    padding: 5%;
    object-fit: contain;
    float: left;
    margin: 0px;
    border-radius: 0px;
  }



.copyright{
  width: 1400px;
  margin-bottom: 100px;
  text-align: center;
}




/*メディアクエリ*/
@media screen and (max-width:800px){

  
  body{
    width: 100%;
    text-align: center;
    margin: 0 auto; 
  }
  
  
  section{
    width: 100%;
    height: auto;
    border-bottom: none;
  }
  
  
  .img1, .img2, .img3{
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
  
  .img1{
    margin-top: 150px;
    object-fit: contain
  }
  
  h2{
    margin-top: 0px;
  }
  
  .activity-txt, .aboutMe-txt, .equipment-txt{
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 100px;
    font-size: 16px;
    line-height: 2em;
  }

  article p{
    width: 90%;
    padding: 0 5% 0 5%;
  }

  article div{
    padding: 0 5% 0 5%;
  }
  
    footer{
    max-width:100%;
    clear: both;
    width: 100%;
  }
  
  .icon-image{
    width: 100%;
    margin:0 auto;
  }
  
  .smartNav p{
    line-height:1em; 
  }
  
  .icon{
    width:11%;
    height: auto;
    margin: 11%;
  }
  
  .copyright{
    text-align: center;
    width: 100%;
  }
}