@keyframes fadeIn{
	  0% {opacity:0; }
	  100% {opacity:1; }
	}


@media (min-width: 992px) {
  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

.main { position:relative;  background:#fff; }
.main .main-bg  { position:absolute; top:-100px; left:0px; z-index:-1; width:100%; height:750px; background-repeat: no-repeat; background-position:center top;   }


.main-section01 {width:100%; height:650px;   }
.main-section01 .container {  height:650px; position:relative;   }
.main-section01 .main-text { font-family: 'SCoreDream'; color:#333;  font-weight:200;  padding-top:106px; text-align:center;  }
.main-section01 .main-text .title { font-size:30px;  margin-bottom:10px;    font-size:54px; }
.main-section01 .main-text .title strong {font-weight:bold;font-size:70px; color:#4B6ED1;  }
.main-section01 .main-text .title b {font-weight:bold;font-size:70px;  }
.main-section01 .main-text .text { font-size:16px; color:#666;   font-weight:400; line-height:1.8;   }

.main-section01  .quick-menu { position:absolute; bottom:90px; left:0px; width:100%; text-align:center;  }
.main-section01  .quick-menu  li  { display:inline-block; padding:0 10px;  }
.main-section01  .quick-menu  li a  { display:inline-block; padding-top: 75px; width:120px; height:120px; border-radius:60px 60px 60px 0 ; font-size:16px;  color:#333; background-size:60px 50px; background-repeat:no-repeat; background-position:center 18.5px; }
.main-section01  .quick-menu  li.list01 a  { background-image:url(../images/main/go_01.svg);  }
.main-section01  .quick-menu  li.list02 a  { background-image:url(../images/main/go_02.svg);  }
.main-section01  .quick-menu  li.list03 a  { background-image:url(../images/main/go_03.svg);  }
.main-section01  .quick-menu  li.list04 a  { background-image:url(../images/main/go_04.svg);  }
.main-section01  .quick-menu  li.list05 a  { background-image:url(../images/main/go_05.svg);  }
.main-section01  .quick-menu  li a:hover  {text-decoration:none; background-color:#4B6ED1;  color:#fff; }
.main-section01  .quick-menu  li.list01 a:hover  {background-image:url(../images/main/go_01_on.svg);}
.main-section01  .quick-menu  li.list02 a:hover  {background-image:url(../images/main/go_02_on.svg);}
.main-section01  .quick-menu  li.list03 a:hover  {background-image:url(../images/main/go_03_on.svg);}
.main-section01  .quick-menu  li.list04 a:hover  {background-image:url(../images/main/go_04_on.svg);}
.main-section01  .quick-menu  li.list05 a:hover  {background-image:url(../images/main/go_05_on.svg);}

.main-section02 { padding:100px 0 80px;   }
.main-section02 .row:after  { clear:both; display:table; content:'';    }
.main-section02 .notice-wrap  { float:left;  width:calc(100% -  560px); position:relative; height:318px;   margin-right:50px;  margin-bottom:40px;  }
.main-section02 .notice-wrap * { vertical-align:bottom;  }
.main-section02 .notice-wrap h3 { float:left;  padding-right:15px; padding-left:15px; position:relative;   }
.main-section02 .notice-wrap h3:after {content:'/'; display:inline-block; color:#666; font-size:14px; font-weight:normal;  position:absolute; top:11px; left:-2px; }
.main-section02 .notice-wrap .notice:first-child h3 { padding-left:0px;  }
.main-section02 .notice-wrap .notice:first-child h3:after {display:none; }
.main-section02 .notice-wrap h3 a {font-size:18px;display:inline-block;  color:#666;  font-weight:normal;position:relative;  margin-top:8px;    }
.main-section02 .notice-wrap .notice.active h3 a {font-size:30px; color:#222; font-weight:bold;  margin-top:0px; letter-spacing:-2px;  }
.main-section02 .notice-wrap .notice h3 a:hover, .main-section02 .notice-wrap .notice h3 a:focus { text-decoration:none; }
.main-section02 .notice-wrap .notice.active h3 a:before { width:100%; height:12px; position:absolute; bottom:0px; left:0px; background:#85BFFE; content:''; display:inline-block;  z-index:-1;  }
.main-section02 .notice-wrap .notice-container  {opacity:0; display:none;  position:absolute; top:50px;  width:100%; }
.main-section02 .notice-wrap .notice.active .notice-container  {opacity:1;  display:block;   animation: fadeIn 0.8s ;  }
.main-section02 .notice-wrap .notice-container ul { margin:0 -20px;   }
.main-section02 .notice-wrap .notice-container ul:after { clear:both; display:table; content:''; }
.main-section02 .notice-wrap .notice-container ul li { float:left; width:50%; padding:0 20px; }
.main-section02 .notice-wrap .notice-container ul li:nth-of-type(n + 5) { display:none;   }
.main-section02 .notice-wrap .notice-container ul li a { display:block; width:100%; padding:15px 0 ;  border-bottom:1px solid #dbdbdb;  font-size:18px; color:#666; height:120px; overflow:hidden; }
.main-section02 .notice-wrap .notice-container ul li a span.date { display:block; font-size:15px; color:#222; font-weight:bold;  margin-bottom:5px;  }
.main-section02 .notice-wrap .notice-container ul li a span.text {display:block; height:50px; overflow-y:hidden; }
.main-section02 .notice-wrap .notice-container .more { position:absolute; top:-45px; right:0px; }
.main-section02 .notice-wrap .notice-container .more a img{ width:14px;  }

.main-section02  .hot-alime { float:left; position:relative;width:510px; height:318px; margin-bottom:40px;    }
.main-section02  .hot-alime ul li img { width:100%; height:288px; }
.main-section02  .hot-alime .hot-btn  {  position:absolute; bottom:0px; left:0px; width:100%; text-align:center; }
.main-section02  .hot-alime .hot-btn * {  vertical-align:middle;  }
.main-section02  .hot-alime .hot-btn div { display:inline-block;   }
.main-section02  .hot-alime .hot-btn div a { display:inline-block;  margin:0 3px;   }
.main-section02  .hot-alime .hot-btn div.play-btn  img { height:10px; }
.main-section02  .hot-alime .hot-btn div.pager-btn  a { display:inline-block; width:10px; height:10px; text-indent:-9999px; border-radius:100%; background:#d1d1d1; }
.main-section02  .hot-alime .hot-btn div.pager-btn  a.active { background:#000; }

.main-section02 .class-link { float:left; width:calc(100% -  560px); position:relative; height:410px;   margin-right:50px;  }
.main-section02 .class-link h3 { color:#222; font-size:30px;font-weight:bold;  margin-bottom:14px;   }
.main-section02 .class-link ul {margin:0 -5px; }
.main-section02 .class-link ul:after { clear:both; display:table; content:'';    }
.main-section02 .class-link li { padding: 10px 5px 0 5px; float:left; width:50%;    }
.main-section02 .class-link li a { display:block; width:100%; height:170px; font-size:18px; color:#222; padding:30px; background-size:cover; background-repeat:no-repeat; background-position:center center;  }
.main-section02 .class-link li.list01 a { background-image:url(../images/main/major_01.jpg);  }
.main-section02 .class-link li.list02 a { background-image:url(../images/main/major_02.jpg);  }
.main-section02 .class-link li.list03 a { background-image:url(../images/main/major_03.jpg);  }
.main-section02 .class-link li.list04 a { background-image:url(../images/main/major_04.jpg);  }

.main-section02 .calendar-wrap { float:left; position:relative; width:510px;  height:410px; padding:35px 30px 20px;    border:1px solid #ddd;  }
.main-section02 .calendar {}
.main-section02 .calendar .calendar-top {margin-bottom:10px; }
.main-section02 .calendar .month {text-align:center;  margin-top:-8px;  }
.main-section02 .calendar .month a { font-size:25px; color:#222; display:inline-block;   margin-top:3px;    }
.main-section02 .calendar .month span { font-size:30px; font-weight:bold;  color:#222; display:inline-block;   margin: 0 10px; }
.main-section02 .calendar table   {  width:100%; border-collapse:collapse; }
.main-section02 .calendar table th { text-align:center; font-size:16px; color:#000; height:30px;  padding:10px; }
.main-section02 .calendar table td { text-align:center;  font-size:15px; color:#525252; height:36px; padding:3px;  }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#1f4bb4;  display:inline-block; width:36px; height:36px; padding-top:5px; } 
.main-section02 .calendar table td span {   display:inline-block; width:30px; height:36px;  padding-top:5px;  } 
.main-section02 .calendar table td a.active { color:#fff;  background:#0261C9;  } 
.main-section02 .calendar .schedule { position:absolute; bottom:20px; left:30px; padding-top:15px;    width:calc(100% - 60px);font-size:15px; color:#606060;  border-top:1px dashed #dbdbdb;   }
.main-section02 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section02 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }



.main-section03 { background:url(../images/main/bg_study.jpg) no-repeat center center;  padding:69px 0 67px;  }
.main-section03 ul {}
.main-section03 ul:after {clear:both; display:table; content:'';    }
.main-section03 ul li { float:left;   padding:10px;  }  
.main-section03 ul li.list06  { clear:both;  }
.main-section03 ul li a { display:block; padding:93px 3px 3px;   width:126px;   height:130px;   border:1px solid rgba(255,255,255,0.2); color:#fff; font-size:15px; letter-spacing: -0.75px; text-align:center; background-size:66px 54px; background-position:center 23px; background-repeat:no-repeat; }  
.main-section03 ul li a:hover { border:4px solid #fff; padding:90px 0 0 0px; background-position:center 20px; }
.main-section03 ul li.list01 a {  background-image:url(../images/main/i_01.svg);  }  
.main-section03 ul li.list02 a {  background-image:url(../images/main/i_02.svg);  }  
.main-section03 ul li.list03 a {  background-image:url(../images/main/i_03.svg);  }  
.main-section03 ul li.list04 a {  background-image:url(../images/main/i_04.svg);  }  
.main-section03 ul li.list05 a {  background-image:url(../images/main/i_05.svg);  }  
.main-section03 ul li.list06 a {  background-image:url(../images/main/i_06.svg);  }  
.main-section03 ul li.list07 a {  background-image:url(../images/main/i_07.svg);  }  
.main-section03 ul li.list08 a {  background-image:url(../images/main/i_08.svg);  }  
.main-section03 ul li.list09 a {  background-image:url(../images/main/i_09.svg);  }  
.main-section03 ul li.list10 a {  background-image:url(../images/main/i_10.svg);  }  

.main-section04 { background:#333; text-align:center; padding:30px  0 25px; border-bottom:1px solid #404040;  }
.main-section04 h3  {display:inline-block;  color:#ACACAC; font-size:18px; font-weight:normal; margin-right:20px; }
.main-section04 ul  {display:inline-block; }
.main-section04 ul li  {display:inline-block; color:#ACACAC; font-size:18px; padding:0 20px; }
.main-section04 ul li .tel {display:inline-block; margin-right:20px;  }
.main-section04 ul li img  {height:30px;display:inline-block; margin-right:15px;  margin-top:-5px;  }






}

@media (min-width: 992px) and (max-width: 1199px) {

.main-section02 .notice-wrap  {   width:calc(100% -  460px); height:318px;   margin-right:20px;  }
.main-section02 .notice-wrap .notice-container ul { margin:0 -10px;   }
.main-section02 .notice-wrap .notice-container ul li {  padding:0 10px; }
.main-section02  .hot-alime { width:430px; height:278px;     }
.main-section02  .hot-alime ul li img { height:228px; }
.main-section02 .class-link {  width:calc(100% -  460px);  height:410px;   margin-right:20px;  }
.main-section02 .calendar-wrap { width:430px;  height:410px; padding:35px 15px 20px;   }
.main-section02 .calendar .schedule {left:15px;     width:calc(100% - 30px);}



}



@media (max-width: 991px) {

.main { position:relative;  }
.main .main-bg  {position:absolute;top:-50px;left:0px;z-index:-1;width:100%;height:335px;background-repeat: no-repeat;background-position: left center;background-size:cover;}


.main-section01 {width:100%; height:285px;   }
.main-section01 .container {  height:285px; position:relative;   }
.main-section01 .main-text { font-family: 'SCoreDream'; color:#333;  font-weight:200;  padding-top:40px; text-align:center;  }
.main-section01 .main-text .title { font-size:30px;  margin-bottom:10px;    font-size:20px; }
.main-section01 .main-text .title strong {font-weight:bold;font-size:26px; color:#4B6ED1;  }
.main-section01 .main-text .title b {font-weight:bold;font-size:26px;  }
.main-section01 .main-text .text { font-size:12px; color:#666;   font-weight:400; line-height:1.8;   }

.main-section01  .quick-menu { position:absolute; bottom:40px; left:0px; width:100%; text-align:center;  }
.main-section01  .quick-menu  li  { display:inline-block; padding:0 10px;  }
.main-section01  .quick-menu  li a  { display:inline-block; padding-top: 40px; font-size:13px;  color:#333; background-size:40px 33.33px; background-repeat:no-repeat; background-position:center top; }
.main-section01  .quick-menu  li.list01 a  { background-image:url(../images/main/go_01.svg);  }
.main-section01  .quick-menu  li.list02 a  { background-image:url(../images/main/go_02.svg);  }
.main-section01  .quick-menu  li.list03 a  { background-image:url(../images/main/go_03.svg);  }
.main-section01  .quick-menu  li.list04 a  { background-image:url(../images/main/go_04.svg);  }
.main-section01  .quick-menu  li.list05 a  { background-image:url(../images/main/go_05.svg);  }



.main-section02 { padding:25px 15px 15px;   }
.main-section02 .notice-wrap  { width:100%;  position:relative; height:330px;   margin-bottom:20px;  }
.main-section02 .notice-wrap * { vertical-align:bottom;  }
.main-section02 .notice-wrap h3 { float:left;  padding-right:8px; padding-left:8px; position:relative;   }
.main-section02 .notice-wrap h3:after {content:'/'; display:inline-block; color:#666; font-size:12px; font-weight:normal;  position:absolute; top:5px; left:-2px; }
.main-section02 .notice-wrap .notice:first-child h3 { padding-left:0px;  }
.main-section02 .notice-wrap .notice:first-child h3:after {display:none; }
.main-section02 .notice-wrap h3 a {font-size:14px;display:inline-block;  color:#666;  font-weight:normal;position:relative;  margin-top:3px;    }
.main-section02 .notice-wrap .notice.active h3 a {font-size:18px; color:#222; font-weight:bold;  margin-top:0px; letter-spacing:-2px;  }
.main-section02 .notice-wrap .notice h3 a:hover, .main-section02 .notice-wrap .notice h3 a:focus { text-decoration:none; }
.main-section02 .notice-wrap .notice.active h3 a:before { width:100%; height:8px; position:absolute; bottom:0px; left:0px; background:#85BFFE; content:''; display:inline-block;  z-index:-1;  }
.main-section02 .notice-wrap .notice-container  {opacity:0; display:none;  position:absolute; top:30px;  width:100%; }
.main-section02 .notice-wrap .notice.active .notice-container  {opacity:1;  display:block;   animation: fadeIn 0.8s ; }
.main-section02 .notice-wrap .notice-container ul {  }
.main-section02 .notice-wrap .notice-container ul li {  }
.main-section02 .notice-wrap .notice-container ul li:nth-of-type(n + 5) { display:none;   }
.main-section02 .notice-wrap .notice-container ul li a { display:block; width:100%; padding:10px 0 ;  border-bottom:1px solid #dbdbdb;  font-size:14px; color:#666; height:75px; overflow:hidden; }
.main-section02 .notice-wrap .notice-container ul li a span.date { display:block; font-size:13px; color:#222; font-weight:bold;  margin-bottom:2px;  }
.main-section02 .notice-wrap .notice-container ul li a span.text {display:block;  height:38px; overflow-y:hidden; }
.main-section02 .notice-wrap .notice-container .more { position:absolute; top:-31px; right:0px; }
.main-section02 .notice-wrap .notice-container .more a img{ width:14px;  }

.main-section02  .hot-alime { position:relative;width:100%; ; margin-bottom:20px;  padding-bottom:30px;   }
.main-section02  .hot-alime ul li img { width:100%;  }
.main-section02  .hot-alime .hot-btn  {  position:absolute; bottom:0px; left:0px; width:100%; text-align:center; }
.main-section02  .hot-alime .hot-btn * {  vertical-align:middle;  }
.main-section02  .hot-alime .hot-btn div { display:inline-block;   }
.main-section02  .hot-alime .hot-btn div a { display:inline-block;  margin:0 3px;   }
.main-section02  .hot-alime .hot-btn div.play-btn  img { height:10px; }
.main-section02  .hot-alime .hot-btn div.pager-btn  a { display:inline-block; width:10px; height:10px; text-indent:-9999px; border-radius:100%; background:#d1d1d1; }
.main-section02  .hot-alime .hot-btn div.pager-btn  a.active { background:#000; }

.main-section02 .class-link { position:relative; margin-bottom:20px;    }
.main-section02 .class-link h3 { color:#222; font-size:20px;font-weight:bold;  margin-bottom:4px;   }
.main-section02 .class-link ul {margin:0 -2.5px; }
.main-section02 .class-link ul:after { clear:both; display:table; content:'';    }
.main-section02 .class-link li { padding: 5px 2.5px 0 2.5px; float:left; width:50%;    }
.main-section02 .class-link li a { display:block; width:100%; height:110px; font-size:14px; color:#222; padding:20px; background-size:cover; background-repeat:no-repeat; background-position:center center;  }
.main-section02 .class-link li.list01 a { background-image:url(../images/main/major_01.jpg);  }
.main-section02 .class-link li.list02 a { background-image:url(../images/main/major_02.jpg);  }
.main-section02 .class-link li.list03 a { background-image:url(../images/main/major_03.jpg);  }
.main-section02 .class-link li.list04 a { background-image:url(../images/main/major_04.jpg);  }

.main-section02 .calendar-wrap { position:relative;  padding:25px 5px 20px;    border:1px solid #ddd;  }
.main-section02 .calendar { padding-bottom:50px; }
.main-section02 .calendar .calendar-top {margin-bottom:10px; }
.main-section02 .calendar .month {text-align:center;  margin-top:-8px;  }
.main-section02 .calendar .month a { font-size:20px; color:#222; display:inline-block;   margin-top:3px;    }
.main-section02 .calendar .month span { font-size:22px; font-weight:bold;  color:#222; display:inline-block;   margin: 0 10px; }
.main-section02 .calendar table   {  width:100%; border-collapse:collapse; }
.main-section02 .calendar table th { text-align:center; font-size:12px; color:#000; height:30px;  padding:10px; }
.main-section02 .calendar table td { text-align:center;  font-size:14px; color:#525252; height:36px; padding:3px;  }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#1f4bb4;  display:inline-block; width:28px; height:28px; padding-top:3px; } 
.main-section02 .calendar table td span {   display:inline-block; width:28px; height:28px;  padding-top:3px;  } 
.main-section02 .calendar table td a.active { color:#fff;  background:#0261C9;  } 
.main-section02 .calendar .schedule { position:absolute; bottom:20px; left:5px; padding-top:15px;    width:calc(100% - 10px);font-size:14px; color:#606060;  border-top:1px dashed #dbdbdb;   }
.main-section02 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section02 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }



.main-section03 { background:url(../images/main/bg_study.jpg) no-repeat center center;  padding:30px 12px;  }
.main-section03 ul {}
.main-section03 ul:after {clear:both; display:table; content:'';    }
.main-section03 ul li { float:left;   padding:3px;  }  
.main-section03 ul li a { display:block; padding:53px 3px 3px;   width:78px;   height:80px;   border:1px solid rgba(255,255,255,0.2); color:#fff; font-size:13px; letter-spacing: -0.75px; text-align:center; background-size:40px 32px; background-position:center 13px; background-repeat:no-repeat;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   }
.main-section03 ul li a:hover { border:4px solid #fff; padding:50px 0 0 0px; background-position:center 20px; }
.main-section03 ul li.list01 a {  background-image:url(../images/main/i_01.svg);  }  
.main-section03 ul li.list02 a {  background-image:url(../images/main/i_02.svg);  }  
.main-section03 ul li.list03 a {  background-image:url(../images/main/i_03.svg);  }  
.main-section03 ul li.list04 a {  background-image:url(../images/main/i_04.svg);  }  
.main-section03 ul li.list05 a {  background-image:url(../images/main/i_05.svg);  }  
.main-section03 ul li.list06 a {  background-image:url(../images/main/i_06.svg);  }  
.main-section03 ul li.list07 a {  background-image:url(../images/main/i_07.svg);  }  
.main-section03 ul li.list08 a {  background-image:url(../images/main/i_08.svg);  }  
.main-section03 ul li.list09 a {  background-image:url(../images/main/i_09.svg);  }  
.main-section03 ul li.list10 a {  background-image:url(../images/main/i_10.svg);  }  

.main-section04 { background:#333;  padding:20px 15px 10px; border-bottom:1px solid #404040;  }
.main-section04 h3  {float:left; width:70px;  color:#ACACAC; font-size:13px; font-weight:normal;   }
.main-section04 ul  {float:left; width:calc(100% - 70px);  }
.main-section04 ul li  { color:#ACACAC; font-size:13px; margin-top:-2px;  padding-left:25px; margin-bottom:10px;   position:relative; }
.main-section04 ul li span  {display:block; }
.main-section04 ul li .icon {position:absolute; top:2px; lefT:0px;  }
.main-section04 ul li img  {height:16px;  }



}