@charset "UTF-8";
/* CSS Document */


/*****************************************************************************
 INDEX
 *****************************************************************************/
#loading{width:100%;height:100%;margin:0;background:#7bcbee;opacity:1.0;position:fixed;top:0;left:0;z-index:10001;}
#loading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.mainimage{position:relative;}
.mainimage .bxslider li,
.mainimage .bxslider li img{width:100%;}

.loop_wrap {
  display: flex;
  width: 100%;
  height: 50px;
  overflow: hidden;
  z-index:5;
}
.loop_wrap img {
  width: 1600px;
  height: 50px;
}
@keyframes loop {
  0% {transform: translateX(100%);}
  to {transform: translateX(-100%);}
}
@keyframes loop2 {
  0% {transform: translateX(0);}
  to {transform: translateX(-200%);}
}
.loop_wrap img:first-child {animation: loop 20s -10s linear infinite;}
.loop_wrap img:last-child {animation: loop2 20s linear infinite;}
.mainimage .loop_wrap{position:relative;bottom:50px;}


.top_intro{padding:40px 0px 60px;background:url("../img/index/intro_bg.png") no-repeat center center;background-size:contain;margin:20px auto 40px;}
.top_intro h2{font-size:44px;color:#1e5066;font-weight:bold;line-height:1.4;margin-bottom:10px;}
.top_intro h3{font-size:22px;color:#1e5066;font-weight:bold;letter-spacing:0.1em;margin-bottom:40px;}
.top_intro h3 span{display:inline-block;background:rgba(231,226,206,0.6);padding:10px 70px;border-radius:30px;line-height:1.2;}
.top_intro p{margin-bottom:30px;}

#top_info{background:#ede9df url("../img/common/bg.jpg");padding:80px 0px;}
#top_info iframe{border:0px;width:100%;height:100%;}
#top_info .news_inner{display:block;background:#fff;height:500px;overflow-y:scroll;padding:0px 20px;}
#top_info .news_inner dl{display:flex;padding:20px 0px;border-bottom:1px dashed #dcdcdc;}
#top_info .news_inner dl dt{display:inline-block;width:120px;color:#2d9dcf;}
#top_info .news_inner dl dd{display:inline-block;width:calc(100% - 120px);}
#top_info .news_inner dl dd b{display:block;margin-bottom:10px;}
#top_info .schedule_inner{display:block;background:#fff;height:500px;}

#blog{padding-top:60px;}
#top_info .blog_inner{display:block;background:#fff;height:360px;overflow-y:scroll;margin-bottom:20px;}

.top_recruit{padding:40px 0px;}
.top_recruit img{width:80%;}
.top_recruit h2{font-size:30px;color:#1e5066;font-weight:bold;line-height:1.4;margin-bottom:30px;}
.top_recruit p{margin-bottom:30px;}

@media screen and (max-width: 768px) {
    .mainimage .bxslider li{overflow:hidden;}
    .mainimage .bxslider li img{width:118%;max-width:200%!important;margin:0px -9%;}

	.loop_wrap{height:25px;}
	.loop_wrap img {width: 800px;height: 25px;}
	.mainimage .loop_wrap{bottom:24px;}
    
    .top_intro{background:url("../img/index/intro_bg-sp.png") no-repeat center center;background-size:contain;}
    .top_intro h2{font-size:30px;}
    .top_intro h3{font-size:18px;letter-spacing:0.05em;}
    .top_intro h3 span{padding:10px;}

    #top_info .news_inner{height:360px;margin-bottom:60px;}
    #top_info .schedule_inner{height:360px;}
    #top_info .blog_inner{height:320px;}

    .top_recruit img{width:200px;margin-bottom:10px;}
    .top_recruit .col-07{text-align:center;}
    .top_recruit h2{font-size:28px;margin-bottom:20px;}
    .top_recruit p{margin-bottom:20px;}

}

@media screen and (max-width: 480px) {
    .top_intro{padding:20px 0px 40px;margin:10px auto 20px;}
    .top_intro h2{font-size:28px;}
    .top_intro h3{font-size:16px;}
    .top_intro h3 span{padding:10px 30px;}

    #top_info{padding:60px 0px;}
    #top_info .news_inner{height:300px;margin-bottom:40px;}
    #top_info .schedule_inner{height:300px;}
    #blog{padding-top:40px;}
    #top_info .blog_inner{height:280px;}

    .top_recruit h2{font-size:24px;}

}