@charset "UTF-8";
/* CSS Document */
body{
	margin:0;
	min-width: 375px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	line-height:inherit;
	background-color: beige;
	color:rgb(100,100,100)
}

.masthead{
	position:relative;
}
.masthead img{
	width: 100%;
}

.masthead h1{
	position:absolute;
	color: white;/*文字は白に*/
	top: -10px;
	left: 30px;
	
}

.masthead p{
	position:absolute;
	color: white;/*文字は白に*/
	top: 180px;
	left: 30px;
	
}


.topmessage{
	margin-top: 100px;
}

.about{
	margin: 60px 30px 60px 30px;
}

.about p{
	line-height: 25px;
}

header p{
	line-height: 25px;
}
.learn{
	margin-top: 50px;
	text-align: center;
	background-color:rgba(206, 228, 237, 0.81);
	margin:0;
	line-height: 25px;
	padding:10px 0px 10px 0px;
	border:0;
	border-radius: 20px;
}


.challenge{
	margin: 80px 30px 60px 30px;
	line-height: 25px;

}

.explanation{
	line-height: 25px;
}

.btn-partial-line {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  border-bottom: solid 3px rgba(206, 228, 237);
  border-left: solid 3px rgba(206, 228, 237);
  color:rgba(206, 228, 237);
  transition: .4s;
}

.btn-partial-line:hover {
  padding-left: 0.7em;
  padding-right: 0.3em;
}

h4{
	text-align: center;
	font-size: 1.5em;
}

.people{
	margin-top: 50px;
	text-align: left;
	background-color:white;
	margin:20px;
	line-height: 25px;
	padding:20px;
	border:0;
	border-radius: 20px;
}

.people img{
	margin: -90px 0px -60px -70px;
}

.btn{
	
}

.btn{
	position: fixed;
	z-index: 8000;
	left: 237px;
	top: 500px;
	transition: all 0.6s ease 0s;
	display: inline-block;
	text-decoration: none;
	background:rgba(254, 130, 170, 0.54);
	color: #FFF;
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #bd6565;
	transition: .4s;
}

h2{
	color:rgba(225, 118, 157, 0.84);
}

.access{
	color:rgb(100,100,100);
	
}