@charset "UTF-8";
/* CSS Document */
 @import url(https://fonts.googleapis.com/css?family=Bitter);
.navbar-brand {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 0.9rem;
}
.collapse {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.sikaku {
	margin-top: 50px;
	position: relative;
	font-family:fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
	text-align: center;
}
footer {
	margin-top: auto;
	background-color:#55B5C6;
}
/*メインコンテンツ部分*/
main{}
.main-container{
	padding: 0 0 40px 0;
	background: #ffffff;
}
.sidebar{
	margin:0 20px 0 20px;
	padding:30px 0 30px 0;
}
.maincol{
	margin: 0 20px 0 20px;
	padding: 30px 0 30px 0;
}
@media screen and (min-width:768px){
	.main-container{
		overflow: hidden;
	}
	.sideber{
		float: left;
		margin: 0 20px 0 20px;
		width: 300px;
	}
	.maincol{
		float: right;
		margin: 0 20px 0 -360px;
		width: 100%;
	}
	.maincol-container{
		margin-left: 360px;
	}
}
.last {
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
}
img.minihyousi { display: none; }   /* ※1 */

/* ▼表示領域が600px以上の場合 */
@media (min-width: 768px) {
   img.minihyousi { display: none; }  /* miniを非表示 */
   img.bighyousi  { display: block; } /* bigを表示 */
}
/* ▼表示領域が600px未満の場合 */
@media (max-width: 769px) {
   img.minihyousi { display: block; } /* miniを表示 */
   img.bighyousi  { display: none; }  /* bigを非表示 */
}

.hyoushi img { width: 100%; }   /* ※2 */

.scroll{
	width:60%;
	position: absolute;
	top: 195px;
	text-align: center;
	animation: scroll 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
	opacity: 0.9;
}
@media (min-width: 200px) {
   img.scroll { display: block; } /* miniを非表示 */
}

@keyframes scroll {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}
.navbar-expand-md {
	opacity: 0.8
}
.rikai img {
	width: 100%;
	max-width: 768px;
	text-align: center;
}
.kangaeru img {
	width: 100%;
	max-width: 768px;
	text-align: center;
}
.toku img {
	width: 100%;
	max-width: 768px;
	
	text-align: center;
}
h1 {
	font-size: 40px;
	text-align: center;
}
h2 {
	font-size: 29px;
	text-align: center;
}
.circle{
  position: relative;
  text-align: center;
  display:inline-block;
  width: 250px;
  height: 130px;
  border-radius: 50%;
  background:#FFF3D1;/*背景色*/
}
.gakunenn p{
	font-size: 20px;
}