#content{ padding:0 0 200px !important; }
.st_wrap{ display:none !important; }
.content_container{ padding:0 !important; }
.content_container > *{ max-width:100% !important; }

.dc_rh{ position:relative; z-index:1; width:100%; min-height:max(36.4583333vw, 500px); display:table; background-color:#242424; background-image:url(../img/sub/st01.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; overflow:hidden; word-break:keep-all; }
.dc_rh:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.25); backdrop-filter:blur(4px); }
.rh_box{ position:relative; z-index:5; display:table-cell; vertical-align:bottom; padding:150px 60px 80px; }
.rh_txt{ margin:0 auto; }
.rh_txt > h3{ font-family:'cr','kc'; font-weight:400; font-size:45px; line-height:1em; margin-bottom:10px; color:#ccc; }
.rh_txt > h1{ font-family:'cg','ns'; font-size:45px; font-weight:300; line-height:1.3em; color:#fff; margin-bottom:20px; }
.rh_txt > h4{ font-family:'ns'; font-size:18px; font-weight:300; line-height:1em; color:#ccc; }

.pro_sli_wrap{ border:1px solid #333; margin-bottom:40px; }
#pro_page{ bottom:30px; font-family:'eg'; font-size:30px; color:#fff; line-height:1em; width:auto; left:50%; transform:translate(-50%, 0); }
/* .rd_con{ padding:120px 60px 0; margin:0 auto; } */
.rd_btn{ margin:100px 0 0; }

.dc_exvar table{ width:100%; border:none; border-collapse:collapse; table-layout:fixed; }
.dc_exvar > table > tbody > tr.tr_mo{ display:none; }
.dc_exvar th, .dc_exvar td{ border:none; }
.dc_exvar th{ padding:30px 0; white-space:nowrap; text-align:left; vertical-align:top; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px; font-weight:600; text-align:justify; text-align-last:justify; }
.dc_exvar td{ padding:30px 30px; text-align:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; font-weight:300; word-break:keep-all; line-height:1.7em; vertical-align:top; }
.dc_exvar tr.tr_mo td{ padding:30px 0 30px 30px; }
.dc_exvar td.description{ padding:30px 0 30px 30px; }
.dc_exvar tr.desc_mo{ display:none; }
.dc_exvar tr.desc_mo th{ padding:20px 0; border-bottom:none; }
.dc_exvar tr.desc_mo td{ padding:20px 0 20px 20px; border-top:none; }

.dc_exvar .desc_mo th.desc_tt{ padding:30px 0 15px; border-bottom:none; }
.dc_exvar .desc_mo td.description{ padding:0 0 30px; border-top:none; }

.desc_mo{ display:none; }
.dic{ position:relative; z-index:1; display:inline-block; color:#0000ff; cursor:pointer; }
.dic.act:before{ content:''; position:absolute; z-index:1; bottom:100%; left:50%; border-top:10px solid #888; border-left:5px solid transparent; border-right:5px solid transparent; }
.definition{ position:absolute; z-index:1; background-color:#f7f7f7; padding:10px 20px; transform:translate(0, -100%); margin:-10px 0 0; border:1px solid #888; font-size:14px; font-weight:400; color:#333; word-break:break-all; display:none; max-width:min(700px, calc(100% - 40px)); will-change:top, left; box-shadow:2px 2px 4px 0 rgba(0,0,0,.15); }
.definition.act{ display:block; }
.definition img{ display:block; max-width:400px; width:100%; height:auto; }

#map{ border:none; min-height:0; padding-top:max(40%, 300px); }

.rd_btn{ text-align:center; }

@media(max-width:1280px){
	.rh_box{ padding:150px 20px 80px; }
	/* .rd_con{ padding:80px 20px 0; margin:0 auto; } */
}
@media(max-width:850px){
	.dc_rh{ min-height:max(58.8235294vw, 400px); }
	.rh_box{ padding:150px 20px 50px; }
	.rh_txt > h3{ font-size:40px; }
	.rh_txt > h1{ font-size:40px; margin-bottom:10px; }
	.rh_txt > h4{ font-size:16px; }

	#pro_page{ font-size:20px; bottom:20px; }

	.dc_exvar > table > tbody > tr.tr_pc{ display:none; }
	.dc_exvar > table > tbody > tr.tr_mo{ display:table-row; }

	#map{ border:none; padding-top:max(56.25%, 250px); }
}
@media(max-width:500px){
	.rh_txt > h3{ font-size:35px; }
	.rh_txt > h1{ font-size:35px; }
	.rh_txt > h4{ font-size:14px; }

	.dc_exvar th{ padding:20px 0; font-size:16px; }
	.dc_exvar td{ padding:20px 20px; font-size:14px; }
	.dc_exvar tr.tr_mo td{ padding:20px 0 20px 20px; }

	.dc_exvar tr.desc_pc{ display:none; }
	.dc_exvar tr.desc_mo{ display:table-row; }
}






.rd_hd{ position:relative; z-index:1; width:100%; background-color:#242424; background-image:url(../img/sub/st01.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; overflow:hidden; word-break:keep-all; }
.rd_hd,  .rd_hd *{ box-sizing:border-box; }
.rd_hb{ min-height:min(850px, 44.2708333333vw); padding:250px 20px 150px; backdrop-filter:blur(10px); display:flex; align-items:flex-end; justify-content:center; }
.rd_hb{
	background:linear-gradient(to bottom,
	rgba(0,0,0,.4) 0%,
	rgba(31,31,31,.4) 55%,
	rgba(60,60,60,.4) 60%,
	rgba(113,113,113,.4) 75%,
	rgba(255,255,255,1) 97%)
}
.rd_hx{ max-width:1200px; text-align:center; word-break:keep-all; }
.rd_hx > h4{ font-family:'ns',serif; font-size:24px; font-weight:400; color:#ccc; line-height:1em; margin-bottom:10px; }
.rd_hx > h1{ font-family:'ns',serif; font-size:56px; font-weight:400; color:#fff; line-height:1.3em; }
.rd_hx > h3{ font-family:'ns',serif; font-size:20px; font-weight:300; color:#fff; line-height:1.5em; width:min(800px, 100%); margin:20px auto 0; }
/* .rd_hx > .rd_wr{ margin-top:40px; } */
.rd_hx > .rd_wr > *:first-child{ margin-top:40px; }
.rd_hx > .rd_wr > p{ display:inline-block; font-size:16px; font-weight:300; color:#fff; line-height:1em; margin-bottom:10px; }
.rd_hx > .rd_wr > p:not(:last-child){ margin-right:10px; }
.rd_hx > .rd_wr > p:not(:first-child){ padding-left:10px; border-left:1px solid #efefef; }
.rd_hx > .rd_wr > h5{ display:block; font-size:16px; font-weight:300; color:#fff; line-height:1em; }
.rd_hx > .rd_wr > h5:not(:first-child){ margin-top:10px; }
.rd_bd{ padding:100px 40px 0; }
.rd_con{ max-width:1200px; margin:0 auto; }

@media(max-width:991px){
	.rd_bd{ padding:100px 15px 0; }
	
	.rd_hx > h1{ font-size:40px; }
	.rd_hx > h3{ font-size:20px; margin-top:10px; }
}
@media(max-width:850px){
	.rd_hb{ padding-bottom:min(150px, 20vw); }
}
@media(max-width:600px){
	.rd_hx > h4{ font-size:18px; }
	.rd_hx > h1{ font-size:30px; }
	.rd_hx > h3{ font-size:18px; }
	.rd_hx > .rd_wr > p{ font-size:14px; }
	.rd_hx > .rd_wr > h5{ font-size:14px; }
}