@charset "UTF-8"; #mobile_header, #header_wrap, #sub_visual, #sub_menu, #sub_tit, #footer, .JS-lnb{display:none !important;} .JS-lnb-wb{/*position:absolute;*/ top:40px; left:0; /*width:250px;*/ background:#f1f0f0;border-bottom: 1px solid #d1d1d1;} .JS-lnb-wb .in{max-width: 1200px; margin: 0 auto;} .JS-lnb-wb .in > ul{ display: flex; } .JS-lnb-wb .in > ul > li{ position: relative; } .JS-lnb-wb .in > ul > li > a, .JS-lnb-wb .in > ul > li > span{ display: block; padding: 15px; /* border-right: 1px solid #d1d1d1; */ background: url(../image/lnb_line.png) right center no-repeat; } .JS-lnb-wb .in > ul > li > span{ cursor: pointer; padding: 12px 41px 12px 41px; font-size: 17px; font-weight: bold; /* background: url('../image/icnLocaArr.png') 90% center no-repeat; */ } .JS-lnb-wb .in > ul > li > span img{ margin: -4px 0 0 10px; vertical-align: middle; } .JS-lnb-wb .in > ul > li > a{ /* border-left: 1px solid #d1d1d1; */ text-align: center; width: 114px; } .JS-lnb-wb ul.depth01{border:1px solid #ddd; position: absolute; top: 100%; left: -14px; background: #fff; width: 100%; z-index: 999;} .JS-lnb-wb ul.depth01 li.d1{} .JS-lnb-wb ul.depth01 li.d1>a{display:block; padding:7px 15px;} .JS-lnb-wb ul.depth01 li.d1:hover, .JS-lnb-wb ul.depth01 li.d1.on{background:#ddd;} .JS-lnb-wb .depth02Area{} .JS-lnb-wb ul.depth02{} .JS-lnb-wb ul.depth02 li.d2{} .JS-lnb-wb ul.depth02 li.d2>a{} .wb-title{position:relative; text-align:center;} .wb-title:after{opacity:0.95; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('../image/n/main-l/00bg.jpg'); background-position:center; background-size:cover; content:""; z-index:11;} .wb-title>.in{padding:70px 30px 70px 30px; max-width:1200px; margin:0 auto; position:relative; z-index:20;} .wb-title h1{color:#fff; vertical-align:middle; font-size:27px; font-weight:bold; line-height:1;} .wb-title h1 a{color:#fff;} .wb-title-bottom{position:relative; top:-100px; text-align:left; margin-bottom:-100px;} .wb-title-bottom>.in{width:1200px; margin:0 auto; padding:0 10px;} .wb-title-bottom .line{border-top:1px solid rgba(255,255,255,0.5); line-height:50px;} .wb-title-bottom ul{background:#f4f4f4; box-shadow:0 0 50px rgb(0 0 0 / 10%);} .wb-title-bottom ul li{width:33.3333%; padding:40px 30px;} .wb-title-bottom ul li h2{font-size:14px; letter-spacing:3px; margin-bottom:5px;} .wb-title-bottom ul li p{line-height:1.3;} .wb-title-bottom2{border-bottom:1px solid #ddd; background:#f4f4f4; padding:10px 0;} .wb-title-bottom2>.in{max-width:1200px; margin:0 auto; padding:0 10px;} .wb-title-bottom2 ul{} .wb-title-bottom2 ul li{line-height:1.3;} .wb-title-bottom2 ul li.date{} .wb-title-bottom2 ul li.place{} .wb-title-bottom2 ul li.program{font-size:11px; color:#999;} .wb-title-bottom2 ul li h2{display:none;} .wb-title-bottom2 ul li p{} .wb-footer{max-width:1200px; margin:0 auto;} .wb-footer p{width:70%; vertical-align:middle; font-size:12px; color:#999; text-align:left;} .wb-footer h1{width:30%; vertical-align:middle; text-align:right;} .wb-footer img{} @media screen and (max-width: 1024px) { .JS-lnb-wb{ position: relative; width: 100%; top: 0; } .scontents .eng{ margin: 30px 0; } } /**/