@charset "utf-8";
/* CSS Document */

.submitBtn input{transition: 0.3s;}
.page_form p, .notice, .page_form dd { line-height: 1.5em; }

.subtitle{position: relative;}
.subtitle::before{ content: ""; position: absolute;
  width: 15px;
  height: 2px;
  background: #003366; left: 0;  bottom: 0; }
.notice{ position: relative; padding-left: 18px; margin-top: 10px; }
.notice::before{ position: absolute; content: "※"; left:0 }
.required{ color:#c23c3c;  }
.txtUnd{ margin-bottom: 15px; }
input[type="checkbox"]{ cursor: pointer; }

form dt{
  font-size: 1.05em;
  padding: 7px 10px;
  background:rgba(47, 129, 217, 0.1);}

  form dd dt { background:none;
    display: inline-block;
    padding: 5px 0px;
    margin:20px 0 8px;
    color: #003763;
  }

  form dd ol{ margin:10px 0 20px 25px; }
  form dd ol li{ margin-bottom: 7px; }

 .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; font-size: 16px;}
  .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*/
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}
  #submitBtn { position: relative; margin: 70px 0;}
  #submitBtn input{ width:70%; margin:0 auto;  background:#005d87; color:#fff; border:none; padding:24px; }
  #submitBtn:after{ position: absolute; top: 45%;left: 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:10px;  font-size: 1.1em;display: block; cursor: pointer;
  }
  #submitBtn input:hover{ filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; transition: 1.0s;}
  
  .other{ padding-top:15px; }
  .otherTxt{ margin-bottom:5px; }

@media screen and (max-width: 1100px) {
.page_form h1{ text-align: center; }
}

@media screen and (min-width: 757px) {
  .formBox{ display: flex; }
  .inputbox1{ margin-right:20px;}
}


/*pc--------------------------------------------*/
@media screen and (min-width: 1101px) {
  .page_form h1 br{ display: none; }
}

@media screen and (max-width: 756px) {
  .inputbox1{ width: 92% }
  .subtitle{font-size:1.8vw ;}
}
