@charset "UTF-8";

/* ALL */

html{
  font-family: sans-serif;
}
html *{
  box-sizing: border-box;
}
body{
  margin: 0;
  background-color: #e6e4e4;
}
.wrapper{
  margin: 0 auto;
  max-width: 960px;
}
a:link{color:#fc8f2a}
a:visited{color: #c73535}
a:hover{color: #6bd738}
a:active{color:#024d18}

.icon{
  margin: 20px 0 0 0;
  text-align: center;
}
img{
  max-width: 100%;
  height: auto;
}
.img{
  width: 200px;
  border-radius: 50%;
}
h1{
  margin: 0;
  text-align: center;
}

/* index */

.content{
  text-align: left;
  width: fit-content;
  margin: 0 auto;
}
.sentence{
  margin-top: 0;
}
.SNSsentence{
  margin-top: 0;
}
.home{
  text-align: center;
}
.home br{
  display: none;
}
h2{
  margin: 0;
  text-align: left;
  width: 50%;
  padding-bottom: 8px;
}
.para{
  margin: 0;
  padding-left: 8px;
}
.mokujiblock{
  margin: 0 auto;
  width: fit-content;
}
.mokuji{
  background: #a5efc4; 
  padding-top: 16px;
}
.menu{
  margin-top: 0;
  padding-bottom: 16px;
}
.menu a{
  text-decoration: none;
}
.text a{
  text-decoration: none;
}
.line{
  border-bottom: 3px dotted blueviolet;
}
.sns{
  text-align: center;
  margin: 0;
  padding: 20px 0 0 0; 
  color: #039b17;
}
.sns br{
  display: none;
}
.twitter{
  width: 400px;
  margin: 0 auto;
  padding-top: 20px;
}
.footer{
  text-align: center;
  padding: 30px;
  color: #4e4e4e
}




@media (max-width: 767px){
  .wrapper{
    margin: 0 20px;
  }
  .img{
    width: 100px;
  }
  .home br{
    display: inline;
  }
  .sentence br{
    display: none;
  }
  .sns br{
    display: inline;
  }
  .twitter{
    width: 80%;
  }

  /* @media index */

  .home br{
    text-align: left;
  }

}