@charset "utf-8";
/* CSS Document */


.content {
	border: solid 1px #C3C3C3;
	box-sizing: border-box;
	height: 300px;
	margin-top: 50px;
	position: relative;
	width: 100%;
}
.c_left {
	background: url(../images/flow/1.jpg) no-repeat;
	background-size: cover;
	float: left;
	height: 90%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2.5%;
	width: 45%;	
}
.c_2 {
	background-image: url(../images/flow/2.jpg);
}
.c_3 {
	background-image: url(../images/flow/3.jpg);
}
.c_4 {
	background-image: url(../images/flow/4.jpg);
}
.c_5 {
	background-image: url(../images/flow/5.jpg);
}
.c_right {
	background-color: #D4CFC7;
	float: right;
	height: 100%;		
	line-height: 2.2;
	position: relative;
	width: 50%;
}
.naka {
	margin: auto;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	width: 88%;
}
.c_title {
	color: #1B2C74;
	font-size: 2.7rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
}
.number {
	color: rgba(15,27,160,0.50);
	font-family: 'Marko One', "游ゴシック体";
	font-size: 4rem;
	margin-right: 2rem;
}
.tel {
	box-sizing: border-box;
	margin-left: 2rem;
	font-size: 2rem;
}

@media screen and (max-width: 960px) {
	.content {
		box-sizing: border-box;
		height: 450px;
		padding: 5px;
	}
	.c_left, .c_right, .naka {
		clear: both;
		position: static;
		width: 100%;
	}
	.c_left {
		height: 45%;
	}
	.c_right {
		box-sizing: border-box;
		height: 55%;
		padding: 4%;
	}
	.number, .c_title {
		font-size: 2rem;
		margin-right: 0.5rem;
		margin-bottom: 0.7rem;
	}
	.naka {
		line-height: 1.8;
	}
	.tel {
		font-size: 1.8rem;
	}
}