@charset "UTF-8";
* {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  box-sizing: border-box; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.snslink {
  width: 260px;
  height: 20px; }
  .snslink.bottom {
    margin: auto; }

#importSnsLink1 {
  margin-top: 30px; }

#importSnsLink2 {
  margin: 40px auto 30px; }

.fb-like {
  line-height: 1 !important; }

p.sponsor {
  font-size: 12px;
  margin: 0 0 15px 20px; }

.headerArea {
  position: relative; }

p.pr {
  position: absolute;
  color: #333;
  right: 10px;
  top: 10px;
  font-size: 14px;
  line-height: 1.6; }

p.credit {
  font-size: 12px;
  margin: 20px 0;
  text-align: center; }

.right {
  float: right; }

.left {
  float: left; }

.container {
  width: 1024px;
  background-color: #fff;
  background-image: url(../img/C_bg.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  margin: 0 auto;
  overflow: hidden;
  height: auto;
  border: 1px solid #B3B3B3;
  position: relative; }
  .container p {
    color: #333; }
  .container img {
    width: 100%; }
  .container a {
    text-decoration: none; }
  .container h1 {
    margin-top: 20px; }
  .container .lead_credit {
    width: 950px;
    height: 180px;
    margin: 10px auto 25px;
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    background-color: #fff; }
    .container .lead_credit p.lead {
      width: 416px;
      color: #00a9a9;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.8; }
    .container .lead_credit .credit_area {
      width: 444px; }
      .container .lead_credit .credit_area p {
        font-size: 12px;
        line-height: 1.7; }
  .container nav ul {
    margin: 25px auto;
    display: flex;
    justify-content: space-between;
    width: 832px;
    transition: 0.1s; }
    .container nav ul li {
      width: 192px;
      height: 122px;
      border: 1px solid #00a9a9;
      background-color: #fff; }
      .container nav ul li.current {
        background-color: #00a9a9; }
      .container nav ul li.R_nav {
        background-image: url(../img/C_nav_R_g.png?1215);
        background-size: contain; }
      .container nav ul li.Kgaku_nav {
        background-image: url(../img/C_nav_Kgaku_g.png?1215);
        background-size: contain; }
      .container nav ul li.O_nav {
        background-image: url(../img/C_nav_O_g.png?1215);
        background-size: contain; }
      .container nav ul li.Kgai_nav {
        background-image: url(../img/C_nav_Kgai_g.png?1215);
        background-size: contain; }
      .container nav ul li img {
        transition: 0.1s; }
      .container nav ul li.hover:hover {
        background-color: #00a9a9; }
        .container nav ul li.hover:hover img {
          opacity: 0; }
  .container .talk_secs {
    width: 914px;
    margin: 0 auto 50px;
    padding: 20px 50px 20px 40px;
    background-color: #fff;
    border: #00a9a9 14px solid; }
    .container .talk_secs section {
      padding-top: 50px;
      overflow: hidden; }
      .container .talk_secs section .Q_area {
        display: flex;
        align-items: flex-start; }
        .container .talk_secs section .Q_area .icon_Q {
          width: 43px;
          height: 43px;
          margin-right: 15px; }
        .container .talk_secs section .Q_area h2 {
          margin-top: 4px; }
          .container .talk_secs section .Q_area h2 span {
            color: #00a9a9;
            font-size: 28px;
            background: linear-gradient(transparent 20px, #fff899 20px 39px, transparent 39px);
            line-height: 0.75; }
      .container .talk_secs section .A_area {
        display: flex;
        margin-top: 30px; }
        .container .talk_secs section .A_area .icon_A {
          width: 38px;
          margin-right: 20px; }
        .container .talk_secs section .A_area .text_area p.text {
          margin-bottom: 1em;
          font-size: 15px;
          line-height: 1.8; }
          .container .talk_secs section .A_area .text_area p.text span.green {
            color: #00a9a9;
            font-weight: bold; }
          .container .talk_secs section .A_area .text_area p.text.w705 {
            width: 705px; }
          .container .talk_secs section .A_area .text_area p.text.w316 {
            width: 316px;
            padding-top: 10px; }
          .container .talk_secs section .A_area .text_area p.text.w416 {
            width: 416px; }
          .container .talk_secs section .A_area .text_area p.text.w465 {
            width: 465px; }
          .container .talk_secs section .A_area .text_area p.text.w345 {
            width: 345px; }
          .container .talk_secs section .A_area .text_area p.text.w465 {
            width: 465px; }
        .container .talk_secs section .A_area .text_area .img1 {
          width: 353px;
          padding-top: 10px; }
      .container .talk_secs section .photo {
        width: 242px; }
        .container .talk_secs section .photo p.name1 {
          margin-top: 5px;
          font-size: 14px;
          color: #00a9a9;
          text-align: center; }
        .container .talk_secs section .photo p.name2 {
          font-size: 18px;
          font-weight: bold;
          color: #00a9a9;
          text-align: center; }
          .container .talk_secs section .photo p.name2 span {
            font-size: 14px; }
          .container .talk_secs section .photo p.name2 ruby rt {
            font-weight: normal; }
        .container .talk_secs section .photo p.career {
          font-size: 12px;
          line-height: 1.5;
          width: 216px;
          margin: 5px auto; }
        .container .talk_secs section .photo.photo1 {
          margin-top: -25px; }
      .container .talk_secs section .img2 {
        width: 238px; }
      .container .talk_secs section .img3 {
        width: 331px;
        margin-left: 90px; }
      .container .talk_secs section .magazines {
        display: flex;
        justify-content: space-between;
        margin-top: 40px; }
        .container .talk_secs section .magazines .magazine {
          display: flex;
          align-items: flex-end; }
          .container .talk_secs section .magazines .magazine .magazine_img {
            height: 240px;
            border: 1px solid #cccccc; }
            .container .talk_secs section .magazines .magazine .magazine_img img {
              height: 100%;
              width: auto; }
          .container .talk_secs section .magazines .magazine .detail {
            margin-left: 10px; }
            .container .talk_secs section .magazines .magazine .detail p.magazine_ttl {
              color: #00a9a9;
              font-size: 18px;
              font-weight: bold;
              margin-bottom: 20px; }
            .container .talk_secs section .magazines .magazine .detail p.contents {
              font-size: 14px;
              line-height: 1.6; }
  .container #readmoreButton {
    width: 430px;
    margin: 40px auto 20px;
    padding: 20px 0;
    text-align: center;
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background: #00a9a9;
    border-radius: 20px;
    border: solid 2px #00a9a9;
    transition: 0.5s; }
    .container #readmoreButton.hide {
      display: none; }
    .container #readmoreButton:hover {
      background: #fff;
      color: #00a9a9; }
  .container #more1 {
    display: none; }
    .container #more1.act {
      display: block; }
  .container #more2 {
    display: none; }
    .container #more2.act {
      display: block; }
    .container #more2 ul {
      margin-bottom: 0; }
  .container .univ_wrap {
    width: 914px;
    margin: 0 auto;
    background-color: #fff;
    border: #00a9a9 14px solid; }
    .container .univ_wrap .flex_wrap {
      display: flex; }
    .container .univ_wrap .text_area p.text {
      margin-bottom: 1em;
      font-size: 15px;
      line-height: 1.8;
      text-align: left; }
      .container .univ_wrap .text_area p.text span.green {
        color: #00a9a9;
        font-weight: bold; }
    .container .univ_wrap .text_area p.cap {
      font-size: 12px;
      line-height: 1.4; }
    .container .univ_wrap .text_area.right {
      margin-left: 50px; }
    .container .univ_wrap .text_area.left {
      margin-right: 50px; }
    .container .univ_wrap .text_area.w720 {
      width: 720px; }
    .container .univ_wrap .text_area.w480 {
      width: 480px; }
    .container .univ_wrap .text_area.w420 {
      width: 420px; }
    .container .univ_wrap .text_area.w405 {
      width: 405px; }
    .container .univ_wrap .text_area.w330 {
      width: 330px; }
    .container .univ_wrap .text_area.w360 {
      width: 360px; }
    .container .univ_wrap .text_area.w375 {
      width: 375px; }
    .container .univ_wrap .text_area p.text_small {
      font-size: 13px;
      line-height: 1.5; }
    .container .univ_wrap section.univ_head {
      padding: 40px 0;
      text-align: center;
      margin: 0 auto;
      border-bottom: 6px solid #00a9a9; }
      .container .univ_wrap section.univ_head .flex_wrap {
        display: flex;
        margin: 0 auto; }
        .container .univ_wrap section.univ_head .flex_wrap .logo {
          height: 150px;
          width: 150px;
          background-color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 30px; }
          .container .univ_wrap section.univ_head .flex_wrap .logo img {
            display: block;
            height: 120px;
            width: auto; }
            .container .univ_wrap section.univ_head .flex_wrap .logo img.Kgai_logo {
              height: 57px;
              width: auto; }
        .container .univ_wrap section.univ_head .flex_wrap .name {
          height: 143px;
          margin-top: -10px; }
          .container .univ_wrap section.univ_head .flex_wrap .name img {
            height: 100%;
            width: auto; }
      .container .univ_wrap section.univ_head h2 {
        margin: 40px auto 20px; }
        .container .univ_wrap section.univ_head h2 span {
          color: #00a9a9;
          font-weight: bold;
          font-size: 30px;
          background: linear-gradient(transparent 22px, #fff899 22px 42px, transparent 42px);
          padding: 0 10px; }
      .container .univ_wrap section.univ_head p.note {
        color: #00a9a9;
        font-size: 17px;
        line-height: 1.6; }
    .container .univ_wrap section.msg {
      background-color: #e0f5f5;
      padding: 50px 60px 50px 80px;
      border-bottom: 6px solid #00a9a9;
      text-align: center; }
      .container .univ_wrap section.msg h3 {
        display: inline-block;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.4;
        color: #00a9a9;
        text-align: center;
        position: relative;
        margin: 0 auto 50px; }
        .container .univ_wrap section.msg h3 img {
          width: 28px; }
          .container .univ_wrap section.msg h3 img.mark_l {
            position: absolute;
            top: -15px;
            left: -30px; }
          .container .univ_wrap section.msg h3 img.mark_r {
            position: absolute;
            bottom: -15px;
            right: -30px; }
      .container .univ_wrap section.msg .photo_pres {
        order: 2;
        width: 210px; }
        .container .univ_wrap section.msg .photo_pres p.name {
          font-size: 22px;
          font-weight: bold;
          color: #00a9a9; }
        .container .univ_wrap section.msg .photo_pres p.position {
          font-size: 14px;
          color: #00a9a9; }
    .container .univ_wrap section.points {
      padding-left: 80px;
      position: relative; }
      .container .univ_wrap section.points:last-of-type {
        padding-bottom: 70px;
        border-bottom: 6px solid #00a9a9; }
      .container .univ_wrap section.points img.icon {
        display: block;
        position: absolute;
        top: -50px;
        left: -40px; }
        .container .univ_wrap section.points img.icon.R_icon1 {
          width: 135px; }
        .container .univ_wrap section.points img.icon.R_icon2 {
          width: 132px; }
        .container .univ_wrap section.points img.icon.R_icon3 {
          width: 142px; }
        .container .univ_wrap section.points img.icon.Kgaku_icon1 {
          width: 152px; }
        .container .univ_wrap section.points img.icon.Kgaku_icon2 {
          width: 147px; }
        .container .univ_wrap section.points img.icon.Kgaku_icon3 {
          width: 132px; }
        .container .univ_wrap section.points img.icon.Kgaku_icon4 {
          width: 132px; }
        .container .univ_wrap section.points img.icon.O_icon1 {
          width: 152px; }
        .container .univ_wrap section.points img.icon.O_icon2 {
          width: 132px; }
        .container .univ_wrap section.points img.icon.O_icon3 {
          width: 134px; }
        .container .univ_wrap section.points img.icon.O_icon4 {
          width: 149px; }
        .container .univ_wrap section.points img.icon.Kgai_icon1 {
          width: 132px; }
        .container .univ_wrap section.points img.icon.Kgai_icon2 {
          width: 137px; }
        .container .univ_wrap section.points img.icon.Kgai_icon3 {
          width: 143px; }
      .container .univ_wrap section.points h3 {
        margin: 70px auto 60px 40px; }
        .container .univ_wrap section.points h3 span {
          color: #00a9a9;
          font-weight: bold;
          font-size: 28px;
          background: linear-gradient(transparent 20px, #fff899 20px 40px, transparent 40px);
          padding: 0 5px; }
      .container .univ_wrap section.points .order2 {
        order: 2; }
      .container .univ_wrap section.points .photo_area p {
        color: #00a9a9;
        font-size: 12px;
        line-height: 1.5; }
      .container .univ_wrap section.points .photo_area.R_photo2 {
        width: 253px; }
      .container .univ_wrap section.points .photo_area.R_photo3 {
        width: 300px; }
      .container .univ_wrap section.points .photo_area.Kgaku_photo2 {
        width: 340px; }
      .container .univ_wrap section.points .photo_area.Kgaku_photo3 {
        width: 217px;
        margin-top: -100px; }
      .container .univ_wrap section.points .photo_area.O_photo2 {
        width: 330px; }
      .container .univ_wrap section.points .photo_area.O_photo3 {
        width: 340px; }
      .container .univ_wrap section.points .photo_area.Kgai_photo2 {
        width: 362px; }
      .container .univ_wrap section.points .photo_area.Kgai_photo3 {
        display: grid;
        grid-template-columns: 300px 300px;
        gap: 10px;
        margin: 30px 0 30px 60px;
        text-align: center; }
      .container .univ_wrap section.points .scholarship {
        width: 632px;
        padding: 25px 35px;
        border: 2px solid #00a9a9;
        margin: 35px 0 0 45px; }
        .container .univ_wrap section.points .scholarship h4 {
          color: #00a9a9;
          font-size: 18px;
          font-weight: bold;
          text-decoration: underline;
          text-align: center;
          margin-bottom: 25px; }
        .container .univ_wrap section.points .scholarship h5 {
          font-size: 17px;
          font-weight: bold;
          margin: 20px 0 10px; }
          .container .univ_wrap section.points .scholarship h5 img {
            width: 25px;
            vertical-align: middle; }
        .container .univ_wrap section.points .scholarship p {
          font-size: 14px;
          line-height: 1.4; }
          .container .univ_wrap section.points .scholarship p.small {
            font-size: 13px;
            margin-top: 20px; }
      .container .univ_wrap section.points .voice {
        width: 720px;
        background-color: #d8eeff;
        padding: 60px 40px 30px;
        position: relative;
        margin-top: 60px; }
        .container .univ_wrap section.points .voice img.balloon {
          display: block;
          width: 206px;
          position: absolute;
          top: -30px;
          left: 20px; }
        .container .univ_wrap section.points .voice .student_photo {
          width: 165px; }
          .container .univ_wrap section.points .voice .student_photo p {
            text-align: center;
            color: #00a9a9; }
            .container .univ_wrap section.points .voice .student_photo p.name {
              font-size: 19px;
              font-weight: bold; }
              .container .univ_wrap section.points .voice .student_photo p.name small {
                font-size: 14px; }
            .container .univ_wrap section.points .voice .student_photo p.career {
              font-size: 13px;
              line-height: 1.5; }
        .container .univ_wrap section.points .voice P.text {
          width: 405px;
          margin-left: 50px; }
    .container .univ_wrap .comments {
      border-bottom: 6px solid #00a9a9;
      background-color: #d8eeff; }
      .container .univ_wrap .comments .photo_area {
        margin-top: 15px;
        width: 330px;
        text-align: center;
        position: relative; }
        .container .univ_wrap .comments .photo_area img {
          vertical-align: bottom; }
        .container .univ_wrap .comments .photo_area img.balloon {
          width: 184px; }
        .container .univ_wrap .comments .photo_area p.name {
          font-size: 12px;
          color: #fff;
          font-weight: bold;
          position: absolute;
          bottom: 5px; }
          .container .univ_wrap .comments .photo_area p.name.name1 {
            left: 105px; }
          .container .univ_wrap .comments .photo_area p.name.name2 {
            left: 255px; }
      .container .univ_wrap .comments .text_area {
        margin-left: 20px; }
        .container .univ_wrap .comments .text_area h3 {
          margin: 20px auto;
          text-align: center; }
          .container .univ_wrap .comments .text_area h3 span {
            color: #00a9a9;
            font-weight: bold;
            font-size: 20px;
            background: linear-gradient(transparent 20px, #fff899 20px 40px, transparent 40px);
            padding: 0 5px; }
        .container .univ_wrap .comments .text_area p.text {
          width: 224px;
          font-size: 14px;
          line-height: 1.6; }
          .container .univ_wrap .comments .text_area p.text:last-of-type {
            margin-left: 40px; }
    .container .univ_wrap a.button {
      margin: 50px auto;
      width: 320px;
      height: 100px;
      vertical-align: middle;
      text-align: center;
      display: block;
      padding: 15px;
      color: #fff;
      background-color: #00a9a9;
      border: 3px solid #00a9a9;
      border-radius: 24px;
      font-size: 30px;
      font-weight: bold;
      line-height: 1.2; }
      .container .univ_wrap a.button span.small {
        font-size: 20px; }
      .container .univ_wrap a.button span.yellow {
        color: #fff899; }
      .container .univ_wrap a.button:hover {
        transition: 0.3s;
        background-color: #fff;
        color: #00a9a9; }