@charset "utf-8";
/* CSS Document */

.lom_pagettl{
  padding: 32px 0;
  background-color: #F69D00;
}
.lom_pagettl .lom_wrap{padding-left: 204px;}
.lom_pagettl h1{
  margin-bottom: 12px;
  font-family : 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size : 1.875rem;
  font-weight : bold;
}
.lom_pagettl p{
  line-height: 1.2;
  font-size: 1.25rem;
}
.lom_pan{margin-bottom: 56px;}


.lom_memberbody{margin-bottom: 96px;}
.lom_memberbody h2{
  margin-bottom: 64px;
  font-size: 1.25rem;
}
.lom_memberbody h2::before{
  content: "";
  display: inline-block;
  width: calc(45px + ((100% - 1000px)/2));
  min-width: 45px;
  height: 30px;
  margin-right: 16px;
  vertical-align: middle;
  background-color: #275CC3;
}
.lom_memberbody h2 span{vertical-align: middle;}


.lom_teacherlist{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 72px;
}
.lom_teacherlist li{
  width: 470px;
  padding: 24px 0 72px;
  border-top: 1px solid #275CC3;
}
.lom_teacherlist li:nth-of-type(odd):last-of-type{width: 100%;}
.lom_teacherlist li figure{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.lom_teacherlist li figure p img{width: 180px;}
.lom_teacherlist li:nth-of-type(odd):last-of-type figure p img{width: 468px;}
.lom_teacherlist li figcaption{
  width: 250px;
  padding-top: 8px;
}
.lom_teacherlist li:nth-of-type(odd):last-of-type figcaption{width: 468px;}
.lom_teacherlist li h3{
  font-family : 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size : 1.875rem;
  font-weight : bold;
}
.lom_teacherlist li span{
  display: block;
  margin-bottom: 14px;
  font-size: 0.75rem;
}
.lom_teacherlist li figcaption p{margin-bottom: 10px;}
.lom_teacherlist li a{
  display: block;
  width: 200px;
  height: 36px;
  padding: 4px 0;
  text-align: center;
  color: #275CC3;
  border-radius: 20px;
  background-color: #FFDA77;
}
.lom_teacherlist li a img{
  width: 24px;
  margin-right: 4px;
  vertical-align: middle;
}
.lom_teacherlist li a span{
  vertical-align: middle;
  color : #275CC3;
}
.lom_introtxt_sp{
  display: none;
  font-size: 0.875rem;
}



.lom_managerlist{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.lom_managerlist dt{
  width: 72px;
  padding-top: 12px;
  font-family : 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight : bold;
}
.lom_managerlist dd{
  width: calc(100% - 72px);
  margin-bottom: 40px;
  padding-left: 32px;
}
.lom_managname{
  vertical-align: middle;
  font-family : 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size : 1.875rem;
  font-weight : bold;
}
.lom_managtitle{
  margin-left: 8px;
  vertical-align: middle;
}
.lom_managerlist dd p{}




@media screen and (min-width:841px){
  .lom_teacherlist li a:hover{background-color: #F69D00;}
}








@media screen and (max-width:840px){
  .lom_pagettl{
    margin-bottom: 0;
    padding: 24px 24px 40px;
    background: none;
  }
  .lom_pagettl .lom_wrap{padding: 0;}
  .lom_pagettl h1{font-size: 1.375rem;}
  .lom_pagettl p{font-size: 1.125rem;}


  .lom_memberbody h2{
    height: 40px;
    margin-bottom: 0;
    padding: 2px 0 0 40px;
    font-size: 1.25rem;
    color: #FFFFFF;
    background-color: #275CC3;
  }
  .lom_memberbody h2::before{content: none;}


  .lom_teacherlist{padding: 0 24px;}
  .lom_teacherlist li{
    width: 100%;
    padding: 24px 0 48px;
  }
  .lom_teacherlist li:first-of-type{border-top: none;}
  .lom_teacherlist li figure{margin-bottom: 16px;}
  .lom_teacherlist li figure p img{width: 108px;}
  .lom_teacherlist li figcaption{width: calc(100% - 113px);}
  .lom_teacherlist li h3{padding-left: 24px;}
  .lom_teacherlist li span{padding-left: 24px;}
  .lom_teacherlist li figcaption p{display: none;}
  .lom_teacherlist li a{width: 100%;}
  .lom_introtxt_sp{display: block;}

  .lom_teacherlist li:nth-of-type(odd):last-of-type figure{flex-wrap: wrap;}
  .lom_teacherlist li:nth-of-type(odd):last-of-type figure p{width: 100%;}
  .lom_teacherlist li:nth-of-type(odd):last-of-type figure p img{max-width: 100%;}
  .lom_teacherlist li:nth-of-type(odd):last-of-type h3{padding-left: 0;}
  .lom_teacherlist li:nth-of-type(odd):last-of-type span{
    margin-bottom: 0;
    padding-left: 0;
  }



  .lom_managerlist{padding: 40px 24px;}
  .lom_managerlist dd{
    display: flex;
    flex-wrap: wrap;
  }
  .lom_managname{
    display: block;
    width: 100%;
    margin-left: 0;
    font-size: 1.5rem;
    order: 1;
  }
  .lom_managtitle{
    display: block;
    width: 100%;
    margin-left: 0;
    font-size: 0.875rem;
    order: 3;
  }
  .lom_managerlist dd p{
    font-size: 0.75rem;
    order: 2;
  }
}