@charset "UTF-8";

/* -----------------------------------------------------------
	brand_wrap ground
----------------------------------------------------------- */
.brand_wrap .ground_ttlbox {
	margin-bottom: 50px;
}
.brand_wrap .ground {
	max-height: 1100px;
	padding-bottom: 60px;
	margin-bottom: 150px;
	background-size: cover;
	background-position: center;
	background-image: url("../img/ground_bg.jpg");
}
.brand_wrap .ground .ground_image {
	max-width: 1168px;
	width: 90%;
	margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

}
@media screen and (max-width: 767px) {
.brand_wrap .ground_ttlbox {
	margin-bottom: 20px;
}
.brand_wrap .ground {
	padding-bottom: 20px;
	margin-bottom: 60px;
}
.brand_wrap .ground .ground_image {
	width: 98%;
}
}


/* -----------------------------------------------------------
	xlabosummary
----------------------------------------------------------- */
.brand_wrap .xlabosummary {
	max-width: 1000px;
	margin: 0 auto 150px;
}
.brand_wrap .ttllink_box {
	max-width: 1000px;
	margin: 0 auto 20px;
}
.brand_wrap .ttllink_box .btn_link {
	margin-top: 40px;
}
.brand_wrap .ttllink_box .btn_link a {
	margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

}
@media screen and (max-width: 767px) {
.brand_wrap .xlabosummary {
	margin: 0 auto 100px;
}
.brand_wrap .ttllink_box .btn_link {
	max-width: 100%;
	margin-top: 20px;
}
.brand_wrap .ttllink_box .btn_link a {
	margin: 0 auto;
}
}



/* -----------------------------------------------------------
	sec_wrap
----------------------------------------------------------- */
.sec_wrap .concept {
	margin-bottom: 150px;
}
.sec_wrap .para {
	overflow: hidden;
}
.sec_wrap .para .picbox {
	max-width: 630px;
	width: 53%;
	height: 370px;
	background-size: cover;
	background-position: center;
}
.sec_wrap .para .textbox_wrap {
	max-width: 600px;
	width: 42%;
	position: relative;
}
.sec_wrap .para.concept .picbox {
	float: right;
}
.sec_wrap .para.mission .picbox {
	float: left;
}
.sec_wrap .para.concept .textbox_wrap {
	float: left;
}
.sec_wrap .para.mission .textbox_wrap {
	float: right;
}
.sec_wrap .para.concept .picbox {
	background-image: url("../img/concept_bg.jpg");
}
.sec_wrap .para.mission .picbox {
	background-image: url("../img/mission_bg.jpg");
}
.sec_wrap .para .textbox h2 {
	font-size: 34px;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.5;
	margin-bottom: 2px;
	/* white-space: nowrap; */
}
.sec_wrap .para .textbox h2 span {
	font-size: 28px;
	letter-spacing: 0.06em;
}
.sec_wrap .para .textbox h3 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.13em;
	line-height: 1.5;
}
.sec_wrap .para .textbox .text {
	font-size: 16px;
	letter-spacing: 0.1em;
	margin-top: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.sec_wrap .concept {
	margin-bottom: 90px;
}
.sec_wrap .para.concept .picbox {
	margin-right: -4%;
}
.sec_wrap .para.mission .picbox {
	margin-left: -4%;
}
.sec_wrap .para .textbox_wrap {
	width: 44%;
}
.sec_wrap .para .textbox h2 {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 8px;
}
.sec_wrap .para .textbox h2 span {
	font-size: 20px;
}
.sec_wrap .para .textbox h3 {
	font-size: 18px;
}
.sec_wrap .para .textbox .text {
	font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.sec_wrap .concept {
	margin-bottom: 40px;
}
.sec_wrap .para.concept .picbox,
.sec_wrap .para.mission .picbox  {
	float: none;
	margin-bottom: 30px;
}
.sec_wrap .para .picbox {
	max-width: 100%;
	width: 100%;
	height: 200px;
}
.sec_wrap .para .textbox_wrap {
	width: 100%;
	max-width: 100%;
	float: none;
}
.sec_wrap .para .textbox h2 {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 8px;
	text-align: center;
}
.sec_wrap .para .textbox h2 span {
	font-size: 14px;
}
.sec_wrap .para .textbox h3 {
	font-size: 16px;
	text-align: center;
}
.sec_wrap .para .textbox .text {
	font-size: 14px;
	margin-top: 24px;
}
}