@charset "UTF-8";
/* 
---------------------------------------
WEBフォント追加
---------------------------------------
*/
@font-face {
  font-family: 'Unbounded';
  /*要素に指定するときに使うフォント名*/
  src: url("../fonts/unbounded.woff2") format("woff2"), url("../fonts/unbounded.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: 'HankenGrotesk';
  /*要素に指定するときに使うフォント名*/
  src: url("../fonts/HankenGrotesk.woff2") format("woff2"), url("../fontsHankenGrotesk.woff") format("woff");
  font-display: swap; }
/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  margin-top: 0 !important; }

.under .company__content {
  padding: 10rem 0 14rem; }
  @media screen and (max-width: 834px) {
    .under .company__content {
      padding: 5rem 0 7rem; } }
.under .company__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 7.7rem 0; }
  @media screen and (max-width: 834px) {
    .under .company__list {
      flex-wrap: nowrap;
      flex-direction: column;
      gap: 4rem 0; } }
.under .company__item {
  width: 50%; }
  @media screen and (max-width: 834px) {
    .under .company__item {
      width: 100%; } }
.under .company__link {
  width: 93%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  gap: 3rem 0; }
  @media screen and (max-width: 834px) {
    .under .company__link {
      gap: 2rem 0; } }
.under .company__picture {
  overflow: hidden; }
  .under .company__picture img {
    transform: scale(1);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.under .company__info {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.under .company__title--ja {
  font-size: clamp(20px, 6vw, 32px);
  font-weight: 500; }
.under .company__title--en {
  display: block;
  font-size: 12px; }
.under .company__title--arrow {
  background-color: #C3152B;
  border-radius: 15px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0; }
  @media screen and (max-width: 834px) {
    .under .company__title--arrow {
      width: 50px; } }
  .under .company__title--arrow .material-symbols-outlined {
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 16px; }
    @media screen and (max-width: 834px) {
      .under .company__title--arrow .material-symbols-outlined {
        font-size: 15px; } }
.under .company__link:hover .company__picture img {
  transform: scale(1.08);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.under .company__link:hover span.company__title--arrow span {
  transform: translateX(8px);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }