*{
	    font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.exmsg{
	color:#f00;
	font-size:14px;
}
.formArea{
	width:100%;
	max-width:1000px;
	margin:0 auto 100px;;
	padding:30px 0;
}
.formArea h1{
	font-size:30px;
	font-weight:bold;
	margin-bottom:50px;
}
.formArea h1 span{
	margin-left:20px;
}

@media screen and (max-width: 1000px) { /* Smartphone */
	.formArea{
		max-width:calc(100% - 30px);
	}
}
/*-------------------
 *
 * ------------------ */
.formTbl{
	width:100%;
	border-collapse:collapse;
	margin-bottom:80px;
}
.formTbl th{
	color: #333;
	width: 300px;
	padding:10px 25px;
	text-align:left;
	vertical-align: middle;
	background:#EFEBE0;
	font-weight:normal;
	position:relative;
}
.formTbl th span{
	position:absolute;
	display:inline-block;
	background:#e9737f;
	text-align:center;
	color:#fff;
	font-size:11px;
	padding:10px;
	width:45px;
	top: 50%;
	left: 95%;
	transform: translateY(-50%) translateX(-95%);
	-webkit- transform: translateY(-50%) translateX(-95%);
	margin: auto;
	border-radius:4px;

}
.formTbl th span.nini{
	background:#337ab7;
}
.formTbl td{
	color: #333;
	padding: 25px 25px;
	vertical-align: middle;
	background:#f9fafb;
}



.formTbl tr:nth-child(2n) th{
	background:#F7F5F0;
}
.formTbl tr:nth-child(2n) td{
	background:#F7F7F7;
}


input[type="text"],
select,
textarea
{
    display: block;
    width: 100%;
    padding: 15px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;	
	box-sizing:border-box;
}
select{
}
textarea{
	height:130px;
	padding:15px 10px;
}
.chklabel{
	display:block;
    font-size: 16px;
	padding:5px 0;
}
input[type="submit"]{
	border:none;
	background: #FF8000;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    display: block;
    width: 100%;
	max-width:640px;
    transition: all .3s;
	margin-left:auto;
	margin-right:auto;

}

/* -- */
.ziparea{
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
}
.ziparea #zip{
	flex-basis:150px;
}
.ziparea input[name="zipBtn"]{
	flex-basis:180px;
	margin-left:10px;
}


.formError{
    position:static !important;
    margin: 5px 0 !important;
    display: block;
	color:#f00;
}

/* ----- */
.confirm{
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
}
.confirm__back{
	margin-right:15px;
}
.confirm__back input[type="submit"]{
	background:#727272;
}
.confirm__send input[type="submit"]{

}


@media screen and (max-width: 768px) {

	.formArea h1{
		font-size:16px;
		text-align:center;
	}
	.formArea h1 img{
		display:block;
		margin:0  auto 15px;
		text-align:center;
	}
	.formTbl{
		width:100%;
	}
	.formTbl th{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.formTbl td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}

}



/* brthdy */
td.yearset div.inner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
td.yearset div.inner div{
	flex-basis:31.33%;
}
td.yearset div.inner div select{
	display:inline-block;
	width:80%;
}