/* スマホの記述 */

/* section-topの記述 */
.section-top{
  margin-bottom: 60px;
}

.top-wrapper{
  width: 80%;
  margin: 45% auto 0;
  display: block;
}

.top-wrapper div{
  width: 100%;
  text-align: center;
}
.top-wrapper div h1{
  font-size: 2.0rem;
  padding-bottom: 20px;
}
.top-wrapper div h2{
  font-size: 3.0rem;
  padding-bottom: 20px;
}

.top-wrapper ul{
  width: 60%;
  margin: 30% auto 0;
  text-align: center;
}
.top-wrapper ul a{
  text-decoration: none;
}
.top-wrapper ul li{
  font-size: 1.6rem;
  list-style: none;
  color: #333333;
  margin-bottom: 30px;
}
/* section-topの記述　ここまで*/


/* 大切にしていること　の記述*/
.section-taisetsu{
  margin-top: 100px;
}

.section-taisetsu h1{
  font-size: 1.2rem;
  font-weight: normal;
  width: 80%;
  margin: 0 auto 60px;
  text-align: center;
}
.section-taisetsu h1 span{
  border-bottom: solid 1.5px #888888;
  padding: 0 20% 7px;
}

.taisetsu-wrapper{
  display: block;
  width: 80%;
  margin: 0 auto;
}
.taisetsu-wrapper h2{
  writing-mode: vertical-rl;
  font-size: 2.4rem;
  line-height: 2.0;
  width: 200px;
  margin: 30% auto 0;
}
.taisetsu-wrapper div{
  width: 100%;
  margin-top: 30%;

  /* border-bottom: solid 1.5px #888888;
  padding-bottom: 7px; */
}
.taisetsu-wrapper div h3{
  font-size: 1.8rem;
  line-height: 2.0;
  margin: 0;
  text-align: center;
}
.taisetsu-wrapper div p{
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 20% 0 10%;
  letter-spacing: 0.06rem;
}
.taisetsu-wrapper div p span{
  font-size: 1.6rem;
  font-weight: 700; 
}
/* 大切にしていること　の記述　ここまで*/


/* わたしたちにできること　の記述*/
.section-dekirukoto h1{
  font-size: 1.2rem;
  font-weight: normal;
  width: 80%;
  margin: 120px auto 60px;
  text-align: center;
}
.section-dekirukoto h1 span{
  border-bottom: solid 1.5px #888888;
  padding: 0 20% 7px;
}

.dekirukoto-wrapper{
  width: 80%;
  margin: 0 auto;
  display: block;
}
.dekirukoto-content{
  width: 100%;
  margin: 0 0 15%;
}
.dekirukoto-content figure{
  width: 50%;
  height: auto;
  margin: 0 auto;
}
.dekirukoto-content figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dekirukoto-content h2{
  font-size: 1.6rem;
  text-align: center;
  margin: 7px auto;
  width: 100%;
}
.dekirukoto-content p{
  font-size: 1.4rem;
  text-align: left;
  width: 75%;
  margin: 0 auto;
  line-height: 1.7;
  letter-spacing: 0.1rem;
}

/* わたしたちにできること　の記述　ここまで*/

/* メンバーの記述*/
.section-member h1{
  font-size: 1.2rem;
  font-weight: normal;
  width: 80%;
  margin: 120px auto 60px;
  text-align: center;
}
.section-member h1 span{
  border-bottom: solid 1.5px #888888;
  padding: 0 20% 7px;
}

.member-wrapper{
  display: block;
  width: 80%;
  margin: 0 auto;
}
.member-content{
  width: 100%;
  display: block;
  margin-bottom: 120px;
}
.member-content figure{
  width: 50%;
  height: auto;
  margin: 0 auto;
}
.member-content figure img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.member-discription{
  width: 95%;
  margin: 0 auto;
}
.member-discription h2{
  font-size: 2.0rem;
  margin: 10% 0 5%;
  /* text-align: center; */
}
.member-discription h2 span{
  font-size: 1.4rem;
  padding-left: 20px;
}
.member-discription p{
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  line-height: 1.7;
}
/* メンバーの記述　ここまで*

/* スマホの記述 ここまで*/



