@charset "UTF-8";
/* メイン */
main{display:block;padding-top:200px;}
/* 色タイトル */
#club{width:100%;height:60vh;margin-bottom:100px;position:relative;}

.background{width:80%;height:100%;background-color:#042F82;}
.background h1{color:#fff;width:fit-content;height:fit-content;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translateY(-75%);-ms-writing-mode:tb-rl;writing-mode:vertical-rl;}
.dash{letter-spacing:-0.2em;}
.shift{display:block;position:absolute;right:2em;bottom:-40%;}

 #recruit{width:60%;margin:100px auto 0px;text-align:center;}
 #recruit h2{color:#042F82;padding:0 0 20px;letter-spacing:0.2em;}
 #recruit p{line-height:2.3em;}
 .fc{color:#6F6F6F;}
 #recruit h3{font-size:16px;margin:40px auto 0;letter-spacing:0.2em;padding-left:0.2em;}
 .app-form{display:inline-block;background-color:#042F82;color:#FFFFFF;padding:10px 50px;margin:20px auto 25px;font-size: 14px;letter-spacing: 0.2em;}
 .dotted{width:100%;border-bottom:1px dotted #707070;margin:30px 0;}

#inquiry{margin:0px auto;text-align:center;height:auto;}
#inquiry h2{color:#042F82;padding:20px;letter-spacing:0.2em;padding-left:0.2em;}
#inquiry p{line-height:2.3em;}

form{padding:0 50px;display:grid;text-align:left;}
.flex{display:flex;align-items:center;line-height:1.8em;padding-left:8px;}
.label-title{padding:35px 10px 5px;letter-spacing:0.2em;padding-left:0.2em;font-size:15px;}
.input-title{text-decoration:none;background-color:#F0F0F0;width:100%;padding:5px;border:none;resize:vertical;min-height:2.5em;}
.post{display:flex;align-items:center;line-height:1.8em;}
.greater{color:#042F82;}
.important{margin:40px auto;letter-spacing:0.1em;padding-left:0.1em;}
.submit{background-color:#042F82; display:block; width:fit-content; color: #fff;padding:10px 80px;border:none; margin:0 auto 40px; font-size:14px; letter-spacing:0.2em;}
.submit:hover{opacity:0.8;transition:0.5s;}

.error{
  color: #ff0000;
}
/* 確認画面 */
.confirm dd{
  margin-bottom: 30px;
}
.confirm .btn{
  width: 100%;
  max-width: 400px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
.confirm .btn_back{
  border: 1px solid #042F82;
  color: #042F82;
  margin-right: 20px;
}
.confirm .btn_send{
background-color: #042F82;
color: #fff !important;
}
.confirm input,
.confirm button{  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;}
.btn_top{
  margin: 50px auto;
  background-color: #042F82;
  color: #fff !important;
  width: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}

/* 確認画面 */
.confirm dd{
  margin-bottom: 30px;
}
.inquiry_send p{text-align: center;}

@media screen and (max-width:1024px) {
	main{padding-top:90px;}
	#club{margin-bottom:20px;}
	/* タイトルダッシュ無くす */
	#recruit{width:90%;margin:50px auto 30px;text-align:center;}
	#inquiry{width:90%;margin:0px auto 50px;}
	#recruit h3{font-size:14px;}
	form{padding:0 10px;}
	.input-title{line-height:100%;}
}