#main-wrap{position:relative;}
#visual{position:relative; width:100%;  top:0px;  background:#000; overflow:hidden; transition:all 0.2s;  /*min-height:1000px;*/}
#visual .visual_item .v_bg{width:100%; height:100%; background:url(../../images/main/main-visual01.jpg) no-repeat; background-size:cover; background-position:center; transition:transform 0s 4s; animation: zoom-in-zoom-out 8s ease; -webkit-animation: zoom-in-zoom-out 8s ease;  -webkit-transform: scale(1.1); transform: scale(1.1); transition:transform 9s;}
#visual .visual_item.v02 .v_bg{background-image:url(../../images/main/main-visual02.jpg);}
#visual .visual_item .v_txt{font-size:6rem; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  max-width:1500px; width:100%;  text-shadow:0 4px 10px rgba(0,0,0,0.7); letter-spacing:0.03em; box-sizing: border-box;}
#visual .visual_item .v_txt .t01{font-family:'Paperlogy', 'sans-serif'; font-weight:700;}
#visual .visual_item .v_txt .t02{font-size:3.5rem; font-weight:500; opacity:0.9; }
/*
#visual .LR_btn{width:100%;}
#visual .LR_btn li{display:inline-block; cursor:pointer;}
#visual .LR_btn li{position:absolute; top:66.6%;  left:50%; margin-left:-104px;}
#visual .LR_btn li.v_next{margin-left:64px;}
#visual .LR_btn li span{display:inline-block; width:40px; height:40px; line-height:40px; vertical-align:middle; border-radius:999px; border:1px solid #fff; text-align:center; box-sizing:border-box;}
#visual .LR_btn i{display:inline-block; font-size:2.6rem; color:#fff; vertical-align:middle;}
*/

#visual .slider_etc{display:none; position:absolute; top:50%; left:50%; transform:translateX(-50%); margin-top:-105px; max-width:1500px; width:100%; box-sizing:border-box;}
#visual .slide_btns, #visual .slide_info, #visual .slide_paging{display:inline-block; vertical-align: middle;}
#visual .slick-counter{color:#7c8395; font-weight:600; font-size:1.8rem; width:75px;}
#visual .slick-counter span{letter-spacing:0.04em; }
#visual .slick-counter span.current {color:#fff; font-weight:700;}
#visual .slide_info .slide_progress {width: 70px; height: 3px; display: inline-block; background:rgba(255,255,255,0.2); margin:0 1.5rem;}
#visual .slide_info .slide_progress .progress {height: 3px; background: #fa0076;}
#visual .slide_btns button{display: inline-block; cursor: pointer; padding: 0; vertical-align: middle; font-size:1.8rem; color:#fff;}
#visual .slide_btns .btn_playcontrol:before{content:"\ea3e"; display:inline-block; font-family:xeicon !important; font-size:1.7rem; color:#fff; vertical-align:middle;  margin-top:-3px; }
#visual .slide_btns .btn_playcontrol.pause:before{content:"\ea3b";}

@keyframes zoom-in-zoom-out {
  0% {transform: scale(1, 1);}
  100% {transform: scale(1.1, 1.1);}
}

