@media screen and (max-width: 828px) {
  .voiceTab {
    display: none; }
  .lowerKeyBlock {
    background: url(/assets/img/eiyou/voice/managed/bg_key_voice_sp.jpg) no-repeat top center;
    background-size: cover;
    height: 150px;
    margin: 0 0 50px; }
    .lowerKeyBlock .inner {
      max-width: 1000px;
      margin: 0 auto;
      padding: 30px 2% 0; }
      .lowerKeyBlock .inner h2 {
        color: #FFF;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 40px;
        margin: 0 0 20px; }
      .lowerKeyBlock .inner span {
        color: #FFF;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 24px; }
    .lowerKeyBlock--dietician {
      background: url(/assets/img/eiyou/voice/dietician/bg_key_voice_sp.jpg) no-repeat top center;
      background-size: cover; }
  .voiceList ul {
    width: 96%;
    margin: 0 auto 30px;
    overflow: hidden; }
    .voiceList ul li {
      border: 1px solid #0068b7;
      border-radius: 4px;
      float: left;
      margin: 0 0 50px;
      padding: 15px;
      width: 100%;
      overflow: hidden; }
      .voiceList ul li:nth-child(2n) {
        margin: 0 0 40px; }
      .voiceList ul li .info {
        margin: 0 0 20px;
        width: 100%;
        margin: 0 0 20px; }
        .voiceList ul li .info h2 {
          color: #0068b7;
          border-bottom: 1px solid #0068b7;
          font-family: "NotoSansCJKjp-Bold";
          font-size: 30px;
          padding: 0 0 10px;
          margin: 0 0 10px; }
        .voiceList ul li .info .post {
          display: block;
          color: #0068b7;
          font-size: 20px;
          margin: 0 0 20px; }
        .voiceList ul li .info .name {
          display: block;
          font-size: 20px;
          margin: 0 0 20px; }
          .voiceList ul li .info .name span {
            font-size: 35px; }
        .voiceList ul li .info .course {
          display: block;
          font-size: 20px;
          margin: 0 0 10px; }
        .voiceList ul li .info .graduate {
          display: block;
          font-size: 20px;
          margin: 0 0 20px; }
        .voiceList ul li .info .comment h3 {
          color: #0068b7;
          font-family: "NotoSansCJKjp-Medium";
          font-size: 28px;
          line-height: 1.2;
          margin: 0 0 10px; }
        .voiceList ul li .info .comment p {
          font-size: 22px;
          line-height: 1.3;
          text-align: justify; }
      .voiceList ul li .imgBox img {
        width: 100%; }
  .voiceList--dietician ul li {
    border: 1px solid #eb6100; }
    .voiceList--dietician ul li .info h2 {
      color: #eb6100;
      border-bottom: 1px solid #eb6100; }
    .voiceList--dietician ul li .info .post {
      color: #eb6100; }
    .voiceList--dietician ul li .info .comment h3 {
      color: #eb6100; }
  .employer {
    margin: 0 0 40px; }
    .employer > h2 {
      background: #0068b7;
      color: #FFF;
      text-align: center;
      font-size: 28px;
      line-height: 60px;
      height: 60px;
      margin: 0 0 30px; }
    .employerBlock {
      width: 96%;
      margin: 0 auto; }
    .employer--item {
      display: block;
      width: 100%;
      margin: 0 0 40px; }
      .employer--item h3 {
        background: #0068b7;
        border-radius: 6px;
        color: #FFF;
        text-align: center;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 25px;
        line-height: 70px;
        height: 70px;
        margin: 0 0 10px; }
      .employer--item p {
        font-size: 25px;
        line-height: 1.6; }
      .employer--item ul li {
        font-size: 25px;
        margin: 0 0 5px;
        line-height: 1.4; }
    .employer--dietician > h2 {
      background: #eb6100; }
    .employer--dietician .employerBlock .employer--item h3 {
      background: #eb6100; } }

@media screen and (min-width: 829px) ,print {
  .voiceTab {
    width: 1000px;
    margin: 0 auto;
    padding: 16px 0; }
    .voiceTab ul {
      overflow: hidden; }
      .voiceTab ul li {
        float: left;
        width: 49%;
        margin: 0 2% 0 0; }
        .voiceTab ul li:last-child {
          margin: 0; }
        .voiceTab ul li a {
          border: 1px solid #004681;
          border-radius: 4px;
          color: #000;
          display: block;
          text-align: center;
          font-size: 18px;
          text-decoration: none;
          height: 50px;
          line-height: 50px; }
          .voiceTab ul li a.act {
            background: #004681;
            color: #FFF; }
            .voiceTab ul li a:hover{
              color: #fff;
              background-color: #004681;
            }
  .lowerKeyBlock {
    background: url(/assets/img/eiyou/voice/managed/bg_key_voice_pc.jpg) no-repeat top center;
    background-size: cover;
    height: 243px;
    margin: 0 0 36px; }
    .lowerKeyBlock .inner {
      max-width: 1000px;
      margin: 0 auto;
      padding: 70px 0 0; }
      .lowerKeyBlock .inner h2 {
        color: #FFF;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 60px;
        margin: 0 0 30px; }
      .lowerKeyBlock .inner span {
        display: block;
        color: #FFF;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 26px; }
    .lowerKeyBlock--dietician {
      background: url(/assets/img/eiyou/voice/dietician/bg_key_voice_pc.jpg) no-repeat top center;
      background-size: cover; }
  .voiceList ul {
    width: 1000px;
    margin: 0 auto 30px;
    overflow: hidden; }
    .voiceList ul li {
      border: 1px solid #0068b7;
      border-radius: 4px;
      float: left;
      margin: 0 0 40px;
      padding: 15px;
      width: 100%;
      overflow: hidden; }
      .voiceList ul li .info {
        margin: 0 0 20px;
        float: left;
        width: 48%;
        margin: 0 4% 0 0; }
        .voiceList ul li .info h2 {
          color: #0068b7;
          border-bottom: 1px solid #0068b7;
          font-family: "NotoSansCJKjp-Bold";
          font-size: 18px;
          padding: 0 0 8px;
          margin: 0 0 8px; }
        .voiceList ul li .info .post {
          color: #0068b7;
          display: block;
          font-size: 12px;
          margin: 0 0 20px; }
        .voiceList ul li .info .name {
          display: block;
          font-size: 12px;
          margin: 0 0 10px; }
          .voiceList ul li .info .name span {
            font-size: 24px; }
        .voiceList ul li .info .course {
          display: block;
          font-size: 12px;
          margin: 0 0 10px; }
        .voiceList ul li .info .graduate {
          display: block;
          font-size: 12px;
          margin: 0 0 20px; }
      .voiceList ul li .imgBox {
        float: left;
        width: 48%; }
        .voiceList ul li .imgBox img {
          width: 100%; }
      .voiceList ul li .comment h3 {
        color: #0068b7;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 18px;
        line-height: 1.2;
        margin: 0 0 10px; }
      .voiceList ul li .comment p {
        font-size: 14px;
        line-height: 1.3;
        text-align: justify; }
  .voiceList--dietician ul li {
    border: 1px solid #eb6100; }
    .voiceList--dietician ul li .info h2 {
      color: #eb6100;
      border-bottom: 1px solid #eb6100; }
    .voiceList--dietician ul li .info .post {
      color: #eb6100; }
    .voiceList--dietician ul li .info .comment h3 {
      color: #eb6100; }
  .employer {
    margin: 0 0 40px; }
    .employer > h2 {
      background: #0068b7;
      color: #FFF;
      text-align: center;
      font-size: 20px;
      line-height: 40px;
      height: 40px;
      margin: 0 0 20px; }
    .employerBlock {
      width: 1000px;
      margin: 0 auto; }
    .employer--item {
      display: inline-block;
      width: 23.5%;
      margin: 0 2% 20px 0;
      vertical-align: top; }
      .employer--item:nth-child(4n) {
        margin: 0 0 20px; }
      .employer--item h3 {
        background: #0068b7;
        border-radius: 6px;
        color: #FFF;
        text-align: center;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 14px;
        line-height: 50px;
        height: 50px;
        margin: 0 0 10px; }
      .employer--item p {
        font-size: 14px;
        line-height: 1.6; }
      .employer--item ul li {
        font-size: 14px;
        margin: 0 0 5px;
        line-height: 1.4; }
    .employer--dietician > h2 {
      background: #eb6100; }
    .employer--dietician .employerBlock .employer--item h3 {
      background: #eb6100; } }










/*ページ上部ナビ用*/

#main_container .topnav{
        width: 1000px;
        margin: 0 auto 15px auto;
    }

    #main_container .topnav ul{
        display: flex;
        flex-wrap: wrap;
         justify-content: flex-start;
        align-items: center;
        padding: 15px 0 5px;    
    }

    #main_container .topnav ul li{
        margin: 0 8px 8px 0;
        height: 48px
    }

    #main_container .topnav ul li a{
        font-size: 18px;
        display: block;
        height: 50px;
        width: 496px;
        border-radius: 5px;
        line-height: 44px;
        text-align: center;
        border: 1px solid #004681;
        color: #000;
        text-decoration: none;
    }

    #main_container .topnav ul .is-current a {
        background: #004681;
        color: #fff;
    }

/** PC画面 **/
@media print, screen and (min-width: 829px){
    .spImg{
        display:none;
    }

    #main_container .topnav ul a:hover {
        color: #fff;
        background-color: #004681;
    }

    #main_container .topnav ul li:nth-child(2),
    #main_container .topnav ul li:nth-child(4){
        margin-right: 0;
    }
}



@media screen and (max-width: 828px) { /*-----769-----*/
    .pcImg{
        display:none;
    }

    .spImg{
        width: 100%;
    }
	
	#main_container .topnav{
        width: 100%;
        margin: 0 auto 15px auto;
    } 
    
    #main_container .topnav ul{
        margin: 0 20px;
    }
    
    #main_container .topnav ul li{
        width: 49%;
        font-size: 10px;
        margin: 0 10px 10px 0;
    }
    
    #main_container .topnav ul li:nth-child(2),
    #main_container .topnav ul li:nth-child(4){
        margin-right: 0px;
  
    }
    
    #main_container .topnav ul li a{
        width: 100%;
    }
}












/*ページ上部のボタンcss*/

    #main_container_3 .topnav3{
        width: 1000px;
        margin: 0 auto 15px auto;
    }

    #main_container_3 .topnav3 ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 15px 0 5px;
    }

    #main_container_3 .topnav3 ul li{
        margin: 0 10px 10px 0;
        height: 48px;
    }

    #main_container_3 .topnav3 ul li a{
        font-size: 18px;
        display: block;
        height: 50px;
        width: 320px;
        border-radius: 5px;
        line-height: 23px;
        text-align: center;
        border: 1px solid #004681;
        color: #000;
        text-decoration: none;
    }

    #main_container_3 .topnav3 ul .is-current a {
        background: #004681;
        color: #fff;
    }

    #main_container_3 .topnav3 ul a:hover {
        color: #fff;
        background-color: #004681;
    }





