#main-wrap{position:relative; }
#visual{position:relative; width:100%;  top:0px;  background:#000; overflow:hidden; transition:all 0.2s;}
#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-1.jpg);}
#visual .visual_item.v03 .v_bg{background-image:url(../../images/main/main-visual03.jpg);}
#visual .visual_item .v_txt{font-size:6.5rem; color:#fff; text-align:center; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; line-height:1.3em; text-shadow:0 4px 10px rgba(0,0,0,0.7); font-weight:500;}
#visual .visual_item .v_txt .logo{font-size:3rem; line-height:1em; margin-bottom:2rem;}
#visual .visual_item .v_txt .logo img{display:inline-block; width:22.5rem;}
#visual .visual_item .v_txt .t01 em{font-size:7.5rem; font-weight:600;}
#visual .visual_item .v_txt .t02{font-size:2.3rem; line-height:1.3em; margin-top:15px; letter-spacing:0.08em; font-weight:400;}

#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 .slick-counter{position:absolute; top:67%; left:50%;  transform:translateX(-50%); color:#e9e9e9; font-weight:600; font-size:2.2rem;}
#visual .slick-counter span{letter-spacing:0.04em;}
#visual .slick-counter span.current {color:#fff; font-weight:700;}

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

.title_box .t01{position:relative; font-family:'Play', 'sans-serif'; font-size:4rem; font-weight:700; color:#333; line-height:1em;}
.title_box .bar{display:inline-block; width:40px; height:3px; background:#ec008c; margin:2rem 0 1.5rem 0; position:relative;}
.title_box .t02{font-size:1.8rem; color:#8d9396; line-height:1.3em; font-weight:300;}

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

#group-wrap .inner{display:flex; align-items: center;}
#group-wrap .content_box{margin-left:12rem; max-width:730px; width:100%;}
#group-wrap .content_box .wrap{position:relative;}
#group-wrap .content_box .g_slides{position:relative; z-index:1;}
#group-wrap .content_box .g_slides:before{content:""; display:block; width:calc(100% - 1.5rem); height:calc(100% - 1.5rem); border:1px solid #b3c6d0; position:absolute; top:-1.5rem; left:-1.5rem;}
#group-wrap .content_box .g_slides:after{content:""; display:block; width:150px; height:150px; background:#0083c3; position:absolute; bottom:-1.5rem; right:-1.5rem; z-index:-1;}
#group-wrap .content_box .g_item{position:relative;}
#group-wrap .content_box .g_item .bg img{max-width:100%;}
#group-wrap .content_box .g_item .txt .name{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -60%); font-size:4rem; font-weight:600; color:#fff; letter-spacing:0.05em; text-align:center; text-shadow:0 3px 5px rgba(0,0,0,0.7);}
#group-wrap .content_box .g_item .txt .more_btn{position:absolute; bottom:50px; right:50px; }
#group-wrap .content_box .g_item .txt .more_btn span{display:inline-block; font-size:1.8rem; height:50px;  padding:0 1.5rem; line-height:48px; vertical-align:middle; border:1px solid #fff; color:#fff; font-weight:600; box-sizing:border-box; transition:all 0.2s;}
#group-wrap .content_box .g_item .txt .more_btn span i{display:inline-block; margin-left:3rem; font-size:3rem; line-height:50px; vertical-align:middle; margin-top:-3px;}
#group-wrap .slick-dots{display:inline-block !important; width:auto; position:absolute; top:4rem; right:4rem; bottom:auto; }
#group-wrap .slick-dots li{display:inline-block; margin:0 4px;}
#group-wrap .slick-dots li button{display:inline-block; width:12px; height:12px; border:2px solid #fff; opacity:0.6; border-radius:999px;  box-sizing:border-box; padding:0;}
#group-wrap .slick-dots li.slick-active button{opacity:1; background:#fff;}

#about-wrap{background:url(../../images/main/about-bg.jpg) no-repeat; background-size:cover; background-position:center; text-align:center;}
#about-wrap .title_box .t01{color:#fff;}
#about-wrap .txt{font-size:1.9rem; color:#fff; font-weight:300;}
#about-wrap .txt em{font-weight:500;}
#about-wrap .btn_list{font-size:0; margin-top:50px;}
#about-wrap .btn_list li{display:inline-block; margin-left:20px; text-align:left;}
#about-wrap .btn_list li:first-child{margin-left:0;}
#about-wrap .btn_list li a{position:relative; display:block; font-size:1.9rem; color:#fff; font-weight:600; width:210px; height:60px; line-height:56px; border:2px solid rgba(255,255,255,0.8); padding:0 2rem; box-sizing:border-box; transition:all 0.2s;}
#about-wrap .btn_list li a i{position:absolute; top:50%; right:2rem; transform:translateY(-50%); display:inline-block; font-size:2.5rem; color:#00d8ff;}

#research-news-wrap .title_box{text-align:center; margin-bottom:4rem;}
#research-news-wrap .content_box ul{font-size:0;}
#research-news-wrap .content_box li{display:inline-block; width:calc((100% - 8rem)/3); margin-left:4rem; vertical-align:top;}
#research-news-wrap .content_box li:first-child{margin-left:0;}
#research-news-wrap .content_box li .img_box{position:relative; overflow:hidden; height:245px; border:1px solid #d8d8d8; box-sizing:border-box;}
#research-news-wrap .content_box li .img_box img{width:auto; height:245px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#research-news-wrap .content_box li .txt_box{padding:2rem; padding-bottom:0;}
#research-news-wrap .content_box li .txt_box .cate{font-size:2.1rem; font-weight:600; color:#00a0e9;}
#research-news-wrap .content_box li .txt_box .cate.c02{color:#7916f1;}
#research-news-wrap .content_box li .txt_box .cate.c03{color:#ec008c;}
#research-news-wrap .content_box li .txt_box .tit{font-size:2.1rem; font-weight:600; margin-top:10px; height:60px; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#research-news-wrap .content_box li .txt_box .date{font-size:1.8rem; font-weight:500; color:#8e8e8e; text-align:right; margin-top:15px;}

#events-wrap{position:relative; padding-top:8rem;}
#events-wrap:before{content:""; display:block; width:100%; height:336px; background:url(../../images/main/events-bg.jpg) no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0; z-index:-1;}
#events-wrap .inner{display:flex;}
#events-wrap .title_box .t01{color:#fff;}
#events-wrap .content_box{width:100%; margin-left:13.5rem;}
#events-wrap .content_box ul{font-size:0;}
#events-wrap .content_box li{position:relative; display:inline-block; width:calc((100% - 8rem)/3); vertical-align:top; margin-left:4rem; background:#fff; border-top:5px solid #009ce4; box-shadow:0px 8px 16px 5px rgba(0,0,0,0.15);}
#events-wrap .content_box li:first-child{margin-left:0;}
#events-wrap .content_box li .txt_box{padding:3.5rem 3rem 1.5rem;}
#events-wrap .content_box li .txt_box p{font-size:2.1rem; font-weight:600; line-height:1.45em; height:60px; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#events-wrap .content_box li .img_box{position:relative; overflow:hidden; height:244px;}
#events-wrap .content_box li .img_box:before{content:""; display:block; width:100%; height:40px; background:url(../../images/main/event-triangle.png) no-repeat; background-size:100% auto; position:absolute; top:0; left:0; z-index:1;}
#events-wrap .content_box li .img_box:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; opacity:0; transition:all 0.2s;}
#events-wrap .content_box li .img_box img{ width:auto; height:244px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#events-wrap .content_box li .more_btn{position:absolute; bottom:0; right:0;}
#events-wrap .content_box li .more_btn span{display:inline-block; width:50px; height:50px; line-height:50px; background:#fff; text-align:center;}
#events-wrap .content_box li .more_btn span i{font-size:3.5rem; color:#009ce4; display:inline-block; vertical-align:middle; transition:all 0.2s;}

#partner-wrap .title_box{text-align:center; margin-bottom:4rem;}
#partner-wrap .content_box ul{font-size:0;}
#partner-wrap .content_box li{display:inline-block; width:20%; text-align:center; margin-top:2.5rem;}
#partner-wrap .content_box li img{width:200px; max-width:100%;}

@media (hover: hover) and (pointer: fine) {
#group-wrap .content_box .g_item:hover .more_btn span{background:#fff; color:#333;}
#about-wrap .btn_list li a:hover{background:#fff; color:#333;}
#research-news-wrap .content_box li:hover .txt_box .tit{text-decoration:underline;}
#events-wrap .content_box li:hover .img_box:after{opacity:1;}
#events-wrap .content_box li:hover .more_btn i{transform:rotate(90deg);}
}

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

@media (max-width:1280px){
#visual .visual_item .v_txt .logo img{width:20rem;}
#visual .visual_item .v_txt .t01 em{display:block;}
#visual .visual_item .v_txt .t02{margin-top:35px;}
#visual .slick-counter{top:70.5%;}
#visual .LR_btn li{top:70%;}
}

@media (max-width:1220px){
#visual{min-width:inherit;}
#visual .visual_item .v_txt .logo img{width:15rem;}
#visual .visual_item .v_txt .t01{font-size:5rem; line-height:1.3em;}
#visual .visual_item .v_txt .t01 em{font-size:6rem;}
#visual .visual_item .v_txt .t02{font-size:2rem; margin-top:20px;}

#group-wrap .inner{flex-direction: column;}
#group-wrap .title_box{text-align:center;}
#group-wrap .title_box .t02 br{display:none;}
#group-wrap .content_box{margin-left:0; margin-top:5rem;}

#events-wrap .inner{flex-direction: column;}
#events-wrap .title_box{text-align:center;}
#events-wrap .content_box{margin-left:0; margin-top:2rem;}
#events-wrap .content_box li .img_box img{height:254px;}
}

@media (max-width:1024px){
#visual, #visual .visual_item{min-height:600px;}
#visual .slick-counter{top:75%;}
#visual .LR_btn li{top:74%;}

#research-news-wrap .content_box li{width:calc((100% - 6rem)/3); margin-left:3rem;}
#research-news-wrap .content_box li .img_box{height:230px; }
#research-news-wrap .content_box li .img_box img{height:230px;}

#events-wrap .content_box li .txt_box{padding:2.5rem 2rem 1rem;}
#events-wrap .content_box li .txt_box p{font-size:1.9rem;}
}


@media (max-width:768px){
#visual, #visual .visual_item{min-height:400px;}
#visual .visual_item .v_txt .logo{margin-bottom:1rem;}
#visual .visual_item .v_txt .logo img{width:10rem; }
#visual .visual_item .v_txt .t01{font-size:3rem;}
#visual .visual_item .v_txt .t01 em{font-size:3.5rem;}
#visual .visual_item .v_txt .t02{font-size:1.6rem; margin-top:1rem;}
#visual .slick-counter{font-size:2rem;}
#visual .LR_btn li{margin-left:-85px;}
#visual .LR_btn li.v_next{margin-left:50px;}
#visual .LR_btn li span{width:35px; height:35px; line-height:35px;}
#visual .LR_btn i{font-size:2.4rem;}

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

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

#group-wrap{margin-bottom:7rem;}
#group-wrap .content_box{margin-top:4rem;}
#group-wrap .content_box .wrap{width:90%; margin:0 auto;}
#group-wrap .content_box .g_slides:before{width:calc(100% - 1rem); height:calc(100% - 1rem); top:-1rem; left:-1rem;}
#group-wrap .content_box .g_slides:after{width:100px; height:100px; bottom:-0.7rem; right:-1rem;}
#group-wrap .content_box .g_item .txt .name{font-size:2.8rem; transform:translate(-50%, -50%); line-height:1.2em;}
#group-wrap .content_box .g_item .txt .more_btn{bottom:0px; right:0;}
#group-wrap .content_box .g_item .txt .more_btn span{width:40px; height:40px; line-height:38px; font-size:0; padding:0; text-align:center; background:#fff; color:#0083c3;}
#group-wrap .content_box .g_item .txt .more_btn span i{line-height:40px; margin-left:0; font-size:3rem; margin-top:-1px;}
#group-wrap .slick-dots{top:1.5rem; right:1.5rem;}
#group-wrap .slick-dots li{margin:0 3px;}
#group-wrap .slick-dots li button{width:8px; height:8px;}

#about-wrap .btn_list{margin-top:30px;}
#about-wrap .btn_list li{display:block; margin-left:0; margin-top:-2px;}
#about-wrap .btn_list li a{width:100%;}

#research-news-wrap .title_box{margin-bottom:3rem;}
#research-news-wrap .content_box ul{text-align:center;}
#research-news-wrap .content_box li{ width:100%; margin-left:0; max-width:365px; margin-top:4rem;}
#research-news-wrap .content_box li:first-child{margin-top:0;}
#research-news-wrap .content_box li .img_box{height:220px; }
#research-news-wrap .content_box li .img_box img{height:220px;}
#research-news-wrap .content_box li .txt_box{text-align:left;}
#research-news-wrap .content_box li .txt_box .tit{margin-top:3px; height:auto;}

#events-wrap{padding-top:4rem;}
#events-wrap .content_box ul{text-align:center;}
#events-wrap .content_box li{width:100%; margin-left:0; max-width:388px; margin-top:4rem;}
#events-wrap .content_box li:first-child{margin-top:0;}
#events-wrap .content_box li .txt_box p{font-size:2.1rem; text-align:left; height:auto;}
#events-wrap .content_box li .img_box{height:195px;}
#events-wrap .content_box li .img_box:before{height:60px;}
#events-wrap .content_box li .img_box img{height:300px;}

#partner-wrap .title_box{margin-bottom:1rem;}
#partner-wrap .content_box li{width:50%; margin-top:2rem;}
#partner-wrap .content_box li img{width:150px;}
}