label,input {cursor: pointer}

input[type="text"],
textarea {
  width: 100%;
  padding: 0.5em;
}
input[type="text"]:focus,
textarea:focus {
  outline-color:  #009dfc;
  background: #fff9b3;
}



input[type="text"][name="郵便番号[value]"]{
  width: 6em;
}

textarea {
  height: 8em;
}


input[type="submit"][value="送信内容を確認する"] {
  font-family: inherit;
  padding: 10px 30px;
  font-size: 16px;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  background: #5d3fff;
  border: solid 2px #5d3fff;
}
input[type="submit"][value="送信内容を確認する"]:hover {
  background: #fff;
  color: #5d3fff;
}
.inner input[type="button"][value="戻る"] {
  font-family: inherit;
  margin-left: 15px;
  padding: 10px 30px;
  font-size: 16px;
  background: #5d3fff;
  border-radius: 8px;
  border: 1px solid #5d3fff;
  color: #fff;
  display: inline-block;
  cursor: pointer;
}
.inner input[type="button"][value="戻る"]:hover {
  border: 1px solid #5d3fff;
  background: #fff;
  color: #5d3fff;
}

.joutai p {margin-bottom: 0.5em}
.joutai label {
  padding: 5px;
  cursor: pointer;
}
.joutai label:hover {
  background: #FFFF99;
  font-weight: bold;
}
.joutai label:has(:checked){
  font-weight: bold;
}

/*
input[type="file"]{font-size: 0.9rem}
input[type="file"]:hover{
  background: #fff9b3;
  cursor: pointer;
}
@media screen and (max-width: 449px) {
  input[type="file"]::file-selector-button {
    display: block;
  }
}
*/

/*------------------------------------------------
添付ファイルをbutton化
------------------------------------------------
input[type="file"] {  display: none}
label.file {
  display: inline-block;
  text-align: center;
  width: 9em;
  font-size: 0.9rem;
  padding: 0.75em 0;
  color: #ffffff;
  background: #004986;
  border: solid 1px #004986;
  cursor: pointer;
  border-radius:5px;
  margin: 0.5em 0 3px;
}
label.file:hover {
  background: #fff;
  color: #004986;
}

  .select-image1,
  .select-image2,
  .select-image3,
  .select-image4,
  .select-image5,
  .select-image6,
  .select-image7,
  .select-image8,
  .select-image9,
  .select-image10,
  .select-image11,
  .select-image12,
  .select-image13
{
  display: inline-block;
  text-align: center;
  font-size: 0.9rem;
}

.temp td .hissu {font-size: 0.9rem;}
@media screen and (max-width: 799px) {
  label.file,
  .select-image1,
  .select-image2,
  .select-image3,
  .select-image4,
  .select-image5,
  .select-image6,
  .select-image7,
  .select-image8,
  .select-image9,
  .select-image10,
  .select-image11,
  .select-image12,
  .select-image13
  {max-width: 80vw}
}
@media screen and (max-width: 449px) {
  label.file{margin: 0.5em auto 3px;font-size: 3.5vw}
  .select-image1,
  .select-image2,
  .select-image3,
  .select-image4,
  .select-image5,
  .select-image6,
  .select-image7,
  .select-image8,
  .select-image9,
  .select-image10,
  .select-image11,
  .select-image12,
  .select-image13
  {margin: 0 auto}
}

*/
input[type="file"] {width: 18em;margin: 0.25em 0}
@media screen and (max-width: 449px) {
  input[type="file"]{font-size: 3.5vw}
}