/*@keyframes main-link{
	0%{height:100px;  padding-top:33px; }
	100%{height:290px;  padding-top:190px;}
}
@keyframes fadeInLeft{
	  0% {opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px);  }
	  100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);  }
	}

@keyframes upDown {
	0%{transform:translateY(10px);}
	50%{transform:translateY(-20px);}
	100%{transform:translateY(10px);}
}
*/






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


body:before { position:absolute; top:0px; left:0px; content:''; display:block; width:1400px; height:800px; z-index:-1; background: #F0F0F0; }


.main-section01 {  height:968px; position:relative;    }
/*
.position-link-wrap { position:fixed; top:400px; left:50px;  z-index:1000;  }
.position-link-wrap li {margin-bottom:10px;  }
.position-link-wrap li a { display:block;  text-align:center;  position:relative;  margin-bottom:20px;  width:100px; height:40px; color:#000;  font-size:18px; }
.position-link-wrap li a:before { content:''; width:20px; height:20px; border:5px solid rgba(0,0,0,0.8);  border-radius:100%; position:absolute; top:0px; left:0px;  }
.position-link-wrap li a span { display:none;  position:absolute; top:-10px; left:30px; color:#fff; padding:8px 20px 3px;  border-radius:23px; background:rgba(0,0,0,0.8);   }
.position-link-wrap li.active a span, .position-link-wrap li a:hover span { display:block;     transform:rotateX(360deg); transition : all 0.5s ease ;  }
.position-link-wrap li.active a., .position-link-wrap li a:hover {text-decoration:none;  color:#000; }
*/

.main-section01 .quick-link { z-index:1000; position:absolute; bottom:185px; right:0px;  padding:50px 20px 10px; width:120px; }
.main-section01 .quick-link .weather {font-size:14px; color:#000; margin-bottom:15px;   font-weight:100; margin-bottom:180px; }
.main-section01 .quick-link .weather strong {font-size:26px; font-weight:bold;line-height:1.8;   }
.main-section01 .quick-link ul {}
.main-section01 .quick-link ul li { text-align:center;padding:13px 0 ;  }
.main-section01 .quick-link ul li a { display:block; font-size:14px; color:#000;  font-weight:100; }
.main-section01 .quick-link ul li a img {display:block; margin:0 auto 10px; height:28px;  }

.main-section01 .main-rolling { width:100%; height:968px; padding-bottom:208px;  position:relative;   z-index:1; } 
.main-section01 .main-rolling li { width:100%; height:760px;  background-repeat:no-repeat; background-position: center center; }
.main-section01 .main-rolling li a { display:block; width:100%; height:760px;  }
.main-section01 .main-rolling-btn { position:absolute; bottom:100px;  left:0; width:100%; font-size:40px; font-weight:bold;    display:inline-block; text-align:center;  }
.main-section01 .main-rolling-btn div { vertical-align:middle;display:inline-block; }
.main-section01 .main-rolling-btn  .rolling-btn {  margin:0 20px; }
.main-section01 .main-rolling-btn div.btn-pager { font-weight:200;  font-size:20px;letter-spacing:4px;  }
.main-section01 .main-rolling-btn div.btn-pager strong {  font-size:30px;  }
.main-section01 .main-rolling-btn div img { width:55px;  }
.main-section01 .main-rolling-btn div a:hover { text-decoration:none;  }
.main-section01 .m-main-rolling { display:none;  }

.main-section02 {  position:relative;  height:540px;  }
.main-section02 .hot-alime {  }
.main-section02 .hot-alime li { width:100%; height:540px;  }
.main-section02 .hot-alime li a {display:block;  width:100%; height:540px; color:#000; }
.main-section02 .hot-alime li .img  {float:left;  width:50%; height:540px;  background-position:center center;background-repeat:no-repeat;  }
.main-section02 .hot-alime li .text-wrap  {float:left;  width:50%; height:540px; background:#F2F2F2; padding:120px 50px;  }
.main-section02 .hot-alime li .text-wrap   .title { font-size:34px; font-weight:bold;  margin-bottom:40px;  }
.main-section02 .hot-alime li .text-wrap  .text { font-size:28px;   margin-bottom:40px; }
.main-section02 .hot-alime li .text-wrap  .more {display:inline-block;  width:200px; height:50px; text-align:center; border:1px solid #000; font-size:20px; color:#000;  border-radius:25px; padding-top:15px; }
.main-section02 .hot-alime .bx-default-pager { position:absolute; bottom:50px; left:50%; padding-left:50px; width:50%; z-index:100;   }
.main-section02 .hot-alime .bx-default-pager div {float:left; }
.main-section02 .hot-alime .bx-default-pager div a { display:block;  margin-right:10px; width:15px; height:15px; border:1px solid #000000; border-radius:100%; text-indent:-9999px;  }
.main-section02 .hot-alime .bx-default-pager div a.active { background:#000; border:1px solid #000;  }

.main-section03 { padding:90px 0 120px; background:#fff;   }
.main-section03 ul {   }
.main-section03 ul li { float:left; width:20%; text-align:center; padding:0 15px;  }
.main-section03 ul li a { width:100%; display:block;  color:#000;   }
.main-section03 ul li .img {margin-bottom:10px; }
.main-section03 ul li .ko {font-size:24px; }
.main-section03 ul li .en {font-size:20px;  font-weight:200;  }

.main-section04 { padding:110px 0  50px;  background:#F2F2F2;  }
.main-section04 h3 { text-align:center;  font-size:36px; line-height:1.6; color:#000;  margin-bottom:120px;font-weight:normal;  }
.main-section04 h3 span { display:block; font-size:24px; font-weight:200; letter-spacing:7px;   }
.main-section04 ul { }
.main-section04 ul li {  float:left; width:50%; padding-bottom:120px;  }
.main-section04 ul li .img {  float:left; width:180px;  padding-right:56px;   }
.main-section04 ul li .text-wrap {  float:left; width:calc(100% - 236px);  padding-right:56px; color:#000;  }
.main-section04 ul li .text-wrap .name {font-weight:bold;  font-size:26px;  margin-bottom:10px; }
.main-section04 ul li .text-wrap .text1 { font-size:24px; margin-bottom:20px;  }
.main-section04 ul li .text-wrap .text2 { font-size:18px;  font-weight:200; }
.main-section04 ul li:nth-of-type(2n+1) { clear:both;  } 

.main-section05 { position:relative; height:450px;  } 
.main-section05 .text-wrap {  float:left; width:50%;  height:450px; padding-top:120px;  padding-left:50px; color:#000; } 
.main-section05 .text-wrap h3 {  font-size:36px; margin-bottom:40px;font-weight:normal;   } 
.main-section05 .text-wrap p {  font-size:24px;  font-weight:200; } 
.main-section05 .map-wrap { position:absolute; top:0px; left:50%; width:50%; height:450px;  }
.main-section05 .map-wrap .map { width:100%; height:450px; }

.main-section06 { background:#1C1E1F;padding-top:130px; padding-bottom:80px;   }
.main-section06 h3 { font-size:36px; color:#fff; margin-bottom:90px; font-weight:normal;  }
.main-section06 h3 a  { color:#fff;  }
.main-section06 h3 span { font-size:24px;  display:inline-block; letter-spacing:5px; margin-left:10px; font-weight:200; }
.main-section06 .notice { float:left; width:60%; padding-right:50px;  }
.main-section06 .notice ul {}
.main-section06 .notice ul li { width:100%;   color:#fff; margin-bottom:20px; font-size:24px;   }
.main-section06 .notice ul li:after { clear:both; display:table; content:'';  }
.main-section06 .notice ul li a {color:#fff; width:75%;float:left;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section06 .notice ul li span  { font-weight:200; letter-spacing:1px; }
.main-section06 .info { float:left; width:40%;}
.main-section06 .info p { color:#fff; margin-bottom:20px; font-size:24px; }


}


@media (max-width: 1430px) {

	.main-section01 .quick-link { display:none;  }
	/*.position-link-wrap { display:none;  }*/

}
	


@media (min-width: 992px) and (max-width: 1199px) {
.main-section02 .hot-alime .bx-default-pager { bottom:30px; }
	.main-section04 ul li .text-wrap {  float:left; width:calc(100% - 236px);  padding-right:5px; color:#000;  }
	.main-section05 .text-wrap { padding-left:0px; }
	.main-section06 .notice ul li {  font-size:20px;   }
	.main-section06 .info p {  font-size:20px; }
}






@media (max-width: 991px) {

	.main {   z-index: 1;    word-break: keep-all;  }
	.main a {color: #222;}
	
	body:before { position:absolute; top:0px; left:0px; content:''; display:block; width:77% ; height:600px; z-index:-1; background: #F0F0F0; }






.main-section01 {  height:770px; position:relative;  padding-left:15px; padding-right:15px;   }
.main-section01 .main-rolling { width:100%; height:770px; position:relative;   z-index:1;} 
.main-section01 .main-rolling li { width:100%; height:640px;  background-repeat:no-repeat; background-position: center center; background-size:cover; }
.main-section01 .main-rolling li a { display:block; width:100%; height:640px;  }

.main-section01 .pc-main-rolling { display:none;  }


.main-section01 .main-rolling-btn { position:absolute; bottom:50px;  left:0; width:100%; font-size:40px; font-weight:bold;    display:inline-block; text-align:center;  }
.main-section01 .main-rolling-btn div { vertical-align:middle;display:inline-block; }
.main-section01 .main-rolling-btn  .rolling-btn {  margin:0 20px; }
.main-section01 .main-rolling-btn div.btn-pager { font-weight:200;  font-size:20px;letter-spacing:4px;  }
.main-section01 .main-rolling-btn div.btn-pager strong {  font-size:30px;  }
.main-section01 .main-rolling-btn div img { width:55px;  }
.main-section01 .main-rolling-btn div a:hover { text-decoration:none;  }



.main-section02 {  position:relative;  height:540px;  }
.main-section02 .hot-alime {  }
.main-section02 .hot-alime li { width:100%; height:540px;  }
.main-section02 .hot-alime li a {display:block;  width:100%; height:540px; color:#000; }
.main-section02 .hot-alime li .img  {height:240px; background-size:cover; background-position:center center;background-repeat:no-repeat;   }

.main-section02 .hot-alime li .text-wrap  {height:300px; background:#F2F2F2; padding:50px 20px;  }
.main-section02 .hot-alime li .text-wrap   .title { font-size:20px; font-weight:bold;  margin-bottom:20px;  }
.main-section02 .hot-alime li .text-wrap  .text { font-size:16px;   margin-bottom:30px; }
.main-section02 .hot-alime li .text-wrap  .more {display:inline-block;  width:120px; height:30px; text-align:center; border:1px solid #000; font-size:16px; color:#000;  border-radius:15px; padding-top:7px; }
.main-section02 .hot-alime .bx-default-pager { position:absolute; bottom:20px; left:0px; padding-left:20px; width:100%; z-index:100;   }
.main-section02 .hot-alime .bx-default-pager div {float:left; }
.main-section02 .hot-alime .bx-default-pager div a { display:block;  margin-right:10px; width:10px; height:10px; border:1px solid #000000; border-radius:100%; text-indent:-9999px;  }
.main-section02 .hot-alime .bx-default-pager div a.active { background:#000; border:1px solid #000;  }

.main-section03 { padding:60px 0 90px; background:#fff;   }
.main-section03 ul {   }
.main-section03 ul li { float:left; width:50%; text-align:center; padding:0 15px;  }
.main-section03 ul li:nth-of-type(2n+1) { clear:both;  }
.main-section03 ul li a { width:100%; display:block;  color:#000;   }
.main-section03 ul li .img {margin-bottom:5px; }
.main-section03 ul li .ko {font-size:18px; }
.main-section03 ul li .en {font-size:15px;  font-weight:200;  }

.main-section04 { padding:70px 20px  30px;  background:#F2F2F2;  }
.main-section04 h3 { text-align:center;  font-size:28px; line-height:1.6; color:#000;  margin-bottom:60px;font-weight:normal;  }
.main-section04 h3 span { display:block; font-size:18px; font-weight:200; letter-spacing:7px;   }
.main-section04 ul { }
.main-section04 ul li { padding-bottom:40px;  }
.main-section04 ul li:after { clear:both; display:table; content:'';  }
.main-section04 ul li .img {  float:left; width:100px;  padding-right:35px;   }
.main-section04 ul li .text-wrap {  float:left; width:calc(100% - 135px);   color:#000;  }
.main-section04 ul li .text-wrap .name {font-weight:bold;  font-size:14px;  margin-bottom:5px; }
.main-section04 ul li .text-wrap .text1 { font-size:12px; margin-bottom:10px;  }
.main-section04 ul li .text-wrap .text2 { font-size:12px;  font-weight:200; }
.main-section04 ul li:nth-of-type(2n+1) { clear:both;  } 




.main-section05 { position:relative; } 
.main-section05 .text-wrap {    padding-top:80px;  padding-left:20px; padding-right:20px; padding-bottom:80px;  color:#000; } 
.main-section05 .text-wrap h3 {  font-size:24px; margin-bottom:40px;font-weight:normal;   } 
.main-section05 .text-wrap p {  font-size:16px;  font-weight:200; } 
.main-section05 .map-wrap {  height:310px;   width:100%;}
.main-section05 .map-wrap .map { width:100%; height:310px; }




.main-section06 { background:#1C1E1F; padding:80px 20px 30px;    }
.main-section06 h3 { font-size:24px; color:#fff; margin-bottom:20px; font-weight:normal;  }
.main-section06 h3 a  { color:#fff;  }
.main-section06 h3 span { font-size:15px;  display:inline-block; letter-spacing:5px; margin-left:10px; font-weight:200; }
.main-section06 .notice { margin-bottom:50px;  }
.main-section06 .notice ul {}
.main-section06 .notice ul li { width:100%;   color:#fff; margin-bottom:13px; font-size:14px;   }
.main-section06 .notice ul li:after { clear:both; display:table; content:'';  }
.main-section06 .notice ul li a {color:#fff; width:70%;float:left;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section06 .notice ul li span  { font-weight:200; letter-spacing:1px; }
.main-section06 .info {}
.main-section06 .info p { color:#fff; margin-bottom:13px; font-size:14px; }



}




@media (min-width: 680px) and (max-width: 991px) {


}