@charset "UTF-8";

/*-------------------------------------------
message
-------------------------------------------*/
.message{
    padding: 5% ;
    display: flex;
    align-items: center;
}

.message .section-title .name{
    display: block;
    font-size: 2rem;
    font-weight: 500;
}
.message .section-title .sub{
    display: block;
    font-size: 1rem;
}
.message .namearea{
    width: 40%;

}
.message .text{
    font-size: 20px;
    width: 60%;
    text-align: center;
    padding-top: 8%;

}
  
/*-------------------------------------------
com-image
-------------------------------------------*/
.com-image{
    width: 100%;
    text-align: center;
}
.com-image img{
    max-width: 100%;
    
}

/*-------------------------------------------
セクションタイトル・テキスト
-------------------------------------------*/
.section-title {
  margin: 8% auto 3% 10%;
  color: #0B2447;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: left;
}
.text {
  
margin-top: 0;
  padding: 0 10% 8% 10%;
  color: #0B2447;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 1rem;
  text-align: left;
}

.about{
  max-width:80%;
  margin:0 auto;

  
}
/*-------------------------------------------
プロフィール＆教室概要
-------------------------------------------*/
.profiru{
 padding: 8%; 
 display: flex;
}
.info{
    width: 100%;
}

    
.profiru .img{
    width: 50%;
}
.profiru .img img{
    max-height: 75%;
    margin:20% 0 0 0;
    
}



.prf dt{
border-bottom: 2px solid #0B2447;
width: 70%;
font-weight: 600;
}

.prf dd{
    padding-bottom: 2rem;
    width: 70%;
}
.school-profiru .section-title{
  text-align: center;
  margin: 0 ;
  margin-bottom: 1rem;
}

.school-profiru{
  background-color: #d8d8d9;
  width: 100%;
      display: flex;
      justify-content: center;
      text-align: center;
      padding: 2rem;
}

.school-prf dt{
  border-bottom: 1px dotted #0B2447;
  width: 100%;
  font-weight: 600;
  text-align: left;

}
.school-prf dd{
  margin-bottom: 1.5rem;
  text-align: left;
}
/*-------------------------------------------
レスポンシブ対応
-------------------------------------------*/

/* タブレット (1024px以下) */
@media (max-width: 1024px) {
  .message{
    flex-direction: column;
    text-align: center;
  }

  .message .namearea,
  .message .text {
    width: 100%;
    padding-top: 1rem;
  }

  .profiru {
    display: block;
    align-items: center;
  }

  .profiru .img {
    width: 100%;
    margin-bottom: 2rem;
  }

  .prf dt,
  .prf dd {
    width: 100%;
  }

  .school-profiru {
    flex-direction: column;
    padding: 1.5rem;
  }
}

/* スマホ (767px以下) */
@media (max-width: 767px) {
  .section-title {
    font-size: 26px;
    margin: 6% auto 3% auto;
    text-align: center;
  }

  .text {
    padding: 0 5% 6% 5%;
    font-size: 0.95rem;
    text-align: center;
  }

  .message .section-title .name {
    font-size: 1.6rem;
  }

  .message .section-title .sub {
    font-size: 0.9rem;
  }

  .profiru {
    padding: 5%;
  }
}

/* 特小スマホ (480px以下) */
@media (max-width: 480px) {
  .section-title {
    font-size: 22px;
  }

  .text {
    font-size: 0.9rem;
  }

  .message .text {
    font-size: 0.9rem;
    padding-top: 0.5rem;
  }

  .message .section-title .name {
    font-size: 1.4rem;
  }

  .profiru .img img {
    margin: 0;
    max-height: none;
  }
}