@charset "UTF-8";

#contents {
}
	#contents .section {
	}
		#contents .section .inner {
			position: relative;
			width: 100%;
			max-width: 960px;
			margin: 0 auto;
			text-align: center;
		}

	#contents .section01 {
		padding: 20px 0;
		margin-top: 55px;
	}
		#contents .section01 .inner {
			background: url(../img/s01_bg01.png) no-repeat center top;
			min-height: 446px;
			padding: 100px 0 0;
		}
			#contents .section01 .inner h2 {
				font-weight: normal;
			}
			#contents .section01 .inner .txt01 {
				margin-top: 20px;
				line-height: 1.6;
			}
			#contents .section01 .inner .txt02 {
				margin-top: 20px;
				color: #ff7bac;
			}

	#contents .section02 {
		padding: 20px 0 0;
	}
		#contents .section02 .inner {
		}
			#contents .section02 .inner .bg01 {
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -260px;
			}
			#contents .section02 .inner .bg02 {
				position: absolute;
				top: 50%;
				right: 50%;
				margin-right: -260px;
			}
			#contents .section02 .inner h2 {
				font-weight: normal;
			}
			#contents .section02 .inner .txt01 {
				margin-top: 10px;
				line-height: 1.6;
			}
			#contents .section02 .inner .txt02 {
				margin-top: 20px;
			}
			#contents .section02 .inner .img01 {
				margin-top: 20px;
			}

	#contents .section03 {
		padding: 20px 0 60px;
	}
		#contents .section03 .inner {
		}
			#contents .section03 .inner h2 {
				font-weight: normal;
			}
			#contents .section03 .inner .txt01 {
				margin: 5px 0 20px;
			}
			#contents .section03 .inner dl {
				display: table;
				table-layout: fixed;
				width: 500px;
				margin: 4px auto;
			}
				#contents .section03 .inner dl dt {
					display: table-cell;
					width: 120px;
					text-align: center;
					vertical-align: top;
					padding: 6px 0;
				}
				#contents .section03 .inner dl dd {
					display: table-cell;
					text-align: left;
				}
					#contents .section03 .inner dl dd input,
					#contents .section03 .inner dl dd textarea {
						width: 100%;
						border: 1px solid #91829d;
						padding: 6px 10px;
						font-size: 16px;
						color: #91829d;
					}
					#contents .section03 .inner dl dd textarea {
						min-height: 70px;
						resize: vertical;
					}
					::-webkit-input-placeholder {
						color: #91829d;
						text-align:center;
						opacity: .6;
					}
					:-moz-placeholder { /* Firefox 18- */
						color: #91829d;
						text-align:center;
						opacity: .6;
					}
					::-moz-placeholder {  /* Firefox 19+ */
						color: #91829d;
					   	text-align:center;
						opacity: .6;
					}
					:-ms-input-placeholder {
						color: #91829d;
						text-align:center;
						opacity: .6;
					}
					.validation-error {
						font-size: 12px;
						color: #ff7bac;
					}
					.input-validation-error {
						background: #ffebee;
					}
			#contents .section03 .inner .btn01 {
				margin-top: 10px;
			}
				#contents .section03 .inner .btn01 a {
					display: inline-block;
					padding: 6px 40px;
					background: #91829d;
					color: #fff;
					text-decoration: none;
					transition: all .3s ease;
				}
				#contents .section03 .inner .btn01 a:hover {
					opacity: .7;
				}
			#contents .section04{
				padding:10px 0;
			}
				#contents .section04 .inner{
					text-align: center;
				}
					#contents .section04 .inner a{
						color:#058B82;
						font-weight:bold;
						font-size:16px;
					}
					#contents .section04 .inner a:hover{
						opacity:0.8;
					}
@media screen and (max-width: 639px) {

#contents {
}
	#contents .section01 {
	}
		#contents .section01 .inner {
			background: url(../img/s01_bg01.png) no-repeat center top;
			background-size: auto 100%;
			min-height: auto;
			padding: 100px 0;
		}
			#contents .section01 .inner .txt01 {
				padding: 0 10px;
			}
			#contents .section01 .inner .txt02 {
				padding: 0 10px;
			}

	#contents .section02 {
	}
		#contents .section02 .inner {
		}
			#contents .section02 .inner .bg01 {
				position: absolute;
				top: 0;
				left: 10px;
				margin-left: 0;
			}
				#contents .section02 .inner .bg01 img {
					width: 63px;
				}
			#contents .section02 .inner .bg02 {
				position: absolute;
				top: 50%;
				right: 10px;
				margin-right: 0;
			}
				#contents .section02 .inner .bg02 img {
					width: 75px;
				}
			#contents .section02 .inner .txt01 {
				padding: 0 10px;
			}
			#contents .section02 .inner .txt02 {
			}
				#contents .section02 .inner .txt02 img {
					width: 178px;
				}
			#contents .section02 .inner .img01 {
			}
				#contents .section02 .inner .img01 img {
					width: 44px;
				}


	#contents .section03 {
	}
		#contents .section03 .inner {
		}
			#contents .section03 .inner dl {
				display: block;
				width: 100%;
				margin: 4px auto;
			}
				#contents .section03 .inner dl dt {
					display: block;
					width: auto;
					padding: 0 10px;
				}
				#contents .section03 .inner dl dd {
					display: block;
					padding: 0 10px;
				}
					#contents .section03 .inner dl dd input,
					#contents .section03 .inner dl dd textarea {
						width: 100%;
						border: 1px solid #91829d;
						padding: 6px 10px;
						color: #91829d;
					}
					#contents .section03 .inner dl dd textarea {
						min-height: 70px;
						resize: vertical;
					}
					::-webkit-input-placeholder {
						color: #91829d;
						text-align:center;
						opacity: .6;
					}
					:-moz-placeholder { /* Firefox 18- */
						color: #91829d;
						text-align:center;
						opacity: .6;
					}
					::-moz-placeholder {  /* Firefox 19+ */
						color: #91829d;
					   	text-align:center;
						opacity: .6;
					}
					:-ms-input-placeholder {
						color: #91829d;
						text-align:center;
						opacity: .6;
					}
			#contents .section03 .inner .btn01 {
				margin-top: 10px;
			}
				#contents .section03 .inner .btn01 a {
					display: inline-block;
					padding: 6px 40px;
					background: #91829d;
					color: #fff;
					text-decoration: none;
					transition: all .3s ease;
				}
				#contents .section03 .inner .btn01 a:hover {
					opacity: .7;
				}

}