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

input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
}

.required {
	color: #de690c;
}

.notice {
	font-weight:bold; 
	color: #ff0000;
}

.close {
	color: #de690c;
	padding-left:1em;
}

.cb {
	margin: 0;
	padding: 0;
}

.tyu {
	font-size: 0.75em;
}

ul.cb li {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}


/*----------------------------------------------------
table
----------------------------------------------------*/
table.t_sp {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
}

.t_sp th,
.t_sp td {
	padding: 10px;
	border: 1px solid #8e8e8e;
	font-weight: normal;
	text-align: left;
}

.t_sp th{
	background: #f4f4f4;
}


/*----------------------------------------------------
.t_sp
----------------------------------------------------*/
.t_sp th {
	width: 16em;
	text-align: left;
}

@media only screen and (max-width:767px){
	.t_sp {
		margin: 0 auto;
	}

	.t_sp th,
	.t_sp td {
		width: 100%;
		display: block;
		border-top: none;
		box-sizing: border-box;
	}

	.t_sp tr:first-child th {
		border-top: 1px solid #8e8e8e;
	}
}


.t_sp div span label {
	margin-left: 1em;
	margin-right: 2em;
}

.t_sp div label {
	margin-left: 0;
	margin-right: 0;
}

span {
	display: inline-block;
}


/*----------------------------------------------------
Form Box Size
----------------------------------------------------*/
.w1 {
	width: 290px;
	height: 22px;
}

.h1 {
	height: 22px;
}

.h2 {
	height: 30px;
}

@media only screen and (max-width:767px) {
	.w1 {
		width: 90%;
		height: 22px;
	}
}


/*----------------------------------------------------
.address
----------------------------------------------------*/
.address dl {
	overflow: hidden;
}

.address dt {
	float: left;
	clear: both;
	width: 6.5em;
	padding: 6px 0 0 0;
}

.address dd {
	padding: 0 0 10px 0;
}

.address dt::after {
	content: "："
}


/*----------------------------------------------------
.btn
----------------------------------------------------*/
.btn {
	display: inline-flex;
	line-height: 50px;
	width: 100%;
}

.btn01{
	width: 100px;
	height: 50px;
	background-color: #00447e;
	border: none;
	border-radius: 5px;
 	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
	margin: 0 0 0 auto;
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.btn01:hover {
	background-color: #266091;
	}

.btn02{
	width: 250px;
	height: 50px;
	background-color: #00447e;
	border: none;
	border-radius: 5px;
	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
	margin: 0 auto 0 0;
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	cursor: pointer;
}
.btn02:hover {
	background-color: #266091;
}

.btn03{
	width: 100px;
	height: 50px;
	background-color: #00447e;
	border: none;
	border-radius: 5px;
	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	cursor: pointer;
}

.btn03:hover {
	background-color: #266091;
}