﻿.security2022-wrapper .footer-wrap{width:100%;height:6.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:#000;color:#fff;font-size:1rem;text-align:center;}

.section-body .box{background-color:#353535;padding:1.25rem;margin-bottom:1rem;border-radius:10px}
.section-body .box .left{float:left;width:70%;text-align:left}
.section-body .box .right{float:left;width:30%}
.section-body .box:after{content:"";clear:both;display:block}
.section-body .box .left dt{font-size:1.6rem;font-weight:bold;color:#00e7ff}
.section-body .box .left span{font-size:0.8rem;padding:20px 0;display:block}
.section-body .box .left dd{font-size:1.0rem}
.section-body .box .right{padding-top:10px}
.section-body .box .vonly{padding-top:40px}
.section-body .box .right a{position:relative;display:inline-block;max-width:200px;width:100%;padding:10px 5px;border-radius:50px;background-color:#191919;color:#fff;overflow:hidden;border:2px solid #353535}
.section-body .box .right a span{font-weight:bold;font-size:17px;display:block;width:120px;padding-left:20px}
.section-body .box .right a .img{position:absolute;right:20px;top:10px}

.vbtn span{padding:12px 0}
.vbtn .img{position:absolute;right:20px;top:16px !important}

ul .inner-table-wrap .inner-table li {height:200px !important;position:relative;border:0px solid #fff;}
ul .inner-table-wrap .inner-table li dt{font-size:1.1rem;line-height:1.4rem;font-weight:700;display:block;border:0px solid #fff;margin-top:10px}
ul .inner-table-wrap .inner-table li span {font-size:0.9rem;line-height:1.2rem;font-weight:500;display:block;margin-top:10px;margin-bottom:40px;}
ul .inner-table-wrap .inner-table li a{float:left !important;font-weight:500;position:relative;font-size:15px;display:inline-block !important;width:190px;color:#fff;text-align:Center;padding:8px 10px;background-color:#404040;border-radius:30px;border:2px solid #2b2b2b}
ul .inner-table-wrap .inner-table li a img{position:absolute;right:10px;top:6px}
ul .inner-table-wrap .inner-table .title{display:block !important; font-size:1.2rem;line-height:1.5rem;font-weight:600;height:auto;text-align:center !important;}
ul .inner-table-wrap .inner-table .title br{display:none}
ul .inner-table-wrap .inner-table li.title {height:auto !important}

.downback{background-color:#2b2b2b}
.btarea{position:absolute;bottom:20px;left:15px}

@media screen and (max-width:1200px){
    .ct-flex .inner-table .title{padding:.6rem .7rem;letter-spacing:-.03rem}
}
@media screen and (max-width:1024px){
.section-body .box .right a{padding:5px 5px;}
.vbtn .img{position:absolute;right:20px;top:14px !important;width:23px;border:0px solid #fff}


}


@media screen and (max-width:800px){
	ul .inner-table-wrap .inner-table li {height:240px !important;position:relative;border:0px solid #fff;}
}


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

	.section-body .box .left{float:left;width:100%;text-align:left}
	.section-body .box .right{float:left;width:100%;text-align:left}
	.section-body .box .left dt{font-size:1.4rem;font-weight:bold;color:#00e7ff;margin-bottom:20px}
	.section-body .box .left dd{font-size:1.0rem}

	.visual-head .visual-info{font-size:1.4rem;}
	.visual-head .visual-info .smtxt{font-size:1.0rem;}
	.section-body .box .right{padding-top:10px}
	ul .inner-table-wrap .inner-table .title br{display:block}
	.section-body .box .right a {width:180px}
	.section-body .box .right a span{width:150px;border:0px solid #fff;text-align:center;font-size:1.0rem;font-weight:500;padding-left:0px}
	.section-body .box .right a img{width:15px;}

	 ul .inner-table-wrap .inner-table li a{position:relative;width:180px;text-align:left;padding:8px;padding-left:20px;display:inline-block;font-weight:500;;font-size:1.0rem;font-weight:500;}
	 ul .inner-table-wrap .inner-table li a img{width:15px;position:absolute;right:20px}
	 ul .inner-table-wrap .inner-table li span {margin-bottom:0px}

	.vbtn span{padding:0px 0}
	.section-body .box .left dt{font-size:1.6rem;font-weight:bold;color:#00e7ff;border:0px solid #fff;margin-bottom:0px}
	.section-body .box .left span{font-size:0.8rem;padding:10px 0;display:block}
	ul.dwntable li br{display:none}
	.vbtn .img{position:absolute;right:20px;top:7px !important;width:23px;border:0px solid #fff}

}		


@media screen and (max-width:640px){

    #exhibition.section-wrap .exhibition-container{padding:1.75rem;}
    .exhibition-title{width:90%;margin:0 auto 1.25rem;}
    .exhibition-content{flex-direction:column;text-align:center;}
    .exhibition-content .exhibition-img{width:100%;}
    .exhibition-content .exhibition-img img{width:65%;}
    .exhibition-content .exhibition-info{width:100%;margin-top:1rem;}
    .exhibition-content .exhibition-info .exhibition-info-row span{width:100%;font-size:1rem;}
    .exhibition-content .exhibition-info .exhibition-info-row span.subject{font-size:1.25rem;}

	ul .inner-table-wrap .inner-table li {height:160px !important;position:relative;border:0px solid #fff;}
	ul .inner-table-wrap .inner-table li dt br{display:none}
}

@media screen and (max-width:420px){

	ul .inner-table-wrap .inner-table li {height:190px !important;position:relative;border:0px solid #fff;}

}
