@charset "UTF-8";
/* CSS Document */
html {
  height: -webkit-fill-available;
}
body {
  font-family: 'A1 Gothic M JIS2004';
  min-height: 100vh;
  height: -webkit-fill-available;
}

article {
  max-width: 750px;
  background:none;
}

#bg {
  background-image:url("images/back.jpg");
  background-position:center top;
  background-repeat:no-repeat;
}

#talk_wrap h2 .s {font-size: 90%;}

#talk_wrap img {box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);}

#information li .info_desc, #information_free li .info_desc{
  max-width: fit-content;
}

@media screen and (max-width: 817px){
  #bg {
    background-size: contain;
  }
}
@media screen and (max-width: 640px){
  #wrap {
    max-width: 96%;
    margin:0 auto;
  }
  #talk_wrap h2 .s {
    font-size: 90%;
  }
}