@charset "utf-8";
/* CSS Document */
.required{ color:#c23c3c;  }

form dt{
  font-size: 1.05em;
  padding: 5px 10px;
  background:#fcedeb;}

 .formBox li:not(:last-child){ margin-bottom:10px }
  
  .redTxt2{ color: #ff3979; }
  
  
  .formund1{  margin-bottom:35px;}
  .formund2{  margin-bottom:50px;}
  .formund3{  margin-bottom:8px;}
  .formund4{  margin-bottom:20px;}
  #entryform dt,#entryform dd{ float:left;}
  
  input, select, textarea{border:1px solid #ccc; padding: 5px; margin-right: 5px;}
  .other input, textarea{-webkit-appearance: none; border-radius: 0;}
  
  
  #entryform dt{width:215px; margin-right:40px; font-size: 1.1em; font-weight:700;}
  #entryform dd{width:745px; }
  

  .inputbox1{width:290px; }
  .inputbox2{ width:90% }

  input[type=text] {  border : 1px solid #ccc;
    -webkit-border-radius : 0;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0); }


  .inputbox1, .inputbox2{ border:1px solid #ddd; padding:6px 8px; box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
  }
  input::placeholder, textarea::placeholder { color: #999; }

  /*placeholder*/
/* IE 10 以降 */
:-ms-input-placeholder {
  color: #999;
}

  .radiobtn li{  margin-bottom:5px;}
  .radiobtn li:last-child{  margin-bottom:0;}
  #notice1,.notice2,.notice3{color:#f9006c;}
  #notice1{ font-size:0.9em; padding-bottom:5px; margin-left:10px;}
  
  .choosebox { margin-bottom:35px; }
  #entryform .choosebox dt,#entryform .choosebox dd{float:none; width:100%;}
  #entryform .choosebox dt{background:#f5f6f7; padding:10px 20px; color:#12457a; margin: 0 0 15px; font-size:0.95em; font-weight:normal;}
  
  #formNotice{border: 2px solid #eee; padding:20px 20px 1px 20px; margin-bottom:60px;}
  #formNotice li{ position: relative; margin-bottom: 10px;}
  #formNotice li:last-child{margin-bottom: 0}
  #formNotice li:before{ content:""; position: absolute; }
  
  #formNotice .listTxt{display:inline-block; padding-left: 25px;}
  
  
#addframe{ width: 40px; }
#addframe2{ width: 50px; }

  /*btn*/
  #submitBtn { position: relative; margin: 70px 0;}
  #submitBtn input{  margin:0 auto;  background:#c23c3c; color:#fff; border:none; }
  #submitBtn:after{ position: absolute; top: 45%;right: 28%;color: #fff;  content:"";     width: 8px;
    height: 8px;
  	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  }
  
  #submitBtn input{color:#fff; text-align: center; border-radius:4px;  font-size: 1.1em;display: block; }
  #submitBtn input:hover{ filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }
  
  .other{ padding-top:15px; }
  .otherTxt{ margin-bottom:5px; }

  .formund3 p{ margin:5px 0 }


@media screen and (min-width: 757px) {
  .formBox{ display: flex; }
  .inputbox1{ margin-right:20px;}
}

@media screen and (min-width: 751px) {
#submitBtn input{ width:70%;  padding:24px;}
}

/*pc--------------------------------------------*/
@media screen and (min-width: 1060px) {

}

@media screen and (max-width: 750px) {
.labelTxt{ display: flex; align-items: flex-start;}
.labelTxt input{ margin-top: 7px; width:5%}
.labelTxt span{ width: 95%; }
.formnone input{ width:90%; }
#submitBtn input{ width:80%;  padding:20px;}

select,
.formund3 li:not(:last-child){ margin-bottom: 5px; }
}

@media screen and (max-width: 756px) {
  .inputbox1{ width: 92% }
}
@media screen and (min-width: 376px) {
#pageTitle br{ display: none; }

}