@charset "UTF-8";
/*
VARIABLES
================================================ */
/*
GENERAL STYLING
================================================ */
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
  color: var(--black);
  font-family: var(--NotoSans-font);
  text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
}
section {
  position: relative;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}
.jh section {
  padding: 0 4% 40px;
}
.jh-link {}
.jh-link a {
  margin: 1em 0;
  padding: 1em;
  width: 100%;
  height: 100%;
}
.jh-link-flex {
  display: flex;
  column-gap: 2rem;
  align-items: flex-start;
}
.jh-link-figure {
  flex: 0 0 100px;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.jh-link-figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.jh-link-content {
　flex:2;
}
.jh-link-content p{
  font-size: 1.4rem;
}
.jh-link date {
  color: #6A6A6A;
}
.jh-link-grid-pc {
  padding: 2rem 0;
}
.jh-link-grid-pc article {
  border-bottom: solid 1px var(--gray);
}
.jh-link-grid-pc article:first-child {
  border-top: solid 1px var(--gray);
}
/* 小型ノートPC -----------------------------------------*/
@media (min-width: 900px) {
.jh-link-content {
  display: flex;
}
  .jh-link-flex-pc {
    display: flex;
    column-gap: 2rem;
  }
  .jh-link-item-a, .jh-link-item-b {
    flex: 1;
  }
  .jh-link-figure {
	  flex:0 0 40%;
  }
	.jh-link-content{
		flex-direction: column;
	}
  .jh-link-grid-pc {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .jh-link-grid-pc article:nth-child(2) {
    border-top: solid 1px var(--gray);
  }
}