/* PCの記述 */
@media(min-width:960px){
  /* section-topの記述*/
  .section-top{
    height: 37vh;
  }
  .top-wrapper{
    width: 80%;
    margin: 25% auto 0;
    display: flex;
  }

  .top-wrapper div{
    width: 50%;
    text-align: left;
  }

  .top-wrapper div h1{
    font-size: 6.4rem;
    padding-bottom: 40px;
  }

  .top-wrapper ul{
    width: 50%;
    margin-top: -3%;
    text-align: left;
  }
  .top-wrapper ul li{
    font-size: 2.0rem;
    margin-left: 25%;
    margin-bottom: 30px;
  }
  /* section-topの記述　ここまで*/


  /* 大切にしていること　の記述*/
  .section-taisetsu{
    margin-top: 120px;
  }

  .section-taisetsu h1{
    font-size: 1.8rem;
    font-weight: normal;
    width: 80%;
    margin: 0 auto 120px;
    text-align: left;
  }
  .section-taisetsu h1 span{
    border-bottom: solid 1.5px #888888;
    padding: 0 20% 5px 0 ;
  }

  .taisetsu-wrapper{
    display: flex;
    width: 80%;
    margin: 0 auto;
  }
  .taisetsu-wrapper h2{
    writing-mode: vertical-rl;
    font-size: 3.2rem;
    line-height: 2.5;
    width: 35%;
    margin: 0;
  }
  .taisetsu-wrapper div{
    width: 70%;
    margin-top: 20%;

    border-bottom: solid 1.5px #888888;
    padding-bottom: 5px;
  }
  .taisetsu-wrapper div h3{
    font-size: 2.4rem;
    line-height: 1.7;
    margin: 0 0 5% 15%;
    text-align: left;
  }
  .taisetsu-wrapper div span{
    display: none;
  }
  .taisetsu-wrapper div p{
    font-size: 1.6rem;
    line-height: 1.9;
    margin: 0 0 10% 15%;
    letter-spacing: 0.06rem;
  }
  .taisetsu-wrapper div p span{
    font-size: 2.0rem;
    font-weight: 900; 
  }
  /* 大切にしていること　の記述　ここまで*/


/* わたしたちにできること　の記述　*/
.section-dekirukoto{
  margin-top: 20%;
}

.section-dekirukoto h1{
  font-size: 1.8rem;
  font-weight: normal;
  width: 80%;
  margin: 0 auto 120px;
  text-align: left;
}
.section-dekirukoto h1 span{
  border-bottom: solid 1.5px #888888;
  padding: 0 20% 5px 0 ;
}

.dekirukoto-wrapper{
  width: 80%;
  margin: 0 auto;
  display: flex;
}
.dekirukoto-content{
  width: 23%;
  margin: 0 5%;
}
.dekirukoto-content figure{
  width: 70%;
  height: auto;
  margin: 0 auto;
}
.dekirukoto-content h2{
  font-size: 1.8rem;
  text-align: center;
  margin: 20px auto;
}
.dekirukoto-content p{
  font-size: 1.6rem;
  width: 100%;
  margin: 0 auto; 
}
/* わたしたちにできること　の記述　ここまで*/


/* メンバーの記述*/
.section-member{
  margin: 20% 0; 
}

.section-member h1{
  font-size: 1.8rem;
  font-weight: normal;
  width: 80%;
  margin: 0 auto 120px;
  text-align: left;
}
.section-member h1 span{
  border-bottom: solid 1.5px #888888;
  padding: 0 20% 5px 0 ;
}

.member-wrapper{
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
}
.member-content{
  width: 45%;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.member-content figure{
  width: 25%;
  height: auto;
  margin: 0;
}
.member-content figure img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.member-discription{
  width: 65%;
}
.member-discription h2{
  font-size: 2.0rem;
  margin: 25% 0 5%;
}

.member-discription h2 span{
  font-size: 1.6rem;
  padding-left: 40px;
}
.member-discription p{
  font-size: 1.6rem;
  letter-spacing: 0.05rem;
  line-height: 1.7;
}
/* メンバーの記述　ここまで*/


}
/* PCの記述 ここまで*/