@charset "utf-8";
/* CSS Document */
/*セクショントップ*/
.section-top__message {
  padding: 0 10px;
}
.section-top h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-top__description {
  font-size: 1.8rem;
  margin-bottom: 20px;
  text-align:left;
  color:#486463;
}
.section-top__image {
  background-color: #E5F4B7;
  background-size: cover;
  display: flex;
}
.section-top__image img {
  object-fit: cover;
  object-position: 10% 50%;
  width: 100%;
  height: 25vh;
  vertical-align: bottom;
}
@media(min-width:960px) {
  .section-top {
    max-width: 1250px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .section-top h2 {
    font-size: 3.6rem;
    line-height: 5.6rem;
    margin-bottom: 20px;
  }
  .section-top__message {
    width: 50vw;
    padding: 60px 50px 0 10px;
  }
  .section-top__image {
    display: inline-block;
    height: 342px;
  }
  .section-top__image img {
    width: 30vw;
    height: 342px;
    padding: 0;
  }
}
/*セクションクラス class*/
.section-class {
  padding: 0 10px;
  margin-top: 80px;
}
.section-class__top-message {
  text-align: center;
}
.section-class__top-subtitle {
  margin-bottom: 10px;
  color: #1D788A;
}
.section-class h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-class__top-description{
  text-align:left;
  color:#486463;
  font-size: 1.8rem;
}
.section-class__content-wrapper {
  background-color: #A9E0E1;
  margin-top: 60px;
}
.section-class__content-wrapper img {
  width: 100%;
  height: 25vh;
  object-fit: cover;
  vertical-align: bottom;
}
.section-class__textarea {
  padding: 10px;
}
.section-class__textarea-top {
  display: flex;
}
.section-class__textarea-top h4 {
  width: 45vw;
  font-size:1.8rem;
}
.section-class__textarea-top p {
  padding-left: 5px;
  font-weight: 600;
  font-size: 1.8rem;
}
.section-class__textarea-description {
  margin-top: 30px;
  font-size: 1.8rem;
}
.section-class__fee { /*料金*/
  margin-top: 10px;
  padding-right: 10px;
  background-color: #ECFFFF;
  text-align: right;
}
.section-class__fee-flex { /*体験会無料ある場合*/
  margin-top: 10px;
  padding: 0 10px;
  background-color: #ECFFFF;
  text-align: right;
  display: flex;
  justify-content: space-between; /*両端に配置*/
}
.section-class__fee-first {
  color: #DE3232;
  font-weight: 600;
}
.section-class__notice{
  font-size:1.8rem;
  margin-top:20px;
}
@media(min-width:960px) {
  .section-class {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .section-class__top-message {
    padding-top: 100px;
    margin-bottom: 50px;
  }
  .section-class h2 {
    font-size: 3.6rem;
    line-height: 5.6rem;
  }
  .section-class__top-description{
     text-align: center;
  }
  .section-class__content-wrapper {
    display: flex;
  }
  .section-class__content-wrapper img {
    width: 464px;
    height: 317px;
    object-fit: cover;
    vertical-align: bottom;
  }
  .section-class__textarea {
    padding: 20px;
    position:relative;
  }
  .section-class__textarea-top {
    background-color: #fff;
    width: 435px;
    padding: 10px 10px;
  }
  .section-class__textarea-top h4 {
    width: 140px;
    font-size: 2.0rem;
  }
  .section-class__textarea-top p {
    padding-left: 10px;
    font-size: 2.0rem;
    font-weight: 300;
  }
  .section-class__fee, .section-class__fee-flex {
    margin-top: 20px;
    padding-top: 10px;
    padding-right: 10px;
    width: 435px;
    height: 50px;
    position:absolute;
    bottom:20px;
  }
  .section-class__textarea-description {
  margin-top: 20px;
  font-size: 1.8rem;
}
}
/*セクション持ち物　necessary*/
.section-necessary {
  padding: 0 10px;
  margin-top: 80px;
}
.section-necessary__top-message {
  text-align: center;
}
.section-necessary__top-subtitle {
  margin-bottom: 10px;
  color:#1D788A;;
}
.section-necessary h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-necessary__top-description{
  text-align:left;
  color:#486463;
  font-size: 1.8rem;
}
.section-necessary__content-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.section-necessary__content {
  width: 156px;
  height: 156px;
  border: 6px solid #FFEBF3;
  border-radius: 27px;
  position: relative;
  margin: 80px 10px 0;
}
.section-necessary__content img {
  width: 150px;
  position: absolute;
  top: -70px;
  left: 0px;
}
.section-necessary__content p {
  width: 150px;
  padding-top: 80px;
  text-align: center;
}
@media(min-width:960px) {
  .section-necessary {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .section-necessary__top-message {
    padding-top: 100px;
    margin-bottom: 50px;
  }
  .section-necessary h2 {
    font-size: 3.6rem;
    line-height: 5.6rem;
  }
  .section-necessary__top-description{
     text-align: center;
  }
  .section-necessary__content-wrapper {
  margin-bottom: 30px;
}
}
/*セクション　コーチ　coach*/
.section-coach {
  padding: 0 10px;
  margin: 80px 0;
}
.section-coach__top-message {
  text-align: center;
}
.section-coach__top-subtitle {
  margin-bottom: 10px;
  color:#1D788A;
}
.section-coach h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-coach__top-description{
  text-align:left;
  color:#486463;
  font-size: 1.8rem;
  margin-bottom:30px;
}
.section-coach__profile-wrapper{
 border:dotted 6px #CAECEA;
}
.section-coach__profile {
  margin: 30px 0;
  text-align: center;
  padding:30px 0 50px;
}
.section-coach__profile-machida{
  text-align: center;
  padding:50px 20px 0;
}
.section-coach__profile-m img {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 100px;
  border: 5px solid #ffa7bb;
}
.section-coach__profile-o img {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 100px;
  border: 5px solid #41a9ff;
}
.section-coach__profile{
    display:flex;
    margin:0 auto;
    justify-content: center;
  flex-wrap :wrap;
  }
  .section-coach__profile-m,  .section-coach__profile-o{
    padding:0 20px;
  }
.section-coach__profile-message{
  text-align:left;
  padding:10px 40px 20px;
  font-weight: 600;
}
.section-coach__partnership {
  margin: 30px 0;
  text-align: center;
}
.section-coach__partnership-title{
  text-align:center;
  padding-top:50px;
}
.section-coach__partnership-n,.section-coach__partnership-i{
margin-top:40px;
}
.section-coach__partnership-n img {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 60px;
  border: 5px solid #f9e28a;
}
.section-coach__partnership-i img {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 60px;
  border: 5px solid #ffbaa5;
}
.section-coach__partnership{
    display:flex;
    margin:0 auto;
    justify-content: center;
  flex-wrap :wrap;
  }
.section-coach__partnership-n,  .section-coach__partnership-i{
    padding:0 20px;
  }
.underline{
  background: linear-gradient(transparent 40%, #FDFFAB 60%);
}
@media(min-width:960px) {
  .section-coach {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .section-coach__top-message {
    padding-top: 100px;
    margin-bottom: 50px;
  }
  .section-coach h2 {
    font-size: 3.6rem;
    line-height: 5.6rem;
  }
  .section-coach__top-description{
     text-align: center;
  }
  .section-coach__profile-message{
     text-align: center;
  }
  .section-coach__profile-message{
  font-size:1.8rem;
}
}