@charset "utf-8";

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


研究者インタビュー


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

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

一覧ページ

---------------------------------------------- */
.intvList.inner {
 max-width: 1200px;
 margin: 32px auto 0;
}

.intvItem {
 margin: 0px auto;
 padding: 32px 50px;
 border-bottom: 1px solid #dcdcdc;
}

.intvItem a.flex {
 align-items: center;
 text-decoration: none;
}

.intvItem_thum {
 width: 380px;
 height: 220px;
 border-radius: 10px;
 overflow: hidden;
}

.intvItem_thum img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}

.intvItem a.flex,
.intvItem_thum,
.intvItem_thum img {
 transition: 0.5s;
}

.intvItem a:hover {
 opacity: 0.65;
}

.intvItem a:hover .intvItem_thum {
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.intvItem a:hover .intvItem_thum img {
 transform: scale(1.05);
}

.intvItem_data {
 width: calc(100% - 380px - 64px);
}

.intvItem_ttl {
 font-size: 2.0rem;
 font-weight: 600;
 line-height: 1.8;
}

.intvItem_ttl span {
 font-size: 1.6rem;
 color: #00713d;
}

.intvItem_ttl span::after {
 content: "";
 display: inline-block;
 width: 10px;
 height: 2px;
 margin: -3px 0 0 12px;
 vertical-align: middle;
 background-color: #00713d;
}

.intvItem_info {
 margin: 12px auto;
 padding: 4px 12px;
 background: #e6edf0;
 background: linear-gradient(60deg, #f8fafb 13%, #e6edf0 50%, #f9fbfb 88%);
}

.intvItem_info span {
 font-size: 1.6rem;
 font-weight: 500;
}

.intvItem_info span::before {
 content: "";
 display: inline-block;
 width: 24px;
 height: 24px;
 margin: -0.2em 0.5em 0 0;
 vertical-align: middle;
 background-image: url(../_image/common/icon-interview.svg);
}

.intvItem_info span small {
 margin-right: 1em;
 font-size: 1.3rem;
}

.intvItem_info time {
 margin-left: 32px;
 padding-left: 24px;
 font-size: 1.4rem;
 font-weight: 500;
 color: #00321e;
 border-left: 1px solid #a3a2a2;
}

.intvItem_text {
 color: #00321e;
}


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

 .intvItem {
  margin: 0px auto;
  padding: 64px 0px;
 }

 .intvItem a {
  text-decoration: none;
 }

 .intvItem a.flex {
  align-items: center;
 }

 .intvItem_thum {
  width: 80%;
  height: 320px;
  margin: auto;
 }

 .intvItem_thum img {}

 .intvItem_data {
  width: calc(100% - 0px - 0px);
 }

 .intvItem_ttl {
  font-size: 2.4rem;
 }

 .intvItem_ttl span {
  font-size: 1.8rem;
 }

 .intvItem_ttl span::after {}

 .intvItem_info {}

 .intvItem_info span {
  font-size: 1.6rem;
 }

 .intvItem_info span::before {
  width: 32px;
  height: 32px;
  margin: -0.3em 0.5em 0 0;
 }

 .intvItem_info span small {
  font-size: 1.2rem;
 }

 .intvItem_info time {
  font-size: 1.4rem;
 }

 .intvItem_text {}
}




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

詳細ページ

---------------------------------------------- */
.intvPostHeader {
}

.intvPostHeader .intvItem_ttl {
 margin: 16px auto 32px;
 font-size: 2.4rem;
}

.intvPostHeader .intvItem_ttl span {}

.intvPostHeader .flex {
}

.intvPostHeader_thum {
 width: 540px;
 height: 380px;
 margin-top: 12px;
 border-radius: 10px;
 overflow: hidden;
}

.intvPostHeader_thum img {
 object-fit: cover;
 object-position: center;
 width: 100%;
 height: 100%;
}

.intvPostHeader_data {
 width: calc(100% - 540px - 48px);
}

.intvPostHeader_info {
 font-weight: 600;
 color: #00321e;
}

.intvPostHeader_info::before {
 content: "";
 display: inline-block;
 width: 32px;
 height: 32px;
 margin: 0 0.5em 0 0;
 vertical-align: middle;
 background-image: url(../_image/common/icon-interview.svg);
}

.intvPostHeader_info span {
 font-size: 2.2rem;
}

.intvPostHeader_info span small {
 margin-right: 1em;
 font-size: 1.4rem;
}

.intvPostHeader_data table {
 width: 100%;
 margin: 20px 0 16px;
}

.intvPostHeader_data table tbody {}

.intvPostHeader_data table tbody tr {}

.intvPostHeader_data table tbody tr th,
.intvPostHeader_data table tbody tr td {
 padding: 16px 16px;
 vertical-align: middle;
 font-size: 1.4rem;
 line-height: 1.6;
 border: 2px solid #dcdcdc;
 border-collapse: collapse;
}

.intvPostHeader_data table tbody tr th {
 width: 132px;
 font-weight: 600;
 color: #00321e;
 background-color: #eaf1f3;
 border-right: none;
}

.intvPostHeader_data table tbody tr td {
 border-left: none;
}

.intvPostHeader_data a {
 font-size: 1.3rem;
 font-weight: 600;
 color: #00321e;
}

.intvPostHeader_data a::before {
 content: "";
 display: inline-block;
 width: 24px;
 height: 24px;
 margin: 0 0.5em 0 0;
 vertical-align: middle;
 background-image: url(../_image/common/icon-search.svg);
 background-image: url(../_image/common/icon-info.svg);
}



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

 .intvPostHeader .intvItem_ttl {
  margin: 16px auto 32px;
  font-size: 2.2rem;
 }

 .intvPostHeader .intvItem_ttl span {}

 .intvPostHeader .flex {}

 .intvPostHeader_thum {
  width: 100%;
  height: 380px;
 }

 .intvPostHeader_thum img {}

 .intvPostHeader_data {
  width: calc(100% - 0px - 0px);
 }

 .intvPostHeader_info {
  margin: 48px 0;
 }

 .intvPostHeader_info::before {
  width: 32px;
  height: 32px;
  margin: -0.2em 0.5em 0 0;
 }

 .intvPostHeader_info span {
  font-size: 2.0rem;
 }

 .intvPostHeader_info span small {}

 .intvPostHeader_data table {}

 .intvPostHeader_data table tbody {}

 .intvPostHeader_data table tbody tr {}

 .intvPostHeader_data table tbody tr th,
 .intvPostHeader_data table tbody tr td {}

 .intvPostHeader_data table tbody tr th {
  width: 150px;
 }

 .intvPostHeader_data table tbody tr td {
  border-left: none;
 }

 .intvPostHeader_data table tbody tr td a {}

 .intvPostHeader_data table tbody tr td a::before {}

 .btn-back {
  margin-bottom: 64px;
 }
}