@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*-- メインコンテンツ --*/
	.entry_box{
		width:100%;
	}
	.entry_box .caution_1{
		text-align:center;
		font-size:16px;
		text-decoration:underline;
	}
	.entry_box .caution_2{
		text-align:center;
	}
	.entry_box section{
		width:760px;
		margin-left:auto;
		margin-right:auto;
	}
	.entry_box h3{
		padding:10px 20px;
		border-left:#f5d14c 5px solid;
		border-bottom:#f5d14c 2px solid;
		font-size:18px;
		font-weight:bold;
	}
	.entry_box h3 .small{
		font-size:14px;
		font-weight:normal;
	}
	.entry_box .tbl_form{
		width:100%;
		margin:20px auto;
	}
	.entry_box .tbl_form th,
	.entry_box .tbl_form td{
		padding:15px 10px;
		border-bottom:#ccc 1px solid;
	}
	.entry_box .tbl_form.personal th,
	.entry_box .tbl_form.personal td{
		padding:30px 10px;
	}
	.entry_box .tbl_form th{
		width:30%;
		text-align:right;
	}
	.entry_box .txt_box{
		width:95%;
		margin:20px auto;
	}
	.entry_box .txt_box > .ul-outside{
		padding-left:13px;
		font-size:12px;
	}
	.entry_box .txt_box > .ul-outside li{
		margin-top:10px;
	}
	.entry_box input{
		padding:7px 2%;
		background-color:#fafafa;
		border:#ccc 1px solid;
		border-radius:3px;
	}
	.entry_box input[readonly="readonly"]{
		cursor: default;
		background-color:#dcdcdc;
	}
	.entry_box .tbl_form .input_auto{ width:auto; }
	.entry_box .tbl_form .input_10{ width:10%; }
	.entry_box .tbl_form .input_20{ width:20%; }
	.entry_box .tbl_form .input_30{ width:30%; }
	.entry_box .tbl_form .input_40{ width:40%; }
	.entry_box .tbl_form .input_50{ width:50%; }
	.entry_box .tbl_form .input_60{ width:60%; }
	.entry_box .tbl_form .input_70{ width:70%; }
	.entry_box .tbl_form .input_80{ width:80%; }
	.entry_box .tbl_form .input_90{ width:90%; }
	.entry_box .tbl_form .input_100{ width:100%; }
	.entry_box .membership input:disabled{
		cursor: default;
		background-color:#dcdcdc;
	}
	.entry_box .error{
		margin-bottom:5px;
		font-weight:bold;
		color:#ff0000;
	}
	.entry_box input[type="submit"] {
		padding: 7px 20px;
		border: 1px solid #4cae4c;
		border-radius: 3px;
		background: #5cb85c;
		font-size: 100%;
		color: #ffffff;
		font-family: inherit;
		-webkit-appearance: none;
		cursor: pointer;
	}
	#form_submit{
		display:flex;
		flex-wrap:wrap;
		width:57%;
		margin: 0 auto 0 38%;
	}
	#submit_box .back_btn{
		margin:7px 0 0 20px;
	}
	#submit_box .back_btn a{
		text-decoration:none;
		margin:0;
		padding: 7px 20px;
		background: #9D9D9D;
		border: 1px solid #9D9D9D;
		border-radius: 3px;
		color:#fff;
	}
	input[type="submit"].back_btn{
		background: #9D9D9D;
		border: 1px solid #9D9D9D;
		margin-left: 10px;
	}
	#complete{
		font-size: 187%;
		font-weight: 700;
		margin: 20px 0;
	}

}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	/* フォームのsubmitを解除(iOS) */
	input[type="submit"]{
		-webkit-appearance:none;
		border-radius:0;
	}
	
	/*-- メインコンテンツ --*/
	.entry_box{
		width:100%;
	}
	.entry_box .caution_1{
		text-align:center;
		font-size:15px;
		text-decoration:underline;
	}
	.entry_box .caution_2{
		text-align:center;
		font-size:14px;
	}
	.entry_box section{
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
	.entry_box h3{
		padding:10px 20px;
		border-left:#f5d14c 5px solid;
		border-bottom:#f5d14c 2px solid;
		font-size:18px;
		font-weight:bold;
	}
	.entry_box h3 .small{
		font-size:14px;
		font-weight:normal;
	}
	.entry_box .tbl_form{
		width:100%;
		margin:20px auto;
	}
	.entry_box .tbl_form th,
	.entry_box .tbl_form td{
		display:block;
		width:100%;
		padding:15px 10px;
	}
	.entry_box .tbl_form th{
		text-align:left;
	}
	.entry_box .tbl_form td{
		padding-top:0;
		border-bottom:#ccc 1px solid;
	}
	.entry_box .txt_box{
		width:95%;
		margin:20px auto;
	}
	.entry_box .txt_box > .ul-outside{
		padding-left:13px;
		font-size:12px;
	}
	.entry_box .txt_box > .ul-outside li{
		margin-top:10px;
	}
	.entry_box input{
		padding:7px 2%;
		background-color:#fafafa;
		border:#ccc 1px solid;
		border-radius:3px;
		font-size:16px;
	}
	.entry_box input[readonly="readonly"]{
		cursor: default;
		background-color:#dcdcdc;
	}
	.entry_box .name input{ width:49%; }
	.entry_box .zip input{ width:40%; }
	.entry_box .prefectures input{ width:50%; }
	.entry_box .city input{ width:60%; }
	.entry_box .address input{ width:60%; }
	.entry_box .building input{ width:100%; }
	.entry_box .tel input{ width:27%; }
	.entry_box .institution input{ width:100%; }
	.entry_box .mail input{ width:100%; }
	.entry_box .membership input:disabled{
		cursor: default;
		background-color:#dcdcdc;
	}
	.entry_box .error{
		margin-bottom:5px;
		font-weight:bold;
		color:#ff0000;
	}
	.entry_box input[type="submit"] {
		padding: 7px 20px;
		border: 1px solid #4cae4c;
		border-radius: 3px;
		background: #5cb85c;
		font-size: 100%;
		color: #ffffff;
		font-family: inherit;
		-webkit-appearance: none;
		cursor: pointer;
	}
	#form_submit{
		display:flex;
		flex-wrap:wrap;
		width:57%;
		margin: 0 auto 0 38%;
	}
	#submit_box .back_btn{
		margin:7px 0 0 20px;
	}
	#submit_box .back_btn a{
		text-decoration:none;
		margin:0;
		padding: 7px 20px;
		background: #9D9D9D;
		border: 1px solid #9D9D9D;
		border-radius: 3px;
		color:#fff;
	}
	input[type="submit"].back_btn{
		background: #9D9D9D;
		border: 1px solid #9D9D9D;
		margin-left: 10px;
	}
	#complete{
		font-size: 187%;
		font-weight: 700;
		margin: 20px 0;
	}

}/* End SP */