@charset "UTF-8";
span.set-block {
  display: inline-block;
}

div.page-department-pagenav {
  width: 86%;
  margin: 0 auto;
  margin-top: 10%;
  margin-bottom: 10%;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.page-department-pagenav {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1280px) {
  div.page-department-pagenav {
    margin-bottom: 150px;
  }
}
div.page-department-pagenav::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-top: dashed 1px #666;
  border-bottom: dashed 1px #666;
}
@media screen and (min-width: 768px) {
  div.page-department-pagenav::after {
    width: 100%;
    bottom: -3px;
  }
}
div.page-department-pagenav ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  div.page-department-pagenav ul {
    max-width: 912px;
    margin: 0 auto;
  }
}
div.page-department-pagenav ul li {
  width: 25%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  div.page-department-pagenav ul li {
    line-height: 1em;
  }
}
div.page-department-pagenav ul li:first-child {
  margin-left: 0;
}
div.page-department-pagenav ul li a {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 0.8em;
  line-height: 1.2em;
  min-height: 3em;
  color: #222;
}
@media screen and (min-width: 768px) {
  div.page-department-pagenav ul li a {
    font-size: 16px;
    min-height: 2.2em;
    line-height: 1em;
  }
  div.page-department-pagenav ul li a:hover {
    background: url(../../../img/nutrition/department/page-nav-active_pc.png) no-repeat left top;
    background-size: 100%;
    color: #FFF;
    position: relative;
    opacity: 1;
  }
}
@media screen and (min-width: 1000px) {
  div.page-department-pagenav ul li a {
    min-height: 2.6em;
  }
}
@media screen and (min-width: 1280px) {
  div.page-department-pagenav ul li a {
    font-size: 21px;
    min-height: 1.9em;
  }
}
div.page-department-pagenav ul li a.active {
  background: url(../../../img/nutrition/department/page-nav-active_sp.png) no-repeat left top;
  background-size: 100%;
  color: #FFF;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.page-department-pagenav ul li a.active {
    background: url(../../../img/nutrition/department/page-nav-active_pc.png) no-repeat left top;
    background-size: 100%;
  }
}

