#internship-insights * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

#internship-insights ul,
#internship-insights ol {
  list-style: none;
}

#internship-insights h1,
#internship-insights h2,
#internship-insights h3,
#internship-insights h4,
#internship-insights h5,
#internship-insights h6,
#internship-insights p,
#internship-insights span,
#internship-insights a,
#internship-insights button,
#internship-insights strong,
#internship-insights small,
#internship-insights li,
#internship-insights table,
#internship-insights th,
#internship-insights td,
#internship-insights dt,
#internship-insights dd,
#internship-insights label,
#internship-insights input,
#internship-insights textarea,
#internship-insights select,
#internship-insights legend,
#internship-insights address,
#internship-insights data,
#internship-insights time {
  font-family: "Noto Sans JP", sans-serif;
  color: #333333;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  line-height: 1;
}

#internship-insights strong,
#internship-insights small,
#internship-insights address,
#internship-insights time {
  display: block;
}

#internship-insights strong {
  font-weight: 700;
}

#internship-insights a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

#internship-insights input,
#internship-insights select {
  display: block;
  border: 1px solid #000;
  border-radius: 0;
  background-color: transparent;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

#internship-insights fieldset {
  display: contents;
  border: none;
}

#internship-insights button {
  display: block;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

#internship-insights picture,
#internship-insights img,
#internship-insights svg,
#internship-insights video {
  display: block;
  inline-size: 100%;
  max-inline-size: none;
  block-size: auto;
}

#internship-insights iframe {
  display: block;
}

#internship-insights .l-container {
  inline-size: 90%;
  max-inline-size: 930px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  #internship-insights .l-container {
    max-inline-size: 500px;
  }
}

@media screen and (max-width: 768px) {
  #internship-insights .u-show--pc {
    display: none !important;
  }
}

@media screen and (max-width: 500px) {
  #internship-insights .u-show--pc-tab {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  #internship-insights .u-show--tab {
    display: none !important;
  }
}

@media screen and (max-width: 500px) {
  #internship-insights .u-show--tab {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  #internship-insights .u-show--tab-sp {
    display: none !important;
  }
}

@media screen and (min-width: 500px) {
  #internship-insights .u-show--sp {
    display: none !important;
  }
}

body.is-fixed {
  overflow: hidden;
}

#internship-insights .mv {
  position: relative;
  margin-block-end: clamp(45px, 22.4266144814px + 2.9354207436vw, 60px);
}

#internship-insights .mv__text {
  position: relative;
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translateY(-50%);
  display: inline-block;
}

#internship-insights .mv__title {
  display: inline-block;
  padding: clamp(7px, 3.2377690802px + 0.4892367906vw, 9.5px) clamp(25px, 12.9608610568px + 1.5655577299vw, 33px);
  background: linear-gradient(135deg, #94ccfc, #ffbfdf);
}

#internship-insights .mv__title span {
  display: block;
  font-size: clamp(39px, 19.4363992172px + 2.5440313112vw, 52px);
  color: #fff;
  font-weight: 700;
  line-height: 1.07;
}

#internship-insights .mv__lead {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: calc(35px - clamp(0px, -52.6712328767px + 6.8493150685vw, 35px));
  transform: translate(87%, 55%);
  inline-size: clamp(314px, 157.4911937378px + 20.3522504892vw, 418px);
}

@media screen and (max-width: 768px) {
  #internship-insights .mv {
    max-inline-size: 650px;
    margin-block-end: clamp(60px, 23.5135135135px + 9.7297297297vw, 78px);
    margin-inline: auto;
  }

  #internship-insights .mv__text {
    inset-block-end: clamp(9px, 2.9189189189px + 1.6216216216vw, 12px);
    transform: translateY(0%);
  }

  #internship-insights .mv__title {
    padding: clamp(12px, 3.8918918919px + 2.1621621622vw, 16px) clamp(5.5px, 0.4324324324px + 1.3513513514vw, 8px);
  }

  #internship-insights .mv__title span {
    font-size: clamp(32px, 11.7297297297px + 5.4054054054vw, 42px);
  }

  #internship-insights .mv__lead {
    inset-inline-end: 0;
    transform: translate(30%, 70%);
    inline-size: clamp(282px, 109.7027027027px + 45.9459459459vw, 367px);
  }
}

