@charset "UTF-8";


/* ================================================================= */
/* ======================== 0 〜 824px以上 =========================== */
/* ============================================================== */

@media screen and (max-width:824px) {

/* forget共通 */
#forget {
margin-top: 60px;
}

/* forgetarea */
#forget .forgetarea {
width: 86.667%;
margin: 0 auto;
padding: 40px 0 60px;
text-align: center;
}
#forget .forgetarea .inner {
padding: 40px 7.6923% 55px;
background-color: #f9f9f9;
text-align: left;
}
#forget .forgetarea h2 {
font-size: 30px;
font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
text-align: center;
margin-bottom: 40px;
}
#forget .forgetarea h2 span {
display: block;
font-size: 14px;
margin-top: 10px;
}
#forget .forgetarea h3 {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
#forget .forgetarea p {
 font-size: 13px;
 line-height: 2;
 text-align: center;
 color: #666666;
 margin-bottom: 30px;
}
#forget .forgetarea.pwrenewed p {
 margin-bottom: 40px;
}
#forget .forgetarea ul.inputarea li {
margin-bottom: 20px;
}
#forget .forgetarea ul.inputarea li input {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 16px;
background: transparent;
border: none;
border-bottom: 1px solid #cccccc;
outline: none;
}
#forget .forgetarea .btn {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
font-weight: bold;
color: #ffffff;
background-color: #c2a915;
margin: 30px auto 0;
border-radius: 3px;
}


}

/* ================================================================= */
/* ======================== SP END =========================== */
/* ============================================================== */


/* ================================================================= */
/* ======================== 825px以上 =========================== */
/* ============================================================== */

@media screen and (min-width:825px) {

/* forget共通 */
 #forget {
  margin-top: 140px;
 }

 /* forgetarea */
 #forget .forgetarea {
  width: 480px;
  margin: 0 auto;
 	padding: 0 0 100px;
 	text-align: center;
 }
 #forget .forgetarea .inner {
  padding: 50px 40px 80px;
  background-color: #f9f9f9;
  text-align: left;
 }
 #forget .forgetarea h2 {
 	font-size: 46px;
 	font-family: 'Noto Serif JP', sans-serif;font-weight: 600;
 	text-align: center;
  margin-bottom: 70px;
 }
 #forget .forgetarea h2 span {
 	display: block;
 	font-size: 16px;
 	margin-top: 20px;
 }
 #forget .forgetarea h3 {
 	font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
 }
 #forget .forgetarea p {
  font-size: 13px;
  line-height: 2;
  text-align: center;
  margin-bottom: 30px;
  color: #666666;
 }
 #forget .forgetarea.pwrenewed p {
  margin-bottom: 50px;
 }
 #forget .forgetarea ul.inputarea li {
  margin-bottom: 20px;
 }
 #forget .forgetarea ul.inputarea li:last-child {
  margin-bottom: 40px;
 }
 #forget .forgetarea ul.inputarea li input {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #cccccc;
  outline: none;
 }
 #forget .forgetarea .btn {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  background-color: #c2a915;
  margin: 30px auto 0;
  border-radius: 3px;
 }


}

/* ================================================================= */
/* ======================== PC END =========================== */
/* ============================================================== */