@media screen and (min-width: 829px) ,print {


    #main_container_3 .topnav3 ul li:nth-child(1) a,
    #main_container_3 .topnav3 ul li:nth-child(2) a,
    #main_container_3 .topnav3 ul li:nth-child(3) a,
    #main_container_3 .topnav3 ul li:nth-child(4) a,
    #main_container_3 .topnav3 ul li:nth-child(5) a,
    #main_container_3 .topnav3 ul li:nth-child(6) a{
        line-height: 44px;
    }

    }


@media screen and (max-width: 828px) {

     #main_container_3 .topnav3{
        width: 100%;
        margin: 0 auto 15px auto;
    }

    #main_container_3 .topnav3 ul{
        margin: 0 20px;
    }

    #main_container_3 .topnav3 ul li{
        width: 45%;
        font-size: 10px;
        margin: 0 0 5% 4%;
    }

    #main_container_3 .topnav3 ul li a{
        width: 100%;
    }




    #main_container_3 .topnav3 ul li:nth-child(1) a,
    #main_container_3 .topnav3 ul li:nth-child(2) a,
    #main_container_3 .topnav3 ul li:nth-child(3) a,
    #main_container_3 .topnav3 ul li:nth-child(4) a,
    #main_container_3 .topnav3 ul li:nth-child(5) a,
    #main_container_3 .topnav3 ul li:nth-child(6) a{
        line-height: 44px;
    }

}