@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 *  be english academy top.css
 *  2015.10.23
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/


.top-content {
  max-width: 950px;
  margin: 0 auto;
}











/* col-lg- 1200px以上はそのまま */


.main-visual {
	position: relative;	
	text-align: center;
	width: 100%;
	}

.main-visual picture {
	display: block;
	margin: 0 auto;
	width: 100%;
	}

.main-visual img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	}

.main-visual #txt {
	position: absolute;
	bottom: 20%;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	margin-right: auto;
	margin-left: auto;
	}
.main-visual #txt-m {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	margin-right: auto;
	margin-left: auto;
	}

.slick-dotted.slick-slider {
	margin-bottom: 0px!important;
	}

.main-visual #main-slider {
	margin-bottom: -10px!important;
	}
.slick-dots {
	bottom: 10px!important;
	}


.home-topics-section {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #d6dfd2;
	}
	
.topics-innner {
	max-width: 950px;
	margin: 0 auto;
	}

.home-topics-read {
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	}
.home-topics-read img {
	width: 100px;
	}

.topics-wrap a {
	color: #666;	
	}
	
.title-wrap span {
	display: block;
	}

.home-topics-en {
	font-size: 28px;
	font-family: 'Oswald', sans-serif !important;
	}
.home-topics-jp {
	font-size: 14px;
	text-align: left;
	}





.topics-more-btn {
	border: 1px solid #CCC;
	font-size: 12px;
	text-align: center;
	margin-top: 15px;
	background-color: #EAF3FB;
	padding-top: 7px;
	padding-bottom: 7px;
	}




.nexttopics-item {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.home-topics-item {
	font-size: 14px;
	line-height: 1.0;
	padding: 0px;
	}
.home-topics-date {
	margin-bottom: 15px;
	margin-right: 40px;
	}
.home-topics-title {
	}
.home-topics-title h3 {
	font-size: 14px;
	line-height: 1.0;
	margin: 0px;
	padding: 0px;
	}



.more-strong-btn {
	background-color: #EEE;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #BEBEBE;
	width: 150px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	}
.more-strong-btn a {
	color: #333;
	text-decoration: none;
	}
.more-strong-btn a:hover {
	text-decoration: none;
	}



/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.home-topics-section {
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
.home-topics-left .left-title-wrap span {
	display: block;
	}

.home-topics-left .left-title-wrap .home-topics-en {
	font-size: 20px;
	font-family: 'Oswald', sans-serif !important;
	text-align: center;
	}
.home-topics-left .left-title-wrap .home-topics-jp {
	font-size: 12px;
	text-align: center;
	}


.home-topics-item {
	padding-top: 5px;
	}
}


















.top-content h1 {
  background: url("../img/top-head01.jpg") center top no-repeat;
  height: 54px;
  margin: 45px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.top-content h2 {
  background: url("../img/top-head02.jpg") center top no-repeat;
  height: 75px;
  margin: 45px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.top-content ul.six { margin-bottom: 60px; }
.top-content ul.six li { float: left; margin-right: 11px; }
.top-content ul.six li:last-child { margin-right: 0; }

.top-content ul.six li a {
  display: block;
  width: 149px;
  height: 114px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 0 0 3px #BCBCBC;
}
.top-content ul.six li a:hover {
  opacity: 0.7;
  background-color: transparent;
}

.top-content ul.six li:nth-child(1) a { background: url("../img/top-six1.jpg") left top no-repeat; }
.top-content ul.six li:nth-child(2) a { background: url("../img/top-six2.jpg") left top no-repeat; }
.top-content ul.six li:nth-child(3) a { background: url("../img/top-six3.jpg") left top no-repeat; }
.top-content ul.six li:nth-child(4) a { background: url("../img/top-six4.jpg") left top no-repeat; }
.top-content ul.six li:nth-child(5) a { background: url("../img/top-six5.jpg") left top no-repeat; }
.top-content ul.six li:nth-child(6) a { background: url("../img/top-six6.jpg") left top no-repeat; }


.top-content .about {
  width: 460px;

  background: url("../img/top-about.jpg") left top no-repeat;
  padding-top: 65px;
  float: left;
}


.top-content .fb {
	
  float: right;
}



.top-content h3 {
  border-top: 1px solid #CCC;
  font-size: 15px;
  color: #0e8aca;
  margin: 25px 0 0;
  padding-top: 20px;
}

.top-bnr {
  max-width: 950px;
  margin: 55px auto 0;
}
.top-bnr a img { float: left; }
.top-bnr a:first-child img { margin-right: 30px; }


footer {
	margin-top: 0;
}


.instagram-wrap {
	width: 100%;
	max-width: 600px;	
	margin: 0 auto;
	margin-top: 50px;
	text-align: center !important;
	}

.instagram-wrap img {
	width: 100% !important;
	height: auto !important;
	}