@charset "UTF-8";

html {
  font-size: 100%;
}
body {
  color: #454545;
  font-size: 0.9rem;
  line-height: 2;
}

/* header  */



/* main */
.mainvisual--container{
  position: relative;
}

.mainvisual img{
  width: 100%;
  max-width: 1920px;
  height: 200px;
  object-fit: cover;
}
.mainvisual--tit{
  position:absolute;
  margin-left: 30%;
  margin: 0 auto;
  font-size: 50px;
  color: #fff;
}

/* about */

.About--section--tit{
  text-align: center;
  margin-bottom: 75px;
  font-size: 32px;
  text-decoration: underline solid 2px;
  margin-top: 89px;
  border-bottom: 1px;
}

.About--content{
display: flex;
justify-content: center;
align-items: center;
font-size: 14.4px;
margin-bottom: 107px;
}
.content--tit{
margin-bottom:15px ; 
font-size: 16px ;
}

.About--content img{
width: 200px;
height: 200px;
border-radius: 100px;
margin-right: 30px;
}
.content--tit img{
  width: 20px;
  height: 20px;
}

.About--content p{
  line-height: 1.181;
}
.About--content p{
  margin-top: 20px;
}


/* Work /school*/

.Work--section--container,.school--section--container{
  width: 1163px; 
  justify-content:center;
  margin: 0 auto;
  margin-bottom: 117px;
}

.Work--section--tit,.school--section--tit{
  text-align: center;
  margin-bottom: 75px;
  font-size: 32px;
  margin-bottom: 67px;
  text-decoration: underline solid 2px;
}

.Work--section--list,.school--section--list{
  display: flex;
  justify-content:space-between;
}

.Work--section--list ul,.school--section--list ul{ 
display: block;
margin-right: 15.2px;
}

.Work--section--list ul img,.school--section--list ul img{
  width: 262px;
  height: 174px;
  margin-bottom: 13px;
}


.Work--section--list ul p,.school--section--list ul p{
  font-size: 14.4px;
  margin-top: 17px;
  text-align: center;
}

ul h4{
  text-align: center;
}

/* footer */
.footer--content {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}

footer p {
font-size :10px; 
margin-bottom: 12px;
margin-bottom: 30px;
}



/* -----------
SP
----------- */
@media screen and (max-width:600px) {


/* mainvisual  */

.mainvisual img {
  height: calc(100vh-60px);
}

/* about */
.About--content{
  flex-direction: column;
}
.About--content img{
  margin-right: 0;
}
/* Bicycle */
.Work--section--container,.school--section--container{
  flex-direction: column;
}
.Work--section--list,.school--section--list{
  width: 100%;
  margin-bottom: 30px;
}
}