@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;600&family=Open+Sans:wght@400;700&display=swap');

html {
	font-family:'Open Sans', 'Noto Sans JP', "メイリオ", Meiryo, sans-serif;
	font-size: 62.5%;
	background: #FFFFFF;
	color: #000000;
}

body {
	font-size: 1.4rem;
	min-width: 1000px;
	min-height: 100vh;
	text-align: justify;
	line-height: 1.4;
}
/* SP */
@media only screen and (max-width: 768px) {
	html {
		font-size: 1.6vmin;
	}
	body {
		min-width: auto;
	}
}
h1 {
	padding: 0 2rem;
}
h2 {
	font-size: 3.2rem;
	padding: 1rem;
	text-align: center;
}
.content {
	padding: 2rem;
}
.content .content-inner {
	width: 700px;
	margin: auto;
}
.content .header-text {
	margin-bottom: 1rem;
}
.content p.required {
	position: relative;
	padding-left: 1.4rem;
}
.content p.required::before {
	content: '※';
	position: absolute;
	color: #FF0000;
	left: 0;
	top: 0;
}
/* SP */
@media only screen and (max-width: 768px) {
	.content .content-inner {
		width: 	100%;
		margin: auto;
	}
}

.input-area {
	width: 100%;
	margin: 0.5rem 0;
	text-align: left;
}
.input-area th ,
.input-area td {
	padding: 0.5rem 1rem;
	border: #CCCCCC 1px solid;
}
.input-area th {
	background: #F8F5F2;
	padding-left: 2rem;
	white-space: nowrap;
	width: 25%;
}
.input-area .caution {
	color: #FF0000;
}
.input-area .required th {
	position: relative;
}
.input-area .required th::before {
	content: '※';
	position: absolute;
	color: #FF0000;
	left: 0.6rem;
}
.input-area .memo {
	margin-top: 0.5rem;
}


@media only screen and (max-width: 768px) {
	.input-area tr ,
	.input-area th ,
	.input-area td {
		display: block;
	}
	.input-area th ,
	.input-area td {
		padding: 1rem;
	}
	.input-area th {
		padding-left: 2rem;
		margin: -1px 0;
	}
}

textarea, input[type="text"], input[type="number"], input[type="time"], input[type="date"],
input[type="password"], select{
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 0.5rem;
	padding:5px;
	margin:1px 0;
}


/*
.input-area input[type="text"] {
	padding: 0.4rem;
	border: #c0c0c0 1px solid;
}
.input-area .required input[type="text"] {
	background: #FFEEEE;
}
.input-area label {
	padding: 0.4rem 1rem 0.4rem 0;
	display: inline-block;
}
.input-area label input {
	margin-right: 0.5rem;
	position: relative;
	top: 0.15rem;
}
.input-area .required label {
	background: #FFEEEE;
}
.input-area select {
	padding: 0.4rem;
	border: #c0c0c0 1px solid;
}
.input-area .required select {
	background: #FFEEEE;
}

.input-area textarea {
	width: 100%;
	height: 20rem;
	border: #c0c0c0 1px solid;
}
*/
.btn-box {
	text-align: center;
	padding: 2rem;
}
.btn{
	width:10rem;
	padding: 0.5rem;
	border: #C0C0C0 1px solid;
	background-color:#EEEEEE;
	-webkit-appearance: none;
	border-radius: 4px;
	box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
	margin: 0 1rem;
	cursor: pointer;
	font-size: 1.4rem;
}
.btn:hover {
	background-color:#b0c7f0;
}

/*
form dd .error {
	background: #FFEEEEEE;
	color: #FF0000;
	padding: 0.5rem;
	margin-top: 0.5rem;
}

.center {
	text-align: center;
}

.list01 {
	list-style: inherit;
	padding-left: 2rem;
}
.list01 li {
	padding: 1rem 0 0 0;
}
.red {
	color: #FF0000;
}
body.color06 .content-inner form ol {
	margin: 1rem 0 0 2rem;
}
body.color06 .content-inner form ol > li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
	margin-bottom: 1rem;
}
body.color06 .content-inner form ul {
	margin: 1rem 0 0 2rem;
}
body.color06 .content-inner form ul > li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 0.5rem;
}
.flex-box {
	display: flex;
	margin-bottom: 0.5rem;
}
.flex-box div:first-child {
	width: 10rem;
	padding-top: 0.5rem;
}
.conf .flex-box div:first-child {
	padding-top: 0;
}
.flex-box div:last-child {
	flex: 1;
}



*/