html{
    font-size: 100%;
   }
   body{
    color: #383e45;
    font-size: 0.9rem;
   }
   a{
    text-decoration: none;
   }
   img{
    max-width: 100%;
   }
   li{
    list-style: none;
   }
   .site-title{
    width: 1000px;
    line-height: 10px;
    padding: 10px 0;
    text-align: left;
   }
   .site-title a{
    display: block;
   }
   .section-title{
    display: inline-block;
    font-size: 2rem;
    margin-bottom: 60px;
    border-bottom: solid 1px #393e45;
   }
   .content-title{
    font-size: 1rem;
    margin: 10px 0;
   }
   .wrapper{
    max-width: 960px;
    margin: 0 auto 100px;
    padding: 0 4%;
    text-align: center;
   }

   /*---------------------------------------
   ヘッダー
   --------------------------------------*/
   #header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    font-size: 20px;
   }
   #header ul {
  display: flex;
  padding: 0 0;
  white-space: nowrap;
}
  #header li {
    display: block;
  margin-right: 20px;
   }
  #header li a {
   color: #24292e;
   font-size: 15px;
  }

    /*-------------------------------------
    mainvisual
    -------------------------------------*/
    #mainvisual{
      margin-bottom: 60px;
    }
    #mainvisual img{
      width: 100%;
      max-width: 800px;
      max-height: 300px;
      object-fit: cover;
     }
/*----------------------------------------
about
---------------------------------------*/
#about{
 border-width: 2px;
      border-color: gray;
      border-style: solid;
      width: 350px;
      height: 200px;
      float: right;
}
     #about .content {
      display: flex;
      justify-content: center;
      align-items: center;
     }
     #about img{
      width: 120px;
      height: 100px;
      border-radius: 80%;
     }
      #about .text{
        text-align: left;
      }
/*----------------------------------------------
 trip
----------------------------------------------*/
#trip{
  font-size: 1rem;
  text-align: left;
}
#trip img{
  width: 400px;
  height: 1000px;
}
#A{
  text-align: left;
}
/*----------------------------------------------
 footer
 ---------------------------------------------*/
 #footer{
font-size: 1rem;
  padding: 10px 0;
  text-align: center;
 }