body {
	margin: 0;
	padding: 0;
	/* text-align: center; */
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	_font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: black;
	overflow-x: hidden;
	min-width: 320px;
}

.inner {
	width: 100%;
	max-width: 800px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
h1 {
	text-align: center;
}

p#copy {
	font-size: 12px;
	font-weight: 100;
	color: #FFF;
	margin: 0px;
	padding: 0px 0px 40px;
}

#btnTop {
	text-align: center;
}

#footer {
	background-color: #349cc3;
	padding: 10px 0 0;
	text-align: center;
}

h1 {
	margin: 0;
}

#header {
	padding-top: 40px;
}

#header h1 img,
#footSummary>img
{
	max-width: 100%;
}

h2 {
	font-size: 24px;
	border-bottom: solid 3px #2CA6E0;
	padding: 10px 0 15px 0;
	text-align: left;
	margin-top: 40px;
}
h3 {
	font-size: 12pt;
	text-align: left;
	border-left: solid 4px #2CA6E0;
	padding-left: 10px;
	margin-top: 30px;
}
p.caution {
	text-align: left;
	font-size: 14px;
}
p.caution strong {
	color: red;
	font-weight: normal;
}
.title {
	color: #007FFF;
}
dl dt {
	font-size: 11pt;
	font-weight: bold;
}
dl dd {
	margin: 0 0 20px 0;
}
dl dd>input {
	width: 100%;
	padding: 5px;
	font-size: 15pt;
	box-sizing: border-box;
}
dl.seminar ul {
	list-style: none;
	padding: 0;
}
dl.seminar ul li {
	text-align: left;
	margin-bottom: 20px;
	border-bottom: solid 1px #aaa;
	padding-bottom: 20px;
}
dl.seminar ul li input {
	width: 20px;
	height: 20px;
	vertical-align: bottom
}
dl.seminar ul li input.number {
	width: 50px;
	padding: 0 3px;
}

.buttons {
	margin: 40px 0 40px 0;
	text-align: center;
}
.buttons input {
	margin: 10px 20px;
	padding: 5px 20px;
	font-size: 15pt;
}
.csv-error {
	background-color: #FF7500;
	color: white;
	padding: 20px;
}
input.caution {
	border: solid 2px #FF7500;
	background-color: #FFF6EF;
}

/* --- check page ---*/
/* body.check table {
	width: 100%;
	border-collapse: collapse;
}
body.check table th ,
body.check table td {
	border-bottom: solid 1px #ddd;
	padding: 10px 0;
	font-size: 10.5pt;
}

body.check table th {
	width: 125px;
	text-align: left;
}
body.check table td {
	vertical-align: top;
	text-align: left;
	margin: 0;
} */

/* --- finish page ---*/
body.finish p.done {
	text-align: left;
	font-size: 10.5pt;
	margin-bottom: 40px;
}

/* --- add 2018 --- */
.question {
	margin: 5px 0;
}
	.question textarea.add-text {
		width: 100%;
		height: 5rem;
		box-sizing: border-box;
	}
	.question .question-text {
		border-left: solid 1px #ccc;
		padding: 3px 10px;
		margin-left: 5px;
		line-height: 1.2;
		color: #555;
	}

.check .question {
	margin: 5px 20px 10px 20px;
}

.gray {
    color: #aaa;
}


.desc {
	font-size: 14px;
	text-align: left;
}
.limit {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: red
}
.red {
	color: red
}

table.data {
	width: 100%;
	border-collapse: collapse;
}
	table.data tr th ,
	table.data tr td {
		border-top: solid 1px #ddd;
		font-size: 14px;
		text-align: left;
		padding: 10px 15px;
	}
	table.data tr th {
		border-right: solid 1px #ddd;
		width: 200px;
	}
	table.data tr .grouped {
		border-top: none !important;
	}
	table.data tr th.req {
		background: url(../img/ico_hissu.gif) no-repeat;
		background-position: right 0px center;
	}
	table.data tr td.types input {
		width: auto;
	}
	table.data input {
		width: 100%;
		padding: 3px;
		box-sizing: border-box;
	}
	table.data input[type=radio] ,
	table.data input[type=checkbox] {
		width: inherit;
	}
	table.data textarea {
		width: 100%;
		height: 100px;
		padding: 3px;
		box-sizing: border-box;
	}
	table.data td.tel {
		display: flex;
	}
	table.data td ul {
		margin: 0 1rem;
		padding: 0;
	}
	table.data td ul.seminars {
		margin-top: 15px;
	}
	table.data td ul.seminars li {
		font-size: 13px;
	}
	table.data td ul.seminars li+li {
		margin-top: 10px;
	}

table.no-border {
	margin-top: 1rem;
}
	table.no-border td ,
	table.no-border th {
		text-align: center !important;
		border: none !important;
	}
		table.no-border thead th {
			padding: 0;
			font-weight: normal;
		}
		table.no-border select {
			min-width: 100px;
			height: 25px;
		}


/* under 600 */
@media(max-width:599px){

	table.data>tbody>tr>th ,
	table.data>tbody>tr>td {
		display: block;
		padding: 5px 0 0px 0 !important;
		border-right: none;
		border-top: none;
	}
	table.data th {
		border-bottom: solid 1px #ddd;
		width: auto !important;
	}
	table.data th.req {
		background-position: right -8px center !important;
	}
	table.data td {
		margin-bottom: 10px;
	}
	table.data tr.space th {
		margin-top: 10px;
	}
	table.data tr .grouped {
		font-weight: normal;
		border: none !important;
		margin-left: 1rem;
	}

	table.no-border th ,
	table.no-border td {
		padding: 10px !important;
	}
	table.no-border select {
		width: 70px;
	}
}

code.file {
	background: #eee;
	border-radius: 5px;
	padding: 7px 15px;
	display: inline-block;
	margin-right: 20px;
}
.upload-pdf ,
.uploaded-pdf {
	display: none;
}
.upload-pdf.show ,
.uploaded-pdf.show {
	display: block;
}
#pdf-cancel {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.apeal {
	color: red;
}
.point {
	font-weight: bold;
	color: red;
}

ul.seminar-list {
	list-style: none;
	padding: 0;
	margin: 0 !important;
}
	ul.seminar-list li {
		border-top: solid 1px #eee;
		padding: 15px 0;
	}
	ul.seminar-list li:first-child {
		border-top: none;
	}
	ul.seminar-list li:hover {
		background-color: #c1e0ff;
	}
	ul.seminar-list li .title {
		font-weight: bold;
		cursor: pointer;
		text-indent: -25px;
	}
		ul.seminar-list li label {
			display: flex;
			gap: 15px;
		}

ul.seminar-caution {
	margin: 10px 0px 20px 25px !important;
	font-size: 13px;
}
.caution {
	text-align: center;
	color: red;
	font-size: 20px;
	font-weight: bold;
}