body {
  /*main*/
}
body main {
  /*div.department-list-wrap{
    &::after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      margin-top: 0.06%;
      border-top: dashed 1px #666;
      border-bottom: dashed 1px #666;
      @include mq(pc) {
        margin-top: -0.4px;
      }
    }
    ul.department-list{
      display: flex;
      flex-wrap: wrap;
      margin-top: 8%;
      @include mq(pc) {
        width: 94%;
        max-width: 1088px;
        margin: auto;
        margin-top: 63px;
      }
      @include mq(pc-middle) {
        width: 85%;
      }
      li{
        width: 25%;
        height: 3em;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin: auto;
        background-image: url("../../../../assets/img/nutrition/department/tab_sp.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        &:nth-of-type(2){
          background-image: url("../../../../assets/img/nutrition/department/tab-active_sp.png");
        }
        &:hover{
          background-image: url("../../../../assets/img/nutrition/department/tab-active_sp.png");
        }
        @include mq(pc) {
          background-image: none;
          height: 1.8em;
          font-size: 15px;
          &:nth-of-type(2){
            background-image: url("../../../../assets/img/nutrition/department/tab-active_pc.png");
          }
          &:hover{
            background-image: url("../../../../assets/img/nutrition/department/tab-active_pc.png");
          }
        }
        @include mq(pc-middle) {
          font-size: 18px;
        }
        @include mq(pc-large) {
          font-size: 21px;
        }
      }          
      p{
        padding-top: 5%;
        font-size: 0.92em;
        line-height: 1.4em;
        color: #4EC5C0;
        &:hover{
          color: #fff;
        }
        @include mq(pc) {
          padding-top: 6px;
        }
      }
      .li-p01{
        color: #fff;
      }
      .li-p02{
        @include mq(pc) {
          padding-top: 6px;
        }
      }
      .li-p-adjust{
        padding-top: 12%;
        @include mq(pc) {
          padding-top: 6px;
        }
      }
    }
  }*/
  /*section.page-nutrition-department-sec-practice*/
  /*section.page-nutrition-department-sec-practice*/
}
body main section.page-nutrition-department-sec-department {
  width: 93.6%;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-department {
    width: 100%;
  }
}
body main section.page-nutrition-department-sec-department h2 {
  margin: 8.4% auto 10%;
  font-size: 1.52em;
  font-weight: 700;
  line-height: 1.8em;
}
body main section.page-nutrition-department-sec-department h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 5%;
  border-top: dashed 1px #666;
  border-bottom: dashed 1px #666;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-department h2::after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-department h2 {
    width: 80%;
    margin: 100px auto 40px;
    padding-bottom: 16px;
    font-size: 1.52em;
    border-bottom: dashed 1px #666;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-department h2 {
    width: 80.8%;
    font-size: 32px;
  }
}
body main section.page-nutrition-department-sec-department h3 {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.8em;
  margin-bottom: 5%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-department h3 {
    margin-bottom: 20px;
  }
}
body main section.page-nutrition-department-sec-department p {
  margin-bottom: 12%;
  font-size: 1em;
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-department p {
    width: 79%;
    margin: 0 auto 50px;
    font-size: 16px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-department p {
    width: 60%;
  }
}
body main section.page-nutrition-department-sec-expertise {
  width: 93.6%;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-expertise {
    width: 80.4%;
    max-width: 1100px;
  }
}
body main section.page-nutrition-department-sec-expertise h3 {
  font-size: 1.4em;
  line-height: 1.8em;
  margin-bottom: 5%;
  color: #00AB9F;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-expertise h3 {
    margin-bottom: 20px;
  }
}
body main section.page-nutrition-department-sec-expertise p {
  margin-bottom: 7%;
}
body main section.page-nutrition-department-sec-practice p {
  font-size: 1em;
  line-height: 2em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice p {
    font-size: 16px;
    line-height: 36px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 {
  width: 93.6%;
  margin: auto;
  padding: 6% 0;
  margin-top: 20%;
  border: 4px solid #00AB9F;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 {
    width: 80.4%;
    max-width: 1100px;
    margin-top: 60px;
    padding: 50px 0;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner {
  width: 85.8%;
  margin: auto;
  /*div.sec-practice-content01-top*/
  /*ul.lesson*/
  /*ul.goal*/
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner {
    width: 87.25%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top {
  /*ttl-box*/
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top {
    display: flex;
    flex-wrap: wrap;
    gap: 3.8%;
    align-items: center;
    margin-bottom: 20px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 5.4%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box {
    width: 49.4%;
    margin-bottom: 0;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box .circle {
  position: relative;
  display: flex;
  align-items: center;
  flex-basis: 23%;
  height: 100%;
  margin-right: 5%;
  background-color: #FFF;
  border: solid 1.12em #00AB9F;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box .circle {
    flex-basis: 70px;
    height: 70px;
    border: solid 0.8em #00AB9F;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box .circle {
    flex-basis: 100px;
    height: 100px;
  }
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box .circle {
    flex-basis: 125px;
    height: 125px;
    border: solid 15px #00AB9F;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box .circle::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box .circle span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  font-size: 1.6em;
  letter-spacing: 0.12em;
  text-indent: 0.12em;
  font-weight: bold;
  color: #00AB9F;
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top .ttl-box .circle span {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top p {
    width: 46.8%;
    font-size: 16px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top h3 {
  line-height: 1.4em;
  font-size: 1.8em;
  font-weight: 900;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top h3 {
    font-size: 25px;
  }
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-top h3 {
    font-size: 37px;
  }
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson {
    display: flex;
    flex-wrap: wrap;
    gap: 5.6%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li {
  margin-top: 8.2%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li {
    width: 47.2%;
    margin-top: 50px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li p {
  font-size: 1em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li p {
    font-size: 16px;
    line-height: 36px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .practice-content01-img {
  margin-bottom: 5.4%;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .lesson-ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 4.6%;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .lesson-ttl span.name {
  font-size: 1.4em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .lesson-ttl span.name {
    font-size: 22px;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .lesson-ttl span.name {
    font-size: 30px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .lesson-ttl span.grade {
  margin-left: 10%;
  background-color: #80CCDA;
  padding: 0.02em 0.5em;
  font-size: 0.8em;
  color: #fff;
  text-align: center;
  border-radius: 0.6em;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .lesson-ttl span.name-sub {
  font-size: 1.12em;
  font-weight: 700;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li .lesson-ttl span.name-sub {
    padding-top: 10px;
    font-size: 22px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li.jishuu .lesson-ttl span.grade {
  background-color: #F4AA21;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li.jikken .lesson-ttl span.grade {
  background-color: #DE5D44;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.lesson li.enshuu .lesson-ttl span.grade {
  background-color: #B18CBE;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal {
  margin-top: 5%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal {
    margin-top: 50px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li {
  display: flex;
  margin-bottom: 15px;
  border: 3px solid #00AB9F;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li {
    margin-top: 20px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-ttl {
  -webkit-clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
          clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
  flex-basis: 35%;
  display: flex;
  align-items: center;
  background-color: #00AB9F;
  padding: 0 0 0 4%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.4em;
  font-size: 1.2em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-ttl {
    flex-basis: 180px;
    font-size: 17px;
    padding: 4.5% 0 4.5% 4%;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-ttl {
    text-align: right;
    flex-basis: 25%;
    padding: 3.6% 0 3% 2%;
  }
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-ttl {
    font-size: 23px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 2% 4% 2% 4%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content {
    padding: 0.4% 4% 0.4% 4%;
    flex-direction: row;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content p {
  font-size: 1em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content p {
    width: 80px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content p {
    font-size: 24px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul {
    width: calc(100% - 110px);
    padding-left: 4%;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul {
    width: calc(100% - 110px);
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul li {
  display: inline-block;
  font-size: 0.94em;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul li::before {
  content: "・";
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul li::before {
    margin: 0 6px;
  }
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul li {
    font-size: 15px;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul li {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content ul li.w100 {
    width: 100%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content .goal-etc {
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner ul.goal li.goal-li .goal-content .goal-etc {
    position: absolute;
    bottom: 5px;
    right: 15px;
    font-size: 16px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box {
  border: 2px solid #B4B4B5;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box {
    margin-top: 20px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner {
  width: 91.2%;
  margin: auto;
  padding: 5.4% 0;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner {
    width: 88%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner h3 {
  margin-bottom: 7%;
  font-size: 1.2em;
  font-weight: bold;
  color: #00AB9F;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner h3 {
    font-size: 30px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li {
  display: flex;
  flex-wrap: wrap;
  gap: 4.2%;
  margin-top: 8%;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li {
    gap: 3.2%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li .practice-content01-box-img {
  width: 39.2%;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li .practice-content01-box-img {
    width: 27.2%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li dl {
  width: 56.6%;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li dl {
    width: 69.6%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li dl dt {
  background-color: #DFF0ED;
  padding: 4% 4%;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li dl dt {
    font-size: 23px;
    padding: 2% 5%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li dl dt span {
  font-size: 0.8em;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li dl dd {
  padding-top: 5.4%;
  font-size: 0.94em;
  line-height: 1.6em;
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content01 div.sec-practice-content01-inner div.sec-practice-content01-box div.sec-practice-content01-box-inner ul li dl dd {
    font-size: 20px;
    padding-top: 3%;
    padding-left: 2%;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 {
  background-color: #F7F7F3;
  padding: 7% 0 3%;
  margin-top: 15%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 {
    padding: 35px 0;
    margin-top: 90px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 h2 {
  width: 63%;
  margin-bottom: 5%;
  margin-left: 4%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 h2 {
    width: 47.2%;
    margin-bottom: 0;
    margin-left: 0;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 div.practice-content02-img {
  margin-bottom: 5%;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 div.practice-content02-img {
    width: 90.2%;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 div.img-left {
    margin-left: 0;
    margin-right: auto;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 div.sec-practice-content02-inner {
  width: 93.6%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 div.sec-practice-content02-inner {
    width: 82.6%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 h3 {
  font-size: 1.28em;
  letter-spacing: 0.12em;
  margin-bottom: 5%;
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 p {
  font-size: 1em;
  line-height: 2.2em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 p {
    font-size: 16px;
    line-height: 36px;
    border-top: 5px solid #fff;
    margin-top: 30px;
    padding-top: 30px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name {
  display: flex;
  align-items: baseline;
  margin-top: 3%;
  padding-top: 4%;
  border-top: 5px solid #fff;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name {
    width: 45.2%;
    border-top: 0px solid;
    margin-top: 0;
    margin-left: 3%;
    padding-top: 0;
    padding-left: 3%;
    display: block;
    border-left: 5px solid #fff;
    line-height: 20px;
  }
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name {
    line-height: 38px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.name {
  font-size: 1.2em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.name {
    font-size: 20px;
    letter-spacing: 1.6px;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.name {
    font-size: 27px;
  }
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.name {
    font-size: 34px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.san {
  display: inline-block;
  font-size: 0.8em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.san {
    font-size: 12px;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.san {
    font-size: 15px;
  }
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.san {
    font-size: 19px;
  }
}
body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.school {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 0.6em;
}
@media screen and (min-width: 768px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.school {
    font-size: 10.8px;
    margin-left: 0;
  }
}
@media screen and (min-width: 1000px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.school {
    font-size: 13px;
  }
}
@media screen and (min-width: 1280px) {
  body main section.page-nutrition-department-sec-practice div.sec-practice-content02 .practice-name span.school {
    font-size: 15px;
  }
}

/*body*//*# sourceMappingURL=practice.css.map */