@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>a:hover{color: white}
.JS-lnb-wb ul.depth01 li.d1:hover,
.JS-lnb-wb ul.depth01 li.d1.on{background:#1d4e8f;}
.JS-lnb-wb ul.depth01 li.d1.on a{color: white;}

.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;
    }
}











/**/