@media only screen and (min-device-width : 768px) {
  .banner_box{
    padding: 130px 0;
  }
}
@media (min-width: 320px) and (max-width: 768px){
  .banner_box{
    padding: 100px 0;
  }

  .banner_box h1{
    font-size: 36px;
  }

  h1 span{
    font-size: 36px;
  }

  .participate button,
  .write button,
  .send button{
    width: 200px;
    height: 45px;
    font-size: 20px;
  }

  .condition_box{
    flex-direction: column;
    text-align: center;
    margin: 40px 0;
  }

  .condition_item{
    max-width: 100%;
  }

  h1{
    font-size: 30px;
  }

  .rules p{
    font-size: 14px;
  }

  .rules span{
    font-size: 16px;
  }

  .title{
    font-size: 30px;
  }

  .section_form{
    padding: 40px 0;
  }

  .condition_image img{
    display: none;
  }

  .information input{
    width: 100%;
    margin-bottom: 20px;
  }

  .information{
    flex-direction: column;
  }

  .form_box{
    padding: 20px 20px;
    border-radius: 20px;
  }

  .checkbox_form{
    flex-direction: column;
  }
  .checkbox_2020,
  .checkbox_2021{
    max-width: 100%;
  }

  .letter_box p{
    font-size: 30px;
  }

  .letter_box img{
    padding:0;
    height: 400px;
  }

  textarea{
    padding: 0 10px;
  }

  .textarea p{
    font-size: 18px;
  }

  .checkbox_form p{
    font-size: 18px;
  }

  .section_letter{
    padding: 0 0 100px 0;
  }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
	.information > div {
		width: 100%;
	}
  .letter_description{
    font-size: 12px;
    transform: translate(-50%, -24%);
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  
  .letter_description{
  transform: translate(-49%, -36%);
  width: 61%;
  }
}