@charset "utf-8";

.exhibit-section{margin-top:50px;}
.exhibit-section .box{border:1px solid #dedede; padding:30px;}
.exhibit-section02 .box{margin-bottom:20px;}
.exhibit-section02 .box:last-child{margin-bottom:0;}
.exhibit-section .box:after{clear:both; display:block; content:"";}
.exhibit-section .box h1{float:left; margin-right:30px;}
.exhibit-section .box h1 img {border-radius:10px;}
.exhibit-section .box .txt{float:left; margin-top:10px; width:510px;}
.exhibit-section .box .txt h2{font-size:22px; font-weight:500; color:#024da1; margin-bottom:10px;}
.exhibit-section .box .txt h3{font-size:18px; font-weight:500; color:#000;}
.exhibit-section .box .txt p{line-height:150%;}
.exhibit-section .box .txt02 h2{font-size:22px; font-weight:500; color:#024da1; margin-bottom:10px;}
.exhibit-section .box .txt02 .line-box{border-bottom:1px dashed #dedede; padding:30px 0;}
.exhibit-section .box .txt02 .line-box:last-child{border-bottom:none; padding:30px 0 0;}
.exhibit-section .box .txt02 .line-box h3{font-size:18px; font-weight:500; color:#000;}
.exhibit-section .box .txt02 .line-box p{line-height:150%; margin-top:20px;}


.exhibit-section .box .txt.type2{margin-top:0;}



.exhibit-section .universiade-txt{margin:20px 0 0 0; background:#f8f8f8; padding:30px 20px;}
.exhibit-section .universiade-txt:after{clear:both; display:block; content:"";}
.exhibit-section .universiade-txt .list-box{width:480px; float:left;}
.exhibit-section .universiade-txt .list-box table{width:100%;}
.exhibit-section .universiade-txt .list-box table tr th{width:30%; padding:3px 20px; vertical-align:top;}
.exhibit-section .universiade-txt .list-box table tr th span{background:url(../img/list_bullet.png) no-repeat left center; padding-left:10px;}
.exhibit-section .universiade-txt .list-box table tr td span.green{color:green;}
.exhibit-section .universiade-txt .list-box table tr td span.blue{color:#0074BC; font-weight:500;}
.exhibit-section .universiade-txt .list-box table tr.line th{border-bottom:1px dashed #dedede; padding:3px 20px 10px 20px;}
.exhibit-section .universiade-txt .list-box table tr.line td{border-bottom:1px dashed #dedede; padding:3px 0 10px 0;}
.exhibit-section .universiade-txt .list-box table tr.line02 th{padding:10px 20px 3px 20px;}
.exhibit-section .universiade-txt .list-box table tr.line02 td{padding:10px 0 3px 0;}
.exhibit-section .universiade-txt h1{float:right;}

.exhibit-section  .universiade-tb{width:100%; border-top:2px solid #1e2326; margin-top:20px;}
.exhibit-section  .universiade-tb tr th{border-bottom:1px solid #dedede; padding:15px 10px; text-align:center; background:#f8f8f8;}
.exhibit-section  .universiade-tb tr td{border-bottom:1px solid #dedede; padding:15px 20px; text-align:center;}
.exhibit-section  .universiade-tb tr td:last-child{text-align:left;}
.exhibit-section  .universiade-slogan{font-size:20px; display:inline-block;background:#f3fcf3; border-radius:100px; line-height:50px; padding:0 30px; font-weight:400; margin-top:20px;}
.exhibit-section  .universiade-slogan span.green{color:green; font-weight:500;}
.exhibit-section .universiade-txt02 p span.yellow{color:#f7b22c;}
.exhibit-section .universiade-txt02 p span.red{color:#f7522c;}
.exhibit-section .universiade-txt02 p span.black{color:#4c4c4c;}
.exhibit-section .universiade-txt02 p span.green{color:#7ca123;}
.exhibit-section .universiade-txt02 p span.blue{color:#2364a1;}

.exhibit-section .athletics-txt{margin-top:20px;}
.exhibit-section .athletics-txt:after{clear:both; display:block; content:"";}
.exhibit-section .athletics-txt h1{float:left;}
.exhibit-section .athletics-txt .txt-area{float:left; width:540px;}
.exhibit-section .athletics-txt .txt-area .txt{padding:20px; border-bottom:1px dashed #dedede;}
.exhibit-section .athletics-txt .txt-area .txt:first-child{padding:0 20px 20px 20px;}
.exhibit-section .athletics-txt .txt-area .txt:last-child{padding:20px 20px 0 20px; border-bottom:0;}
.exhibit-section .athletics-txt .txt-area h3{line-height:1.4em;}
.exhibit-section .athletics-txt ul li{background:url(../img/list_bullet.gif) no-repeat left center; padding-left:10px;}

/*±âȹÀü½Ã*/

#list-search-section{width:100%; border:1px solid #dedede; background:#f7f8f9; padding:30px 130px; margin:40px 0;}
#list-search-section .search-area{display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100%); -webkit-box-sizing: border-box; box-sizing: border-box;}
#list-search-section .search-area input{width:480px; font-size:16px; padding: 0px 10px; border: 1px solid #d9d9d9; }
#list-search-section .search-area button{display:inline-block; width:100px; height:48px; padding:0px 24px; text-align: center; line-height: 48px; color: #fff; border:0; background: #2777c4; margin-left:10px;}
#list-search-section .search-area button i{vertical-align:middle;}

#special-list-section{}
#special-list-section:after{clear:both; display:block; content:"";}
#special-list-section.special01 .box{border:1px solid #dedede; padding:34px; width:100%; margin:0 0 40px 0; float:left;}

#special-list-section.special02 .box{border:1px solid #dedede; padding:34px; width:420px; margin:0 40px 40px 0; float:left;}
#special-list-section.special02 .box:nth-child(2n){margin:0 0 40px 0;}

#special-list-section .box .list-thum{width:100%; aspect-ratio: 4 / 5.68; object-fit: cover; position:relative; overflow:hidden;}
#special-list-section .box .list-thum .icon{position:absolute; left:0; top:0; z-index:999; width:75px; line-height:75px; display:inline-block; text-align:center;color:#fff;}
#special-list-section .box .list-thum .icon.icon01{background:#024998;}
#special-list-section .box .list-thum .icon.icon02{background:#00A055;}
#special-list-section .box .list-thum .icon.icon03{background:#333;}

#special-list-section .box .list-thum .img{z-index:998; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border:1px solid #dedede;}
#special-list-section .box .name{font-size:22px; font-weight:700; margin:30px 0 20px; color:#000; line-height:1.2em;}
#special-list-section.special02 .box .name{height:2.4em;}
#special-list-section .box .info li{margin:5px 0;}
#special-list-section .box .info li span{display:inline-block; width:60px; border-right:1px solid #dedede; letter-spacing:0.9em; line-height:1em; margin-right:10px; font-weight:700;}

#special-detail-section{}
#special-detail-section .top-area{}
#special-detail-section .top-area:after{clear:both; display:block; content:"";}
#special-detail-section .top-area{}
#special-detail-section .top-area .list-thum{float:left; width:35%; aspect-ratio: 4 / 5.68; object-fit: cover; position:relative; overflow:hidden;}
#special-detail-section .top-area .list-thum .img{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border:1px solid #dedede;}

#special-detail-section .top-area .info-area{float:right; width:60%; padding-top:20px;}
#special-detail-section .top-area .info-area .icon{display:inline-block; border:1px solid #024998; color:#024998; font-size:14px; padding:10px 15px;}
#special-detail-section .top-area .info-area .icon.icon01{border:1px solid #024998; color:#024998;}
#special-detail-section .top-area .info-area .icon.icon02{border:1px solid #00A055; color:#00A055;}
#special-detail-section .top-area .info-area .icon.icon03{border:1px solid #333; color:#333;}
#special-detail-section .top-area .info-area .name{font-size:30px; font-weight:700; margin:20px 0 30px; color:#000;}
#special-detail-section .top-area .info-area .info{background:#f8f8f8; padding:10px 30px; border-radius:15px;}
#special-detail-section .top-area .info-area .info li{padding:15px; border-bottom:1px solid #dedede;}
#special-detail-section .top-area .info-area .info li:last-child{border-bottom:none;}
#special-detail-section .top-area .info-area .info li span{display:inline-block; width:60px; border-right:1px solid #dedede; letter-spacing:0.9em; line-height:1em; margin-right:10px; font-weight:700;}
#special-detail-section .top-area .info-area h3{width:100%; margin-top:30px;}
#special-detail-section .top-area .info-area h3 a{width:100%; color:#fff; font-weight:700; display:inline-block;  line-height:50px; border:1px solid #fff; border-radius:10px; font-weight:500; text-align:center; background:#024998; font-size:16px;}
#special-detail-section .top-area .info-area h3 a:hover{background:#013065;-webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out;}
#special-detail-section .top-area .info-area h3 i{font-size:20px; margin-left:7px; vertical-align:middle;}

#special-detail-section .bottom-area{margin-top:60px; padding-top:40px; border-top:1px dashed #dedede;}
#special-detail-section .bottom-area .tit{font-size:30px; font-weight:700px; margin-bottom:30px;}

#special-detail-section .list-btn{margin-top:60px; text-align:center;}
#special-detail-section .list-btn a{color:#fff; font-weight:700; display:inline-block;  padding:0 50px; line-height:50px; border:1px solid #999; border-radius:10px; text-align:center; background:#999; font-size:16px;}
#special-detail-section .list-btn a:hover{background:#666;-webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out;}