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

:root{
	--light_gray: #e8e8e8;
	--blue: #102e9e;
}

body{
	color: #000 !important;
}
div.logo{
	width:100%;
	background:#000;
	padding:1%;
}
div.logo img{
	width:10%;
}
#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:180%;
	padding-bottom:20px;
	font-size:120%;
}
#content_in{
	width: 960px;
	margin: 0 auto !important;
}
p.lead{
	font-size:120%;
	margin:2%;
}
strong{
	color:#a40000;
	font-size:115%;
}
ul.att{
	margin:2%;
}
ul.att li{
	line-height:150%;
	margin-left:1%;
}
a:hover{
	opacity:0.5;
}
.note{
	font-size:90%;
}
span.hissu{
	display: inline-block;
	background:#d00000;
	color:#FFF;
	font-size:80%;
	line-height: 1;
	padding: 4px 6px;
	border-radius: 3px;
}
div.ermessage{
	line-height:150%;
	margin-left:5%;
}
#form h2.title{
	font-size:130%;
	font-weight:bold;
	border:1px solid #bbbbbb;
	padding:1%;
	background: -moz-linear-gradient(top, #FFF, #bdbdbd);
	background: -webkit-linear-gradient(top, #FFF, #bdbdbd);
	background: linear-gradient(to bottom, #FFF, #bdbdbd);
}
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:var(--light_gray);
	padding:2%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	font-weight:bold;
}
table.FormTable td.question{
	background:#CCC;
	padding:2%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	font-weight:bold;
}
table.FormTable td{
	padding:2%;
	border-right:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.FormTable td .supplement{
	margin-top: 0.5em;
	padding: 0;
}
input,option{
	padding:1%;
	width:auto;
	min-width:3%;
}
select{
	padding: 1%;
}
textarea{
	padding:1%;
	width:95%;
}
.formbtn{
	width:25% !important;
	margin:1% auto;
	padding:2%;
	font-size:100%;
	font-weight: 700;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-align:center;
}
label{
	/* padding-bottom:3px; */
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4em;
}
label.input_radio{
	display: grid;
	grid-template-columns: auto auto;
}
label.input_radio input{
	width: auto;
}
p.copy{
	font-size:70%;
	text-align:center;
	margin:2% auto;
}

@media (min-width: 768px){
	table.FormTable th{
		width: 220px;
	}
	table.FormTable td{
		width: calc(100% - 220px);
	}
}

@media (max-width: 960px){
#content{
	background-image:none;
}
#content_in{
	width: 95%;
	padding:0;
	margin:1% auto;
}
}
@media (max-width: 767px){
table,
tbody,
thead,
tr,
td {
    display: block;
}
#content{
	background-image:none;
}
#content_in{
	width: 95%;
	padding:0;
	margin:1% auto;
}
table.FormTable{
	width: 95%;
	border:none;
}
table.FormTable th{
	width: 100%;
	clear:both;
	display:block;
	border:none;
	padding: 3%;
}
table.FormTable td{
	width: 100%;
	clear:both;
	display:block;
	border:none;
	padding: 2% 2% 4%;
}
select,textarea,input{
	width:100%;
	padding:3% 1%;
}
.formbtn{
	width:40% !important;
	padding:4%;
}
input.agree{
	width:auto;
}
}

#form div.Main{
	margin-bottom: 48px;
}
#form div.Main_in{
	max-width:960px;
	width: 95%;
}
* + .input_text{
	margin-top: 0.5em;
}

@media (max-width: 767px){
	#form div.Main{
		margin-bottom: 32px;
	}
	#form div.Main_in{
		width: 100%;
	}
	#form div.Main h1.logo{
		margin-bottom: 0;
	}
}