@charset "UTF-8";
@import url(/css/root.css);
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
@media all and (min-width: 769px) {
  #container #contents .uniform_list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    grid-gap: var(--s16_32);
    margin-bottom: var(--s16_32);
  }
  #container #contents .uniform_list .uni_box {
    width: calc(calc(100% / 3) - calc(calc(var(--s16_32) * 2) / 3));
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: var(--s8_16);
  }
  #container #contents .uniform_list .uni_box h3 {
    order: 2;
    font-size: var(--s18_20);
    text-align: center;
    font-weight: bold;
  }
  #container #contents .uniform_list .uni_box .text_area {
    order: 3;
  }
  #container #contents .uniform_list .uni_box .text_area span {
    font-size: var(--s14_16);
    display: block;
  }
  #container #contents .uniform_list figure {
    border: 1px solid #ccc;
    background-color: #F2F2F2;
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
    order: 1;
    height: 379px;
    overflow: hidden;
  }
  #container #contents .uniform_list figure img {
    object-fit: contain;
    height: 100%;
  }
}
/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 768px) {
  #container #contents .uniform_list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    grid-gap: var(--s16_32);
    margin-bottom: var(--s16_32);
  }
  #container #contents .uniform_list .uni_box {
    width: calc(50% - calc(var(--s16_32) / 2));
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: var(--s8_16);
  }
  #container #contents .uniform_list .uni_box h3 {
    order: 2;
    font-size: var(--s18_20);
    text-align: center;
    font-weight: bold;
  }
  #container #contents .uniform_list .uni_box .text_area {
    order: 3;
  }
  #container #contents .uniform_list .uni_box .text_area span {
    font-size: var(--s14_16);
    display: block;
  }
  #container #contents .uniform_list figure {
    border: 1px solid #ccc;
    background-color: #F2F2F2;
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1;
    order: 1;
    height: 379px;
    overflow: hidden;
  }
  #container #contents .uniform_list figure img {
    object-fit: contain;
    height: 100%;
  }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 520px) {
  #container #contents .uniform_list .uni_box {
    width: 100%;
  }
}