.title_box .t01{position:relative; font-family:'Paperlogy', 'sans-serif'; font-size:4rem; font-weight:700; color:#222; line-height:1em;}
.title_box .t02{font-size:1.8rem; color:#7f7f7f; line-height:1.3em; margin-top:1rem;}

.comm_margin{margin:10rem 0;}
.comm_padding{padding:10rem 0;}

.red_dot{/*color:#d5152c !important;*/}

#research-wrap .title_box{margin-bottom:4rem;}
#research-wrap .list_box ul{width:100%; display:flex; gap:0 15px; }
#research-wrap .list_box li{position:relative; width:calc((100% - 60px)/5);  height:400px; background:url(../../images/main/research-m-img01-2.jpg) no-repeat; background-size:auto 400px; background-position:center center; transition:all 0.5s;}
#research-wrap .list_box li:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
#research-wrap .list_box li.lb02{background-image:url(../../images/main/research-m-img02-2.jpg);}
#research-wrap .list_box li.lb03{background-image:url(../../images/main/research-m-img03-2.jpg);}
#research-wrap .list_box li.lb04{background-image:url(../../images/main/research-m-img04-2.jpg);}
#research-wrap .list_box li.lb05{background-image:url(../../images/main/research-m-img05-2.jpg);}
#research-wrap .list_box li a{position:relative; display:block; height:100%; z-index:1;}
#research-wrap .list_box li .cont{position:absolute; bottom:0; left:0; color:#fff; padding:3.5rem 3rem; z-index:1; width:100%; box-sizing:border-box; transition:all 0.5s;}
#research-wrap .list_box li .cont .c01{font-size:3rem; font-family:'Paperlogy', 'sans-serif'; font-weight:700; letter-spacing:0.03em;}
#research-wrap .list_box li .cont .c01 i{display:none; margin-left:1.5rem;}
#research-wrap .list_box li .cont .c02{font-size:1.7rem; letter-spacing:0.01em;}

.line_btn a{display:inline-block; padding:0.7rem 1.5rem; font-size:1.6rem; border:1px solid #08367d; color:#08367d; font-weight:600; box-sizing:border-box; transition:all 0.2s;}
.line_btn a i{display:inline-block; font-size:2.1rem; margin-left:2.5rem; vertical-align:middle; margin-top:-3px;}

#video-wrap{margin-bottom:10rem;}
#video-wrap .title_box .t01{margin-bottom:4rem; text-align:center;}
#video-wrap .video_box{background:#f2f2f2;}
#video-wrap iframe{border:1px solid #f3f3f3;}

#now-wrap{position:relative; background:#08367d; overflow:hidden;}
#now-wrap:before{content:""; display:block; width:500px; height:500px; background:url(../../images/main/now-bg-deco01.png) no-repeat; position:absolute; top:0; left:0; opacity:0.3;}
#now-wrap:after{content:""; display:block; width:500px; height:500px; background:url(../../images/main/now-bg-deco02.png) no-repeat; position:absolute; bottom:0; right:0; opacity:0.3;}
#now-wrap .title_box{position:relative; display:flex; justify-content:space-between; align-items:center; z-index:1; margin-bottom:6rem;}
#now-wrap .title_box .t01{color:#fff;}
#now-wrap .title_box .line_btn a{border-color:#fff; color:#fff;}
#now-wrap .list_box{position:relative; z-index:1;}
#now-wrap .list_box ul{display:flex; gap:0 5rem; justify-content:space-between;}
#now-wrap .list_box li{flex:1 1 30%;}
#now-wrap .list_box li .pic_box{position:relative; height:260px; overflow:hidden; background:#fff;}
#now-wrap .list_box li .pic_box img{width:auto; height:260px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#now-wrap .list_box li .txt_box{margin-top:3rem;}
#now-wrap .list_box li .txt_box .cate{margin-bottom:1.5rem;}
#now-wrap .list_box li .txt_box .cate span{display:inline-block; font-size:1.5rem; font-weight:500; border:1px solid rgba(255,255,255,0.5); padding:0.5rem 1.5rem 0.3rem; color:#fff;}
#now-wrap .list_box li .txt_box .tit{font-size:2.2rem; font-weight:600; color:#fff; line-height:1.3em; height:60px; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#now-wrap .list_box li .txt_box .date{font-weight:500; color:#fff; opacity:0.4; font-size:1.8rem; margin-top:2.5rem;}

#notice-wrap .inner_1300{display:flex; justify-content:space-between;}
#notice-wrap .title_box .line_btn{margin-top:2rem;}
#notice-wrap .list_box{width:990px; max-width:100%; border-top:3px solid #08367d;}
#notice-wrap .list_box li{position:relative; border-bottom:1px solid #c6c6c6;}
#notice-wrap .list_box li a{display:block; padding:4rem 24rem 4rem 4rem;}
#notice-wrap .list_box li .tit{font-size:2.2rem; font-weight:600; line-height:1.3em; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#notice-wrap .list_box li .date{position:absolute; top:50%; right:4rem; transform:translateY(-50%); font-weight:500; opacity:0.7; font-size:1.8rem;}

#quick-wrap{position:relative; background:#00734c; overflow:hidden;}
#quick-wrap:before{content:""; display:block; width:339px; height:355px; background:url(../../images/main/symbol-k.png) no-repeat; position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-810px;}
#quick-wrap .inner_1300{display:flex; justify-content:space-between; align-items:center;}
#quick-wrap .title_box div{color:#fff;}
#quick-wrap .title_box .t02{margin-top:1.5rem;}
#quick-wrap .cont_box{width:800px; max-width:100%;}
#quick-wrap .cont_box ul{display:flex; gap:0 2.5rem;}
#quick-wrap .cont_box li{flex:1 1 30%;}
#quick-wrap .cont_box li a{position:relative; display:block; border:1px solid rgba(255,255,255,0.3); padding:1.5rem 2.5rem; box-sizing:border-box; font-size:2rem; font-weight:600; color:#fff; transition:all 0.2s;}
#quick-wrap .cont_box li a i{display:inline-block; font-size:2.5rem; position:absolute; top:50%; transform:translateY(-50%); right:2.5rem;}

@media (hover: hover) and (pointer: fine) {
#research-wrap .list_box li:hover{background-size:auto 430px;}
#research-wrap .list_box li:hover:before{display:none;}
#research-wrap .list_box li:hover .cont{background:rgba(0,68,168,0.9);}
#research-wrap .list_box li:hover .cont .c01 i{display:inline-block;}

.line_btn a:hover{background:#08367d; color:#fff;}

#now-wrap .title_box .line_btn a:hover{background:#fff; color:#08367d;}
#now-wrap .list_box li:hover .txt_box .tit{text-decoration:underline;}

#notice-wrap .list_box li:hover .tit{text-decoration:underline;}

#quick-wrap .cont_box li:hover a{background:#fff; color:#00734c;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:1600px){
#visual .visual_item .v_txt, #visual .slider_etc{padding:0 5rem;}

#research-wrap .inner_1500{max-width:1500px;}
#research-wrap .list_box li .cont .c02{height:51px;}
}


@media (max-width:1300px){
#visual .visual_item .v_txt{transform:translate(-50%, -15%);}
#visual .slider_etc{margin-top:-65px;}

#research-wrap .inner_1500{max-width:1200px;}
#research-wrap .list_box ul{flex-wrap:wrap; justify-content:center;}
#research-wrap .list_box li{max-width:288px; width:calc((100% - 30px)/3);}
#research-wrap .list_box li:nth-child(3n+1){margin-left:0;}
#research-wrap .list_box li:nth-last-child(-n+2){margin-top:15px;}
#research-wrap .list_box li .cont .c02{height:auto;}

#now-wrap .list_box li .pic_box, #now-wrap .list_box li .pic_box img{height:215px;}
#now-wrap .list_box li .pic_box img{max-width:inherit;}

#notice-wrap .list_box{width:75%;;}

#quick-wrap:before{margin-left:0; transform:translate(-50%, -50%);}
#quick-wrap .inner_1300{flex-direction:column;}
#quick-wrap .title_box{text-align:center; margin-bottom:2rem;}
}

@media (max-width:1220px){
#visual{min-height:inherit;}
}

@media (max-width:1024px){
#visual, #visual .visual_item{height:600px;}
#visual .visual_item .v_txt{ transform:translate(-50%, -25%);}
#visual .visual_item .v_txt .t01{font-size:4.5rem; line-height:1.3em;}
#visual .visual_item .v_txt .t02{font-size:2.5rem; margin-top:1rem;}
}


@media (max-width:768px){
#visual, #visual .visual_item{height:400px; padding-top:1.5rem; box-sizing:border-box;}
#visual .visual_item .v_txt, #visual .slider_etc{padding:0 3rem; transform:translate(-50%, -20%); letter-spacing:0;}
#visual .visual_item .v_txt .t01{font-size:2.5rem;}
#visual .visual_item .v_txt .t02{font-size:1.8rem; line-height:1.3em;}
#visual .slider_etc{margin-top:-30px;}
#visual .slick-counter{font-size:1.6rem; width:63px;}
#visual .slide_info .slide_progress{margin:0 0.5rem;}
#visual .slide_btns{display:none;}

.comm_margin{margin:5rem 0;}
.comm_padding{padding:5rem 0;}

.title_box .t01{font-size:2.8rem;}
.title_box .t02{font-size:1.7rem;}

#research-wrap .list_box ul{flex-direction:column; gap:15px 0;}
#research-wrap .list_box li{width:100%; max-width:100%; height:150px; background-size:cover;}
#research-wrap .list_box li:nth-last-child(-n+2){margin-top:0;}
#research-wrap .list_box li .cont{padding:2.5rem 3rem;}

#video-wrap{margin-bottom:5rem;}
#video-wrap .title_box .t01{margin-bottom:2rem; text-align:center;}

#now-wrap .list_box ul{flex-direction:column; max-width:400px; margin:0 auto; gap:40px 0;}
#now-wrap .list_box li{flex:1 1 100%;}
#now-wrap .title_box{flex-direction:column; margin-bottom:4rem;}
#now-wrap .title_box .t01{margin-bottom:2rem;}
#now-wrap .list_box li .pic_box, #now-wrap .list_box li .pic_box img{height:230px;}
#now-wrap .list_box li .txt_box{margin-top:2rem;}
#now-wrap .list_box li .txt_box .tit{height:auto;}
#now-wrap .list_box li .txt_box .date{margin-top:1.5rem;}

#notice-wrap .inner_1300{flex-direction:column;}
#notice-wrap .title_box{margin-bottom:3rem;}
#notice-wrap .title_box div{display:inline-block; vertical-align:middle;}
#notice-wrap .title_box .line_btn{margin-top:0; margin-left:1.5rem;}
#notice-wrap .list_box{width:100%;}
#notice-wrap .list_box li a{padding:2rem;}
#notice-wrap .list_box li .date{position:static; top:auto; right:auto; transform:inherit; margin-top:0.5rem;}

#quick-wrap .cont_box ul{gap:15px 0; flex-wrap:wrap;}
#quick-wrap .cont_box li{flex: 0 0 100%; width:100%;}
#quick-wrap .cont_box li a{font-size:1.8rem;}
}