@charset "UTF-8";
body {
  list-style: none;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }

li {
  list-style-type: none; }

.pc {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block; } }

.inner1024 {
  width: 1024px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .inner1024 {
      width: 100%; } }

.inner1000 {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .inner1000 {
      width: 100%; } }

/*共通↓*/
.number {
  position: absolute;
  top: -31px;
  right: 0;
  left: 0;
  margin: auto; }
  @media screen and (max-width: 768px) {
    .number {
      left: 6%;
      right: auto; } }

.h2 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 60px;
  font-weight: bold;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .h2 {
      font-size: 22px;
      margin-bottom: 25px; } }

.p_txt01 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.8em; }

.p_txt02 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 1.8em; }

@media screen and (max-width: 768px) {
  .sitelink {
    margin: 80px auto;
    display: flex;
    justify-content: center; } }
@media screen and (max-width: 768px) {
  .sitelink img {
    width: 45%; } }

/*共通↑*/
#body_contents {
  max-width: 1025px;
  width: 100%;
  margin: 0 auto;
  /* アニメーション設定 */ }
  #body_contents #kv {
    background: #00a151;
    padding-top: 75px;
    padding-bottom: 50px;
    height: auto; }
    @media screen and (max-width: 768px) {
      #body_contents #kv {
        padding: 50px 0;
        height: auto; } }
    #body_contents #kv .kv_contents {
      position: relative; }
      #body_contents #kv .kv_contents .kv_ttl {
        position: absolute;
        top: -3%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
        @media screen and (max-width: 768px) {
          #body_contents #kv .kv_contents .kv_ttl {
            width: 80%;
            bottom: 8%; } }
      #body_contents #kv .kv_contents .kv_bg {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        #body_contents #kv .kv_contents .kv_bg li {
          margin-bottom: 20px;
          margin-right: 20px; }
          @media screen and (max-width: 768px) {
            #body_contents #kv .kv_contents .kv_bg li {
              width: 44%;
              margin-bottom: 10px;
              margin-right: 10px; } }
          @media screen and (max-width: 768px) {
            #body_contents #kv .kv_contents .kv_bg li:nth-child(2n) {
              margin-right: 0px; } }
          #body_contents #kv .kv_contents .kv_bg li:nth-child(3) {
            margin-right: 0px; }
            @media screen and (max-width: 768px) {
              #body_contents #kv .kv_contents .kv_bg li:nth-child(3) {
                margin-right: 10px; } }
          #body_contents #kv .kv_contents .kv_bg li:nth-child(6) {
            margin-right: 0px; }
            @media screen and (max-width: 768px) {
              #body_contents #kv .kv_contents .kv_bg li:nth-child(6) {
                margin-right: 0px; } }
    #body_contents #kv .copy_txt {
      font-size: 10px;
      color: #fff;
      text-align: end;
      margin-top: -15px;
      width: auto;
      margin: -15px 7px 0 0; }
      @media screen and (max-width: 768px) {
        #body_contents #kv .copy_txt {
          padding: 0 20px;
          margin: -5px 0 0 0; } }
  #body_contents #read {
    margin-bottom: 55px; }
    #body_contents #read .read_logo {
      height: 140px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      margin: 25px 0 60px; }
      @media screen and (max-width: 768px) {
        #body_contents #read .read_logo {
          height: auto;
          margin: 25px 10% 180px; } }
      @media screen and (max-width: 768px) {
        #body_contents #read .read_logo .siteLogo {
          margin-top: 20px; } }
    #body_contents #read #read_online {
      background: #00a151;
      height: 100%;
      padding: 135px 0 55px; }
      @media screen and (max-width: 768px) {
        #body_contents #read #read_online {
          padding: 70px 0 40px; } }
      #body_contents #read #read_online .read_contents {
        position: relative;
        margin: 0 15px; }
        @media screen and (max-width: 768px) {
          #body_contents #read #read_online .read_contents {
            margin: 0; } }
        #body_contents #read #read_online .read_contents .read_ttl {
          position: absolute;
          top: -92%;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto; }
          @media screen and (max-width: 768px) {
            #body_contents #read #read_online .read_contents .read_ttl {
              top: -230%; } }
        #body_contents #read #read_online .read_contents .online_bg {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-end;
          justify-content: center; }
          @media screen and (max-width: 768px) {
            #body_contents #read #read_online .read_contents .online_bg {
              margin: 0 5px; } }
          #body_contents #read #read_online .read_contents .online_bg img {
            margin-right: 20px; }
            #body_contents #read #read_online .read_contents .online_bg img:nth-child(5) {
              margin-right: 0px; }
            @media screen and (max-width: 768px) {
              #body_contents #read #read_online .read_contents .online_bg img {
                width: 45%;
                margin-right: 5px; }
                #body_contents #read #read_online .read_contents .online_bg img:nth-child(4) {
                  margin-right: 0px; } }
  #body_contents #movie_01 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px; }
    @media screen and (max-width: 768px) {
      #body_contents #movie_01 {
        padding: 50px 0; } }
    #body_contents #movie_01 .Area01 .movieFlex {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
      #body_contents #movie_01 .Area01 .movieFlex .mv {
        margin: 0 15px; }
        #body_contents #movie_01 .Area01 .movieFlex .mv .tmb_pc {
          z-index: 2;
          top: 14px;
          left: 11px;
          cursor: pointer; }
        #body_contents #movie_01 .Area01 .movieFlex .mv iframe {
          top: 14px;
          left: 11px; }
      #body_contents #movie_01 .Area01 .movieFlex .movie {
        position: relative; }
        @media screen and (max-width: 768px) {
          #body_contents #movie_01 .Area01 .movieFlex .movie .tmb_sp {
            border: 6px solid #00a052;
            width: 70%;
            margin: 0 auto;
            position: absolute;
            z-index: 2;
            right: 0;
            left: 0;
            bottom: 13%; }
            #body_contents #movie_01 .Area01 .movieFlex .movie .tmb_sp iframe {
              top: auto;
              left: auto; } }
    #body_contents #movie_01 .Area01 .p_txt01 {
      font-size: 16px;
      color: #fff;
      font-weight: bold;
      text-align: center;
      line-height: 1.8em; }
      @media screen and (max-width: 768px) {
        #body_contents #movie_01 .Area01 .p_txt01 {
          font-size: 15px;
          text-align: left;
          margin: 0 5%; } }
  #body_contents #point_02 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px; }
    @media screen and (max-width: 768px) {
      #body_contents #point_02 {
        padding: 50px 0; } }
    #body_contents #point_02 .Area02 .pointFlex {
      display: flex;
      justify-content: space-evenly;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        #body_contents #point_02 .Area02 .pointFlex {
          justify-content: space-evenly;
          align-items: center;
          flex-direction: column; } }
      #body_contents #point_02 .Area02 .pointFlex li {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #body_contents #point_02 .Area02 .pointFlex li {
            width: 100%; } }
        #body_contents #point_02 .Area02 .pointFlex li .blueBox {
          width: 270px;
          height: 70px;
          background: #0ab9df;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 20px; }
          @media screen and (max-width: 768px) {
            #body_contents #point_02 .Area02 .pointFlex li .blueBox {
              width: 90%;
              margin-top: 20px;
              height: 70px; } }
        #body_contents #point_02 .Area02 .pointFlex li .pinkhall {
          margin-bottom: 20px; }
          @media screen and (max-width: 768px) {
            #body_contents #point_02 .Area02 .pointFlex li .pinkhall {
              width: 50%; } }
        #body_contents #point_02 .Area02 .pointFlex li .p_txt02 {
          width: 270px; }
          @media screen and (max-width: 768px) {
            #body_contents #point_02 .Area02 .pointFlex li .p_txt02 {
              font-size: 15px;
              width: 90%; } }
          #body_contents #point_02 .Area02 .pointFlex li .p_txt02 .small {
            font-size: 10px;
            color: #fff;
            font-weight: bold; }
            @media screen and (max-width: 768px) {
              #body_contents #point_02 .Area02 .pointFlex li .p_txt02 .small {
                font-size: 15px; } }
  #body_contents #dialog_03 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px; }
    @media screen and (max-width: 768px) {
      #body_contents #dialog_03 {
        padding: 50px 0; } }
    #body_contents #dialog_03 .Area03 .dialogFlex {
      display: flex;
      justify-content: space-evenly;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        #body_contents #dialog_03 .Area03 .dialogFlex {
          align-items: center;
          flex-direction: column; } }
      #body_contents #dialog_03 .Area03 .dialogFlex li {
        width: 42%; }
        @media screen and (max-width: 768px) {
          #body_contents #dialog_03 .Area03 .dialogFlex li {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          #body_contents #dialog_03 .Area03 .dialogFlex li.sp_img img {
            width: 100%; } }
        @media screen and (max-width: 768px) {
          #body_contents #dialog_03 .Area03 .dialogFlex li .p_txt02 {
            font-size: 15px;
            width: 90%;
            margin: 30px auto 0; } }
  #body_contents #features_04 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 180px; }
    @media screen and (max-width: 768px) {
      #body_contents #features_04 {
        padding: 50px 0;
        margin-bottom: 120px; } }
    #body_contents #features_04 .Area04 .featuresFlex {
      display: flex;
      justify-content: space-evenly;
      align-items: flex-start; }
      @media screen and (max-width: 768px) {
        #body_contents #features_04 .Area04 .featuresFlex {
          align-items: center;
          flex-direction: column; } }
      #body_contents #features_04 .Area04 .featuresFlex li {
        width: 42%; }
        @media screen and (max-width: 768px) {
          #body_contents #features_04 .Area04 .featuresFlex li {
            width: 100%;
            margin-bottom: 40px; }
            #body_contents #features_04 .Area04 .featuresFlex li:last-child {
              margin-bottom: 0px; } }
        @media screen and (max-width: 768px) {
          #body_contents #features_04 .Area04 .featuresFlex li.sp_img img {
            width: 100%; } }
        #body_contents #features_04 .Area04 .featuresFlex li.sp_img .copy_txt {
          font-size: 10px;
          color: #fff;
          margin: 5px 5px 0 0;
          text-align: right; }
        #body_contents #features_04 .Area04 .featuresFlex li .blueBox {
          width: 420px;
          height: 55px;
          background: #0ab9df;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 23px;
          font-weight: bold;
          margin: 20px 0; }
          @media screen and (max-width: 768px) {
            #body_contents #features_04 .Area04 .featuresFlex li .blueBox {
              width: 90%;
              font-size: 20px;
              margin: 20px auto; } }
        #body_contents #features_04 .Area04 .featuresFlex li .p_txt02 {
          font-size: 16px;
          color: #fff;
          font-weight: bold;
          line-height: 1.8em; }
          @media screen and (max-width: 768px) {
            #body_contents #features_04 .Area04 .featuresFlex li .p_txt02 {
              font-size: 15px;
              width: 90%;
              margin: 0 auto; } }
  #body_contents .btn {
    background: #00a151;
    position: relative;
    padding: 65px 0 110px;
    margin-bottom: 140px; }
    @media screen and (max-width: 768px) {
      #body_contents .btn {
        padding: 30px 0 80px;
        margin-bottom: 100px; } }
    #body_contents .btn .titleBox {
      position: absolute;
      width: 508px;
      height: 264px;
      background: url("../img/btn_title_bk.png") no-repeat;
      top: -40%;
      left: 0;
      right: 0;
      margin: auto; }
      @media screen and (max-width: 768px) {
        #body_contents .btn .titleBox {
          background: url("../img/btn_title_bk_sp.png") no-repeat;
          top: -24%;
          left: 14%;
          right: 2%;
          margin: auto;
          background-size: 85%;
          width: auto; } }
      #body_contents .btn .titleBox .btnttl {
        font-size: 33px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 240px;
        margin-right: 10px; }
        @media screen and (max-width: 768px) {
          #body_contents .btn .titleBox .btnttl {
            font-size: 20px;
            height: 140px;
            margin-right: 40px; } }
    #body_contents .btn .btnArea {
      position: relative; }
      #body_contents .btn .btnArea .btnFlex {
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
        margin-top: 95px; }
        @media screen and (max-width: 768px) {
          #body_contents .btn .btnArea .btnFlex {
            align-items: flex-start;
            flex-direction: column;
            margin-top: 60px; } }
        #body_contents .btn .btnArea .btnFlex li {
          width: 42%; }
          @media screen and (max-width: 768px) {
            #body_contents .btn .btnArea .btnFlex li {
              margin: auto;
              width: auto; } }
          #body_contents .btn .btnArea .btnFlex li.btnBox01 .btn_link01 {
            display: block;
            width: 410px;
            height: 65px;
            color: #007d42;
            font-weight: bold;
            text-align: center;
            font-size: 28px;
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff799;
            border-radius: 50px;
            border: 5px solid #aacd06;
            box-shadow: 10px 10px #00712f;
            transition: .3s;
            margin: 40px auto 0;
            position: relative;
            z-index: 2; }
            @media screen and (max-width: 768px) {
              #body_contents .btn .btnArea .btnFlex li.btnBox01 .btn_link01 {
                width: 360px;
                font-size: 22px;
                box-shadow: 0 10px #00712f;
                margin: 0 auto 10px; } }
            #body_contents .btn .btnArea .btnFlex li.btnBox01 .btn_link01:before {
              content: "";
              position: absolute;
              width: 32px;
              height: 29px;
              top: -53%;
              left: 30%;
              background: url("../img/cowlick01.png") no-repeat; }
              @media screen and (max-width: 768px) {
                #body_contents .btn .btnArea .btnFlex li.btnBox01 .btn_link01:before {
                  display: none; } }
            #body_contents .btn .btnArea .btnFlex li.btnBox01 .btn_link01:hover {
              transform: translate3d(10px, 10px, 0);
              box-shadow: none; }
              @media screen and (max-width: 768px) {
                #body_contents .btn .btnArea .btnFlex li.btnBox01 .btn_link01:hover {
                  transform: translate3d(0, 10px, 0); } }
          #body_contents .btn .btnArea .btnFlex li.btnBox01 .btn_aicon01 {
            position: absolute;
            top: -85%;
            left: 15%; }
          #body_contents .btn .btnArea .btnFlex li.btnBox02 .btn_link02 {
            display: block;
            width: 410px;
            height: 65px;
            color: #007d42;
            font-weight: bold;
            text-align: center;
            font-size: 28px;
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff799;
            border-radius: 50px;
            border: 5px solid #aacd06;
            box-shadow: 10px 10px #00712f;
            transition: .3s;
            margin: 40px auto 0;
            position: relative;
            z-index: 2; }
            @media screen and (max-width: 768px) {
              #body_contents .btn .btnArea .btnFlex li.btnBox02 .btn_link02 {
                width: 360px;
                font-size: 22px;
                margin: 20px auto;
                box-shadow: 0 10px #00712f; } }
            #body_contents .btn .btnArea .btnFlex li.btnBox02 .btn_link02:before {
              content: "";
              position: absolute;
              width: 32px;
              height: 29px;
              top: -53%;
              left: 60%;
              background: url("../img/cowlick02.png") no-repeat; }
              @media screen and (max-width: 768px) {
                #body_contents .btn .btnArea .btnFlex li.btnBox02 .btn_link02:before {
                  display: none; } }
            #body_contents .btn .btnArea .btnFlex li.btnBox02 .btn_link02:hover {
              transform: translate3d(10px, 10px, 0);
              box-shadow: none; }
              @media screen and (max-width: 768px) {
                #body_contents .btn .btnArea .btnFlex li.btnBox02 .btn_link02:hover {
                  transform: translate3d(0, 10px, 0); } }
          #body_contents .btn .btnArea .btnFlex li.btnBox02 .btn_aicon02 {
            position: absolute;
            top: -85%;
            right: 10%; }
  #body_contents #effect_05 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px; }
    @media screen and (max-width: 768px) {
      #body_contents #effect_05 {
        padding: 50px 0; } }
    #body_contents #effect_05 .Area05 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #body_contents #effect_05 .Area05 .effectBox {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          #body_contents #effect_05 .Area05 .effectBox {
            width: 100%;
            justify-content: center;
            flex-direction: column; } }
        #body_contents #effect_05 .Area05 .effectBox li {
          width: 50%; }
          @media screen and (max-width: 768px) {
            #body_contents #effect_05 .Area05 .effectBox li.imgw90 {
              width: 90%;
              align-items: flex-start; } }
          @media screen and (max-width: 768px) {
            #body_contents #effect_05 .Area05 .effectBox li {
              width: 100%;
              display: flex;
              justify-content: center; } }
          #body_contents #effect_05 .Area05 .effectBox li .h2 {
            margin-bottom: 0px; }
            @media screen and (max-width: 768px) {
              #body_contents #effect_05 .Area05 .effectBox li .h2 {
                margin-bottom: 30px; } }
          @media screen and (max-width: 768px) {
            #body_contents #effect_05 .Area05 .effectBox li img {
              width: 100%;
              height: auto; } }
      @media screen and (max-width: 768px) {
        #body_contents #effect_05 .Area05 .img_05 {
          width: 80%; } }
      #body_contents #effect_05 .Area05 .p_txt01 {
        margin-top: 40px; }
        @media screen and (max-width: 768px) {
          #body_contents #effect_05 .Area05 .p_txt01 {
            font-size: 14px;
            width: 90%;
            text-align: left; } }
  #body_contents .group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px; }
    @media screen and (max-width: 768px) {
      #body_contents .group {
        flex-direction: column;
        align-items: center; } }
    #body_contents .group #program_06 {
      width: 63%;
      position: relative; }
      @media screen and (max-width: 768px) {
        #body_contents .group #program_06 {
          width: 100%;
          margin-bottom: 55px; } }
      #body_contents .group #program_06 .number06 {
        position: absolute;
        top: -31px;
        left: 10%;
        margin: auto; }
      #body_contents .group #program_06 .Area06 .programBox {
        background: #00a151;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0;
        margin-bottom: 10px; }
        #body_contents .group #program_06 .Area06 .programBox:last-child {
          margin-bottom: 0px; }
        #body_contents .group #program_06 .Area06 .programBox.mt60 {
          padding-top: 60px; }
          @media screen and (max-width: 768px) {
            #body_contents .group #program_06 .Area06 .programBox.mt60 {
              padding-top: 50px; } }
        #body_contents .group #program_06 .Area06 .programBox .h2 {
          margin-bottom: 30px; }
        @media screen and (max-width: 768px) {
          #body_contents .group #program_06 .Area06 .programBox li.img_06 {
            width: 90%; } }
        #body_contents .group #program_06 .Area06 .programBox li .pinc_txt {
          font-size: 20px;
          font-weight: bold;
          color: #fff;
          text-align: center;
          margin-top: 35px; }
          @media screen and (max-width: 768px) {
            #body_contents .group #program_06 .Area06 .programBox li .pinc_txt {
              font-size: 18px; } }
          #body_contents .group #program_06 .Area06 .programBox li .pinc_txt .pink {
            font-size: 37px;
            font-weight: bold;
            color: #f19ec2; }
            @media screen and (max-width: 768px) {
              #body_contents .group #program_06 .Area06 .programBox li .pinc_txt .pink {
                font-size: 30px; } }
    #body_contents .group #students_07 {
      background: #00a151;
      width: 33%;
      position: relative;
      margin: 0; }
      @media screen and (max-width: 768px) {
        #body_contents .group #students_07 {
          width: 100%; } }
      #body_contents .group #students_07 .number07 {
        position: absolute;
        top: -31px;
        right: 0;
        left: 0;
        margin: auto; }
        @media screen and (max-width: 768px) {
          #body_contents .group #students_07 .number07 {
            left: 6%;
            right: auto; } }
      #body_contents .group #students_07 .Area07 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #body_contents .group #students_07 .Area07 {
            padding: 60px 0 50px; } }
        #body_contents .group #students_07 .Area07.mt60 {
          padding-top: 60px; }
        #body_contents .group #students_07 .Area07 .blueBox {
          width: 255px;
          height: 160px;
          background: #0ab9df;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 33px;
          font-weight: bold;
          border-radius: 15px;
          margin-bottom: 80px; }
          @media screen and (max-width: 768px) {
            #body_contents .group #students_07 .Area07 .blueBox {
              width: 80%;
              font-size: 22px;
              margin: 20px auto 40px;
              height: 60px;
              border-radius: 0px; } }
        #body_contents .group #students_07 .Area07 .studentsBox {
          width: 300px; }
          @media screen and (max-width: 768px) {
            #body_contents .group #students_07 .Area07 .studentsBox {
              width: auto; } }
          #body_contents .group #students_07 .Area07 .studentsBox li {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            margin-bottom: 70px; }
            @media screen and (max-width: 768px) {
              #body_contents .group #students_07 .Area07 .studentsBox li {
                margin-bottom: 50px; } }
            #body_contents .group #students_07 .Area07 .studentsBox li:last-child {
              margin-bottom: 0px; }
            #body_contents .group #students_07 .Area07 .studentsBox li .megaphone_img {
              margin-bottom: 20px; }
              @media screen and (max-width: 768px) {
                #body_contents .group #students_07 .Area07 .studentsBox li .megaphone_img {
                  width: 80%;
                  margin-bottom: 10px; } }
            #body_contents .group #students_07 .Area07 .studentsBox li .megaphone01 {
              font-size: 26px;
              font-weight: bold;
              color: #fff;
              text-align: center;
              margin-bottom: 25px;
              margin-left: 10px; }
              @media screen and (max-width: 768px) {
                #body_contents .group #students_07 .Area07 .studentsBox li .megaphone01 {
                  margin-left: 15px; } }
              #body_contents .group #students_07 .Area07 .studentsBox li .megaphone01:before {
                content: "";
                position: absolute;
                width: 50px;
                height: 89px;
                top: 0%;
                left: 1%;
                background: url(../img/megaphone_icon_01.png) no-repeat;
                background-size: 90%; }
                @media screen and (max-width: 768px) {
                  #body_contents .group #students_07 .Area07 .studentsBox li .megaphone01:before {
                    left: 10%; } }
              #body_contents .group #students_07 .Area07 .studentsBox li .megaphone01:after {
                content: "";
                position: absolute;
                width: 50px;
                height: 89px;
                top: 0%;
                left: 84%;
                background: url(../img/megaphone_icon_02.png) no-repeat;
                background-size: 90%; }
                @media screen and (max-width: 768px) {
                  #body_contents .group #students_07 .Area07 .studentsBox li .megaphone01:after {
                    left: 80%; } }
            #body_contents .group #students_07 .Area07 .studentsBox li .p_txt02 {
              width: 255px;
              margin-top: 20px; }
              @media screen and (max-width: 768px) {
                #body_contents .group #students_07 .Area07 .studentsBox li .p_txt02 {
                  margin-top: 10px;
                  font-size: 15px;
                  width: 90%; } }
              #body_contents .group #students_07 .Area07 .studentsBox li .p_txt02 .txt_title {
                color: #fff;
                font-weight: bold;
                font-size: 16px;
                margin-bottom: 10px; }
                @media screen and (max-width: 768px) {
                  #body_contents .group #students_07 .Area07 .studentsBox li .p_txt02 .txt_title {
                    text-align: center;
                    display: flex;
                    justify-content: center; } }
  #body_contents #timetable_08 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 180px; }
    @media screen and (max-width: 768px) {
      #body_contents #timetable_08 {
        margin-bottom: 120px; } }
    #body_contents #timetable_08 .h2 {
      margin-bottom: 20px; }
    #body_contents #timetable_08 .Area08 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #body_contents #timetable_08 .Area08 img {
        width: 90%; }
        @media screen and (max-width: 768px) {
          #body_contents #timetable_08 .Area08 img {
            width: 80%; } }
      #body_contents #timetable_08 .Area08 .line_txt {
        display: flex;
        align-items: center;
        width: 90%;
        font-size: 28px;
        color: #fff;
        font-weight: bold;
        margin: 25px 0; }
        @media screen and (max-width: 768px) {
          #body_contents #timetable_08 .Area08 .line_txt {
            display: none; } }
        #body_contents #timetable_08 .Area08 .line_txt:before {
          content: "";
          height: 5px;
          flex-grow: 1;
          background-color: #fff;
          margin-right: 40px; }
        #body_contents #timetable_08 .Area08 .line_txt:after {
          content: "";
          height: 5px;
          flex-grow: 1;
          background-color: #fff;
          margin-left: 40px; }
      #body_contents #timetable_08 .Area08 .timetableflex {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #body_contents #timetable_08 .Area08 .timetableflex {
            align-items: center;
            flex-direction: column;
            width: 100%; } }
        #body_contents #timetable_08 .Area08 .timetableflex .timetableBox {
          margin-right: 30px; }
          @media screen and (max-width: 768px) {
            #body_contents #timetable_08 .Area08 .timetableflex .timetableBox {
              margin-right: 0px;
              width: 100%; } }
          #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .pinkBox {
            color: #595757;
            font-size: 25px;
            font-weight: bold;
            background: #f19ec2;
            width: 380px;
            text-align: center;
            padding: 15px;
            margin-bottom: 20px; }
            @media screen and (max-width: 768px) {
              #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .pinkBox {
                width: auto;
                margin: 30px 0 20px;
                font-size: 25px; } }
          @media screen and (max-width: 768px) {
            #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .ttlist {
              display: flex;
              flex-direction: column;
              align-items: center;
              width: 90%;
              margin: 0 auto; } }
          #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .ttlist li {
            font-size: 19px;
            color: #fff;
            font-weight: bold;
            line-height: 2em; }
            @media screen and (max-width: 768px) {
              #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .ttlist li {
                width: 100%;
                font-size: 14px; } }
            @media screen and (max-width: 768px) {
              #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .ttlist li.line_height {
                width: 100%;
                font-size: 14px; } }
            @media screen and (max-width: 768px) {
              #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .ttlist li.line_height.sp {
                margin-top: 0px; } }
            @media screen and (max-width: 768px) {
              #body_contents #timetable_08 .Area08 .timetableflex .timetableBox .ttlist li.sp {
                margin-top: 20px; } }
        #body_contents #timetable_08 .Area08 .timetableflex .img_08 {
          width: 24%;
          margin-top: 30px; }
          @media screen and (max-width: 768px) {
            #body_contents #timetable_08 .Area08 .timetableflex .img_08 {
              width: 50%; } }
  #body_contents .comment {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px; }
    @media screen and (max-width: 768px) {
      #body_contents .comment {
        padding: 65px 0 20px; } }
    #body_contents .comment.mb180 {
      margin-bottom: 180px; }
      @media screen and (max-width: 768px) {
        #body_contents .comment.mb180 {
          margin-bottom: 120px; } }
    #body_contents .comment .h2 {
      margin-bottom: 40px; }
      @media screen and (max-width: 768px) {
        #body_contents .comment .h2 {
          padding: 15px 10px;
          background: #0ab9df;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 20px;
          font-weight: bold;
          width: 80%;
          margin: 0 auto 40px; } }
    #body_contents .comment .commentArea {
      margin-bottom: 20px; }
      #body_contents .comment .commentArea .commenBox {
        display: flex;
        align-items: flex-start;
        justify-content: space-evenly;
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          #body_contents .comment .commentArea .commenBox {
            align-items: center;
            flex-direction: column; } }
        #body_contents .comment .commentArea .commenBox li {
          width: 41%;
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #body_contents .comment .commentArea .commenBox li {
              width: 100%; } }
          #body_contents .comment .commentArea .commenBox li .megaphone_img {
            margin-bottom: 20px; }
            @media screen and (max-width: 768px) {
              #body_contents .comment .commentArea .commenBox li .megaphone_img {
                width: 80%; } }
          #body_contents .comment .commentArea .commenBox li .megaphone01 {
            font-size: 26px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            margin-bottom: 25px; }
            #body_contents .comment .commentArea .commenBox li .megaphone01:before {
              content: "";
              position: absolute;
              width: 50px;
              height: 89px;
              top: 0%;
              left: -5%;
              background: url("../img/megaphone_icon_01.png") no-repeat; }
              @media screen and (max-width: 768px) {
                #body_contents .comment .commentArea .commenBox li .megaphone01:before {
                  left: 8%; } }
            #body_contents .comment .commentArea .commenBox li .megaphone01:after {
              content: "";
              position: absolute;
              width: 50px;
              height: 89px;
              top: 0%;
              left: 85%;
              background: url("../img/megaphone_icon_02.png") no-repeat; }
              @media screen and (max-width: 768px) {
                #body_contents .comment .commentArea .commenBox li .megaphone01:after {
                  left: 77%; } }
          #body_contents .comment .commentArea .commenBox li .p_txt02 {
            margin-top: 30px;
            width: 420px; }
            @media screen and (max-width: 768px) {
              #body_contents .comment .commentArea .commenBox li .p_txt02 {
                width: 90%;
                display: flex;
                flex-direction: column;
                margin: 20px auto 50px; } }
            #body_contents .comment .commentArea .commenBox li .p_txt02.ma_10 {
              margin: 20px auto 0; }
            #body_contents .comment .commentArea .commenBox li .p_txt02 .ttl_bold {
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 20px; }
  #body_contents #media_10 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px; }
    #body_contents #media_10 .h2 {
      margin-bottom: 20px; }
    #body_contents #media_10 .mediaArea .mediaBox {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff;
      padding: 65px 0;
      flex-direction: column;
      text-align: center;
      margin: 0 85px; }
      @media screen and (max-width: 768px) {
        #body_contents #media_10 .mediaArea .mediaBox {
          flex-wrap: wrap;
          padding: 45px 10px 40px;
          width: 90%;
          margin: 0 auto; } }
      #body_contents #media_10 .mediaArea .mediaBox li {
        margin-bottom: 40px; }
        #body_contents #media_10 .mediaArea .mediaBox li:last-child {
          margin-bottom: 0px; }
        @media screen and (max-width: 768px) {
          #body_contents #media_10 .mediaArea .mediaBox li {
            width: 100%;
            margin-bottom: 20px;
            margin-right: 20px; }
            #body_contents #media_10 .mediaArea .mediaBox li:nth-child(2n) {
              margin-right: 0px; } }
        #body_contents #media_10 .mediaArea .mediaBox li a {
          text-decoration: none; }
          #body_contents #media_10 .mediaArea .mediaBox li a:hover {
            text-decoration: underline;
            color: #00a151; }
          #body_contents #media_10 .mediaArea .mediaBox li a .media_ttl {
            font-size: 26px;
            font-weight: bold;
            color: #00a151; }
            @media screen and (max-width: 768px) {
              #body_contents #media_10 .mediaArea .mediaBox li a .media_ttl {
                font-size: 14px; } }
        #body_contents #media_10 .mediaArea .mediaBox li .media_comp {
          font-size: 26px;
          font-weight: bold;
          color: #eb6ea5; }
          @media screen and (max-width: 768px) {
            #body_contents #media_10 .mediaArea .mediaBox li .media_comp {
              font-size: 15px; } }
  #body_contents #company_11 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px;
    /*.companyArea{
    background: #fff;
    padding: 50px 0 40px;
    margin: 0 85px;        
    @include break{
    padding: 45px 10px 40px;
    width: 90%;
    margin: 0 auto;        }
    .companyBox{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
    @include break{
    align-items: center;
    width: 90%;
    margin: 0 auto;
    height: auto;
        }
        
    li{
        width: 27%;
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
    @include break{
    width: 28%;
    margin: 0 5px 30px;
    &:nth-child(2n){
    margin-right: 0px;
                    }
                }
         &.img01{
        @include break{
             width: 20%;
            }
         }
         &.img02{
        @include break{
        width: 40%;
            }
         }         
         &.img03{
        @include break{
        width: 30%;
            }
         }          
         &.img04{
        @include break{
        width: 35%;
            }
         }           
         &.img05{
        @include break{
        width: 40%;
            }
         }           
         &.img06{
        @include break{
        width: 15%;
            }
         }              
        
            }
        }
    .sub_ttl{
      font-size: 20px;
      color: #221815;
      font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
    @include break{
        font-size: 16px;
            }        
        }
    .company_txt{
    margin-bottom: 50px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    @include break{
        font-size: 16px;
            }
        }
        .partnerBox{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    @include break{
    flex-wrap: wrap;
        justify-content: space-between;
    align-items: center;            }
     li{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
         &.img01{
        @include break{
             width: 45%;
            }
         }
         &.img02{
        @include break{
             width: 20%;
            
            }
         }         
         &.img03{
        @include break{
             width: 30%;
            }
         }         
         
         
         
    @include break{
    width: 30%;
    align-content: space-around;
         
         }
         
    .red{
    font-size: 11px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    @include break{
    font-size: 5px;
                    }
                }
            }
        }        

        
    }*/ }
    #body_contents #company_11 .h2 {
      margin-bottom: 20px; }
    #body_contents #company_11 .companyArea {
      background: #fff;
      padding: 50px 0 40px;
      margin: 0 85px;
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        #body_contents #company_11 .companyArea {
          padding: 45px 10px 40px;
          width: 90%;
          margin: 0 auto;
          align-items: flex-start; } }
  #body_contents #operation_13 {
    background: #00a151;
    position: relative;
    padding: 65px 0;
    margin-bottom: 55px; }
    @media screen and (max-width: 768px) {
      #body_contents #operation_13 {
        margin-bottom: 0px; } }
    #body_contents #operation_13 .operationArea {
      display: flex;
      align-items: flex-start;
      justify-content: space-evenly;
      margin: 0 50px; }
      @media screen and (max-width: 768px) {
        #body_contents #operation_13 .operationArea {
          display: flex;
          flex-direction: column;
          margin: 0 10px; } }
      #body_contents #operation_13 .operationArea .operationtxt {
        width: 45%; }
        @media screen and (max-width: 768px) {
          #body_contents #operation_13 .operationArea .operationtxt {
            width: 90%;
            margin: 0 auto; } }
        #body_contents #operation_13 .operationArea .operationtxt .p_txt02 {
          margin-bottom: 12px; }
          #body_contents #operation_13 .operationArea .operationtxt .p_txt02 .sitettl {
            font-size: 16px;
            font-weight: bold; }
          #body_contents #operation_13 .operationArea .operationtxt .p_txt02 .sitelink {
            font-size: 25px;
            color: #f7c9dd;
            font-weight: bold;
            margin: 25px 0;
            text-decoration: none; }
            #body_contents #operation_13 .operationArea .operationtxt .p_txt02 .sitelink:hover {
              text-decoration: underline; }
            @media screen and (max-width: 768px) {
              #body_contents #operation_13 .operationArea .operationtxt .p_txt02 .sitelink {
                font-size: 20px;
                justify-content: flex-start;
                margin: 10px 0; } }
      @media screen and (max-width: 768px) {
        #body_contents #operation_13 .operationArea img {
          width: 90%;
          margin: 0 auto; } }
    #body_contents #operation_13 .p_txt02.txt02 {
      margin: 0 70px 0 73px; }
      @media screen and (max-width: 768px) {
        #body_contents #operation_13 .p_txt02.txt02 {
          margin: 10px 20px; } }
    #body_contents #operation_13 .sp_img {
      width: 90%;
      margin: 0 auto; }
  #body_contents .scr-target {
    opacity: 0;
    transform: translate3d(0, 30px, 0); }
  #body_contents .scr-target.is-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 1s; }
  #body_contents #footer {
    background: #fff;
    height: 300px;
    display: flex;
    align-items: center;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      #body_contents #footer {
        height: auto;
        padding: 8px 0; } }
    #body_contents #footer .footerLogo {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 280px;
      /* .footer_anime{
      	width: auto;
      	height: auto;
      	animation: purupuru_anim 1.5s infinite;
      }
      
      @keyframes purupuru_anim {
      	0% {	transform: translate(0, 0);}
      	5% {	transform: translate(-5px, -0);}
      	10% {	transform: translate(5px, 0);}
      	15% {	transform: translate(-5px, -0);}
      	20% {	transform: translate(5px, 0);}
      	25% {	transform: translate(-5px, -0);}
      	30% {	transform: translate(0, 0);}
      	100% {	transform: translate(0, 0);}
      }*/ }
      @media screen and (max-width: 768px) {
        #body_contents #footer .footerLogo {
          height: 250px; } }
      @media screen and (max-width: 768px) {
        #body_contents #footer .footerLogo .footer_anime a .footer_img {
          width: 80%;
          margin: 0 auto; } }
    #body_contents #footer .copylight {
      font-size: 15px; }