@charset "utf-8";
/* CSS Document */

body{
	color: #000 !important;
}

#content{
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #FFF;
	font-family:"Noto Sans Japanese","Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:160%;
	padding-bottom:20px;
	font-size:120%;
}
#content_in{
	width: 960px;
	padding: 5%;
	margin: 0 auto;
}
p{
	margin:1em 0 !important;
}
strong{
	color:#a40000;
	font-size:115%;
}
a:hover{
	opacity:0.5;
}
.note{
	font-size:90%;
}
span.req{
	background:#d00000;
	color:#FFF;
	font-size:80%;
	padding:1%;
	margin:1%;
}
h1{
	clear:both;
	font-size:150% !important;
}
table.FormTable{
	background:#FFF;
	width:100%;
	border:2px solid #ccc;
	margin:1% auto;
}
table.FormTable tr{
	border-bottom:1px solid #ccc;
}
table.FormTable th{
	background:#CCC;
	padding:2%;
	width:30%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
table.FormTable td{
	padding:2%;
	border-right:1px solid #ccc;
	border-right:1px solid #ccc;
}
input.min10{
	padding:1%;
	width:auto;
	min-width:10%;
}
input.min40{
	padding:1%;
	width:auto;
	min-width:40%;
}
input.min90{
	padding:1%;
	width:auto;
	min-width:90%;
}
textarea{
	padding:1%;
	width:100%;
}
.formbtn{
	width:30% !important;
	margin:1% auto;
	padding:2%;
	background:#CCC;
	font-size:100%;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-align:center;
}

@media (max-width: 960px){
#content{
	background-image:none;
}
#content_in{
	width: 95%;
	padding:0;
	margin:1% auto;
}
}
@media (max-width: 767px){
#content{
	background-image:none;
}
#content_in{
	width: 95%;
	padding:0;
	margin:1% auto;
}
h1{
	margin-top:2%;
}
table.FormTable{
	width: 100%;
	border:none;
}
table.FormTable th{
	width: 96%;
	clear:both;
	display:block;
	border:none;
}
table.FormTable td{
	width: 96%;
	clear:both;
	display:block;
	border:none;
}
select,textarea{
	width:100%;
	padding:3% 1%;
}
}