@charset "UTF-8";

#intro{
	font-size: 6pt;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	text-align: left;
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 60px;
	line-height: 28px;
	animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

 
#top{
	animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

 


.chat1{
 text-align: center;
 display: flex;
 background-size: 380px 67px;
 width: 380px;
 height: 67px;
 margin-top: 60px;
 margin-bottom: 60px;
animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

 

.chat1 p#chat1{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 112px;
	margin-top: 34px;	
	
}

.chat2{
 text-align: center;
 display: flex;
 background-size: 380px 86px;
 width: 380px;
 height: 86px;
 margin-top: 60px;
 margin-bottom: 60px;
}

 

.chat2 p#chat2{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 110px;
	margin-top: 26px;	
	
}

.chat3{
    text-align: center;
    display: flex;
    background-size: 380px 115px;
    width: 380px;
    height: 115px;
    margin-top: 60px;
    margin-bottom: 60px;
	
}

 
.chat3 p#chat3{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 110px;
	margin-top: 29px;
}


.chat4{
	text-align: center;
	display: flex;
	background-size: 380px 78px;
	width: 380px;
	height: 78px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 10px;
}




.chat4 p#chat4{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 15px;
	margin-top: 18px;
	
}

.chat5{
	text-align: center;
	display: flex;
	background-size: 380px 130px;
	width: 380px;
	height: 130px;
	margin-top: 60px;
	margin-bottom: 60px;
}

 
.chat5 p#chat5{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 110px;
	margin-top: 17px;
	
}

.chat6{
	text-align: center;
	display: flex;
	background-size: 380px 78px;
	width: 380px;
	height: 78px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 10px;
}

.chat6 p#chat6{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 15px;
	margin-top: 18px;
}

.chat7{
	text-align: center;
	display: flex;
	background-size: 380px 115px;
	width: 380px;
	height: 115px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.chat7 p#chat7{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 107px;
	margin-top: 29px;
}

.chat8{
	text-align: center;
	display: flex;
	background-size: 380px 78px;
	width: 380px;
	height: 78px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 10px;
}

.chat8 p#chat8{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 15px;
	margin-top: 18px;
}

.chat9{
	text-align: center;
	display: flex;
	background-size: 380px 183px;
	width: 380px;
	height: 183px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 10px;
}

.chat9 p#chat9{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 15px;
	margin-top: 35px;
}

.chat10{
	text-align: center;
	display: flex;
	background-size: 380px 86px;
	width: 380px;
	height: 86px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.chat10 p#chat10{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 107px;
	margin-top: 27px;
}

.chat11{
	text-align: center;
	display: flex;
	background-size: 380px 78px;
	width: 380px;
	height: 78px;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 10px;
}

.chat11 p#chat11{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 15px;
	margin-top: 20px;
}

.chat12{
	text-align: center;
	display: flex;
	background-size: 380px 86px;
	width: 380px;
	height: 86px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.chat12 p#chat12{
	text-align: left;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 25px;
	color: #000000;
	letter-spacing: 5%;
	margin-left: 107px;
	margin-top: 26px;
}

#dessinsitu{
    text-align: center;	
	animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


 

#teacher{
    text-align: center;	

}

 

#asksitu{
    text-align: center;		
	
}

 

#totop{
	text-align: center;
	padding-top: 100px;
}

#bottom{
	text-align: center;
	background-color: #004E9D;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
}

span{
	background-color: #FFE000;	
}