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

* {
	transition-property: background, opacity;
	transition-duration: 0.5s;
}

#wrapper{
	width:100%;
	height:auto;
}

#container{
	width:100%;
	height:auto;
}

#content{
	width:983px;
	height:auto;
	margin:0 auto;
	position:relative;
	margin-top:-85px;
	background-color:#fff;
	margin-bottom:20px;
}

/*form*/

select{
	margin: 0 0 0 0;
	padding: 10px;
	width:100%;
	/*height:34px;*/
	border:1px #cccccc solid;
	font-size:14px;
	line-height:14px;
	font-family:"ヒラギノ角ゴ StdN W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

select:disabled {
	background: #eee;
	color: #aaa;
}

.input {
	border: 5px solid #ccc;
	border-radius: 5px;
}

.input .disabled {
	background: #eee;
	color: #aaa;
}

.input.required {
	border-color: #ed1b24;
	color: red;
	animation-name: blink;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.input.required select {
	color: #ed1b24;
	font-weight: bold;
}

.input.required option {
	color: black;
}

.input.done {
	border-color: #338da8;
}

.input.done select {
	border: 1px solid transparent;
	color: #fff;
	background: rgba(51,141,168, 1);
	border-radius: 0;
}

.input.done option {
	background: #fff;
	color: black;
}

.input + .input {
	margin-top: 10px;
}

input[type=text] {
	width: calc(100% - 22px);
	padding: 10px;
	border:1px #cccccc solid;
}



/*h2*/

/*h3*/
h3.heading_001{
	margin-bottom:20px;
	font-family:"ヒラギノ角ゴ StdN W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -1px;
	text-align:center;
}


@keyframes blink {
		0% {
			border-color: #ed1b24;
		}

		100% {
			border-color: rgba(255,0,0,0.1);
		}
}