@charset "UTF-8";

/* Reset jquery.bxslider.css */
.bx-wrapper {
  left: 0;
  box-shadow: none;
  border: none;
}
#top_slider { background-color:#CCC; margin:0; padding:0;}
#top_slider li {
  height: 100vh;
  background: center / cover no-repeat;
}
.shadow{
  -webkit-box-shadow: 3px 3px 5px 0 #555; /* Safari, Chrome用 */
  -moz-box-shadow: 3px 3px 5px 0 #555; /* Firefox用 */
  box-shadow: 3px 3px 5px 0 #555; /* CSS3 */
}
.rad5 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}

@media screen and (min-width: 768px) {
header.head_top {position:absolute; top:0; left:0; right:0; margin:auto; z-index:9999;}
.top_info {width:100%; height:40%; position:absolute; top:60%; background-color: rgba(0, 102, 107, 0.5);  z-index:9997; text-align:center;}
.top_info ul {position:absolute; top:10%; left:0; right:0; padding:0;}
.top_info li {display:inline-block; padding:10px 0; width:300px; margin:0 30px;}
.top_more {width:980px;position:absolute; top:85%; left:0; right:0; margin:auto; text-align:center; z-index:9998;}
.top_more img {width:auto; height:100%;}
.main_logo,.main_logo2 {display:none;}

.top_bnL {width:800px; margin:40px auto 0 auto; padding:0;}
.top_bnL li {margin:0 0 0px 0; float:left;}
.top_bnS_pc {width:820px; margin:25px auto 0 auto; padding:0 0 25px 15px;}
.top_bnS_pc li {float:left; width:50%; padding:0; margin:0 0px 10px 0;}
.top_bnL ul {margin:0 0 30px 0; padding:0;}
.top_bnS_pc ul {margin:0; padding:0;}
ul.top_bnL:after,ul.top_bnS_pc:after {content:""; display:block; clear:both;}
ul.top_bnS_smp {display:none;}

#topics {background:#E8F5F5; margin:0px auto 0 auto; padding:30px 0;}
#topics .topicsbox {background:#FFF; width:800px; height:220px; margin:0px auto; padding:24px 0 0 0;}
#topics .topicsbox img {margin:0 0 0 20px;}
iframe {margin:0 40px 0 0; width:610px; height:190px; float:right; border-left:solid 3px #E8F5F5;}
.course_guide {margin:40px 0 100px 0;}
.course_guide img {width:100%;}

}

@media screen and (max-width: 767px) {
.main_logo,.main_logo2 {width:100%; position:absolute; top:20%; text-align:center;}
.main_logo img {width:70%;}
.main_logo2 img {width:80%;}
.top_info {width:100%; height:40%; position:absolute; top:60%; background-color: rgba(0, 102, 107, 0.5); text-align:center;}
.top_info ul {margin:0; padding:0;}
.top_info ul.bt1 {position:absolute; top:25%; left:0; right:0;}
.top_info ul.bt2 {position:absolute; top:10%; left:0; right:0;}
.top_info li {padding:5px 0; margin:0 30px;}
.top_info li img {height:40px; width:auto;}
.top_more {width:20%;position:absolute; top:90%; left:0; right:0; margin:auto; text-align:center;}
.top_more img {max-width:50px;}
#top_slider {z-index: 998;position:relative;}

/* TOPページ */
.top_bnL {margin:20px 10px 0px 10px;box-sizing: border-box;}
.top_bnL li {float:left; margin:0 0 10px 0;}
.top_bnL li img {width:100%;}
.top_bnS_smp {margin:15px 0 30px 10px;box-sizing: border-box;}
.top_bnS_smp li {float:left; width:50%; padding:0 10px 10px 0;}
ul.top_bnL:after,ul.top_bnS_smp:after {content:""; display:block; clear:both;}
ul.top_bnS_pc {display:none;}

#topics {background: #E8F5F5; margin:0; padding:10px;}
#topics img {height:25px; width:auto; padding-bottom:5px;}
iframe {width:100%;}
.course_guide {margin:30px 10px 50px 10px;}

}

@media all and (max-width: 320px) {

}


.top_more {animation: 3s float ease-in-out infinite;}
@-webkit-keyframes float {
	50% {
		-webkit-transform: translateY(-10px);
	}
}
@keyframes float {
	50% {
		transform: translateY(-10px);
	}
}