@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.examBox {
  grid-template-columns: auto;
  grid-template-areas:
  'scName'
  'typeList'
  'linkBtn'
  'special';
  container: examBox / inline-size;
}

.schoolBox.examBox.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.examBox  {
    align-content: flex-start;
    grid-template-columns: auto 210px;
    grid-template-areas:
    'scName linkBtn'
    'typeList linkBtn'
    'none linkBtn'
    'special special';
  }

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

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


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

.schoolBox.examBox .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 68.57 50.52"><path fill="rgba(51,51,51,1)" fill-rule="evenodd" d="M68.26,6.43,57.91,17.21a4.15,4.15,0,0,1,1,1.68L65.08,44a5.31,5.31,0,0,1-5.16,6.57H5.32A5.31,5.31,0,0,1,.2,43.78l7-25.06a5.3,5.3,0,0,1,5.11-3.87H47L62.15.31a1,1,0,0,1,1.48,0L68.26,5A1,1,0,0,1,68.26,6.43ZM12.35,18.35a1.8,1.8,0,0,0-1.73,1.32l-7,25A1.8,1.8,0,0,0,5.32,47h54.6a1.81,1.81,0,0,0,1.76-2.23L55.52,19.72h0L49.29,26.2h0l-5.06,1.54h4.9l.73,2.08H15.2l.72-2.08h24a1.1,1.1,0,0,1,0-.4l2.37-7.78a1,1,0,0,1,.26-.44l.8-.77Zm31.56,2.29-1.37,4.49.93.93L48,24.7l-1.41-2.64ZM65.32,4.2l-.95-1L47.6,19.94,48.66,21,65.32,4.21ZM17.38,22.68H33.29L34,24H16.65Zm33.93,12.7H13.75l.72-2.07H50.58Zm-7.93,6.54H11.57l.73-2.07H42.65Z" /></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.examBox .special h4 {
  color: rgb(var(--gsGreen));
  font-size: 1.2rem;
  text-align: center;
}

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

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

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

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

.schoolBox.examBox .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.2rem;
  line-height: 1.4;
}

.schoolBox.examBox .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.examBox .special .formName{
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4;
}

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