@charset "utf-8";

/* base ---------- */
.spCont{
	display: none;
}
.content{
	margin: 0 auto;
}
.big_ttl{
	margin-bottom: 70px;
	font-size: 3rem;
}
.text{
	line-height: 2;
}
.mainVisual{
	background: url(../img/ceo/main_bg.jpg) center center /cover no-repeat;
}
/* main_bg.jpg for each page ---------- */
.mainVisual.coo_sports{ background: url(../img/coo_sports/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.coo_industrial{ background: url(../img/coo_industrial/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.coo_health{ background: url(../img/coo_health/main_bg.jpg) center center /cover no-repeat; }
.mainVisual.coo_admin{ background: url(../img/coo_admin/main_bg.jpg) center center /cover no-repeat; }


@media screen and (max-width: 768px) {
	.spCont{
		display: block;
	}
	.pcCont{
		display: none;
	}
	.content{
		width: 100%;
		padding: 0;
	}
	.big_ttl{
		margin: 50px 0 50px;
		font-size: 1.8rem;
	}
}

/* clim layout ---------- */
.clumWrap{
	display: teble;
	width: 100%;
}
.clumWrap .clum2{
	display: table-cell;
	width: 50%;
	padding: 0 10px;
	vertical-align: top;
}
.clumWrap .clum2 .box{
}
.clumWrap .clum2 .text{
	padding-left: 50px;
}
.clumWrap .clum2 .rightBox{
	padding-left: 50px;
}
.box.signArea{
	margin-top: 25px;
}
.box.signArea .left{
	width: 62%;
}
,
.box.signArea .right{
	width: 33%;
}
.box.signArea .left{
	float: left;
}
.box.signArea .right{
	float: right;
	text-align: right;
}

@media screen and (max-width: 768px) {
	.clumWrap{
		display: block;
	}
	.clumWrap .clum2{
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 25px;
	}
	.clumWrap .clum2 .box{
		width: 100%;
	}
	.clumWrap .clum2 .text,
	.box.signArea .text{
		padding: 0 15px;
		box-sizing: border-box;
		text-align: justify;
	}
	.box.signArea{
		margin-top: 0;
		width: 100%;
	}
	.box.signArea .left,
	.box.signArea .right{
		width: 100%;
	}
	.box.signArea .left{
		float: none;
	}
	.box.signArea .right{
		float: none;
	}
	.box.signArea .sign{
		width: 145px;
		margin: 10px auto 0;
	}
}

/* btn ---------- */
.btnArea{
	margin-top: 80px;
}
.btn{
	width: 286px;
	margin: 0 auto;
}
.btn a{
	display: block;
	border: 1px solid #242424;
	text-align: center;
	padding: 13px 0 10px;
	line-height: 1;
	font-size: 1.8rem;
}
.btn a:hover{
	background: #242424;
	color: #ffffff;
}
@media screen and (max-width: 768px) {
	.btnArea{
		margin-top: 30px;
		padding: 0 15px;
	}
	.btn{
		width: 100%;
		margin: 0;
	}
	.btn a{
		padding: 15px 0;
		font-size: 1.5rem;
	}
}