/* ac・sy 講座ページ共通のスタイル(common_ac.css と common_sy.css で内容が同じ塊を集約。common_course_base.css と同じ塊は除く) */
/* 汎用HEAD デザイン */
.hD01 {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;

  flex-basis: 100%;

  box-sizing: border-box;

  margin: 5px auto 10px;
  padding: 5px 0;
  line-height: 140%;
  width:100%;

  /*
    本番ではSASSでのコンパイルを使う
    background: linear-gradient(to 方向, 開始色, 終了色);
    */
  background: linear-gradient(to bottom, #FFF0CD, #FFD87C);
}
/* teach.html */

.grid__teacher__wrapper,
.grid__teacher__parentBox,
.grid__teacher__image,
.grid__teacher__introduction,
.grid__teacher__text{
  position:relative;
  box-sizing:border-box;
}
.grid__teacher__wrapper{
  padding-top:10px;
  padding-bottom:10px;
}
.grid__teacher__parentBox{
  display:grid;
  grid-template-columns: auto 1fr;
  margin-bottom:10px;
  padding:10px 5px;

  border: 1px dotted #393;
  border-bottom: 2px solid #393;
  border-radius: 5px 5px 0 0

}
/*
.grid__teacher__parentBox:nth-child(odd){
  border-right:1px dashed #cf7998;
  border-bottom:1px dashed #cf7998;
}

.grid__teacher__parentBox:nth-child(even){
  border-left:1px dashed #cf7998;
  border-bottom:1px dashed #cf7998;
}

.grid__teacher__parentBox:nth-child(even){  border-bottom:1px dashed #cf7998; }
.grid__teacher__parentBox:nth-child(2n+1):last-child {  border-bottom:0;   }
*/

.grid__teacher__image{
  display:flex;
  justify-content: center;
  align-items: center;

  padding:5px;
}
.grid__teacher__image img{  border:1px solid #2e7d32;  }
.grid__teacher__introduction{

  padding-top:10px;
  padding-bottom:5px;
}
.grid__teacher__introduction dd,
.grid__teacher__introduction ul,
.grid__teacher__introduction li{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
.grid__teacher__introduction ul,
.grid__teacher__introduction li{ list-style:none; }
.grid__teacher__text{
  grid-column: 1 / 4;
  line-height:160%;
}