/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./develop_src/sass/add_style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:wght@300..800&display=swap);
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./develop_src/sass/add_style.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************/
/*
$base-size: 100%;
$navi-size: 0.86rem;
$small-size: 0.83rem;
$small-size02: 0.90rem;
$large-size: 1rem;
$large-size02: 1.1rem;
*/
/*
$box-title-size: 1.5rem;
$con-title-size: 1.3rem;
$con-title-size-xs: 1.15rem;
*/


.page--common .figure--catch {
  overflow: hidden;
}
.page--common .figure--catch .images {
  width: 100%;
  object-fit: cover;
}
.page--common .link--button {
  background-color: var(--main-color);
  display: flex;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 5px 0.8rem;
  border-radius: 2px;
}
.page--common .link--button .link--text {
  color: #fff;
  border-right: 1px dotted #fff;
  padding: 0.15rem 2rem 0.15rem 0.5rem;
}
.page--common .link--button::after {
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  -webkit-mask: url("../svg/link_arrow.svg") no-repeat center center;
          mask: url("../svg/link_arrow.svg") no-repeat center center;
  background-color: #fff;
  margin-left: 0.8rem;
}
.page--common .link--button.button--black {
  background-color: #2b2b2b;
}
.page--common .link--button:hover {
  background-color: var(--accent-color);
}
@media screen and (min-width: 521px) {
  .page--common .footer {
    margin-top: 120px;
  }
  .page--common .figure--catch {
    border-radius: 24px;
  }
  .page--common .figure--catch .images {
    max-height: 360px;
  }
}
@media screen and (max-width: 520px) {
  .page--common .footer {
    margin-top: 20%;
  }
  .page--common .mv .page-inner {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  .page--common .figure--catch {
    border-radius: 40px 0 0 40px;
    margin-top: 5%;
  }
  .page--common .figure--catch .images {
    height: 45svh;
  }
}

.page--information :where(.article + .article) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dotted #cdcdcd;
}
.page--information .article .figure {
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 59/42;
}
.page--information .article .time--post-date {
  color: #505253;
}
.page--information .article .title--article {
  color: var(--main-color);
  margin-bottom: 20px;
}
.page--information .article .text .link {
  color: var(--main-color);
  margin-left: 1.3rem;
  border-bottom: 1px dotted var(--main-color);
  padding-bottom: 3px;
}
.page--information .article .text .link::after {
  content: "";
  display: inline-block;
  background-color: var(--main-color);
  width: 16px;
  height: 15px;
  -webkit-mask-image: url(../svg/plane-icon.svg);
          mask-image: url(../svg/plane-icon.svg);
  transform: translateY(1px);
  margin-left: 5px;
}
@media screen and (min-width: 521px) {
  .page--information .l-page-inner {
    max-width: 1070px;
    margin-inline: auto;
  }
  .page--information .article {
    display: grid;
    grid-template-columns: minmax(295px, 25%) auto;
    grid-template-rows: auto 1fr;
    align-content: start;
    grid-template-areas: "thumbnail title" "thumbnail description";
    column-gap: 5%;
  }
  .page--information .article .figure {
    grid-area: thumbnail;
  }
  .page--information .article .hgroup {
    grid-area: title;
    padding-top: 15px;
  }
  .page--information .article .time--post-date {
    font-size: 0.95rem;
  }
  .page--information .article .title--article {
    font-size: clamp(1.13rem, 1.13rem + 0.00657277vw, 1.2rem);
    line-height: 1.76;
  }
  .page--information .article .text {
    grid-area: description;
    margin-bottom: 0.8rem;
  }
  .page--information .article .link {
    transition: all 0.4s;
  }
  .page--information .article .link:hover {
    color: var(--accent-color);
  }
  .page--information .article .text .link:hover {
    border-bottom-color: currentColor;
  }
  .page--information .article .text .link:hover::after {
    background-color: currentColor;
  }
}
@media screen and (max-width: 520px) {
  .page--information .l-page-inner {
    padding-inline: 7.5%;
  }
  .page--information :where(.article + .article) {
    margin-top: 40px;
    padding-top: 20px;
  }
  .page--information .figure {
    margin-bottom: 20px;
  }
  .page--information .time--post-date {
    font-size: 0.85rem;
  }
  .page--information .title--article {
    font-size: 1.15rem;
    line-height: 1.56;
    margin-top: 5px;
  }
  .page--information .text {
    font-size: 0.9rem;
  }
}

