@charset "utf-8";

.inner:has(.questionnaireLead){
    width: 98%;
}
.questionnaireLead{
    font-size: 20px;
    text-align: center;
    line-height: 38px;
}
.questionnaireLead span{
    display: block;
    font-size: 18px;
}

.questionnaireList{
    display: flex;
    flex-wrap: wrap;
    gap: min(7.79vw, 45px) min(4vw, 45px);
    margin: min(10.9vw, 52px) auto min(21.8vw, 110px);
}
.questionnaireList li{
    display: flex;
    flex-direction: column;

    flex-basis: calc((100% - (2 * min(4vw, 45px))) / 3);/*widthの代わり*/
    background-color: #ffffff;
    border-radius: 10px;
    padding: min(3vw, 33px) 10px min(2.3vw, 25px);
    text-align: center;
}
.questionnaireList li > div{
    text-align: center;
}
.questionnaireList li > div + div{
}
.questionnaireList li .itemimg img{
    width: min(100%, 214px) !important;
    height: auto !important;
    margin: 0 auto;
}

.questionnaireList li .itemimg.closed a{
  position: relative;
  display: block;
  width: 210px;
  margin: 0 auto;
  pointer-events: none;
}
.questionnaireList li .itemimg.closed a:after{
  background: url("../images/closed-cover.png") no-repeat;
  background-size: contain;
  width: 100%;
  height: 298px;
  z-index: 10;
  content: '';
  display: block;
  position: absolute;
  top:0;
  left:0
}

.questionnaireList li .itemname{
    flex-grow: 1;
    max-width: 11em;
    margin-top: min(4.3vw,21px);
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
}

.questionnaireList li .itemname a.disable{
   pointer-events: none;
}
@media screen and (max-width: 768px) {
.questionnaireLead{
    line-height: 29px;
}
.questionnaireLead span{
    font-size: 16px;
}
.questionnaireList{
    justify-content: center;
}
.questionnaireList li{
    flex-basis: min(100%, 337px);/*widthの代わり*/
    padding: min(8.4vw, 33px) 10px min(7.1vw, 25px);
}
}/* //end for SP */
/*
@media screen and (max-width: 768px) and (min-width: 647px) {
.questionnaireList li{
    flex-basis: calc((100% - (min(4vw, 45px))) / 2);
}
}*//* //end for SP - PC */