@charset "utf-8";
/* CSS Document */

/* -------------------------
/* Created date: 2024.07.29
/* Created user: yamaguchi
/* Last up date: 
/* Last up date user: yamaguchi
/* for sp and pc
--------------------------*/
.schoolBox.schBox {
  grid-template-columns: auto;
  grid-template-areas:
  'scName'
  'typeList'
  'linkBtn'
  'special';
  container: schBox / inline-size;
}

.schoolBox.schBox.short::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 555;
  width: 100%;
  height: 20%;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
}

@container resultBlock (width >= 680px) {
  .schoolBox.schBox  {
    align-content: flex-start;
    grid-template-columns: auto 210px;
    grid-template-areas:
    'scName linkBtn'
    'typeList linkBtn'
    'none linkBtn'
    'special special';
  }

  .schoolBox.schBox .itemMore{
    font-size: 1.1rem;
  }
}

@container resultBlock (width >= 900px) {
  .schoolBox.schBox  {
    align-content: flex-start;
    grid-template-columns: auto 210px;
    grid-template-areas:
    'scName linkBtn'
    'typeList linkBtn'
    'none linkBtn'
    'special special';
  }
}


.schoolBox.schBox .itemMore.center {
  margin: 1.5rem auto;
  padding: 0 1rem;
  width: fit-content;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.2;
}

.schoolBox.schBox .special h3 {
  position: relative;
  padding: 10px 10px 10px 3rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.61 43.83"><path fill="rgba(51,51,51,1)" fill-rule="evenodd" d="M26.86,8.71C16.59-6.95.12.4,0,15.77S26.59,43.83,26.59,43.83s26.9-12.26,27-27.64S37.09-7.07,26.86,8.71Zm5.73,17.34c1.31,0,2,.44,2,1.3s-.65,1.3-2,1.3H29v4c0,1.11-.58,1.66-1.73,1.66s-1.72-.55-1.72-1.66v-4H21.9c-1.31,0-2-.43-2-1.3s.66-1.3,2-1.3h3.62V23.67H21.9c-1.31,0-2-.43-2-1.3s.66-1.29,2-1.29h2l-3.25-5.64a2.9,2.9,0,0,1-.47-1.29c0-.87.53-1.31,1.59-1.31.74,0,1.34.47,1.79,1.41l3.65,7,3.66-7c.45-.94,1.05-1.41,1.79-1.41,1.06,0,1.59.44,1.59,1.31a3,3,0,0,1-.47,1.29l-3.39,5.64h2.17c1.31,0,2,.42,2,1.29s-.65,1.3-2,1.3H29v2.38Z" /></svg>') 0.5rem 0.8rem / 2rem auto no-repeat;
  border-bottom: solid 1px rgb(var(--gsGreen));
  font-size: 1.3rem;
  line-height: 1.2;
}

.schoolBox.schBox .special h4 {
  color: rgb(var(--gsGreen));
  font-size: 1.2rem;
  text-align: center;
}

.schoolBox.schBox .special .schTable {
  border-top: solid 1px rgb(var(--gsGreen));
}

.schoolBox.schBox .special .row{
  display: grid;
  grid-template-columns: 0.5fr 0.5fr 1fr;
  align-items: center;
  padding: 0.5rem;
  background: #f2faf9;
  font-size: 1.3rem;
  border-bottom: solid 1px rgb(var(--gsGreen));
}

.schoolBox.schBox .special .row.cols{
  gap: 1rem;
  align-items: stretch;
  padding: 1rem 0.5rem;
  background: #fff;
}

.schoolBox.schBox .special .row.cols > *{
  display: grid;
  align-items: center;
}

.schoolBox.schBox .special h5 {
  position: relative;
  padding: 1rem 0.5rem;
  border-right: solid 1px rgb(var(--gsGreen));
  font-weight: bold;
  word-break: break-all;
  font-size: 1.3rem;
  line-height: 1.4;
}

.schoolBox.schBox .special h5::before {
  content: '';
  right: -0.9rem;
  top: 50%;
  width: 0.6rem;
  height: 1.5rem;
  background: rgb(var(--gsGreen));
  transform: translateY(-50%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.schoolBox.schBox .special .formName{
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}

.schoolBox.schBox .special .price {
  font-size: 1.2rem;
  line-height: 1.6;
}