@charset "UTF-8";
/* CSS Document */
.pattern02{
	width:100%;
}

.mapwrap {
	position: relative;
	padding-top: 30px;
	padding-bottom: 56.25%;
	width: 100%;
}
.mapwrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width:768px) {
	.pattern02 .lefttxt {
		float: left;
	}
	.pattern02 .righttxt {
		float: right
	}
	.pattern02 .leftimg {
		float: left
	}
	.pattern02 .rightimg {
		float: right
	}
	.lefttxt, .righttxt, .txt {
		font-size: 16px;
	}
	.pattern03 {
		width: 100%;
		display: table;
	}
	.pattern03 .lefttxt {
		display: table-cell;
		vertical-align: top;
	}
	.pattern03 .righttxt {
		display: table-cell;
		vertical-align: top;
	}
	.pattern03 .leftimg {
		display: table-cell;
		vertical-align: top;
	}
	.pattern03 .rightimg {
		display: table-cell;
		vertical-align: top;
	}
	.half>* {
		width: 50%;
		text-align: center;
		float: left;
	}
	.column3 {
		clear: both;
	}
	.column3 li {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.column3 li:nth-child(3n) {
		margin-right: 0;
	}
	.column3 li>* {
		margin-bottom: 10px;
	}
	.column4 {
		clear: both;
	}
	.column4 li img {
		width: 100%;
	}
	.column4 li {
		float: left;
		width: 22%;
		margin-bottom: 30px;
		margin-right: 4%;
	}
	.column4 li:nth-child(4n) {
		margin-right: 0;
	}
	.column4 li>* {
		margin-bottom: 10px;
	}
}

@media screen and (min-width:1081px) {

}