*{
	margin: 0;
	padding: 0;
}

#input_toutyaku_m,
#input_toutyaku_d,
#input_saisyu_m,
#input_saisyu_d,
#input_hour,
#input_ninzu,
#input_minute,
#input_sougei,
#input_syukuhaku,
#input_kizai{
	margin-left: 20px;
}

#input_kibou_m,
#input_kibou_d{
	margin-left: 25px;
}

#input_kibou_1t,
#input_kibou_2t{
	margin-left: 35px;
}

.p-region{
	margin-left:10px!important;
	width: 100%;
}

#input_hour,
#input_ninzu,
#input_minute,
#input_kibou_1t,
#input_kibou_2t{
	margin-bottom: 10px;
}

#input_nenrei,
#input_member_nenrei,
#input_member_nenrei2,
#input_member_nenrei3,
#input_member_nenrei4,
#input_member_nenrei5,
#input_member_nenrei6,
#input_member_nenrei7,
#input_member_nenrei8,
#input_member_nenrei9,
#input_member_nenrei10{
	width: 120px;
	margin-left: 20px;
}

#input_member_nenrei.many,
#input_member_nenrei2.many,
#input_member_nenrei3.many,
#input_member_nenrei4.many,
#input_member_nenrei5.many,
#input_member_nenrei6.many,
#input_member_nenrei7.many,
#input_member_nenrei8.many,
#input_member_nenrei9.many,
#input_member_nenrei10.many{
	margin-left: 0;
}

#input_message{
	padding: 10px 20px;
	font-size: 16px;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type="number"] { 
  -moz-appearance:textfield; 
}

body.new_form{
	max-width: 900px;
	width: 100%;
	margin:auto;
}

body.new_form p{
	padding: 20px 0;
}

body.new_form table{
	width: 100%;
	border-spacing:0;
}

body.new_form table p{
	padding:0;
}

body.new_form table tr th,
body.new_form table tr td{
	padding: 10px;
	border-bottom:1px dotted;
}

body.new_form table tr th{
	text-align: left;
}

body.new_form .other_member{

	background-color: #eeeeee;
	padding: 10px;
	margin:20px 0;
	margin-bottom: 0;
	font-weight: 700;
}

body.new_form .midasi{
	background-color: #0066ff;
	font-size: 20px;
	color: #ffffff;
	padding: 10px 5px;
}

body.new_form table tr td input,
body.new_form table tr td input[type="submit"],
body.new_form table tr td select{
	padding:5px;
	margin:0;
}


body.new_form table tr td ul li input[type="checkbox"]{
	margin-right: 5px;
}

.other_member.mem_num{
	background-color: #eeeeee;
}

.other_member.mem_num:hover{
 background-color:#ccc;
 cursor:pointer;
}

table.hidden_row{
 display:none;
}

ul.subject{
	list-style: none;
}

.flex{
	display: flex;
	align-items: baseline;
}

ul.flex{
	width: 100%;
	list-style:none;
}

ul.flex.toutyaku{
	display: block;
}

ul.flex.toutyaku.single{
	display: flex;
}

ul.flex.toutyaku_list{
	display: flex;
}

ul.flex.member{
	flex-wrap: wrap;
}

ul.flex li{
	width: 25%;
	text-align:left;
	display:contents;
}

ul.flex.keiken{
	flex-wrap: wrap;
	width: 100%;
}

ul.flex.keiken li{
	width: 50%;
	display: flex;
	margin: 0.8% 0;
	align-items: baseline;
}

ul.flex.keiken li input,
ul.flex.keiken li select{
	margin-left:5%;
	width: inherit;
}

ul.flex.member li{
	width: 48%;
	margin: 1%;
	display:grid;
}

ul.flex.li50 li{
	width: 50%;
}

ul.col3,
ul.col4{
	display:flex;
	width: 100%;
	list-style:none;
}

ul.col3 li{
	width: calc(100%/3);
}

ul.col4 li{
	margin-right: auto;
	display:grid;
	flex-wrap: wrap;
	align-items: center;
}

ul.col4 li span{
	text-align: right;
	margin-right: 10%;
}

ul.rental_menu{
	list-style: none;
	display: flex;
	flex-wrap:wrap;
	padding-top: 20px;
}

ul.rental_menu li{
	margin-bottom: 6px;
	padding-right: 10px;
}

input.add{
	text-align: end;
	margin: 20px;
	z-index: 1;
	position: relative;
	padding: 5px;
}

input.del{
	margin-left:20px!important;
}

.tips{
	display:none;
}

textarea{
	width: 100%;
}

.col2{
	display: flex;
	align-items: center;
}

