#page_ttl {
	background: url("../images/service/mv.jpg") no-repeat center;
	background-size: cover;
}
/* --------------------------------------------------- */
#area-1 {
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
}
#area-1 .txt {
	max-width: 700px;
	margin: 0 auto 80px;
}
#area-1 .box {
	margin-bottom: 80px;
}
#area-1 .box:nth-child(odd) {
	display: flex;
	justify-content: space-between;
}
#area-1 .box:nth-child(even) {
	overflow: hidden;
}
#area-1 .box .ph {
	width: 47%;
	border-radius:10px;
	overflow: hidden;
}
#area-1 .box:nth-child(even) .ph {
	float: right;
}
#area-1 .box .data {
	width: 50%;
}
#area-1 .box .data .ttl {
	background: url("../images/common/line01.jpg") repeat-x bottom;
	background-size: 50px auto;
	padding-bottom: 15px;
	font-size: 1.2rem;
	font-weight: 600;
	color: #1193DE;
	margin-bottom: 20px;
}
#area-1 .box .data .ttl span {
	display: inline-block;
	font-size: 10px;
	margin-left: 10px;
	color: #333;
}
#area-1 .box .data p {
}
/* --------------------------------------------------- */

/* --------------------------------------------------- */

/* --------------------------------------------------- */

/* --------------------------------------------------- */



@media screen and (max-width: 1050px) {
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
    
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
}


@media screen and (max-width: 788px) {
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
	/* ----------------------------------------------- */
	
    /* ----------------------------------------------- */
    
	/* ----------------------------------------------- */
	
	
}

@media screen and (max-width: 580px) {
	
	/* ----------------------------------------------- */
	#area-1 .txt {
        max-width: 700px;
        margin: 0 auto 50px;
    }
	#area-1 .box {
        margin-bottom: 50px;
    }
    #area-1 .box:nth-child(odd) {
        display: block;
    }
    #area-1 .box:nth-child(even) {
    }
    #area-1 .box .ph {
        width: 100%;
		margin-bottom: 20px;
    }
    #area-1 .box:nth-child(even) .ph {
        float: none;
    }
    #area-1 .box .data {
        width: 100%;
    }
    /* ----------------------------------------------- */
    
	/* ----------------------------------------------- */
}