.page--researchers-top :where(.card + .card) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dotted #cdcdcd;
}
.page--researchers-top .card .figure {
  aspect-ratio: 4/2.8;
  overflow: hidden;
}
.page--researchers-top .card .figure .images {
  height: 100%;
  object-fit: cover;
}
.page--researchers-top .card .title--card {
  color: var(--main-color);
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.page--researchers-top .card .link--button {
  margin-top: 1.5rem;
}
@media screen and (min-width: 521px) {
  .page--researchers-top .card {
    display: grid;
    grid-template-columns: minmax(270px, 20%) auto;
    column-gap: 7%;
  }
  .page--researchers-top .card .title--card {
    font-size: clamp(1.6rem, 1.6rem + 0.0375586854vw, 2rem);
  }
}
@media screen and (max-width: 520px) {
  .page--researchers-top :where(.card + .card) {
    margin-top: 8%;
    padding-top: 6%;
  }
  .page--researchers-top .card .box {
    padding: 0 0.4rem;
  }
  .page--researchers-top .card .title--card {
    font-size: 1.5rem;
    margin-top: 8%;
  }
  .page--researchers-top .card .text {
    font-size: 15px;
  }
  .page--researchers-top .card .link--text {
    font-size: 15px;
  }
}

.page--researchers-papers .df-title, .page--researchers-papers .title--en {
  font-family: "Hind", sans-serif;
}
.page--researchers-papers .df-title {
  font-size: clamp(2rem, 2rem + 0.0938967136vw, 3rem);
  color: var(--accent-color);
  margin-bottom: 0.6rem;
  font-weight: 600;
}
.page--researchers-papers .df--papers .list {
  margin-left: 1rem;
}
.page--researchers-papers .df--papers .list-item {
  padding-left: 1.6rem;
  position: relative;
}
.page--researchers-papers .df--papers .list-item::before {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1/1;
  background-color: #b6bfcc;
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 50%;
}
.page--researchers-papers .df--papers :where(.list-item + .list-item) {
  margin-top: 0.4rem;
}
.page--researchers-papers .df--papers .link {
  color: var(--main-color);
  border-bottom: 1px dotted currentColor;
  padding-bottom: 0.3rem;
}
.page--researchers-papers .df--papers .item--en .link {
  padding-bottom: 0;
}
@media screen and (min-width: 521px) {
  .page--researchers-papers :where(.wrap--publication-year + .wrap--publication-year) {
    margin-top: 40px;
  }
  .page--researchers-papers .df--papers .link {
    transition: all 0.4s;
  }
  .page--researchers-papers .df--papers .link:hover {
    color: #0078db;
  }
}
@media screen and (max-width: 520px) {
  .page--researchers-papers :where(.wrap--publication-year + .wrap--publication-year) {
    margin-top: 8%;
  }
  .page--researchers-papers :where(.list-item + .list-item) {
    margin-top: 1.2rem;
  }
  .page--researchers-papers .df--papers .list {
    margin-left: 0.5rem;
  }
  .page--researchers-papers .df--papers .list-item {
    font-size: 90%;
    padding-left: 1.2rem;
  }
  .page--researchers-papers .df--papers .list-item::before {
    width: 0.6rem;
  }
  .page--researchers-papers .df--papers .link {
    padding-bottom: 0;
  }
}