@charset "UTF-8";
/* media

レスポンブレークポイント
=========================================================================================== */
.JS .interview-kv h2 {
  margin: 0; }

.interview-kv {
  max-width: 1275px;
  width: fit-content;
  margin: auto auto 2rem; }
  .interview-kv figure {
    position: relative;
    margin: unset;
    max-width: 960px;
    max-height: 420px; }
    .interview-kv figure img {
      width: 100%;
      object-fit: cover; }
    .interview-kv figure figcaption {
      position: absolute;
      top: auto;
      bottom: 1rem;
      left: 0;
      right: auto;
      padding: 1rem 0 1rem 2rem;
      width: calc(100% - 2rem);
      background-image: linear-gradient(90deg, white, rgba(255, 255, 255, 0) 50%); }
      @media screen and (max-width: 767px) {
        .interview-kv figure figcaption {
          bottom: 0px;
          left: 0; } }
      @media screen and (max-width: 579px) {
        .interview-kv figure figcaption {
          position: relative;
          padding: 0;
          top: auto;
          bottom: auto;
          left: auto;
          right: auto;
          margin: 20px auto 0;
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: 1fr;
          grid-column-gap: 1rem;
          grid-row-gap: 0;
          width: 100%;
          background: unset; } }
      @media screen and (max-width: 400px) {
        .interview-kv figure figcaption {
          display: block; } }
      .interview-kv figure figcaption h2 {
        display: block;
        width: fit-content;
        background: unset;
        padding: 0;
        margin-bottom: 1rem; }
        @media screen and (max-width: 579px) {
          .interview-kv figure figcaption h2 {
            width: 100%; } }
        .interview-kv figure figcaption h2 span {
          display: table;
          background-color: #00b9e1;
          border: unset;
          color: #fff;
          margin: 0 0 2rem 0; }
          @media screen and (max-width: 579px) {
            .interview-kv figure figcaption h2 span {
              margin: 0 0 1rem 0; } }
        .interview-kv figure figcaption h2 strong {
          font-size: 4rem;
          color: #00b9e1; }
          @media screen and (max-width: 579px) {
            .interview-kv figure figcaption h2 strong {
              font-size: 3rem; } }
          .interview-kv figure figcaption h2 strong::after {
            content: " さん";
            font-size: 2.5rem; }
      .interview-kv figure figcaption ul li {
        font-size: 1.5rem;
        color: #00b9e1; }
        @media screen and (max-width: 579px) {
          .interview-kv figure figcaption ul li {
            font-size: 1rem; } }
        .interview-kv figure figcaption ul li:nth-child(1)::before {
          content: "所属："; }
        .interview-kv figure figcaption ul li:nth-child(2)::before {
          content: "入社："; }
        .interview-kv figure figcaption ul li:nth-child(3)::before {
          content: "出身学科："; }

.commonLink nav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px; }
  .commonLink nav a {
    align-items: center;
    color: #333333;
    display: flex;
    justify-content: space-between;
    margin: auto 0;
    padding: 0;
    text-decoration: none;
    width: calc(25% - 8px); }
    @media screen and (max-width: 767px) {
      .commonLink nav a {
        width: calc((100% / 3) - 8px); } }
    @media screen and (max-width: 579px) {
      .commonLink nav a {
        width: calc((100% / 2) - 8px); } }
    @media screen and (max-width: 400px) {
      .commonLink nav a {
        width: calc(100% - 8px); } }
    .commonLink nav a img {
      max-width: 90px !important; }

.myFlowCol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 0; }
  .myFlowCol .Col .myFlow_main {
    margin-top: 0; }

h3.topH5 {
  color: #00b9e1;
  margin: 20px auto 0;
  border: #00b9e1 2px solid;
  padding: 1rem; }

.interview::after {
  clear: both;
  content: " ";
  display: block; }

.qaImgL,
.qaImgR {
  width: 460px;
  max-width: 50%; }
  .qaImgL::after,
  .qaImgR::after {
    clear: both;
    content: " ";
    display: block; }

.qaImgSymposium {
  max-width: 30%; }

.qaImgL img,
.qaImgR img {
  width: 100% !important;
  height: 100% !important; }

.qaImgL {
  float: left;
  padding: 0 20px 10px 0; }

.qaImgR {
  float: right;
  padding: 0 0 10px 20px; }

.linkListInterview {
  justify-content: center; }

.adjustMyFlow {
	margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
	.myFlowCol {
		display: block;
	}
	
	.adjustMyFlow {
		margin-bottom: 0;
	}
}