@media screen and (max-width: 828px) {
  .ocTab {
    width: 100%;
    padding: 0 10px;
    margin: 20px 0; }
    .ocTab ul {
      margin: 0;
      overflow: hidden; }
      .ocTab ul li {
        float: left;
        width: 32%;
        margin: 0;
        padding: 0 0 0 14px; }
        .ocTab ul li:last-child {
          margin: 0; }
        .ocTab ul li a {
          border: 1px solid #004681;
          border-radius: 4px;
          color: #000;
          display: block;
          text-align: center;
          font-size: 20px;
          text-decoration: none;
          padding: 10px 10px; }
          .ocTab ul li a.act {
            background: #004681;
            color: #FFF; }
            .ocTab ul li a:hover{
              color: #fff;
              background-color: #004681;
            }
  .lowerKeyBlock {
    height: 150px;
    margin: 0 0 50px; }
    .lowerKeyBlock .inner {
      max-width: 1000px;
      margin: 0 auto;
      padding: 30px 2% 0; }
      .lowerKeyBlock .inner .sub {
        color: #FFF;
        display: block;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 24px; }
      .lowerKeyBlock .inner h2 {
        color: #FFF;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 40px;
        margin: 0 0 16px; }
    .lowerKeyBlock--managed {
      background: url(/assets/img/eiyou/oc/managed/bg_key_oc_managed_sp.jpg) no-repeat top center;
      background-size: cover; }
    .lowerKeyBlock--dietician {
      background: url(/assets/img/eiyou/oc/dietician/bg_key_oc_dietician_sp.jpg) no-repeat top center;
      background-size: cover; }
    .lowerKeyBlock--event {
      background: url(/assets/img/eiyou/oc/event/bg_key_oc_event_sp.jpg) no-repeat top center;
      background-size: cover;
      margin: 0; }
      .lowerKeyBlock--event .inner {
        padding: 50px 2% 0; }
        .lowerKeyBlock--event .inner h2 {
        text-shadow: #004681 4px 0px 0px,
 #004681 4px 2px 0px,
 #004681 4px -2px 0px,
 #004681 -4px 0px 0px,
 #004681 -4px 2px 0px,
 #004681 -4px -2px 0px,
 #004681 0px -4px 0px,
 #004681 2px -4px 0px,
 #004681 -2px -4px 0px,
 #004681 0px 4px 0px,
 #004681 2px 4px 0px,
 #004681 -2px 4px 0px;}
  .benefits {
    padding: 0 0 60px; }
    .benefits > h2 {
      background: #0068b7;
      color: #FFF;
      text-align: center;
      font-size: 28px;
      line-height: 60px;
      height: 60px;
      margin: 0 0 20px; }
    .benefits .benefitsBox {
      width: 96%;
      margin: 0 auto;
      overflow: hidden; }
      .benefits .benefitsBox .txtBox {
        margin: 0 0 20px; }
        .benefits .benefitsBox .txtBox p {
          font-size: 25px;
          letter-spacing: -.5px;
          line-height: 1.6;
          margin: 0 0 20px; }
        .benefits .benefitsBox .txtBox .conditions {
          background: #0068b7;
          border-radius: 3px;
          color: #FFF;
          display: inline-block;
          text-align: center;
          padding: 0 16px;
          line-height: 36px;
          font-size: 20px;
          margin: 0 0 16px; }
        .benefits .benefitsBox .txtBox ul {
          margin: 0 0 20px; }
          .benefits .benefitsBox .txtBox ul:last-child {
            margin: 0; }
          .benefits .benefitsBox .txtBox ul li {
            font-size: 22px;
            margin: 0 0 14px; }
            .benefits .benefitsBox .txtBox ul li:last-child {
              margin: 0; }
            .benefits .benefitsBox .txtBox ul li span {
              color: #0068b7; }
      .benefits .benefitsBox .imgBox img {
        width: 100%; }
    .benefits--dietician > h2 {
      background: #eb6100; }
    .benefits--dietician .benefitsBox .txtBox .conditions {
      background: #eb6100; }
    .benefits--dietician .benefitsBox .txtBox ul li span {
      color: #eb6100; }
  .ocRead {
    width: 96%;
    margin: 0 auto;
    padding: 30px 0 50px; }
    .ocRead p {
      font-size: 20px;
      line-height: 1.8; }
  .ocSchedule {
    margin: 0 0 60px; }
    .ocSchedule > h2 {
      background: #0068b7;
      color: #FFF;
      text-align: center;
      font-size: 28px;
      line-height: 60px;
      height: 60px;
      margin: 0 0 30px; }
    .ocSchedule .ocList {
      width: 96%;
      margin: 0 auto; }
      .ocSchedule .ocList--item {
        border: 1px solid #0068b7;
        border-radius: 12px;
        position: relative;
        margin: 0 0 20px; }
        .ocSchedule .ocList--item:last-child {
          margin: 0; }
        .ocSchedule .ocList--item .info {
          padding: 30px 20px; }
          .ocSchedule .ocList--item .infoDay {
            color: #0068b7;
            display: inline-block;
            vertical-align: bottom;
            font-size: 24px; }
            .ocSchedule .ocList--item .infoDay > span {
              font-family: "NotoSansCJKjp-Bold";
              font-size: 60px;
              margin: 0 0 0 5px;
              display: inline-block; }
              .ocSchedule .ocList--item .infoDay > span > span {
                font-family: "NotoSansCJKjp-Regular";
                font-size: 48px;
                vertical-align: top;
                display: inline-block;
                margin: 4px 4px 0; }
          .ocSchedule .ocList--item .infoSub {
            color: #0068b7;
            display: inline-block;
            vertical-align: bottom;
            font-size: 24px;
            padding: 0 0 5px; }
        .ocSchedule .ocList--item .target {
          position: absolute;
          top: 20px;
          right: 20px; }
          .ocSchedule .ocList--item .target li {
            margin: 0 0 5px; }
            .ocSchedule .ocList--item .target li:last-child {
              margin: 0; }
            .ocSchedule .ocList--item .target li span {
              color: #FFF;
              display: block;
              font-family: "NotoSansCJKjp-DemiLight";
              font-size: 20px;
              line-height: 30px;
              padding: 0 8px;
              width: 166px;
              text-align: center; }
              .ocSchedule .ocList--item .target li span.category01 {
                background: #ea68a2; }
              .ocSchedule .ocList--item .target li span.category02 {
                background: #00b7ee; }
        .ocSchedule .ocList--item .detail {
          margin: 0 0 20px;
          padding: 0 20px; }
          .ocSchedule .ocList--item .detail .imgBox {
            margin: 0 0 26px; }
            .ocSchedule .ocList--item .detail .imgBox img, .custom_image img {
              width: 100%; }
          .ocSchedule .ocList--item .detail .txtBox .timetable {
            color: #0068b7;
            font-size: 20px;
            display: block;
            margin: 0 0 20px; }
            .ocSchedule .ocList--item .detail .txtBox .timetable .caution {
              display: block;
              font-size: 20px;
              margin: 10px 0 0; }
          .ocSchedule .ocList--item .detail .txtBox h3 {
            color: #0068b7;
            font-family: "NotoSansCJKjp-Bold";
            font-size: 25px;
            margin: 0 0 20px; }
          .ocSchedule .ocList--item .detail .txtBox p {
            font-family: "NotoSansCJKjp-DemiLight";
            font-size: 18px;
            line-height: 1.4; }
        .ocSchedule .ocList--item .entry {
          background: #0068b7;
          border-radius: 0 0 10px 10px;
          display: block;
          text-align: center;
          text-decoration: none; }
          .ocSchedule .ocList--item .entry span {
            color: #FFF;
            display: inline-block;
            font-family: "NotoSansCJKjp-DemiLight";
            font-size: 24px;
            line-height: 60px;
            padding: 0 40px 0 0;
            position: relative; }
            .ocSchedule .ocList--item .entry span:after {
              background: url(/assets/img/eiyou/oc/managed/ico_oc_entry_sp.png) no-repeat;
              content: "";
              display: block;
              width: 28px;
              height: 28px;
              position: absolute;
              top: 50%;
              right: 0;
              margin: -14px 0 0; }
        .ocSchedule .ocList--item > h3 {
          font-family: "NotoSansCJKjp-Bold";
          font-size: 25px;
          line-height: 1.6;
          margin: 0 0 30px;
          padding: 20px 20px 0; }
    .ocSchedule--dietician > h2 {
      background: #eb6100; }
    .ocSchedule--dietician .ocList--item {
      border: 1px solid #eb6100; }
      .ocSchedule--dietician .ocList--item .infoDay {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .infoSub {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .detail .txtBox .timetable {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .detail .txtBox h3 {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .entry {
        background: #eb6100; }
        .ocSchedule--dietician .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/dietician/ico_oc_entry_pc.png) no-repeat; }
    .ocSchedule--event01 > h2 {
      background: #67b2ca; }
    .ocSchedule--event01 .ocList--item {
      border: 1px solid #67b2ca; }
      .ocSchedule--event01 .ocList--item h3 {
        color: #67b2ca; }
      .ocSchedule--event01 .ocList--item .detail .txtBox .timetable {
        color: #67b2ca; }
      .ocSchedule--event01 .ocList--item .entry {
        background: #67b2ca; }
        .ocSchedule--event01 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_01_sp.png) no-repeat; }
    .ocSchedule--event02 > h2 {
      background: #b172b6; }
    .ocSchedule--event02 .ocList--item {
      border: 1px solid #b172b6; }
      .ocSchedule--event02 .ocList--item h3 {
        color: #b172b6; }
      .ocSchedule--event02 .ocList--item .detail .txtBox .timetable {
        color: #b172b6; }
      .ocSchedule--event02 .ocList--item .entry {
        background: #b172b6; }
        .ocSchedule--event02 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_02_sp.png) no-repeat; }
    .ocSchedule--event03 > h2 {
      background: #e6825b; }
    .ocSchedule--event03 .ocList--item {
      border: 1px solid #e6825b; }
      .ocSchedule--event03 .ocList--item h3 {
        color: #e6825b; }
      .ocSchedule--event03 .ocList--item .detail .txtBox .timetable {
        color: #e6825b; }
      .ocSchedule--event03 .ocList--item .detail .txtBox p span {
        color: #e6825b; }
      .ocSchedule--event03 .ocList--item .entry {
        background: #e6825b; }
        .ocSchedule--event03 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_03_sp.png) no-repeat; }
    .ocSchedule--event04 > h2 {
      background: #1ea878; }
    .ocSchedule--event04 .ocList--item {
      border: 1px solid #1ea878; }
      .ocSchedule--event04 .ocList--item h3 {
        color: #1ea878; }
      .ocSchedule--event04 .ocList--item .detail .txtBox .timetable {
        color: #1ea878; }
      .ocSchedule--event04 .ocList--item .entry {
        background: #1ea878; }
        .ocSchedule--event04 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_04_sp.png) no-repeat; } }

@media screen and (min-width: 829px) ,print {
  .ocTab {
    width: 1000px;
    margin: 0 auto;
    padding: 16px 0; }
    .ocTab .ocTab_sp {
      display: block; }
    .ocTab ul {
      overflow: hidden; }
      .ocTab ul li {
        float: left;
        width: 32%;
        margin: 0 2% 0 0; }
        .ocTab ul li:last-child {
          margin: 0; }
        .ocTab 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; }
          .ocTab ul li a.act {
            background: #004681;
            color: #FFF; }
            .ocTab ul li a:hover{
              color: #fff;
              background-color: #004681;
            }
  .lowerKeyBlock {
    height: 243px;
    margin: 0 0 36px; }
    .lowerKeyBlock--managed {
      background: url(/assets/img/eiyou/oc/managed/bg_key_oc_managed_pc.jpg) no-repeat top center;
      background-size: cover; }
    .lowerKeyBlock--dietician {
      background: url(/assets/img/eiyou/oc/dietician/bg_key_oc_dietician_pc.jpg) no-repeat top center;
      background-size: cover; }
    .lowerKeyBlock--event {
      background: url(/assets/img/eiyou/oc/event/bg_key_oc_event_pc.jpg) no-repeat top center;
      background-size: cover;
      margin: 0; }
    .lowerKeyBlock .inner {
      max-width: 1000px;
      margin: 0 auto;
      padding: 70px 0 0; }
      .lowerKeyBlock .inner .sub {
        color: #FFF;
        display: block;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 26px; }
      .lowerKeyBlock .inner h2 {
        color: #FFF;
        font-family: "NotoSansCJKjp-Medium";
        font-size: 60px;
        margin: 0 0 30px; }
        .lowerKeyBlock--event .inner {
          padding: 90px 0 0;
        }
        .lowerKeyBlock--event .inner h2 {
          text-shadow: #004681 4px 0px 0px,
 #004681 4px 2px 0px,
 #004681 4px -2px 0px,
 #004681 -4px 0px 0px,
 #004681 -4px 2px 0px,
 #004681 -4px -2px 0px,
 #004681 0px -4px 0px,
 #004681 2px -4px 0px,
 #004681 -2px -4px 0px,
 #004681 0px 4px 0px,
 #004681 2px 4px 0px,
 #004681 -2px 4px 0px;}
  .benefits {
    padding: 0 0 60px; }
    .benefits > h2 {
      background: #0068b7;
      color: #FFF;
      text-align: center;
      font-size: 20px;
      line-height: 40px;
      height: 40px;
      margin: 0 0 20px; }
    .benefits .benefitsBox {
      width: 1000px;
      margin: 0 auto;
      overflow: hidden; }
      .benefits .benefitsBox .txtBox {
        float: left;
        width: 480px;
        margin: 0 40px 0 0; }
        .benefits .benefitsBox .txtBox p {
          font-size: 18px;
          letter-spacing: -.5px;
          line-height: 1.6;
          margin: 0 0 20px; }
        .benefits .benefitsBox .txtBox .conditions {
          background: #0068b7;
          border-radius: 3px;
          color: #FFF;
          display: inline-block;
          text-align: center;
          padding: 0 12px;
          line-height: 25px;
          font-size: 14px;
          margin: 0 0 10px; }
        .benefits .benefitsBox .txtBox ul {
          margin: 0 0 20px; }
          .benefits .benefitsBox .txtBox ul:last-child {
            margin: 0; }
          .benefits .benefitsBox .txtBox ul li {
            font-size: 14px;
            margin: 0 0 10px; }
            .benefits .benefitsBox .txtBox ul li:last-child {
              margin: 0; }
            .benefits .benefitsBox .txtBox ul li span {
              color: #0068b7; }
      .benefits .benefitsBox .imgBox {
        float: left;
        width: 480px; }
    .benefits--dietician > h2 {
      background: #eb6100; }
    .benefits--dietician .benefitsBox .txtBox .conditions {
      background: #eb6100; }
    .benefits--dietician .benefitsBox .txtBox ul li span {
      color: #eb6100; }
  .ocRead {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0; }
    .ocRead p {
      font-size: 14px;
      line-height: 1.8; }
  .ocSchedule {
    margin: 0 0 60px; }
    .ocSchedule > h2 {
      background: #0068b7;
      color: #FFF;
      text-align: center;
      font-size: 20px;
      line-height: 40px;
      height: 40px;
      margin: 0 0 20px; }
    .ocSchedule .ocList {
      width: 1000px;
      margin: 0 auto; }
      .ocSchedule .ocList--item {
        border: 1px solid #0068b7;
        border-radius: 12px;
        position: relative;
        margin: 0 0 20px; }
        .ocSchedule .ocList--item:last-child {
          margin: 0; }
        .ocSchedule .ocList--item .info {
          padding: 10px 20px;
          margin: 0 0 10px; }
          .ocSchedule .ocList--item .infoDay {
            color: #0068b7;
            display: inline-block;
            vertical-align: bottom;
            font-size: 34px;
            letter-spacing: 1px; }
            .ocSchedule .ocList--item .infoDay > span {
              font-family: "NotoSansCJKjp-Bold";
              font-size: 90px;
              margin: 0 0 0 5px;
              display: inline-block; }
              .ocSchedule .ocList--item .infoDay > span > span {
                font-family: "NotoSansCJKjp-Regular";
                font-size: 72px;
                vertical-align: top;
                display: inline-block;
                margin: 4px 4px 0; }
          .ocSchedule .ocList--item .infoSub {
            color: #0068b7;
            display: inline-block;
            vertical-align: bottom;
            font-size: 30px;
            padding: 0 0 5px; }
        .ocSchedule .ocList--item .target {
          position: absolute;
          top: 20px;
          right: 20px; }
          .ocSchedule .ocList--item .target li {
            margin: 0 0 10px; }
            .ocSchedule .ocList--item .target li:last-child {
              margin: 0; }
            .ocSchedule .ocList--item .target li span {
              color: #FFF;
              display: block;
              font-family: "NotoSansCJKjp-DemiLight";
              font-size: 20px;
              line-height: 34px;
              padding: 0 8px;
              width: 166px;
              text-align: center; }
              .ocSchedule .ocList--item .target li span.category01 {
                background: #ea68a2; }
              .ocSchedule .ocList--item .target li span.category02 {
                background: #00b7ee; }
        .ocSchedule .ocList--item .detail {
          margin: 0 0 26px;
          padding: 0 20px;
          overflow: hidden; }
          .ocSchedule .ocList--item .detail .imgBox {
            float: left;
            width: calc(52% - 40px);
            margin: 0 40px 0 0; }
            .ocSchedule .ocList--item .detail .imgBox img {
              width: 100%; }
          .ocSchedule .ocList--item .detail .txtBox {
            float: left;
            width: 48%; }
            .ocSchedule .ocList--item .detail .txtBox .timetable {
              color: #0068b7;
              display: block;
              font-size: 20px;
              line-height: 1.4;
              margin: 0 0 10px; }
              .ocSchedule .ocList--item .detail .txtBox .timetable .caution {
                display: block;
                font-size: 14px; }
            .ocSchedule .ocList--item .detail .txtBox h3 {
              color: #0068b7;
              font-family: "NotoSansCJKjp-Bold";
              font-size: 30px;
              margin: 0 0 20px; }
            .ocSchedule .ocList--item .detail .txtBox p {
              font-family: "NotoSansCJKjp-DemiLight";
              font-size: 18px;
              line-height: 1.4; }
        .ocSchedule .ocList--item .entry {
          background: #0068b7;
          border-radius: 0 0 10px 10px;
          display: block;
          text-align: center;
          text-decoration: none; }
          .ocSchedule .ocList--item .entry span {
            color: #FFF;
            display: inline-block;
            font-family: "NotoSansCJKjp-DemiLight";
            font-size: 25px;
            line-height: 60px;
            padding: 0 40px 0 0;
            position: relative; }
            .ocSchedule .ocList--item .entry span:after {
              background: url(/assets/img/eiyou/oc/managed/ico_oc_entry_pc.png) no-repeat;
              content: "";
              display: block;
              width: 28px;
              height: 28px;
              position: absolute;
              top: 50%;
              right: 0;
              margin: -14px 0 0; }
        .ocSchedule .ocList--item > h3 {
          font-family: "NotoSansCJKjp-Bold";
          font-size: 24px;
          margin: 0 0 30px;
          padding: 20px 20px 0; }
    .ocSchedule--dietician > h2 {
      background: #eb6100; }
    .ocSchedule--dietician .ocList--item {
      border: 1px solid #eb6100; }
      .ocSchedule--dietician .ocList--item .infoDay {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .infoSub {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .detail .txtBox .timetable {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .detail .txtBox h3 {
        color: #eb6100; }
      .ocSchedule--dietician .ocList--item .entry {
        background: #eb6100; }
        .ocSchedule--dietician .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/dietician/ico_oc_entry_pc.png) no-repeat; }
    .ocSchedule--event01 > h2 {
      background: #67b2ca; }
    .ocSchedule--event01 .ocList--item {
      border: 1px solid #67b2ca; }
      .ocSchedule--event01 .ocList--item h3 {
        color: #67b2ca; }
      .ocSchedule--event01 .ocList--item .detail .txtBox .timetable {
        color: #67b2ca; }
      .ocSchedule--event01 .ocList--item .entry {
        background: #67b2ca; }
        .ocSchedule--event01 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_01_pc.png) no-repeat; }
    .ocSchedule--event02 > h2 {
      background: #b172b6; }
    .ocSchedule--event02 .ocList--item {
      border: 1px solid #b172b6; }
      .ocSchedule--event02 .ocList--item h3 {
        color: #b172b6; }
      .ocSchedule--event02 .ocList--item .detail .txtBox .timetable {
        color: #b172b6; }
      .ocSchedule--event02 .ocList--item .entry {
        background: #b172b6; }
        .ocSchedule--event02 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_02_pc.png) no-repeat; }
    .ocSchedule--event03 > h2 {
      background: #e6825b; }
    .ocSchedule--event03 .ocList--item {
      border: 1px solid #e6825b; }
      .ocSchedule--event03 .ocList--item h3 {
        color: #e6825b; }
      .ocSchedule--event03 .ocList--item .detail .txtBox .timetable {
        color: #e6825b; }
      .ocSchedule--event03 .ocList--item .detail .txtBox p span {
        color: #e6825b; }
      .ocSchedule--event03 .ocList--item .entry {
        background: #e6825b; }
        .ocSchedule--event03 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_03_pc.png) no-repeat; }
    .ocSchedule--event04 > h2 {
      background: #1ea878; }
    .ocSchedule--event04 .ocList--item {
      border: 1px solid #1ea878; }
      .ocSchedule--event04 .ocList--item h3 {
        color: #1ea878; }
      .ocSchedule--event04 .ocList--item .detail .txtBox .timetable {
        color: #1ea878; }
      .ocSchedule--event04 .ocList--item .entry {
        background: #1ea878; }
        .ocSchedule--event04 .ocList--item .entry span:after {
          background: url(/assets/img/eiyou/oc/event/ico_oc_entry_04_pc.png) no-repeat; } }

@media screen and (max-width: 828px) {
  .txtBox p img {
    max-width: 100% !important;
  }
  span.custom_image {
    margin-top: 20px;
    display: block;
  }
  span.custom_image img {
    width: 100%;
    height: auto;
  }
}
span.custom_image {
  margin-top: 20px;
  display: block;
  box-sizing: border-box;
}
span.custom_image img {
  width: 100%;
  height: auto;
}
/*
 20220605-
*/

.title-2022{
             color: #0168b7;
            font-size: 30px;
 margin:20px 0 10px 0;
 padding:0 0 20px 0;
 border-bottom: solid 1px #0168b7;
}
.ocSchedule--dietician .title-2022{
             color: #eb6100;
 border-bottom: solid 1px #eb6100;
}
.ocSchedule .ocList--item .target2022 {
          top: 110px;
}
.ocSchedule2022{
 margin-top: 60px;
}


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

          .ocTab202206 ul li a.act {
            background: #fff;
            color: #000; }
            .ocTab ul li a:hover{
              color: #fff;
              background-color: #004681;
            }