.box:first-of-type {
	background-color: #f8f8f8;
	padding-bottom: 60px;
	position: relative;
	overflow: hidden;
}
.box:first-of-type::before{
	content: "";
	width: 100%;
	height: 500px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -300px;
	left: 0;
    transform: skew(0deg, -2deg);
    -webkit-transform: skew(0deg, 8deg);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    z-index: 0;
}
.box:first-of-type .inr {
	position: relative;
}

.box .hx-typ4.line .wrap {
    z-index: 1;
    position: relative;
}
.box:nth-of-type(odd) .hx-typ4.line .wrap {
	background-color: #f8f8f8;
}
.hx-typ4.line::after {
    z-index: 0;
}
.btn-typ1 a {
	z-index: 1;
	margin-right: 10px;
	margin-left: 10px;
}

/*------------------------------------------

	アクセス

------------------------------------------*/
.box {
	background-color: #f8f8f8;
	padding-bottom: 50px;
}
.box:nth-of-type(even) {
	background-color: #fff;
}

.box-inr .txt-box {
	width: 390px;
	padding-right: 30px;
	padding-left: 30px;
}
.box-inr .img-box {
	width: calc(100% - 390px);
}

.box-inr.half .txt-box {
	width: 500px;
}
.box-inr.half .img-box {
	width: calc(100% - 500px);
}


/*PC*/
@media screen and (min-width: 768px) {
}/*END*/


/*Smartphone*/
@media screen and (max-width: 767px) {
	.box {
		padding-bottom: 25px;
	}

	.box-inr .txt-box,
	.box-inr .img-box,
	.box-inr.half .txt-box,
	.box-inr.half .img-box {
		width: 100%;
	}
	.box-inr .txt-box {
		padding-right: 2%;
		padding-left: 2%;
	}
}/*END*/