@charset "UTF-8";

.boxWrap{
	max-width: 1920px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 7vw 5.62vw;
}
.boxWrap h2 {
	text-align: left;
	font-size: 2.86vw;
	line-height: 3.85vw;
	color: #000;
	font-weight: 900;
	margin-bottom: 30px;
}
.mainImage_wrap .boxInner {
	margin-bottom: 3.64vw;
}
.mainImage_wrap h2{
	margin-bottom: 5.20vw;
}
.boxInner {
	display: flex;
}
.innerText {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 5.62vw 0 0;
}
.innerImg {
	width: 50.08vw;
	height: 41.66vw;
	background: #DBDBDB;
	border-radius: 2.60vw;
	overflow: hidden;
}
.innerImg img {
	width: 100%;
}
.mainImage_wrap .innerImg img {
	width: 11.19vw;
}
.mainImage_wrap .innerImg {
	background-image: url('/gene/img/home/hand.png');
	background-size: cover;
}
.mainImage_wrap .innerImg video {
	width: 13.54vw;
	margin-top: 9.63vw;
}
.boxWrap p {
	color: #1A1A2C;
	font-size: 1.82vw;
	line-height: 2.18vw;
	font-weight: 300;
	text-align: left;
}
.cnt1 {
	flex-direction: column;
}
.cnt1 .innerText {
	padding: 0 0 0 5.62vw;
}
.cnt1 .innerText h2 span {
	display: block;
	font-size: 1.82vw;
	font-weight: 400;
}
.cnt1 .btmLead {
	margin: 3.9vw 0 0 0;
}
.cnt1 .btmLead p {
	text-align: center;
}
.cnt1 .btmLead span {
	font-weight: bold;
}
.cnt1 .innerImg {
	height: 29.68vw;
}
.cnt1 .innerImg img {
	width: 100%;
}
.cnt2 .boxInner {
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cnt2 h2 {
	margin-bottom: 1.5vw;
}
.cnt2_listBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cnt2_listBox .listInner {
	width: 21vw;
	margin: 0 1.8vw 2vw 0;
}
.cnt2_listBox .listInner:nth-child(3),
.cnt2_listBox .listInner:last-child {
	margin: 0;
}
.cnt2_listBox .listTop {
	padding: 1.62vw 0 1.42vw;
	background: #DBDBDB;
	border-radius: 2.60vw;
	margin-bottom: 0.52vw;
}
.cnt2_listBox .listTop img {
	width: 11.45vw;
}
.cnt2_listBox .listInner h3 {
	width: 100%;
	font-size: 1.8vw;
	line-height: 2.1vw;
	margin-bottom: 0.5vw;
}
.cnt2_listBox .listInner p {
	font-size: 1.2vw;
	line-height: 1.56vw;
	font-weight: 500;
	padding: 0 0 0 1.56vw;
}
.boxWrap.cnt3 {
	padding: 7vw 2.34vw 7vw 5.62vw;
}
.cnt3 .innerImg,
.cnt4 .innerImg,
.cnt5 .innerImg,
.cnt6 .innerImg  {
	width: 41.66vw;
	height: 41.66vw;
}
.cnt3 .innerText {
	padding: 0 0 0 4.16vw;
}
.cnt3 .innerText p,
.cnt4 .innerText p,
.cnt5 .innerText p,
.cnt6 .innerText p {
	font-size: 1.56vw;
	line-height: 1.87vw;
}
.cnt3 .innerText h2,
.cnt4 .innerText h2,
.cnt5 .innerText h2,
.cnt6 .innerText h2 {
	margin-bottom: 4.94vw;
}
.cnt4 .innerText {
	padding: 0 3.12vw 0 0vw;
}
.cnt6 .innerText {
	padding: 0 3.12vw 0 0vw;
}
.boxWrap.cnt4 {
	padding-left: 3.12vw;
}
.cnt5 .innerText {
	padding: 0 0 0 10.41vw;
}
.cnt7 .cnt7Box {
	width: 28.64vw;
	margin-right: 3.48vw;
}
.cnt7 .cnt7Box:last-child {
	margin-right: 0;
}
.cnt7 .cnt7Box h2 {
	text-align: center;
}
.cnt7 .cnt7Box p {
	font-size: 1.54vw;
	text-align: center;
}
.cnt7iImg {
	height: 28.64vw;
	background: #DBDBDB;
	border-radius: 2.60vw;
	overflow: hidden;
	margin-bottom: 1.3vw;
	display: flex;
	align-items: center;
}
.cnt7iImg img {
	width: 100%;
}
/* SP ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px){
	.boxWrap {
		height: auto;
		padding: 0 2.5vw;
		justify-content: left;
	}
	.boxInner {
		display: block;
		width: 100%;
	}
	.innerText {
		align-items: flex-start;
		padding: 0 7.5vw;
		margin-bottom: 5vw;
	}
	.innerImg {
		width: 100%;
		height: auto;
	}
	.boxWrap h2 {
		font-size: 6.5vw;
		line-height: 8.75vw;
	}
	.boxWrap p {
		font-size: 4.25vw;
		line-height: 6.12vw;
	}
	.mainImage_wrap {
		padding: 11.87vw 2.5vw 0;
	}
	.mainImage_wrap .boxInner {
		margin-bottom: 0;
	}
	.mainImage_wrap .innerImg {
		height: 81.25vw;
		background-image: url('/gene/img/home/hand_sp.png');
	}
	.mainImage_wrap .innerImg video {
		width: 40.62vw;
		margin-top: 10.62vw;
	}
	.cnt1 {
		padding: 5vw 2.5vw 15vw;
	}
	.cnt1 .boxInner,
	.cnt4 .boxInner,
	.cnt6 .boxInner {
		display: flex;
		flex-wrap: wrap;
    flex-direction: column-reverse;
	}
	.cnt1 .innerText {
		padding: 0 7.5vw;
	}
	.cnt1 .innerText p {
		font-size: 3vw;
		line-height: 4.87vw;
	}
	.cnt1 .innerText h2 span {
		font-size: 3.75vw;
		line-height: 1;
	}
	.cnt1 .innerText span {
		font-weight: bold;
	}
	.cnt1 .innerImg {
		height: auto;
	}
	.cnt2 {
		margin-bottom: 8.12vw;
	}
	.cnt2_listBox .listInner {
		width: 46.25vw;
		margin: 0 2.5vw 6.25vw 0;
	}
	.cnt2_listBox .listInner:nth-child(3) {
		margin: 0 2.5vw 6.25vw 0;
	}
	.cnt2_listBox .listInner:nth-child(2),
	.cnt2_listBox .listInner:nth-child(4),
	.cnt2_listBox .listInner:last-child {
		margin: 0;
	}
	.cnt2_listBox .listInner h3 {
		font-size: 4.25vw;
		line-height: 5.37vw;
	}
	.cnt2_listBox .listInner p {
		font-size: 2.5vw;
		line-height: 3.62vw;
		font-weight: 500;
		padding: 0 0 0 1.56vw;
		text-align: center;
	}
	.cnt2_listBox .listTop {
		margin-bottom: 5px;
	}
	.cnt2_listBox .listTop img {
		width: 100%;
	}
	.cnt2 h2 {
		font-size: 5.5vw;
		padding: 0 0 0 7.5vw;
		margin-bottom: 5vw;
	}
	.boxWrap.cnt3,
	.boxWrap.cnt4,
	.boxWrap.cnt5,
	.boxWrap.cnt6 {
		padding: 0 2.5vw;
	}
	.cnt3 .innerImg,
	.cnt4 .innerImg,
	.cnt5 .innerImg,
	.cnt6 .innerImg {
		width: 100%;
		height: auto;
	}
	.cnt3 h2,
	.cnt4 h2,
	.cnt5 h2,
	.cnt6 h2 {
		font-size: 5.5vw;
		margin: 3.75vw 0 5vw 0;
	}
	.cnt3 .innerText,
	.cnt4 .innerText,
	.cnt5 .innerText,
	.cnt6 .innerText {
		padding: 0 7.5vw 0 7.5vw;
		margin-bottom: 13.75vw;
	}
  .cnt3 .innerText p,
  .cnt4 .innerText p,
  .cnt5 .innerText p,
  .cnt6 .innerText p {
    font-size: 3vw;
    line-height: 4.87vw;
	}
	.cnt7 {
		display: block;
	}
	.cnt7 .cnt7Box h2 {
		display: none;
	}
	.cnt7 .cnt7Box {
		width: 100%;
		margin: 0;
	}
	.cnt7 .cnt7iImg {
		height: auto;
	}
	.cnt7 .cnt7Box p {
		font-size: 3vw;
		line-height: 4.87vw;
		text-align: left;
		padding: 0 7.5vw 0 7.5vw;
		margin-bottom: 6.25vw;
	}
	.bottomContact {
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}
	.bottomContact img {
		width: 23.75vw;
	}
	.bottomContact div {
		width: 100%;
	}
}