@charset "UTF-8";

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

	#contents .section01 {
		padding: 20px 0;
		margin-top: 65px;
	}
		#contents .section01 h2 {
			font-size: 16px;
			font-weight: normal;
			text-align: center;
		}
		#contents .section01 .img01 {
			position: absolute;
			top: 0;
			right: 50%;
			margin-right: -200px;
		}
		#contents .section01 .img02 {
			position: absolute;
			top: 25%;
			right: 50%;
			margin-right: -370px;
		}
		#contents .section01 .img03 {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -300px;
		}
		#contents .section01 .img04 {
			position: absolute;
			right: 50%;
			bottom: 100px;
			margin-right: -400px;
		}
		#contents .section01 .txt01 {
			margin-top: 20px;
			line-height: 1.6;
		}

	#contents .section02 {
		padding: 20px 0;
	}
		#contents .section02 .inner {
			background: url(../img/s02_bg01.png) no-repeat center top;
			min-height: 394px;
			padding: 30px 40px 0;
			text-align: center;
		}
			#contents .section02 .inner .txt01 {
				line-height: 1.6;
			}
			#contents .section02 .inner .txt02 {
				padding-top: 20px;
				color: #ff7bac;
			}
			#contents .section02 .inner .btn01 {
				padding-top: 20px;
			}
				#contents .section02 .inner .btn01 a {
					display: block;
					transition: all .3s ease;
				}
				#contents .section02 .inner .btn01 a:hover {
					opacity: .7;
				}
			#contents .section02 .inner .img01 {
				position: absolute;
				left: 50%;
				top: 60%;
				margin-left: -210px;
			}
	#contents .section03{
		padding:10px 0;
	}
		#contents .section03 .inner{
			text-align: center;
		}
			#contents .section03 .inner a{
				color:#058B82;
				font-weight:bold;
				font-size:16px;
			}
			#contents .section03 .inner a:hover{
				opacity:0.8;
			}
@media screen and (max-width: 639px) {

#contents {
}

	#contents .section01 {
	}
		#contents .section01 .img01 {
			right: 50%;
			margin-right: -100px;
		}
			#contents .section01 .img01 img {
				width: 215px;
			}
		#contents .section01 .img02 {
			top: 25%;
			right: 50px;
			margin-right: 0;
		}
			#contents .section01 .img02 img {
				width: 120px;
			}
		#contents .section01 .img03 {
			position: absolute;
			top: 50%;
			left: 20px;
			margin-left: 0;
		}
			#contents .section01 .img03 img {
				width: 235px;
			}
		#contents .section01 .img04 {
			right: 0;
			bottom: 20px;
			margin-right: 0;
		}
			#contents .section01 .img04 img {
				width: 165px;
			}
		#contents .section01 .txt01 {
			padding: 0 10px;
		}

	#contents .section02 {
	}
		#contents .section02 .inner {
			background: url(../img/s02_bg01.png) no-repeat center top;
			background-size: 100% 100%;
			min-height: auto;
			padding: 30px 10px 20px;
		}
			#contents .section02 .inner .btn01 {
			}
					#contents .section02 .inner .btn01 a img {
						width: 208px;
					}
			#contents .section02 .inner .img01 {
				left: 10px;
				top: 60%;
				margin-left: 0;
			}
				#contents .section02 .inner .img01 img {
					width: 39px;
				}
	
}