@charset "utf-8";

*{
  padding:0;
  margin:0;
  font-family: YuGothic,'Yu Gothic',sans-serif;
  letter-spacing: .1em;
  line-height: 1.6;
}

main{
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top:100px;
}
img{
  display: block;
  margin:10px 0 50px;
}
h2{
  font-size:28px;
  margin:30px 0;
}

h3{
  font-size:20px;
  margin-top:50px;
}
p{
  font-size:16px;
}
.caution{
  font-size:14px;
}
strong{
  font-size:20px;
  letter-spacing: .15em;
  display: block;
  margin-bottom: 5px;
}
div{
  margin:80px 0 50px;
}
div > p{
  font-size:18px;
}
.ttl{
  font-size:22px;
}

@media screen and (max-width:768px){
  main{
    padding:50px 20px 0;
    margin-top:0;
/*
    justify-content: flex-start;
    align-items: flex-start;
*/
  }
  img{
    margin-bottom: 20px;
  }
  h1{
    margin:0 auto;
  }
  h2{
    font-size: 22px;
  }
  h3{
    font-size:18px;
  }
  p{
    text-align: left;
  }
  strong{
    font-size:18px;
    text-align: center;
  }
  .caution{
    font-size:12px;
  }
  div{
  margin:50px 0 30px;
}
  div > p{
  font-size:16px;
    text-align: center;
}
.ttl{
  font-size:18px;
}
  small{
    width:100%;
    text-align: center;
  }
}