/*-------------------main（右側）-------------------*/
.main p{
  padding-bottom: 10px;
}
.main span{
  color: red;
}

/*----------------------main select------------------*/

/*--------------------content1-------------------*/
.main .select{
  display: flex;
  padding: 20px 0 10px 10px;
  border-bottom: 1px solid #dddddd;
}
.main .select a{
  color: black;
  font-weight: bolder;
}
.main .select li{
  display: block;
  margin-left: 100px;
}
.main .select:hover{
  background: #f5f5f5;
}

/*--------------------content2------------------*/
.main .content2{
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #dddddd;
  font-weight: bolder;
}
.main .content2 input{
  margin-left: 80px;
  width: 220px;
}
.main .content2:hover{
  background: #f5f5f5;
}

/*--------------------content3-----------------*/
.main .content3{
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #dddddd;
  font-weight: bolder;
}
.main .content3 input{
  margin-left: 76px;
  width: 280px;
}
.main .content3:hover{
  background: #f5f5f5;
}

/*--------------------content4-----------------*/
.main .content4{
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #dddddd;
  font-weight: bolder;
}
.main .content4 input{
  margin-left: 94px;
  width: 125px;
}
.main .content4:hover{
  background: #f5f5f5;
}

/*--------------------content5-----------------*/
.main .content5{
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #dddddd;
  font-weight: bolder;
}
.main .content5 input{
  margin-left: 79px;
  width: 160px;
}
.main .content5:hover{
  background: #f5f5f5;
}

/*--------------------content6-----------------*/
.main .content6{
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #dddddd;
  font-weight: bolder;
}
.main .content6 input{
  margin-left: 107px;
  width: 300px;
}
.main .content6:hover{
  background: #f5f5f5;
}

/*--------------------content7-----------------*/
.main .content7{
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #dddddd;
}
.main .content7 a{
  text-decoration: none;
  color: black;
  font-weight: bolder;
  position: absolute;
  margin-bottom: 20px;
}
.main .content7 textarea{
 margin-left: 140px;
 width: 280px;
 height: 120px;
}
.main .content7:hover{
  background: #f5f5f5;
}

/*--------------------content8-----------------*/
.main .content8{
  padding: 30px 0 30px 10px;
}


/*------------------レスポンシブ対応-------------*/

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
  /*--main--*/
  .main p{
    width: 100%;
    font-size: 12px;
  }
  .main .select{
    width: 90%;
  }
  .main .content2{
    width: 90%;
  }
  .main .content3{
    width: 90%;
  }
  .main .content4{
    width: 90%;
  }
  .main .content5{
    width: 90%;
  }
  .main .content6{
    width: 90%;
  }
  .main .content7{
    width: 90%;
  }
  .main .content8{
    width: 90%;
  }
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
  /*--main--*/
  .main p{
    width: 80%;
    font-size: 11px;
    white-space: pre;
  }
  .main .select{
    width: 70%;
  }
  .main .content2{
    width: 70%;
  }
  .main .content3{
    width: 70%;
  }
  .main .content4{
    width: 70%;
  }
  .main .content5{
    width: 70%;
  }
  .main .content6{
    width: 70%;
  }
  .main .content6 input{
    width: 280px;
    margin-left: 106px;
  }
  .main .content7{
    width: 70%;
  }
  .main .content8{
    width: 70%;
  }
  .main .content8 button{
    margin-left: -180px;
  }
  .main dt,
  .main dd{
    font-size: 12px;
  }
}


/*0〜414px*/
@media only screen and (max-width: 414px){
 /*--main--*/
.main p{
  margin-left: -11px;
  margin-top: -5px;
  width: 64%;
  font-size: 9px;
}
.main .select{
  width: 70%;
}
.main .select li{
  margin-left: 30px;
}
.main .content2{
  width: 60%;
}
.main .content2 input{
  margin-left: 30px;
}
.main .content3{
  width: 60%;
}
.main .content3 input{
  width: 200px;
  margin-left: 28px;
}
.main .content4{
  width: 60%;
}
.main .content4 input{
  margin-left: 48px;
}
.main .content5{
  width: 60%;
}
.main .content5 input{
  margin-left: 33px;
}
.main .content6{
  width: 60%;
}
.main .content6 input{
  margin-left: 60px;
  width: 60%;
}
.main .content7{
  width: 60%;
}
.main .content7 textarea{
  margin-top: 30px;
  margin-left: 50px;
}
.main .content8{
  width: 70%;
}
.main .content8 button{
  margin-left: -200px;
}

}