@charset "utf-8";

.brand {margin-top: -20rem;}

.brand .bSec {}
.brand .bSec .bSecWrap {width: 140rem;margin: 0 auto;display: flex;padding: 10rem;}

.brand .bSec .sub {width: 50%;}
.brand .bSec .sub1 {display: flex;flex-direction: column;justify-content: space-between;}
.brand .bSec .sub2 {}
.brand .bSec .sub3 {padding: 0 7rem 0 0;}
.brand .bSec .sub4 {}

.brand .bSec .sub .logo {}
.brand .bSec .sub .con {display: flex;}
.brand .bSec .sub .con .conSub {border: solid 1px #dddddd;margin-right: 2rem;}
.brand .bSec .sub .con .conSub:last-child {margin-right: 0;}
.brand .bSec .sub .con .conSub > img {max-width: 100%;}

.brand .bSec .sub .title {}
.brand .bSec .sub .title > span {font-size: 1.6rem;font-weight: bold;position: relative;}
.brand .bSec .sub .title > span:before {content: '';position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background: #000;}
.brand .bSec .sub .txt {font-size: 1.6rem;color: #777777;line-height: calc(28 / 16);margin-top: 2.8rem;}

.brand .bSec1 {}
.brand .bSec1 .bSecWrap {background: #fff;}
.brand .bSec2 {background: #f7f7f7;}


@media( max-width: 1450px ) {
	.brand .bSec .bSecWrap {width: 100%;}
}
@media( max-width: 1024px ) {
	.brand {margin-top: 0;}
	.brand .bSec .bSecWrap {flex-direction: column;padding: 5rem 0;width: 90%;}
	.brand .bSec .sub {width: 100%;}
	.brand .bSec .sub {width: 100%;margin-bottom: 5.5rem;}
	.brand .bSec .sub .logo {margin-bottom: 3.5rem;text-align: center;}
	.brand .bSec .sub .con {justify-content: center;}
}


.history {padding: 10rem;margin-top: -20rem;background: #fff;}
.history .hSec {display: flex;}
.history .hSec .hsLeft {width: 50.0rem;}
.history .hSec .hsLeft .txt1 {font-size: 2.8rem;font-weight: bold;}
.history .hSec .hsLeft .txt2 {font-size: 1.8rem;color: #f094a9;font-weight: bold;margin-top: 1rem;}
.history .hSec .hsRight {width: calc(100% - 50.0rem);margin-bottom: 9rem;}
.history .hSec .hsRight .rTitle {font-size: 1.6rem;font-weight: bold;margin-bottom: 1.8rem;}
.history .hSec .hsRight .rTitle1 {margin-top: 8.5rem;}
.history .hSec .hsRight .rTitle > span {position: relative;z-index: 1;}
.history .hSec .hsRight .rTitle > span:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1.2rem;background: rgba(240,148,149,0.5);z-index: -1;}
.history .hSec .hsRight .rSec {display: flex;}
.history .hSec .hsRight .rSec .rsLeft {width: 10rem;font-size: 1.6rem;font-weight: bold;line-height: calc(28 / 16);}
.history .hSec .hsRight .rSec .rsRight {width: calc(100% - 10rem);}
.history .hSec .hsRight .rSec .rsRight > li {font-size: 1.6rem;color: #777777;line-height: calc(28 / 16);}

@media( max-width: 1400px ) {
	.history .hSec .hsLeft {width: 30rem;}
	.history .hSec .hsRight {width: calc(100% - 30rem);}
}
@media( max-width: 1024px ) {
	.history {padding: 5rem;margin-top: 0;}
}
@media( max-width: 768px ) {
	.history {padding: 5rem 0;width: 90%;margin: 0 auto;}
	.history .hSec {flex-direction: column;}
	.history .hSec .hsLeft {width: 100%;}
	.history .hSec .hsRight {width: 100%;}
	.history .hSec .hsLeft {margin-bottom: 3.5rem;}

}


.location {}
.location .loc {}
.location .loc1 {background: #f7f7f7;}
.location .loc2 {}

.location .loc .locWrap {width: 120rem;margin: 0 auto;display: flex;align-items: center;padding: 8rem 0;}
.location .loc1 .locWrap {}
.location .loc2 .locWrap {flex-direction: row-reverse;}

.location .loc .locWrap .locmap {width: 50%;height: 40rem;}
.location .loc .locWrap .locmap .map_loc {width: 100%;height: 100%;}
.location .loc .locWrap .locmap .map_loc .wrap_map {height: calc(100% - 32px);}
.location .loc .locWrap .content {width: 50%;}
.location .loc1 .locWrap .content {padding-left: 10rem;}
.location .loc2 .locWrap .content {padding-right: 10rem;}
.location .loc .locWrap .content .top {display: flex;justify-content: space-between;}
.location .loc .locWrap .content .top .top1 {font-size: 2.8rem;font-weight: 700;}
.location .loc .locWrap .content .top .top2 {font-size: 1.6rem;color: #f094a9;font-weight: 700;background: #fff;border: solid 3px #f094a9;border-radius: 4.5rem;text-align: center;width: 18rem;padding: 1.1rem;}
.location .loc .locWrap .content .detail {}
.location .loc .locWrap .content .detail > table {border-top: solid 2px #999999;margin-top: 2.5rem;}
.location .loc .locWrap .content .detail > table th {font-size: 1.6rem;border-right: solid 1px #dddddd;border-bottom: solid 1px #dddddd;padding: 2.5rem 1.5rem;}
.location .loc .locWrap .content .detail > table td {font-size: 1.6rem;color: #777777;border-bottom: solid 1px #dddddd;padding: 2.5rem 1.5rem;}


@media( max-width: 1250px ) {
	.location .loc .locWrap {width: 95%;}
	.location .loc1 .locWrap .content {padding-left: 5rem;}
	.location .loc2 .locWrap .content {padding-right: 5rem;}
}
@media( max-width: 1024px ) {
	.location .loc .locWrap {flex-direction: column;}
	.location .loc .locWrap .locmap {width: 100%;}
	.location .loc .locWrap .content {padding: 0rem;width: 100%;margin-top: 5.5rem;}
}
@media( max-width: 768px ) {
	.location .loc .locWrap .content .detail > table th {padding: 2.5rem 1rem;min-width: 7rem;}
}