#internship-insights .member {
  padding-block: clamp(45px, 22.4266144814px + 2.9354207436vw, 60px) clamp(68px, 34.8923679061px + 4.3052837573vw, 90px);
  background-color: #fbfbfb;
}

#internship-insights .member__intro {
  margin-block-end: clamp(53px, 27.4168297456px + 3.3268101761vw, 70px);
  font-size: clamp(14px, 7.9804305284px + 0.782778865vw, 18px);
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}

#internship-insights .member__title {
  inline-size: clamp(398px, 199.3542074364px + 25.831702544vw, 530px);
  padding-block: clamp(14px, 7.9804305284px + 0.782778865vw, 18px);
  margin-block-end: clamp(40px, 20.4363992172px + 2.5440313112vw, 53px);
  margin-inline: auto;
  border-radius: 1000px;
  background-color: #fc494a;
  font-size: clamp(23px, 12.4657534247px + 1.3698630137vw, 30px);
  color: #fff;
  font-weight: 700;
  text-align: center;
}

#internship-insights .member__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(38px, 19.9412915851px + 2.3483365949vw, 50px) clamp(15px, 7.4755381605px + 0.9784735812vw, 20px);
  max-inline-size: 850px;
  margin-inline: auto;
}

#internship-insights .member__item {
  text-align: center;
}

#internship-insights .member__image {
  inline-size: clamp(150px, 74.7553816047px + 9.7847358121vw, 200px);
  margin-block-end: clamp(8px, 4.9902152642px + 0.3913894325vw, 10px);
  margin-inline: auto;
}

#internship-insights .member__name {
  font-size: clamp(20px, 10.9706457926px + 1.1741682975vw, 26px);
  font-weight: 700;
}

#internship-insights .member__position {
  font-size: clamp(12px, 5.9804305284px + 0.782778865vw, 16px);
  font-weight: 500;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  #internship-insights .member {
    padding-block: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px) clamp(40px, 15.6756756757px + 6.4864864865vw, 52px);
  }

  #internship-insights .member__intro {
    margin-block-end: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
    font-size: clamp(16px, 5.8648648649px + 2.7027027027vw, 21px);
    text-align: left;
  }

  #internship-insights .member__title {
    inline-size: 100%;
    padding-block: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
    margin-block-end: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
    font-size: clamp(18px, 5.8378378378px + 3.2432432432vw, 24px);
  }

  #internship-insights .member__list {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px) 0;
  }

  #internship-insights .member__image {
    inline-size: clamp(130px, 50.9459459459px + 21.0810810811vw, 169px);
    margin-block-end: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }

  #internship-insights .member__name {
    font-size: clamp(16px, 5.8648648649px + 2.7027027027vw, 21px);
  }

  #internship-insights .member__position {
    font-size: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
}

#internship-insights .interview {
  padding-block: clamp(38px, 19.9412915851px + 2.3483365949vw, 50px) clamp(75px, 37.3776908023px + 4.8923679061vw, 100px);
}

#internship-insights .interview:nth-child(even) {
  background-color: #fffbf2;
}

#internship-insights .interview__intro {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(5px, 1.9902152642px + 0.3913894325vw, 7px);
  margin-block-end: clamp(75px, 37.3776908023px + 4.8923679061vw, 100px);
}

#internship-insights .interview__intro span {
  display: inline-block;
  padding: clamp(8px, 3.4853228963px + 0.5870841487vw, 11px) clamp(12px, 5.9804305284px + 0.782778865vw, 16px);
  background: linear-gradient(135deg, #94ccfc, #ffbfdf);
  font-size: clamp(26px, 12.4559686888px + 1.7612524462vw, 35px);
  color: #fff;
  font-weight: 700;
}

#internship-insights .interview__title {
  margin-block-end: clamp(34px, 17.446183953px + 2.1526418787vw, 45px);
  font-size: clamp(21px, 10.4657534247px + 1.3698630137vw, 28px);
  color: #16a4a5;
  font-weight: 700;
  line-height: 1.3;
}

#internship-insights .interview__subtitle {
  margin-block-end: clamp(38px, 19.9412915851px + 2.3483365949vw, 50px);
  font-size: clamp(14px, 7.9804305284px + 0.782778865vw, 18px);
  font-weight: 700;
  line-height: 1.7;
}

