/* CSS Document */
.contentsHead {
	margin-bottom: 60px;
}
.contentsHead p {
	margin: 0 auto;
	max-width: 1080px;
}

.figure {
	margin-bottom: 190px;
	position: relative;
	text-align: center;
}
.figure:after {
	background: url("../images/concept/labo/ico_arrow.png");
	background-size: cover;
	bottom: -130px;
	content:'';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 68px;
	width: 75px;
}

@media screen and (max-width: 767px) {
	.figure {
		margin-bottom: 90px;
	}
	.figure:after {
		bottom: -60px;
		height: 34px;
		width: 37px;
	}
}

.grayBox {
	background: rgba(0,0,0,0.03);
	padding: 60px 3% 80px;
}
.grayBox .ttl {
	margin-bottom: 50px;
}
.grayBox ul {
	display: flex;
	justify-content: center;
}
.grayBox ul li {
	margin: 0 6%;
}

@media screen and (max-width: 767px) {
	.grayBox {
		padding: 30px 3% 30px;
	}
	.grayBox .ttl {
		margin-bottom: 30px;
	}
	.grayBox ul li {
		width: 28%;
		margin: 0 2%;
	}
}

.laboExHead {
	max-width: 1086px;
	margin: 120px auto 70px;
}
.laboExHead .ttl.bk {
	color: #000;
	margin-bottom: 40px;
}
.laboExHead p {
	line-height: 2.2;
}
.imgCol2 {
	margin-bottom: 120px;
}
.imgCol2 .txt {
	width: 540px;
}
.imgCol2.fdr .txt {
	margin: 0 0 0 50px;
}

@media screen and (max-width: 767px) {
	.laboExHead {
		margin: 80px auto 40px;
	}
	.laboExHead .ttl.bk {
		margin-bottom: 20px;
	}
	.imgCol2 .txt {
		width: 100%
	}
	.imgCol2.fdr .txt {
		margin: 0 0 0 0;
	}
}

.line3 {
	margin-top: 235px;
}

.bgQtrGray.line3 .txt .ttl {
	bottom: calc(100% - 2.6rem);
}

.bgQtrGray.line3 .txt p {
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
	.bgQtrGray.line3 .txt .ttl {
		bottom: calc(100% + 1.4rem);
	}
	.line3 {
		margin-top: 50px;
	}
}

.bgQtrGray ul {
	padding-left: 30px;
	margin-bottom: 20px;
}
.bgQtrGray ul li {
	list-style: disc;
	font-size: 2.8rem;
	font-weight: 700;
}
.bgQtrGray p.bold {
	font-size: 2.8rem;
	font-weight: 700;
}

.bgQtrGray + .bgQtrGray {
	margin: 140px 0 195px;
}

@media screen and (max-width: 767px) {
	.bgQtrGray + .bgQtrGray {
		margin: 50px 0 80px;
	}
		.bgQtrGray ul li {
		font-size: 1.4rem;
	}
	.bgQtrGray p.bold {
		font-size: 1.4rem;
	}
}

.prize {
	display: flex;
	flex-wrap: wrap;
	margin: 70px 0 50px;
}
.prize li {
	margin: 0 2.8% 35px 0;
}

@media screen and (min-width: 768px) {
	.prize li:nth-child(5n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.prize {
		margin: 30px 0 10px;
	}
	.prize li {
		margin: 0 2% 20px 0;
		width: 31%;
	}
	.prize li:nth-child(3n) {
		margin-right: 0;
	}
}

.footMessage {
	margin-top: 100px;
}
@media screen and (max-width: 767px) {
	.footMessage {
	margin-top: 50px;
}
}
.morebarLink {
	height: calc(100% + 130px);	
}
.moreBar .inner {
	position: relative;
}


.preTxt {
	color: #7BA327;
	font-size: 2.4rem;
	font-weight: 700;
	margin-right: 10px;
	text-align: right;
}

@media screen and (max-width: 1800px) {
	.morebarLink {
		height: calc(100% + 80px);	
	}
	.preTxt {
		margin-right: 40px;
	}
}

.moreBar .inner:after {
	background: url("../images/concept/ico_idea.png");
	content: '';
	display: block;
	height: 264px;
	position: absolute;
	bottom: -12px;
	width: 247px;
}
.moreBar .txt {
	margin-right: 100px;
	padding: 0 30px;
	position: relative;
}
.moreBar .txt:before, .moreBar .txt:after {
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 6px 0 6px;
	border-color: #ffffff transparent transparent transparent;
}
.moreBar .txt:before {
	transform: rotate(-26deg);
	left: 0;
}
.moreBar .txt:after {
	transform: rotate(26deg);
	right: 0;
}
@media screen and (max-width: 767px) {
	.preTxt {
		font-size: 1.8rem;
		margin-right: 10px;
	}
	.moreBar .inner:after {
		background-size: cover;
		bottom: auto;
		height: 80px;
		left: 20px;
		top: -100px;
		width: 75px;
	}
	.moreBar .txt {
		margin: 0 auto;
	}
	.moreBar .txt:before, .moreBar .txt:after {
		border-width: 20px 3px 0 3px;
	}
	.moreBar .txt:before {
		left: 10%;
	}
	.moreBar .txt:after {
		right: 10%;
	}
}