@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);


/*-------------------------------------------------------------------
	お問い合わせ
-------------------------------------------------------------------*/

#entry {
	width:800px;
	margin:0 auto;
}

#entry .read {
	text-align:center;
	margin:0 0 50px;
	font-weight:500;
	line-height:2.4;
}

#entry h3 {
	line-height:1.0;
	text-align:center;
	color:#0d4e9a;
	font-size:2.0em;
	margin:0 0 60px;
}

#entry .caution {
	margin:0 0 30px;
}

#entry table {
	width:100%;
	margin:0 0 20px;
}

#entry table th,
#entry table td {
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	padding:20px 0;
	text-align:left;
	vertical-align:top;
}

#entry table th {
	font-weight:300;
	width:215px;
}

#entry table th span,
#entry .caution span {
	color:#e50909;
}

#entry table td .short {
	width: 20%;
	margin-right:10px;
}

#entry table td .middle {
	width: 70%;
}

#entry table td .long {
	width: 96%;
}

#entry table select {
	border:none;
	background:#eeeeee;
	height: 35px;
	padding: 0 2%;
	font-family: inherit;
	line-height: 1.2;
	font-size:0.9em;
	width:70%;
}


#entry table input[type="text"] {
	border:none;
	background:#eeeeee;
	height: 35px;
	padding: 0 2%;
	font-family: inherit;
	line-height: 1.2;
	font-size:0.9em;
}

/*
#entry input[type="checkbox"] {
	margin-right:5px;	
}
*/

#entry table td label {
	display:block;
}


#entry table td label input {
	margin-right:10px;
}


#entry table textarea {
	border:none;
	background:#eeeeee;
	width: 96%;
	height: 150px;
	font-family: inherit;
	font-size:0.9em;
	line-height: 1.6;
	padding:10px 2%;
}

#entry .purpose {
	margin:50px 0 0;
	border:1px solid #b9b9b9;
	padding:30px;
	font-size:0.85em;
	line-height:2.0;
}

#entry .purpose dt {
	text-align:center;
}


#entry .submit {
	text-align: center;
	margin:70px 0 0;
}

#entry .submit li {
	width:250px;
	display:inline-block;
}

#entry .submit li.reset {
	margin-right:40px;
}

#entry .submit li input {
	background:#0d4e9a;
	border: none;
	width:100%;
	padding:20px 0;
	display:block;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	line-height:1.0;
	font-family: 'Noto Sans Japanese', sans-serif;
	-moz-transition:all,.4s;
	-o-transition:all,.4s;
	-webkit-transition:all,.4s;
	transition:all,.4s;
	cursor: pointer;
}

#entry .submit li.reset input {
	background:#8F8F8F;
}

#entry .submit li input:hover {
	background:#0a3b75;
}

#entry .submit li.reset input:hover {
	background:#666;
}

dl.thanks {
	text-align:center;
}

dl.thanks dt {
	line-height:1.0;
	font-size:2.0em;
	margin:0 0 30px;
}

dl.thanks dd {
}

#entry input[type="button"] ,
#entry input.btn_y,
#entry input.btn_n {
	background:#41a2d6;
	border: none;
	display:inline-block;
	padding:20px;
	color:#FFF;
	text-align:center;
	line-height:1.0;
	font-family: 'Noto Sans Japanese', sans-serif;
	-moz-transition:all,.4s;
	-o-transition:all,.4s;
	-webkit-transition:all,.4s;
	transition:all,.4s;
	cursor: pointer;
	font-size:1.05em;
}
#entry input[type="button"]:hover,
#entry input.btn_y:hover,
#entry input.btn_n:hover {
	opacity:0.7;
}

#entry input.btn_n {
	margin-left:20px;
}


/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
	#entry {
		width:94%;
	}

}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	

}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	

	#entry .read {
		text-align:center;
		margin:0 0 30px;
		line-height:2.0;
	}

	#entry .telbox {
		width:auto;
		margin:0 auto 50px;
		padding:20px 0;
	}

	#entry .telbox dt {
		font-size:1.8em;
		margin:0;
	}

	#entry .telbox dt a {
		text-decoration:none;
		color:#000;
	}

	#entry .telbox dd {
		font-size:1.0em;
	}

	#entry .telbox dd.ttl {
		font-size:1.1em;
	}

	#entry h3 {
		line-height:1.0;
		text-align:center;
		color:#0d4e9a;
		font-size:1.6em;
		margin:0 0 30px;
	}
	
	#entry table {
		border-top:1px solid #b9b9b9;
	}

	#entry table th,
	#entry table td {
		display:block;
	}

	#entry table th {
		width:auto !important;
		border-top:none;
		border-bottom:1px dotted #b9b9b9;
	}
	
	#entry table td {
		display:block;
		border-top:none;
	}
	
	#entry table td .short,
	#entry table td .middle,
	#entry table td .long {
		width: 96%;
	}



	#entry .submit {
		text-align: center;
	}

	#entry .submit li {
		width:auto;
		display:block;
	}

	#entry .submit li.reset {
		margin:0 0 20px;
	}
	
	#entry .submit li input {
		width:90%;
		padding:20px 0;
		font-size:1.2em;
		margin:0 auto;
	}

	#entry input.btn_y,
	#entry input.btn_n {
		display:block;
		width:90%;
		margin:0 auto;
	}

	#entry input.btn_n {
		margin:20px auto 0;
	}
	
	#entry .inner .checktext {
		margin:0 0 50px;
		font-size:1.1em;
	}
}