@charset "UTF-8";
body {
  background: url(../img/bg.png);
}
body,
body * {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
img {
  max-width: 100%;
}
main,footer{
  font-family: fontb, "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  text-align: center;
  letter-spacing: -0.04em;
  font-size: 1.05em;
  width: 93%;
  max-width: 1300px;
  margin: 0 auto;
  background: #fff;
  
}
em,
i {
  font-style: normal;
}
li {
  list-style: none;
}
img{
height:auto;
}
#preview{
max-width: 21em;

margin: 0 auto;}

/* #fm */
#fm {
text-align: center;font-size: 1.5em;max-width: 40em;width: 100%;overflow: hidden;}
#fm p {
margin: 1.7em 0 -1em;}
#fm form {
}
#fm label {
display: block;}
#fm textarea {
}
#fm small {
padding-bottom: 3em;}
#fm input[type="file"] {
  font-size:2em;
}
#fm button {
}
#fm .form-group {
}
#fm .form-group label {
width: 21.4em;text-align: left;margin: 0 auto;width: 22em;
    margin: 0 auto 0.8em;
    background: #0072ff;
    color: #fff;
    padding: 0.4em 1em;
    box-sizing: border-box;
    letter-spacing: 0em;
    font-size: 1em;border-radius: 0.7em;margin-top: 1.8em;}
#fm .form-group textarea {
font-size: 1em;border-radius: 0.3em;border: #a5a5a5 2px solid;padding: 0.5em;width: 25.4em;display: block;margin: 0 auto;}
#fm .form-group input + small {
display: block;}
#fm .form-group input[type="text"],
#fm .form-group input[type="email"]{
font-size: 1em;
    border-radius: 0.3em;
    border: #a5a5a5 2px solid;
    padding: 0.5em;box-sizing: border-box;width: 21.7em;margin-bottom: 0.6em;}
#fm .form-group button {
display: block;font-size: 1.6em;margin: 8% auto 10%;padding: 0.2em 2em;border: none;border-radius: 1em;box-shadow: rgb(0 0 0 / 30%) 0.2em 0.1em 0.3em;}
#fm #image {
  font-size: 1.2em;
white-space: nowrap;max-width: 17.8em;}
#fm .message {
}
#fm .required {
color: #ff7f24;font-size: 1em;float: right;}
#fm .to {
}
#fm .to small {
}




@media (min-width: 768px) {
  .forsp{
    display:none !important;
  }
}

@media (max-width: 767px) {
  body{
    font-size: 2.8vw;
  }
  main{
    max-width:100vw;
    overflow: hidden;
  }
  #fm .form-group textarea {
    font-size: 1em;
    width: 20.4em;
  }
}