@charset "utf-8";

/* --------------------------------------------


英語版サイト（レイアウト調整が必要な部分のみこのcssで上書き）


---------------------------------------------- */
body,
input,
select,
select option,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: "Barlow", sans-serif;
 letter-spacing: 0.01em;
}

body,
input,
select,
select option,
textarea,
table,
th,
td,
p {
 text-align: left;
}


@media only screen and (max-width:640px) {}



/* --------------------------------------------

header

---------------------------------------------- */
@media only screen and (max-width:640px) {}



/* --------------------------------------------

footer

---------------------------------------------- */
@media only screen and (max-width:640px) {}



/* --------------------------------------------

トップページ

---------------------------------------------- */
body#index {
 background: #d5e1e6;
 background: linear-gradient(0deg, #0a6447 65%, #d5e1e6 65.01%, #d5e1e6 85%, #f7f9fa 100%);
}

@media screen and (max-width:1360px) {
 body#index {
  background: #d5e1e6;
  background: linear-gradient(0deg, #0a6447 82%, #d5e1e6 82.01%, #d5e1e6 85%, #f7f9fa 100%);
 }
}

@media only screen and (max-width:640px) {
 body#index {
  background: #d5e1e6;
  background: linear-gradient(0deg, #0a6447 70%, #d5e1e6 70.01%, #d5e1e6 80%, #f7f9fa 100%);
 }

}



body#index .unit_ttl em {
 display: block;
 padding: 96px 0 32px;
 line-height: 1.3;
}

@media only screen and (max-width:640px) {
 body#index.unit_item a {
  padding: 32px 24px 64px;
 }

 body#index.unit_ttl em {
  padding: 96px 0 24px;
 }

 body#index.unit_image {
  top: -80px;
 }
}



/* --------------------------------------------

Gtechについて

---------------------------------------------- */
.about_mission dt {
 width: 300px;
}

.about_mission dd {
 width: calc(100% - 300px);
}


@media only screen and (max-width:640px) {
 .about_mission dt {
  width: 100%;
 }

 .about_mission dd {
  width: 100%;
 }
}



/* --------------------------------------------

ユニット紹介

---------------------------------------------- */
.unit_detail li {
 text-align: left;
}

@media only screen and (max-width:640px) {
 .unit_ttl em {
  margin: 32px 0 0;
  white-space: nowrap;
 }
}



/* --------------------------------------------

メンバー紹介

---------------------------------------------- */
.memberWrap {
 margin: 128px auto 32px;
}

.members_btn {
 top: -95px;
}

@media only screen and (max-width:640px) {
 .memberWrap {
  margin: 192px auto 32px;
 }

 .members_btn {
  top: -169px;
 }

 .members_btn .flex a {
  padding: 18px 0 6px;
 }

 .members_btn .flex a::after {
  display: block;
  margin: 0.5em auto;
 }

}



/* --------------------------------------------

研究者インタビュー

---------------------------------------------- */
@media only screen and (max-width:640px) {}



/* --------------------------------------------

お知らせ

---------------------------------------------- */
span[class*="newsItem_ctg"],
span[class*="newsItem_ctg"] {
 width: 112px;
}

@media only screen and (max-width:640px) {
 .newsCtgLink ul li:first-child {
  width: 100%;
  text-align: center;
 }

 span[class*="newsItem_ctg"],
 span[class*="newsItem_ctg"] {
  width: 136px;
  font-size: 1.1rem;
 }

 .newsItem_time {
  margin-left: 12px;
  padding-left: 12px;
 }
}



/* --------------------------------------------

お問い合わせ

---------------------------------------------- */
.formTable dt::before {
 content: "optional";
}

.formTable dt.required::before {
 content: "required";
}

@media only screen and (max-width:640px) {}