#internship-insights .interview__wrap {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: flex-start;
  gap: clamp(15px, 7.4755381605px + 0.9784735812vw, 20px);
}

#internship-insights .interview__wrap+* {
  margin-block-start: clamp(38px, 19.9412915851px + 2.3483365949vw, 50px);
}

#internship-insights .interview__icon {
  inline-size: clamp(81px, 40.3679060665px + 5.2837573386vw, 108px);
  margin-block-end: clamp(4px, 2.4951076321px + 0.1956947162vw, 5px);
}

#internship-insights .interview__name {
  font-size: clamp(11px, 6.4853228963px + 0.5870841487vw, 14px);
  font-weight: 700;
  text-align: center;
}

#internship-insights .interview__text {
  font-size: clamp(11px, 6.4853228963px + 0.5870841487vw, 14px);
  font-weight: 500;
  line-height: 2;
}

#internship-insights .interview__content .interview__subtitle {
  margin-block: clamp(11px, 4.9804305284px + 0.782778865vw, 15px);
}

#internship-insights .interview__unit {
  display: grid;
  grid-template-columns: 37% calc(63% - clamp(26px, 12.4559686888px + 1.7612524462vw, 35px));
  align-items: flex-start;
  gap: clamp(26px, 12.4559686888px + 1.7612524462vw, 35px);
}

#internship-insights .interview__unit+* {
  margin-block-start: clamp(38px, 19.9412915851px + 2.3483365949vw, 50px);
}

#internship-insights .interview__image {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 1/0.964705;
}

#internship-insights .interview__image img {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: auto;
  block-size: clamp(200px, 4.3639921722px + 25.4403131115vw, 330px);
}

#internship-insights .interview .interview__unit--reverse {
  grid-template-columns: calc(63% - clamp(26px, 12.4559686888px + 1.7612524462vw, 35px)) 37%;
}

#internship-insights .interview .interview__unit--reverse .interview__image img {
  inset-block-start: 0;
  inset-inline-start: 0;
}

@media screen and (max-width: 768px) {
  #internship-insights .interview {
    padding-block: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px) clamp(50px, 19.5945945946px + 8.1081081081vw, 65px);
  }

  #internship-insights .interview__intro {
    gap: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
    margin-block-end: clamp(50px, 19.5945945946px + 8.1081081081vw, 65px);
  }

  #internship-insights .interview__intro span {
    padding: clamp(9px, 2.9189189189px + 1.6216216216vw, 12px) clamp(6px, 1.9459459459px + 1.0810810811vw, 8px);
    font-size: clamp(23px, 8.8108108108px + 3.7837837838vw, 30px);
  }

  #internship-insights .interview__title {
    margin-block-end: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
    font-size: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
  }

  #internship-insights .interview__subtitle {
    margin-block-end: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
    font-size: clamp(16px, 5.8648648649px + 2.7027027027vw, 21px);
  }

  #internship-insights .interview__wrap {
    gap: clamp(15px, 4.8648648649px + 2.7027027027vw, 20px);
  }

  #internship-insights .interview__wrap+* {
    margin-block-start: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
  }

  #internship-insights .interview__icon {
    inline-size: clamp(70px, 27.4324324324px + 11.3513513514vw, 91px);
    margin-block-end: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
  }

  #internship-insights .interview__name {
    font-size: clamp(14px, 3.8648648649px + 2.7027027027vw, 19px);
  }

  #internship-insights .interview__text {
    font-size: clamp(14px, 3.8648648649px + 2.7027027027vw, 19px);
  }

  #internship-insights .interview__content .interview__subtitle {
    margin-block: clamp(7px, 0.9189189189px + 1.6216216216vw, 10px);
  }

  #internship-insights .interview__unit {
    grid-template-columns: 1fr;
    gap: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
  }

  #internship-insights .interview__unit+* {
    margin-block-start: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
  }

  #internship-insights .interview__image {
    inline-size: 100%;
    aspect-ratio: auto;
  }

  #internship-insights .interview__image img {
    position: static;
    inline-size: 100%;
    block-size: auto;
  }

  #internship-insights .interview .interview__unit--reverse {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=style.css.map */