@charset "UTF-8";
/*
kanazawa-it.ac.jp/prj
Made by Hashitaka.jp
*/
/* ==========================================================================
// Foundation
// =========================================================================*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*
 * Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
  */
body {
  background-color: #EEE;
  font-family: 'Noto Sans JP',sans-serif; }

a {
  text-decoration: none;
  color: inherit; }

a, p, h1, h2, h3, h2, span {
  color: #333; }

/*KIT_colors*/
/*KIT_Gakka_colors*/
/*Brand_colors*/
/*Material_colors*/
/*shadow*/
.shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }

.shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }

.shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

.shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.shadow--12dp {
  box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4); }

.shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }

/* ==========================================================================
// Layout
// =========================================================================*/
.contents {
  width: 100%;
  padding-bottom: 80px;
  float: left; }

.contents_in {
  width: 1008px;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 1160px) {
  .contents_in {
    width: 100%; } }

/* KITオナーズプログラム*/
  .contents_o {
    width: 100%;
    float: left;
    padding-top: 50px;
    padding-left: 17px;}

  .contents_o a{
    style="font-weight: 200;
    color: #f8f8ff;
    font-size: 30px;
  }

  .contents_o a:hover {
      background-color: #87ceeb;}

  @media (max-width: 1160px) {
    .contents_o {
      width: 100%;
      .br-pc { display:block; }
      .br-sp { display:none;}
      }
    }

.footer {
  overflow: visible;
  float: left;
  width: 100%;
  background: #FFF; }

.footer_in {
  width: 700px;
  margin: 30px auto;
  text-align: center; }
@media (max-width: 700px) {
  .footer_in {
    width: 100%; } }
.footer_in p {
  color: #333;
  font-size: calc(9px + 0.25vw);
  line-height: 2.5;
  font-style: normal; }

.social_logo {
  font-size: calc(30px + 0.25vw);
  line-height: 1.7;
  margin: 0 50px; }

.social_logo--tw {
  color: #00aced; }

.social_logo--fb {
  color: #305097; }

.footer_in > .logo {
  width: 40%; }
.footer_in > .logo img {
  width: calc(45% + 1vw); }

p.copyright {
  font-size: calc(8px + 0.25vw);
  margin: 10px 0; }

@media (min-width: 841px) {
  .header {
    overflow: hidden;
    visibility: hidden;
    height: 0px;
    width: 0px; }

  .menu_bar {
    width: 0px;
    height: 0px;
    overflow: hidden; } }
@media print {
  .header {
    overflow: hidden;
    visibility: hidden;
    height: 0px;
    width: 0px; }

  .menu_bar {
    width: 0px;
    height: 0px;
    overflow: hidden; }

  svg.svg-inline--fa {
    overflow: hidden; } }
@media (max-width: 840px) {
  .header {
    position: fixed;
    z-index: 2;
    background-color: #FFF;
    height: 60px;
    width: 100%; }
  .header .logo_sp {
    width: 80%;
    height: 80%;
    overflow: hidden;
    margin: 10px auto; }
  .header .logo_sp .kit_logo {
    float: left; }
  .header .logo_sp .kit_logo img {
    height: 40px; } }
#main {
  width: 87%;
  margin-left: 13%;
  float: left;
  overflow: hidden; }

/*Tablet*/
/*Smart_Phone*/
@media (max-width: 840px) {
  #main {
    width: 100%;
    margin-top: 60px;
    margin-left: 0; } }
/*iPad_Pro*/
/*PCのブラウザサイズの縦が1366pxを超える時代になったら消してください。*/
/*@media (min-height: 1366px) {
  #main {
    margin-left: 0;
    width: 100%;
  }
}*/
.projects {
  width: 100%;
  float: left;
  padding-bottom: 100px;
  background-image: url("/prj/prj-images/projects.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.projects_in {
  width: 1008px;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 1160px) {
  .projects_in {
    width: 100%; } }
.global_nav {
  z-index: 1;
  position: fixed;
  display: block;
  height: 100vh;
  width: 13%;
  background-color: #333; }
.global_nav div.logo {
  background-color: #FFF;
  text-align: center; }
.global_nav div.logo img {
  width: 56%;
  padding: 5vh 22% 2vh 22%; }
.global_nav div.logo div.title {
  text-align: center; }
.global_nav div.logo a {
  color: #015093;
  display: block; }
.global_nav div.logo a.department {
  font-size: 0.7vw;
  font-weight: 500; }
.global_nav div.logo a.title {
  font-size: 1.12vw;
  font-weight: 700;
  line-height: 0.6;
  padding-bottom: 4vh; }
.global_nav ul {
  width: 100%; }
.global_nav ul li {
  height: 7vh;
  border-top: solid 0.3vh #222;
  text-align: center; }
.global_nav ul li a {
  height: 3vh;
  padding-top: 2.7vh;
  padding-bottom: 1.3vh;
  display: block;
  font-size: 0.8vw;
  font-weight: 700;
  transition: 0.4s;
  color: #FFF; }
.global_nav ul li a:hover {
  background-color: #015093; }
.global_nav .social {
  height: 7vh;
  border-top: solid 0.3vh #222;
  text-align: center;
  padding-top: 5vh; }
.global_nav .social a {
  color: #FFF;
  font-size: 150%; }

@media (max-width: 840px) {
  .global_nav {
    visibility: hidden; } }
/*iPadPro対応*/
/*@media (min-height: 1366px) {
  .global_nav {
    visibility: hidden;
  }
}*/
.top {
  width: 100%;
  height: 71vh;
  background-repeat: no-repeat;
  background-size: cover;
  float: left; }

@media (min-width: 1600px) {
  .top--page {
    height: 50vh; } }

.top--home {
  background-image: url("/prj/prj-images/top.jpg");
  background-position-y: 0%;
  background-position-x: 60%; }

.top--contact {
  background-image: url("/prj/prj-images/cover--contact.jpg");
  background-position-y: 0%;
  background-position-x: 0%; }
@media (min-width: 1600px) {
  .top--contact {
    height: 60vh; } }

.top--stakeholder {
  background-image: url("/prj/prj-images/cover--stakeholder.jpg");
  background-position-y: 0%;
  background-position-x: 0%; }
@media (min-width: 1600px) {
  .top--stakeholder {
    height: 60vh; } }

.top--page {
  background-image: url("/prj/page/prj-images/cover.jpg");
  background-position-y: 0%;
  background-position-x: 60%; }
@media (min-width: 1600px) {
  .top--page {
    height: 60vh; } }

/*Tablet*/
@media (max-width: 840px) and (min-width: 481px) {
  .top {
    height: 40vh; } }
/*Smart_Phone*/
@media (max-width: 480px) {
  .top {
    height: 30vh; } }
.top_in {
  width: 1000px;
  margin: 0 auto; }
.top_in a {
  display: block;
  color: #FFF;
  font-size: 2.5vw;
  font-weight: 700;
  margin-top: 20vh;
  line-height: 1.5;
  text-shadow: 1px 2px 3px #808080; }

.blue__bar {
  float: left;
  width: 100%;
  height: 3.5vh;
  background-color: #015093;
  border-bottom: solid 0.5vh #aa955c; }
.blue__bar a {
  display: block;
  padding-top: 0.52vh;
  padding-left: 2vw;
  color: #FFF;
  font-size: calc(10px + 0.5vh);
  font-weight: 400; }

@media (max-width: 840px) and (min-width: 481px) {
  .blue__bar {
    height: 3.5vh; } }
.topics {
  width: 100%;
  height: 25vh;
  overflow: hidden;
  float: left; }

.topics__container {
  width: 25%;
  height: 100%;
  float: left; }

/*Tablet*/
@media (max-width: 840px) and (min-width: 481px) {
  .topics {
    height: 40vh; }

  .topics__container {
    width: 50%;
    height: 50%; } }
/*Smart_Phone*/
@media (max-width: 480px) {
  .topics {
    height: 130vh; }

  .topics__container {
    height: 25%;
    width: 100%; }
  }

.topics__container--1 {
  background-image: url(/prj/prj-images/topics1.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.topics__container--2 {
  background-image: url(/prj/prj-images/topics2.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.topics__container--3 {
  background-image: url(/prj/prj-images/topics3.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.topics__container--4 {
  background-image: url(/prj/prj-images/topics4.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.topics__container__text {
  width: 100%;
  height: 100%;
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+19,0.12+31,0.28+45,0.46+68,0.56+89,0.67+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.12) 31%, rgba(0, 0, 0, 0.28) 45%, rgba(0, 0, 0, 0.46) 68%, rgba(0, 0, 0, 0.56) 89%, rgba(0, 0, 0, 0.67) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.12) 31%, rgba(0, 0, 0, 0.28) 45%, rgba(0, 0, 0, 0.46) 68%, rgba(0, 0, 0, 0.56) 89%, rgba(0, 0, 0, 0.67) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0.12) 31%, rgba(0, 0, 0, 0.28) 45%, rgba(0, 0, 0, 0.46) 68%, rgba(0, 0, 0, 0.56) 89%, rgba(0, 0, 0, 0.67) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ab000000',GradientType=0 );
  /* IE6-9 */ }
.topics__container__text date {
  font-size: 80%;
  line-height: 2.0; }
.topics__container__text:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b9b9b+0,4f4f4f+100&0.38+0,0.38+17,0.8+100 */
  background: -moz-linear-gradient(top, rgba(155, 155, 155, 0.38) 0%, rgba(142, 142, 142, 0.38) 17%, rgba(79, 79, 79, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(155, 155, 155, 0.38) 0%, rgba(142, 142, 142, 0.38) 17%, rgba(79, 79, 79, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(155, 155, 155, 0.38) 0%, rgba(142, 142, 142, 0.38) 17%, rgba(79, 79, 79, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#619b9b9b', endColorstr='#cc4f4f4f',GradientType=0 );
  /* IE6-9 */ }
.topics__container__text a {
  position: absolute;
  bottom: 0;
  padding: 15vh 1vw 2vh 1vw;
  display: block;
  color: #FFF;
  font-size: 90%;
  line-height: 1.5;
  text-shadow: 1px 2px 3px #333; }

/*==========================================================================
// Object
// ==========================================================================*/
/* -----------------------------------------------------------------
// Component
// -----------------------------------------------------------------*/
/* -----------------------------------------------------------------
// Project
// -----------------------------------------------------------------*/
.article_card {
  float: left;
  position: relative;
  top: -100px;
  margin: 0;
  background-color: #FFF; }
@media (max-width: 480px) {
  .article_card {
    top: -50px; } }
@media (max-width: 840px) {
  .article_card {
    width: calc(100% - 5vw);
    margin: 2.5vw; } }

.article_card_in {
  float: left;
  width: calc(100% - 10vw);
  padding: 4vw 5vw; }

/*パンくずリスト*/
.pankuzu_list li {
  font-size: calc(10px + 0.25vw);
  display: inline-block; }
.pankuzu_list li a:hover {
  text-decoration: underline; }

/*タグ*/
.tag_container {
  float: left;
  display: block;
  width: 100%;
  margin: 10px 0; }

.tag {
  float: left;
  display: block;
  color: #FFF;
  margin: 3px 0.3vw;
  vertical-align: middle; }

/*タグのサイズ*/
.tag_size--L {
  font-size: calc(11px + 0.5vw);
  font-weight: 400;
  padding: 8px;
  border-radius: 3px; }
@media (max-width: 840px) {
  .tag_size--L {
    font-weight: 500; } }

.tag_size--M {
  font-size: calc(8px + 0.5vw);
  font-weight: 400;
  /*可読性向上のため、モバイルではfont-weight少し太く*/
  padding: 7px;
  border-radius: 2px; }
@media (max-width: 840px) {
  .tag_size--M {
    font-weight: 500; } }

.social_icon {
  display: block;
  float: right;
  font-size: calc(17px + 0.8vw);
  margin-top: 6px;
  margin-left: calc(10px + 0.4vw);
  vertical-align: baseline; }

/*タグのカラー設定*/
/*各学科のタグカラーは大学WEBサイトの学科イメージカラーに合わせてあります。*/
.tag_color--gray {
  background-color: #777; }

/*三亚赌场,香港赌场*/
.tag_color--E {
  background-color: #84AFBA; }

/*情報フロンティア学部*/
.tag_color--F {
  background-color: #C16C70; }

/*建築学部*/
.tag_color--V {
  background-color: #9FB386; }

/*バイオ?化学部*/
.tag_color--B {
  background-color: #6B7DA8; }

/*記事タイトル*/
.article_title {
  font-size: calc(16px + 1.0vw);
  float: left;
  margin: 0.9vw 0;
  line-height: 1.5; }

.article_posttime {
  color: #777;
  font-weight: 700;
  font-size: calc(13px + 0.25vw);
  line-height: 1.5;
  float: left;
  width: 100%; }

/*区切り線*/
.article_hr {
  float: left;
  width: 100%;
  margin: 5px 0 20px 0; }
.article_hr div {
  float: left;
  height: 3px; }

.article_hr--blue {
  width: 75%;
  background-color: #015093; }

.article_hr--gold {
  width: 25%;
  background-color: #aa955c; }

/*記事本文*/
.article_body {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
  margin: 5px 0 10px 0; }
.article_body a:link {
  text-decoration: underline;
  color: #283593; }
.article_body a:visited {
  color: #283593; }

.article_body--bold {
  font-weight: 600; }

/*h3見出し、h2は汚染されているためh3使用*/
.article_headline {
  float: left;
  font-size: calc(16px + 0.3vw);
  font-weight: 600;
  line-height: 1.8;
  margin-top: 30px; }

/*記事内の画像*/
.article_img_container {
  width: 100%;
  float: left; }

.article_img {
  float: left;
  display: block;
  /*左右のmarginは各サイズで個別指定*/
  margin-top: 10px;
  margin-bottom: 10px; }
.article_img img {
  width: 100%; }
.article_img figcaption {
  text-align: center;
  margin: 5px;
  color: #777;
  font-size: 12px;
  line-height: 1.3; }

.article_img--S {
  width: calc(33.333% - 1vw);
  margin-right: 0.5vw;
  margin-left: 0.5vw; }

.article_img--M {
  width: calc(50% - 4vw);
  margin-right: 2vw;
  margin-left: 2vw; }

.article_img--L {
  width: calc(100% - 24vw);
  margin-right: 12vw;
  margin-left: 12vw; }

.article_img--MAX {
  width: 100%;
  margin-right: 0vw;
  margin-left: 0vw; }

  .article_img--lSpace {
    width: calc(50% - 4vw);
    margin-right: 0vw;
    margin-left: 4vw; }

.sideText{
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;}
.sideText img{
  width:30%;
  margin-left:2vw;
  margin-right: 2vw;}
.sideText p{
  font-size: 14px;
  line-height: 1.4;}

/*スマホではすべてのサイズの画像を1カラム表示*/
@media (max-width: 480px) {
  .article_img {
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
/*2カラム*/
.article_table {
  width: 100%;
  float: left; }

.article_table--30 {
  float: left;
  width: 30%; }

.article_table--70 {
  float: left;
  width: 70%; }

@media (max-width: 839px) {
  .article_table > div {
    width: 100%; } }
/*担当指導教員*/
.supervisors_container {
  width: 100%;
  float: left; }

.supervisor {
  float: left;
  width: calc(33.33% - 1vw);
  margin: 10px 0.5vw; }
@media (max-width: 480px) {
  .supervisor {
    width: calc(50% - 1vw); } }

.supervisor__img {
  float: left;
  width: 35%; }
.supervisor__img img {
  width: 100%; }

.supervisor__profile {
  float: left;
  width: calc(65% - 10px);
  margin-left: 10px; }

.supervisor__profile__department {
  font-size: calc(5px + 0.5vw);
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: calc(3px + 0.5px); }

.supervisor__profile__position {
  font-size: calc(5px + 0.5vw);
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: calc(3px + 0.5vw); }

.supervisor__profile__name-jp {
  font-size: calc(7px + 0.7vw);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 5px; }
.supervisor__profile__name-jp a:link {
  text-decoration: underline; }

.supervisor__profile__name-en {
  font-size: calc(6px + 0.5vw);
  font-weight: 600; }

/*btn*/
.btn_container {
  width: 100%;
  float: left;
  margin: 30px 0; }

.btn {
  margin: 0 auto;
  width: 50%;
  border-radius: 50px;
  text-align: center;
  transition: 0.2s; }
@media (max-width: 840px) {
  .btn {
    width: 80%; } }
.btn a {
  transition: 0.3s;
  font-size: 20px;
  font-weight: 500;
  color: #FFF;
  display: block;
  padding: 20px;
  border-radius: 50px; }
.btn a:hover {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

.btn--back_top {
  background-color: #015093; }

.btn--stakeholder {
  background-color: #ff9800; }

.contents h2 {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: calc(40px + 3vh);
  margin-right: auto;
  margin-bottom: calc(20px + 2vh);
  margin-left: auto;
  font-size: 22px;
  font-weight: 700;
  color: #333; }

.box_12col {
  float: left;
  width: 100%; }

/*topics_card*/
.topics_card {
  float: left;
  width: calc(50% - 24px);
  margin: 12px;
  background-color: #FFF;
  transition: 0.3s; }

div.topics_card:hover {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

@media (max-width: 480px) {
  .topics_card {
    width: calc(100% - 16px);
    margin: 8px; } }
.topics_card__img {
  width: 100%;
  display: block;
  float: left; }

.topics_card__img a {
  width: 100%;
  height: 100%;
  display: block; }

.topics_card__img img {
  width: 100%; }

.topics_card__text {
  border-top: solid 1.3px #777;
  float: left; }
.topics_card__text h1 {
  display: block;
  padding: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #333; }
.topics_card__text a.description {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  padding: 24px;
  padding-top: 0px; }

.event_card {
  width: calc(33.333% - 24px);
  margin: 12px;
  float: left;
  transition: 0.3s; }

@media (max-width: 840px) {
  .event_card {
    width: calc(50% - 24px); } }
@media (max-width: 480px) {
  .event_card {
    width: calc(100% - 16px);
    margin: 8px; } }
div.event_card:hover {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.event_card__img {
  width: 100%;
  float: left; }

.event_card__img img {
  width: 100%; }

.event_card__text {
  width: 100%;
  float: left;
  background-color: #FFF; }

.event_card__text__date {
  padding: 12px;
  text-align: center;
  float: left;
  width: calc(22% - 24px);
  height: 100%; }

.event_card__text__date__year {
  font-size: 12px;
  font-weight: 500;
  line-height: 2.0; }

.event_card__text__date__date {
  font-size: calc(11px + 0.8vh);
  font-weight: 500;
  line-height: 2.0; }

.event_card__text__date__day {
  font-size: 12px;
  font-weight: 500;
  line-height: 2.0; }

.event_card__text__title {
  width: calc(78% - 24px - 1px);
  height: 100%;
  float: left;
  padding: 12px;
  border-left: solid 1px #777; }

.event_card__text__title__title {
  height: 50px;
  overflow: hidden;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

.event_card__text__title__place {
  color: #555;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
  vertical-align: middle; }

/*projects_card*/
.projects_headline {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: calc(40px + 3vh);
  margin-right: auto;
  margin-bottom: calc(20px + 2vh);
  margin-left: auto;
  font-size: 22px;
  font-weight: 700;
  color: #FFF;
  text-shadow: 1px 2px 3px #808080; }

.projects_description {
  padding: calc(12px + 0px);
  font-size: calc(13px + 0.25vw);
  line-height: 1.6;
  color: #FFF;
  text-shadow: 1px 2px 3px #808080; }

.project_card {
  width: calc(25% - 24px);
  margin: 12px;
  background-color: #FFF;
  float: left;
  transition: 0.3s; }

div.project_card:hover {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

@media (max-width: 840px) {
  .project_card {
    width: calc(33.33% - 24px); } }
@media (max-width: 480px) {
  .project_card {
    width: calc(50% - 16px);
    margin: 8px; } }
.project_card__img {
  text-align: center;
  width: 100%;
  float: left;
  height: 150px; }

.project_card__img img {
  width: 60%;
  margin-right: auto;
  padding-bottom: 0px;
  margin-left: auto; }

.project_card__img a {
  display: block;
  padding-top: 30px;
  font-size: 80px;
  color: #FFF; }

.project_card__img--KIES {
  background-color: #ffb300; }

.project_card__img--toy {
  background-color: #ec407a; }

.project_card__img--Cirkit {
  background-color: #ff5722; }

.project_card__img--security {
  background-color: #3949ab; }

.project_card__img--app {
  background-color: #00bcd4; }

.project_card__img--smart_city {
  background-color: #1976d2; }

.project_card__img--hakko {
  background-color: #512da8; }

.project_card__img--toiro {
  background-color: #6d4c41; }

.project_card__img--drone {
  background-color: #1976d2; }

.project_card__img--agri_equ {
  background-color: #689f38; }

.project_card__img--bus_stop {
  background-color: #dd1744; }

.project_card__img--chromosome {
  background-color: #512da8; }

.project_card__img--physics {
  background-color: #ffc107; }

.project_card__img--agri_innovation {
  background-color: #388e3c; }

.project_card__img--SoRA {
  background-color: #0096bb; }

.project_card__img--marketing {
  background-color: #f57c00; }

.project_card__img--yacon {
  background-color: #5d4037; }

.project_card__img--hakusan {
  background-color: #009688; }

.project_card__img--Mso-i {
  background-color: #c2185b; }

.project_card__img--DK {
  background-color: #e0e0e0; }

.project_card__img--UNBRE {
  background-color: #9c27b0; }

.project_card__text {
  float: left;
  height: 150px;
  overflow: hidden; }

.project_card__text__title {
  width: calc(100% - 16px);
  float: left;
  display: block;
  padding: 8px 8px 0px 8px;
  font-size: calc(13px + 0.25vw);
  font-weight: 500;
  line-height: 1.3; }

.project_card__text__description {
  display: block;
  float: left;
  width: calc(100% - 16px);
  padding: 8px;
  font-size: calc(10px + 0.2vh);
  font-weight: 400;
  line-height: 1.5; }

/*image_card*/
.image_card {
  float: left;
  width: 100%;
  height: 300px;
  background-image: url("/prj/prj-images/image_card.jpg");
  background-position-x: 10%;
  background-position-y: 30%; }

.image_card__text {
  float: left;
  width: calc(100% - 24px);
  height: 130px;
  background-color: rgba(33, 33, 33, 0.5);
  padding: 12px;
  position: relative;
  top: 145px; }
.image_card__text a {
  color: #FFF; }

.image_card__text__headline {
  display: block;
  font-size: calc(14px + 0.25vw);
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 5px; }

.image_card__text__description {
  display: block;
  font-size: calc(10px + 0.25vw);
  font-weight: 400;
  line-height: 1.7; }

/*link_banner*/
.link_banner {
  float: left;
  display: block;
  width: calc(33.333% - 24px);
  margin: 12px; }

@media (max-width: 767px) {
  .link_banner {
    width: calc(50% - 24px); } }
@media (max-width: 480px) {
  .link_banner {
    width: calc(100% - 48px);
    margin-right: 24px;
    margin-left: 24px; } }
.link_banner img {
  width: 100%; }

/* -----------------------------------------------------------------
// Utility
// -----------------------------------------------------------------*/
/*Material_colors*/
.u-color--light-green500 {
  color: #8bc34a; }

.u-color--light-green600 {
  color: #7cb342; }

.u-color--light-green700 {
  color: #689f38; }

.u-color--blue-grey600 {
  color: #607d8b; }

/*Brand_colors*/
.u-color--fb {
  color: #305097; }

.u-color--tw {
  color: #00aced; }

.u-color--rss {
  color: #f26522; }

.u-color--youtube {
  color: #ff0000; }

.u-margin-top--0 {
  margin-top: 0; }

.u-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.u-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }

.u-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }

.u-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

.u-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.u-shadow--12dp {
  box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4); }

.u-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.u-shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }

.u-8px {
  font-size: 8px; }

.u-12px {
  font-size: 12px; }

.u-14px {
  font-size: 14px; }

.u-16px {
  font-size: 16px; }

.u-20px {
  font-size: 20px; }

.u-24px {
  font-size: 24px; }

.u-fontweight--700 {
  font-weight: 700; }

.u-text-align-right {
  text-align: right;
}

.u-text-align-left {
  text-align: left;
}

.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-blank-1px {
  float: left;
  height: 8px;
  width: 100%;
}

/*メニュータグの一番下の線*/
.bt_line{
  border-bottom: solid 0.3vh #222;
}

.hackathon_article{
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  margin: 5px 0 10px 0;
}
/*# sourceMappingURL=style.css.map */