@charset "UTF-8";

body{
  background: #000;
  text-align: center;
  padding: 0;
  margin: 0;
  font-family:"Hiragino Mincho ProN",YuMincho,serif;
}
.content{
  max-width: 760px;
  margin: 0 auto;
}
img{
  display: block;
  width: 100%;
}

.bottom{
  position:relative;
  background: url(../img/b_back.jpg);
  background-size: cover;
}

.form label{
  color:#fff;
}
.form input,
.form textarea{
  width:100%;
  padding:0.5rem;
  margin-bottom: 1.5rem;
}
.wpcf7-radio{
  margin-bottom: 1.5rem;
}
.spanwpcf7-form-control-wrap{
  position:relative;
}

.wpcf7-form-control-wrap,
.wpcf7-form-control.wpcf7-radio{
  display: block;
  width:100%;
}
.form input[type='radio']{
  display:none;
}

.wpcf7-list-item:nth-child(1){
  margin-right: 5.5% !important;
}

.form input[type='radio'] + span{
  color:#000;
  background:#999;
  padding:0.5rem;
  width: 100%;
  display: inline-block;
}
.form input[type='radio']:checked + span,
.form input[type='radio'] + span:hover{
  background:#FFFF00;
  cursor:pointer;
}
.wpcf7-not-valid-tip{
  position:absolute;
  right: 0;
  bottom: -0.5rem;
  font-size: 80% !important;
  color: #fbff00 !important;
}

.form input[type='submit']{
  background:#0071BC;
  color:#fff;
  font-family:"Hiragino Mincho ProN",YuMincho,serif;
  border:1px solid #D9E021;
}
.form .note{
  color:#fff;
  font-size: 90%;
}

.wpcf7-response-output{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0 !important;
  border: none !important;
  background: #0e7bc0bd;
  backdrop-filter: blur(3px);
  color: #fff;
}

footer{
  height:50px;
  background:#000;
}