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

.main { position:relative; }

.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:855px; background-repeat: no-repeat; background-position:center bottom;   }
.main-section01 { width:100%;height:855px; position:relative;   }
.main-section01 .container { position:relative;height:855px;  padding-top:270px;  }
.main-section01 .main-text { color:#fff;  text-align:center;   line-height:1.4; }
.main-section01 .main-text .title {   margin-bottom:15px;  font-size:46px; font-weight:200;   }
.main-section01 .main-text .title strong {display:block; font-size:52px; font-weight:normal;    margin-bottom:5px; }
.main-section01 .main-text .text {  font-weight:200;  font-size:20px;   letter-spacing:1;  }
.main-section01 .menu-link {  position:absolute; bottom:110px; left:0px; width:100%; }
.main-section01 .menu-link ul {  }
.main-section01 .menu-link ul li {  float:left; width:20%;   }
.main-section01 .menu-link ul li a { width:140px; margin:0 auto;   display:block; color:#fff; font-size:16px; font-weight:200;  text-align:center;  }
.main-section01 .menu-link ul li a span { display:block;   }
.main-section01 .menu-link ul li a .img { border-bottom:1px solid rgba(255,255,255,0.4); width:100%; padding-bottom:10px;  }
.main-section01 .menu-link ul li a .img img { width:40px; height:42px; }
.main-section01 .menu-link ul li a .text { padding-top:10px; display:inline-block;  padding-right:30px; background:url(../images/main/ico_go.svg) no-repeat  right 15px; background-size:18px 12px;  }


.main-section02 { background:#F8F8F8; padding:98px 0 100px;  }
.main-section02 .notice-wrap { position:relative;  float:left; width:55%; padding-right:25px; height:340px;  }
.main-section02 .notice-wrap h3 { float:left; font-size:24px; margin-right:20px;  color:#000; font-weight:bold;  }
.main-section02 .notice-wrap .notice .notice-container { display:none; position:absolute; top:60px; left:0px; width:100%;padding-right:25px;   }
.main-section02 .notice-wrap .notice.active .notice-container { display:block;  }
.main-section02 .notice-wrap .notice h4 { float:left;  position:relative;  padding:3px 10px 0 15px;  background:url(../images/main/ico_line.svg) no-repeat left 5px; background-size:9px 16px; }
.main-section02 .notice-wrap .notice01 h4 {  background:none;  }
.main-section02 .notice-wrap .notice h4 a { font-size:18px; color:#818181; padding:0 5px 2px;   }
.main-section02 .notice-wrap .notice.active h4 a { font-weight:bold; border-bottom:3px solid #415515;  color:#000;   }
.main-section02 .notice-wrap .notice h4 a:hover {text-decoration:none; color:#000; }
.main-section02 .notice-wrap .notice .first { margin-bottom:45px;  }
.main-section02 .notice-wrap .notice .first a { display:block; width:100%;  }
.main-section02 .notice-wrap .notice .first a span { display:block;  }
.main-section02 .notice-wrap .notice .first .date-wrap { float:left; width:100px; height:100px; padding-top:10px;  border:7px solid #DDDDDD; text-align:center;  letter-spacing:0px; }
.main-section02 .notice-wrap .notice .first .date-wrap .day {color:#415515; font-size:34px; display:block; margin-bottom:0px; }
.main-section02 .notice-wrap .notice .first .date-wrap .date {color:#666666; font-size:14px;  }
.main-section02 .notice-wrap .notice .first .title { margin-left:120px;  font-size:20px; color:#000; padding-top:15px; line-height:1.5;  padding-right:20px;   }
.main-section02 .notice-wrap .notice ul {}
.main-section02 .notice-wrap .notice ul li { float:left; width:100%; padding-left:15px; margin-bottom:10px;  background:url(../images/main/ico_dot_normal.svg) no-repeat left 7px; background-size:6px 6px;   }
.main-section02 .notice-wrap .notice ul li:first-child { display:none; }
.main-section02 .notice-wrap .notice ul li a {  float:left; color:#666; font-size:16px;  width:80%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice-wrap .notice ul li span { float:right; font-size:14px;  color:#415515;   }
.main-section02 .notice-wrap .notice .more { position:absolute; top:-60px; right:50px;  }
.main-section02 .notice-wrap .notice .more img{width:24px;height:24px; }


.main-section02 .hot-alime { float:left; position:relative;  width:45%;  padding-left:25px; }
.main-section02 .hot-alime h3  { font-size:24px; margin-bottom:20px;  color:#000; font-weight:bold;  }
.main-section02 .hot-alime img { width:100%;  }
.main-section02 .hot-alime .hot-btn {  position:absolute; top:5px; right:0px;  }
.main-section02 .hot-alime .hot-btn * { vertical-align:middle;  }
.main-section02 .hot-alime .hot-btn span { display:inline-block; margin:0 7px;  }
.main-section02 .hot-alime .hot-btn .img-btn a {display:inline-block;  text-indent:-9999px; width:9px; height:14px;  }
.main-section02 .hot-alime .hot-btn .img-btn.btn-prev a {background:url(../images/main/ico_arrow_left.svg) no-repeat left top;  background-size:9px 14px; }
.main-section02 .hot-alime .hot-btn .img-btn.btn-next a {background:url(../images/main/ico_arrow_right.svg) no-repeat left top; background-size:9px 14px;  }
.main-section02 .hot-alime .hot-btn .btn-pager { font-size:16px; color:#000;  }
.main-section02 .hot-alime .hot-btn .btn-pager strong { font-weight:bold;display:block; float:left;  }


.main-section03 { background-repeat:no-repeat; background-position: center bottom; height:980px;  padding:112px 0 70px; position:relative;   }
.main-section03 .photo-wrap { position:relative; height:530px; margin-bottom:0px;   }
.main-section03 .photo-wrap .text-wrap { position:relative; z-index:10; width:600px; margin-top:68px;  height:380px;padding-top:90px;  background:#FEFEFF;    }
.main-section03 .photo-wrap .text-wrap h3 { color:#415515;  font-size:24px;  }
.main-section03 .photo-wrap .text-wrap h3 strong{ font-weight:bold; margin-top:15px; display:block; font-size:40px; }
.main-section03 .photo-wrap .gallery-text { position:absolute; top:280px; left:0px; width:600px;  z-index:10; }
.main-section03 .photo-wrap .gallery-text a { display:block; width:100%;   font-size:18px; color:#000; }
.main-section03 .photo-wrap .gallery-text a:after { clear:both; display:table; content:'';  }
.main-section03 .photo-wrap .gallery-text a .date { float:left;  font-weight:bold;   display:inline-block;  margin-right:10px;   }
.main-section03 .photo-wrap .gallery-text a .text {  float:left; width:75%;  padding-left:10px; padding-top:1px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section03 .gallery-img { position:absolute; top:112px; left:50%; margin-left:-400px;  z-index:1; width:calc(50% + 400px);  }
.main-section03 .gallery-img li  { width:980px !important; margin-left:50px; padding-bottom:50px;   }
.main-section03 .gallery-img li a { display:block;  height:510px; background-size:cover; background-position:center center; background-repeat:no-repeat;box-shadow: -28.58px 17px 29px rgba(0,0,0,0.3);   }
.main-section03 .photo-wrap .gallery-btn { position:absolute; bottom:30px; right:30px;   }
.main-section03 .photo-wrap .gallery-btn * { vertical-align:middle;  }
.main-section03 .photo-wrap .gallery-btn span { display:inline-block;   }
.main-section03 .photo-wrap .gallery-btn .btn-prev { margin-right:20px; padding-right:20px; border-right:1px solid #efefef;  }
.main-section03 .photo-wrap .gallery-btn img { width:17px; height:26px;  }
.main-section03 .photo-wrap .more { position:absolute; top:30px; right:30px;   }
.main-section03 .photo-wrap .more img{width:24px;height:24px; }

.main-section03 .quick-link { margin-left:200px;   }
.main-section03 .quick-link ul { margin:0 -35px;   }
.main-section03 .quick-link ul li { float:left; width:33.333%;  padding:0 35px;  margin-bottom:40px;  }
.main-section03 .quick-link ul li a { display:table-cell; vertical-align:middle; height:55px; width:400px;   font-weight:bold; border-bottom:3px solid #000;  color:#000; font-size:18px; background:url(../images/main/ico_arrow_right.svg) no-repeat right center; background-size:9px 14px; }

.main-section04 { background:#0F91CB; padding: 20px 0 ; }
.main-section04 h3 { height:340px;width:50%; letter-spacing: -0.3px;  font-weight:normal;   float:left; border-right:1px solid rgba(255,255,255,0.1); color:#A9DAE9; font-size:20px;     }
.main-section04 h3 span {display:block; }
.main-section04 h3 .img {display:block; float:left; width:245px; opacity: 0.5;  padding-top:50px; }
.main-section04 h3 .img img { width:245px; }
.main-section04 h3 .text {margin-left:305px; padding-top:130px; }
.main-section04 h3 strong { color:#fff; font-size:30px;    font-weight:bold; display:block; margin-top:10px; }
.main-section04 ul { float:left; width:50%; padding-left:50px;  padding-top:60px;  }
.main-section04 ul li { width:100%;  margin-bottom:15px;  border:1px solid rgba(255,255,255,0.3);  padding:15px 0 15px 180px; color:#fff; font-size:18px; }
.main-section04 ul li strong{ font-weight:bold; }




}

@media (min-width: 992px) and (max-width: 1199px) {
.main-section02 .notice-wrap {    width: 50%; }
.main-section02 .hot-alime {    width: 50%; }
.main-section02 .notice-wrap .notice h4 a { font-size:16px; }
.main-section02 .notice-wrap .notice .more { right:20px;  }
.main-section03 .photo-wrap .text-wrap {    width: 480px; }
.main-section03 .photo-wrap .gallery-text {    width: 480px; }
.main-section03 .gallery-img li  {  width: 700px !important;   }
.main-section03 .gallery-img li a {     display: block;    width: 700px;    height: 510px;}
.main-section03 .quick-link { margin-left:80px;   }


.main-section04 h3 .img  {  padding-top:70px;  }
.main-section04 h3 .img img { width:185px;   }
.main-section04 h3 .text { margin-left:230px; }
.main-section04 ul li {   padding:15px 0 15px 125px; }
}



@media (max-width: 991px) {

.main {

    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

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


.main-section01 { width:100%; height:310px; position:relative;  padding:0 15px;   }
.main-section01 .container { position:relative; height:310px;  padding-top:50px;  }
.main-section01 .main-text { color:#fff;  text-align:center;   line-height:1.4; }
.main-section01 .main-text .title {   margin-bottom:5px;  font-size:20px; font-weight:200;   }
.main-section01 .main-text .title strong {display:block; font-size:36px; font-weight:normal;    margin-bottom:5px; }
.main-section01 .main-text .text {  font-weight:200;  font-size:14px;   letter-spacing:1;  }
.main-section01 .menu-link {  position:absolute; bottom:25px; left:0px; width:100%; }
.main-section01 .menu-link ul {  }
.main-section01 .menu-link ul li {  float:left; width:33.333%;  border-bottom:1px solid rgba(255,255,255,0.4);  }
.main-section01 .menu-link ul li:nth-of-type(4), .main-section01 .menu-link ul li:nth-of-type(5){    border-bottom:0px;  }
.main-section01 .menu-link ul li a {  display:block; color:#fff; font-size:14px; font-weight:200;  text-align:center;  }
.main-section01 .menu-link ul li a span { display:block;   }
.main-section01 .menu-link ul li a .img { display:none;   }
.main-section01 .menu-link ul li a .text { padding-bottom:8px; padding-top:8px;  display:inline-block;  padding-right:30px; background:url(../images/main/ico_go.svg) no-repeat  right 13px; background-size:16px 10px;  }



.main-section02 { background:#F8F8F8; padding:35px 15px 40px;  }
.main-section02 .notice-wrap { position:relative;height:320px;  margin-bottom:35px;  }
.main-section02 .notice-wrap h3 {  font-size:20px; margin-bottom:15px;  color:#000; font-weight:bold;  }
.main-section02 .notice-wrap .notice .notice-container { display:none; position:absolute; top:85px; left:0px; width:100%;  }
.main-section02 .notice-wrap .notice.active .notice-container { display:block;  }
.main-section02 .notice-wrap .notice h4 { float:left;  position:relative;  padding:3px 10px 0 15px;  background:url(../images/main/ico_line.svg) no-repeat left 5px; background-size:9px 16px; }
.main-section02 .notice-wrap .notice01 h4 {  background:none;  padding-left:0px; }
.main-section02 .notice-wrap .notice h4 a { font-size:16px; color:#818181; padding:0 5px 2px;   }
.main-section02 .notice-wrap .notice.active h4 a { font-weight:bold; border-bottom:3px solid #415515;  color:#000;   }
.main-section02 .notice-wrap .notice h4 a:hover {text-decoration:none; color:#000; }
.main-section02 .notice-wrap .notice .first { margin-bottom:20px;  }
.main-section02 .notice-wrap .notice .first a { display:block; width:100%;  }
.main-section02 .notice-wrap .notice .first a span { display:block;  }
.main-section02 .notice-wrap .notice .first .date-wrap { float:left; width:100px; height:100px; padding-top:10px;  border:7px solid #DDDDDD; text-align:center;  letter-spacing:0px; }
.main-section02 .notice-wrap .notice .first .date-wrap .day {color:#415515; font-size:34px; display:block; margin-bottom:0px; }
.main-section02 .notice-wrap .notice .first .date-wrap .date {color:#666666; font-size:14px;  }
.main-section02 .notice-wrap .notice .first .title { margin-left:120px;  font-size:16px; color:#000; padding-top:5px; line-height:1.5;    }
.main-section02 .notice-wrap .notice ul {}
.main-section02 .notice-wrap .notice ul li { padding-left:15px; margin-bottom:10px;  background:url(../images/main/ico_dot_normal.svg) no-repeat left 7px; background-size:6px 6px;   }
.main-section02 .notice-wrap .notice ul li:first-child { display:none; }
.main-section02 .notice-wrap .notice ul li a { color:#666; font-size:14px;  width:100%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice-wrap .notice ul li span {display:none;    }
.main-section02 .notice-wrap .notice .more { position:absolute; top:-80px; right:0px;  }
.main-section02 .notice-wrap .notice .more img{width:16px;height:16px; }

.main-section02 .hot-alime { position:relative; }
.main-section02 .hot-alime h3  { font-size:20px; margin-bottom:15px;  color:#000; font-weight:bold;  }
.main-section02 .hot-alime img { width:100%;  }
.main-section02 .hot-alime .hot-btn {  position:absolute; top:5px; right:0px;  }
.main-section02 .hot-alime .hot-btn * { vertical-align:middle;  }
.main-section02 .hot-alime .hot-btn span { display:inline-block; margin:0 7px;  }
.main-section02 .hot-alime .hot-btn .img-btn a {display:inline-block;  text-indent:-9999px; width:9px; height:14px;  }
.main-section02 .hot-alime .hot-btn .img-btn.btn-prev a {background:url(../images/main/ico_arrow_left.svg) no-repeat left top;  background-size:8px 12px; }
.main-section02 .hot-alime .hot-btn .img-btn.btn-next a {background:url(../images/main/ico_arrow_right.svg) no-repeat left top; background-size:8px 12px;  }
.main-section02 .hot-alime .hot-btn .btn-pager { font-size:14px; color:#000;  line-height:1.6; }
.main-section02 .hot-alime .hot-btn .btn-pager strong { font-weight:bold;display:block; float:left;  }


.main-section03 { background-repeat:no-repeat; background-position: center bottom; padding:40px 15px 20px; position:relative;   background-size:cover; }
.main-section03 .photo-wrap { position:relative; height:224px; margin-bottom:30px;   }
.main-section03 .photo-wrap .text-wrap { position:relative; z-index:10; width:265px; margin-top:30px;  height:167px; padding-top:38px;  background:#FEFEFF;    }
.main-section03 .photo-wrap .text-wrap h3 { color:#415515;  font-size:12px;  }
.main-section03 .photo-wrap .text-wrap h3 strong{ font-weight:bold; margin-top:5px; display:block; font-size:20px; }
.main-section03 .photo-wrap .gallery-text { position:absolute; top:110px; left:0px; width:265px;  z-index:10; }
.main-section03 .photo-wrap .gallery-text a { display:block;  font-size:12px; color:#000;  width:100%;  }
.main-section03 .photo-wrap .gallery-text a:after { clear:both; display:table; content:'';  }
.main-section03 .photo-wrap .gallery-text a .date { float:left; font-weight:bold;   display:inline-block;  margin-right:5px;   }
.main-section03 .photo-wrap .gallery-text a .text {   float:left; width:75%;  padding-left:5px; padding-top:1px;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }


.main-section03 .gallery-img { position:absolute; top:40px; left:50%; margin-left:-140px;  z-index:1; width:calc(50% + 140px);  }
.main-section03 .gallery-img li  {margin-left:20px; padding-bottom:20px;   }
.main-section03 .gallery-img li a { display:block;  height:224px; background-size:cover; background-position:center center; background-repeat:no-repeat; box-shadow: -15px 12px 20px rgba(0,0,0,0.3);    }
.main-section03 .photo-wrap .gallery-btn { position:absolute; bottom:15px; right:15px;   }
.main-section03 .photo-wrap .gallery-btn * { vertical-align:middle;  }
.main-section03 .photo-wrap .gallery-btn span { display:inline-block;   }
.main-section03 .photo-wrap .gallery-btn .btn-prev { margin-right:8px; padding-right:8px; border-right:1px solid #efefef;  }
.main-section03 .photo-wrap .gallery-btn img { width:10px; height:16px;  }
.main-section03 .photo-wrap .more { position:absolute; top:15px; right:15px;   }
.main-section03 .photo-wrap .more img{width:16px;height:16px; }
.main-section03 .quick-link {   }
.main-section03 .quick-link ul { margin:0 -5px;   }
.main-section03 .quick-link ul li { float:left; width:50%;  padding:0 5px;  margin-bottom:10px;  }
.main-section03 .quick-link ul li a { display:table-cell; vertical-align:middle; height:40px; width:400px;  font-weight:bold; border-bottom:2px solid #000; color:#000; font-size:14px; background:url(../images/main/ico_arrow_right.svg) no-repeat right center; background-size:6px 9px; }



.main-section04 { background:#0F91CB; padding: 40px 15px 30px; }
.main-section04 h3 {  letter-spacing: -0.3px;  font-weight:normal; height:161px;  margin-bottom:20px;  color:#A9DAE9; font-size:12px;   }
.main-section04 h3 span  {display:block; }
.main-section04 h3 .img  {float:left; width:160px;  opacity: 0.5; }
.main-section04 h3 .img  img{float:left; width:160px; }
.main-section04 h3 .text   {margin-left:190px;  padding-top:70px; }
.main-section04 h3 strong { color:#fff; font-size:18px;    font-weight:bold; display:block; margin-top:10px; }
.main-section04 ul {   }
.main-section04 ul li { width:100%;  margin-bottom:12px;  border:1px solid rgba(255,255,255,0.3);  padding:10px 0 10px 90px; color:#fff; font-size:14px; }
.main-section04 ul li strong{ font-weight:bold; }




}