@charset "UTF-8";

#section02 {
	background: transparent url('/common/img/bg/bg_pattern01.png') repeat 0 0;
}

	#section02 .contents_wrap {
		margin: 0 0 0 0;
		padding: 30px 20px;
		background: #fff;
		border-radius: 10px;
		-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	}

	#section02 .flex_box {
		display: flex;
		margin: 30px 0;
	}

		#section02 .flex_box>div {
			width: 50%;
		}

		#section02 .flex_box>div .h02 {
			margin: 0 0 15px;
		}

	#section02 .tel_box {
		background: #fcf3cc;
		padding: 20px;
		border-radius: 10px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

		.tel_box .tel_no {
			display: block;
			margin: 0 20px;
			padding: 10px 5% 6px;
			border-radius: 10px;
			font-size: 24px;
			font-size: 2.4rem;
			font-weight: bold;
			background: #fff;
		}

			.tel_box .tel_no a {
				color: #333
			}

			.tel_box .tel_no a:hover {
				text-decoration: none;
			}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:768px) {
	#section02 .flex_box {
		display: block;
	}

		#section02 .flex_box>div {
			width: 100%;
			margin: 0 0 20px;
		}

			#section02 .flex_box>div .h02 {
				text-align: left;
			}

	.tel_box {
		justify-content: space-around;
	}

		.tel_box .tel_no {
			margin-right: 0;
		}

		.tel_box span:last-child {
			width: 100%;
			margin: 10px 0 0;
		}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	.tel_box .h02 {
		width: 100%;
		margin: 0 0 10px;
	}

	.tel_box .tel_no {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
		border-radius: 30px;
		color: #fff !important;
		font-weight: bold;
		background: transparent url('/common/img/bg/bg_green_wood.png') repeat center center;
	}

		.tel_box .tel_no a {
			display: block;
			color: #fff;
			padding: 5px 0;
		}
}