@charset "utf-8";

input, textarea {
  border-radius: 0;
  font-size: 14px;
}

textarea {
	font-family: NotoSansJP-Medium,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

/*======================================================

フォーム画面

========================================================  */
.head1 {
  display: block;
  font-size: 1.8em;
  line-height: 1.5;
}

.head1:before {
  content: none;
}

.head2 {
  font-size: 1.5em;
  margin-top: 40px;
}

.lead {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 2px;
}

.lead.complete {
  margin-top: 8px;
}

/*======================================================

.applicationRequirements

========================================================  */
.applicationRequirements {
  border-bottom: solid 1px #CCCCCC;
  list-style-type: none;
  margin-top: 10px;
  padding-bottom: 28.5px;
  margin-bottom: 30.5px;
}

.applicationRequirements > li {
  margin-top: 10px;
}

.applicationRequirements li dl dt {
  font-size: 13.2px;
  font-weight: bold;
}

.applicationRequirements li dl dd {
  margin-top: 2px;
  margin-left: 10px;
}

.applicationRequirements li dl dd ul {
  padding-left: 12px;
}

.applicationRequirements li dl dd ul li {
  list-style: "・";
  padding-left: 2px;
}


/*======================================================

.applicationForm

========================================================  */
.applicationForm {
  margin-top: 20px;
}

.applicationForm .textLink {
  color: #0058A4;
}

.applicationForm .lead {
  margin-top: 2px;
}

.formContainer {
  margin-top: 20px;
}

/*formHeading*/
.formHeading span {
  font-size: 14px;
}

.formHeading strong {
  background-color: #E60012;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  margin-right: 8px;
  padding: 0 6px;
}

/*formContents*/
.formContents {
  display: block;
  margin-top: 6px;
}

.formContents p {
  margin-top: 2px;
  font-size: 14px;
}

.formContents span {
  font-size: 14px;  
}

.formContents label {
  font-size: 14px;
}

.formContents input + span {
  font-size: 14px;
  margin-left: 10px;
}

/*横並び*/
.formContents.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.formContents.row div + div {
  margin-left: 10px;
}
/*縦並び*/
.formContents.col {
  display: block;
}

.frm {
  background-color: #F8F8F8;
  border: 1px solid #CCCCCC;
  padding: 6px 10px;
  min-height: 34px;
}

.frm-200px {
  max-width: 200px;
  width: 100%;
}

.frm-410px {
  max-width: 410px;
  width: 100%;
}

.frm-700px {
  max-width: 700px;
  width: 100%;
}

.frm.textarea {
  width: 100%;
  height: 100px;
  resize: none;
}

input {
  -webkit-appearance: auto;
  -ms-appearance: auto;
  appearance: auto;
}

.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=tel]:focus,
.form input[type=url]:focus,
.form textarea:focus {
  outline: solid 2px #0075FF;
}
/*error*/
.form input.error:focus,
.form textarea.error:focus {
  outline: none;
}

/*corporation 非活性*/
.corporation.disabled label,
.corporation.disabled input,
.corporation.disabled span,
.corporation.disabled strong,
.corporation.disabled p {
  opacity: .5;
}

.corporation.disabled input {
  background-color: #FFFFFF;
}

.btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;  
}

.btnArea .btn {
  background-color: #0058A4;
  border: none;
  border-radius: 4px;
  color: #FFFFFF;
	font-size: 16px;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  width: 240px;
  height: 40px;
}

.btnArea.two .btn {
  width: 220px;
}

.btnArea .btn + .btn {
  margin-left: 20px;
}

.btnArea .btn.btnPrev {
  background-color: #FFFFFF;
  border: solid 1px #0058A4;
  color: #0058A4;
}

.btnArea .btn:disabled {
  background-color: #c1c1c1;
}

/*error*/
.form p.error {
  color: #E60012;
  font-size: 14px;
  margin-top: 2px;
}

.formContents input.error,
.formContents textarea.error {
  background-color: rgba(230, 0, 18, .1);
  border: solid 2px #E60012;
}

/* @media only screen and (max-width: 667px) { */
@media only screen and (max-width: 844px) {
		
  /*======================================================

  .applicationForm

  ========================================================  */
  
  .head2 {
    margin-top: 18px;
  }
  
  .btnArea {
    margin-top: 30px;
  }
  
  .btnArea .btn + .btn {
    margin-left: 10px;
  }
  
  .contentsArea.partner .articleArea {
    padding: 30px 15px 90px 15px;
  }

}