@charset "utf-8";

html{
	font-size: 100%;
}

body {
	color: #123;
	background-color: white;
}

body,button {
	font-family: "BIZ UDPGothic", sans-serif;
	line-height: 1.5;
	letter-spacing: 0.15rem;
}

a {
	text-decoration: none;
	padding: 4px 0;
	color: #1e50a2;
	border-bottom: 1px solid #1e50a2;
}

main {
	max-width: 45rem;
	padding: 16px;
	margin: 0 auto;
}

.bold {
	font-weight: bold;
}

.red {
	color: #e60033;
}

.big{
	font-size: 150%;
}

.incenter {
	text-align: center;
}

.mgn16 {
	margin: 16px 0;
}

.mgnbtm{
	margin-bottom: 32px;
}

.headerNavi {
	padding: 16px;
	text-align: right;
}

.headerNavi ul {
	list-style: none;
	display: inline-flex;
}

.headerNavi li + li {
	margin-left: 16px;
}

.h1 {
	padding: 50px 0;
	background-image: linear-gradient(to bottom, #666, #333);
	box-shadow: 0 0 4px #333;
}

.dateWrapper p {
	padding: 50px 0;
	font-size: 200%;
	color: #345;
	font-weight: bold;
}

.h2 {
	font-size: 120%;
	width: 24em;
	max-width: 90%;
	padding: 8px 0;
	border-bottom: 2px solid #567;
	margin: 32px auto;
}

form p {
	line-height: 2;
}

textarea {
	border: 2px solid #999;
	width: 100%;
	border-radius: 4px;
}

label {
	padding-left: 8px;
}

.ttl {
	font-weight: bold;
}

button, .btn {
	display: inline-flex;
	align-items: center;
	color: white;
	background-image: linear-gradient(to bottom, #666,#333);
	padding: 8px 16px;
	border-radius: 4px;
	min-height: 45px;
}

button:disabled{
	background-image: linear-gradient(to bottom, #ddd, #eee);
}

footer {
	margin: 32px 0 120px 0;
}

address {
	font-style: normal;
}

form > div + div {
	margin: 16px 0;
}

.h2t {
	font-size: 130%;
	border-bottom: 2px solid #567;
	margin: 32px 0;
}

.reqInput,#mail2 {
	border: 2px solid #c33;
	width: calc(100% - 2rem);
	border-radius: 4px;
	height: 2rem;
}

.reqInput.fill,#mail2.fill {
	border: 2px solid #693;
}

#reqHeight {
	border: 2px solid #c33;
	max-width: 7rem;
	border-radius: 4px;
}

#reqHeight.fill{
	border: 2px solid #693;
}

.inputWrapper, #mail2Wrapper {
	background-image: url(./images/icon_error.svg);
	background-size: 2rem 2rem;
	background-position: right;
}

.inputWrapper.fill, #mail2Wrapper.fill {
	background-image: url(./images/icon_check.svg);
}

.reqRadio,.reqNum {
	display: inline-flex;
	background-image: url(./images/icon_error.svg);
	padding-right: 2rem;
	background-size: 2rem 2rem;
	background-position: right;
}

.reqRadio.fill,.reqNum.fill {
	background-image: url(./images/icon_check.svg)
}

#tarea {
    width: calc(100% - 32px);
	max-width: 25rem;
	height: 5rem;
	margin: 16px 0;
}