@charset "utf-8";

.concept_wrap {
	position: relative;
}
.concept_wrap * {
	color: #fff;
}
.concept_wrap .concept_txt {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	padding: 5% 0 0;
}
.concept_ttl {
	letter-spacing: 0.3em;
	font-size: min(24px, 1.8vw);
}
.concept_head {
	width: 56.032209%;
	max-width: 784px;
	margin: 5% auto 4%;
}
.concept_copy {
	font-size: min(18px, 1.4vw);
	line-height: 1.83333333;
	letter-spacing: 0.08em;
}

.concept_wrap [class^="sub_ttl"] {
	position: absolute;
	width: 21.07142857%;
}
.concept_wrap .sub_ttl01 {
	top: 65.7%;
	left: 19.2%;
}
.concept_wrap .sub_ttl02 {
	top: 65.7%;
	left: 59.6%;
}
.concept_wrap .sub_ttl03 {
	top: 85.1%;
	left: 19.2%;
}
.concept_wrap .sub_ttl04 {
	top: 85.1%;
	left: 59.6%;
}

/*--------------------------------------------------------
  tab/sp
--------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

	

}


/*--------------------------------------------------------
  sp
--------------------------------------------------------*/
@media only screen and (max-width: 767px) {

	.concept_wrap .concept_txt {
		padding: 10% 0 0;
	}
	.concept_ttl {
		font-size: min(24px, 4.5vw);
	}
	.concept_head {
		width: 90%;
		margin: 8% auto 7%;
	}
	.concept_copy {
		font-size: min(18px,3.5vw);
	}

	.concept_wrap [class^="sub_ttl"] {
		width: 58.071429%;
		left: 50%!important;
		transform: translateX(-50%);
	}
	.concept_wrap .sub_ttl01 {
		top: 35.4%;
	}
	.concept_wrap .sub_ttl02 {
		top: 52.6%;
	}
	.concept_wrap .sub_ttl03 {
		top: 69.6%;
	}
	.concept_wrap .sub_ttl04 {
		top: 86.7%;
	}
}