.col2 p{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 0!important;
}

.col2 h3.form_age{
	font-weight: 700;
	color: #ffffff!important;
	background-color: #003A60;
	padding: 5px 10px;
	margin-right:30px;
	margin-bottom: 0!important;
	display: inline-block;
}

ul.col2{
	display: flex;
	list-style: none;
	justify-content: center;
}

ul.col2 li{
	margin: 40px 20px;
	border: 1px solid #33ccff;
	background:#33ccff;
	border-radius: 8px;
}

ul.col2 li a{
	display:block;
	padding:20px 40px;
	text-decoration: none;
	color: #ffffff;
	font-weight: 700;
}

ul.col2 li:hover{
	filter: brightness(70%);
}

p.box{
	background-color: #0066ff;
	text-align:center;
	font-size: 20px;
	font-weight: 700;
	display: table;
	color: #ffffff;
	padding: 20px 30px;
	margin: auto;
}


@media screen and (max-width:940px){
	body.new_form{
		max-width: 800px;
		width: 100%;
		margin:auto;
	}
	
	img{
		width:100%;
	}
	
	ul.rental_menu{
		list-style: none;
		display: block;
		justify-content: normal;
	}
}

@media screen and (max-width:820px){
	fieldset{
		margin-inline:0;
	}
	
	body.new_form form,
	p{
		width: 96%;
		margin:auto;
	}
	
	.col2 h3.form_age{
		margin-left: 2%;
	}
	
	body.new_form table tr th{
		background-color: #99ccff;
	}
	body.new_form table tr {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	body.new_form table tr th,
	body.new_form table tr td{
		display: block!important;
		width: 100%;
		box-sizing: border-box;
	}
	
	body.new_form table tr td{
		display:block;
	}
	
	ul.col3 li{
		display:grid;
		width: 100%;
	}
	
	ul.flex.member li{
	width: 100%;
	margin: auto;
	}

	td.block{
		display: block!important;
	}
	
	.contents{
		display: contents;
	}
	
	.contents input{
		display:block;
		width: 100%;
	}
	
	body.new_form table tr td input,
	body.new_form table tr td input[type="submit"],
	body.new_form table tr td select{
		padding:8px 5px;
		font-size: 16px;
	}
	
	.hide{
		display:none;
	}
	
	.tips{
		display:block;
	}
}

@media screen and (max-width: 640px){
	ul.col4{
		display: grid;
	}
}

@media screen and (max-width: 560px){
	input#input_honsu,
	select#input_brank{
		width: 100%;
	}
	
	ul.flex.keiken{
		display: block;
	}
	
	ul.flex.keiken li{
		margin-left: 0;
		display: block;
		width: 100%
	}
	
	ul.flex.toutyaku.single{
		display: block;
	}
	
	ul.flex.toutyaku_list{
		display: block;
	}
	
	ul.flex.keiken li input, ul.flex.keiken li select{
		margin-left: 0;
	}
	
	body.new_form table tr td select {
		padding: 8px 0;
	}
	
	body.new_form table tr td input[type="submit"],
	body.new_form table tr td select{
		width: auto;
	}
	
	body.new_form table tr td li input[name="input_honsu"]{
		margin-right: 0;
	}
	
	ul.col3{
		display: block;
	}

	ul.col3 li{
		width: 100%;
		display: block;
		margin-bottom:20px;
	}
}

@media screen and (max-width:480px){
	
	#input_toutyaku_m,
	#input_toutyaku_d,
	#input_nenrei,
	#input_saisyu_m,
	#input_saisyu_d,
	#input_hour,
	#input_ninzu,
	#input_minute,
	#input_sougei,
	#input_syukuhaku,
	#input_kizai,
	#input_member_kizai,
	.p-region{
		margin-left: 0!important;
	}
	
	#input_member_nenrei,
	#input_member_nenrei2,
	#input_member_nenrei3,
	#input_member_nenrei4,
	#input_member_nenrei5,
	#input_member_nenrei6,
	#input_member_nenrei7,
	#input_member_nenrei8,
	#input_member_nenrei9,
	#input_member_nenrei10{
		margin-left:0;
	}
	
	#input_kibou_1t,
	#input_kibou_2t{
		margin-left: 20px;
	}
	
	
	.p-region{
		margin-top: 10px!important;
	}
	
  .col2,
	ul.col2,
	.flex{
		display:block;
  }
}

@media screen and (max-width:340px){
	#input_kibou_1t,
	#input_kibou_2t{
		margin-left: 0;
	}
	
	#input_kibou_m,
	#input_kibou_d{
		margin-left: 0px;
	}
}