.results .wrap{ width: 92%; margin: 0 4%; }

.results .wrap section{ margin-bottom: 160px; }

.results .wrap section button{ border: none; }

.results .wrap h2{
    width: fit-content;
    margin: 0 auto 24px;
    padding-bottom: 8px;
    border-bottom: 6px solid var(--beige);
}

.results .lead span{
    display: block;
    font-size: 0.8em;
}

.results .wrap section ul{ display: flex; flex-wrap: wrap; gap: 24px 2%; margin: 48px auto 80px }

.results .wrap section li{ width: 23.5%; border: 1px solid var(--beige); overflow: hidden; }

.results .wrap li *{ transition: all .3s ease-in-out; }

.results .wrap li a:hover { text-decoration: none; }

.results .wrap li a:hover h3,.results .wrap li a:hover p{ opacity: 0.8; }
/* 
.results .wrap li a:hover img{ transform:scale(1.1,1.1); } */

.results .wrap li figure{ height: 18.133vw; overflow: hidden; }

.results .wrap section h3{ display: flex; justify-content: center; align-items: center; height: 96px; padding: 16px; margin: 16px auto; font-size: 24px; line-height: 1.4; }

.results .wrap section h4{ margin: 0 16px 16px; }

.results .wrap li .txt { padding: 24px; }

.results .wrap li .flex{ display: flex; flex-wrap: wrap; gap: 12px; }

.results .wrap li .flex p{ margin: 4px 0; }

.results .wrap li .cat{ width: 28%; border: 2px solid; }

.results .wrap li .shizen{ border-color: var(--shizen); }

/* .results .wrap li .career{border-image: linear-gradient(to right, #89e8d7, #fdf4c7, #ff9059) 1;} */

.results .wrap li .career{border-color:#ff9059 #89e8d7 #89e8d7 #ff9059 }

.results .wrap li .name{ width: 70%; text-align: left; }

.results .wrap li .tags{ display: flex; flex-wrap: wrap; margin: 0 auto 8px -4px; }

.results .wrap li .tags span{ display: inline-block; margin-left: 4px; }

.results .wrap li .date{ font-size: 14px; text-align: left; }

.results .wrap li:hover img{ transform: scale(1.1); }

/* 記事ページ */

.single-results .wrap section:not(.contact){ margin-top: 48px; text-align: left; }

.single-results .main{ display: grid; grid-template-columns: 384px auto; grid-template-rows: repeat(2,1fr); gap: 24px; }

.single-results .main figure{ grid-row: 1/3; grid-column: 1/2; }

.single-results .main .txt{ grid-row: 1/2; grid-column: 2/3; margin-top: 16px; }

.single-results .main .kind{ margin: 8px 0 12px -14px; font-size: 18px; } 

.single-results .main .kind br{ display: none; }

.single-results section:not(.contact) h2{ width: fit-content; padding-bottom: 8px; border-bottom: 6px solid var(--beige); }

.single-results h3{ margin-bottom: 16px; font-size: 20px; font-weight: 600; }

.single-results h4{ padding-left: 32px; margin-bottom: 8px; font-size: 20px; font-weight: 600; position: relative; }

.single-results h4::before{ 
    content: '';
    width: 24px;
    height: 4px;
    background: var(--beige);
    position: absolute;
    top: 13px;
    bottom: 0;
    left: 0;
}

.single-results .tags{ font-size: 14px; }

.single-results .detail{ grid-row: 2/3; grid-column: 2/3; }

.single-results .detail li { display: flex; margin-top: 4px; }

.single-results .detail li span{ width: 96px; }

.single-results .wrap .exp{ margin: 40px 0; }

.single-results .exp li{ padding-left: 20px; position: relative; }

.single-results .exp ul li::before{
    position: absolute;
    top: 0;
    left: 0;
}
.single-results .exp ul li:nth-child(1)::before{
    content: '①';
}
.single-results .exp ul li:nth-child(2)::before{
    content: '②';
}
.single-results .exp ul li:nth-child(3)::before{
    content: '③';
}

.single-results .timetable h4{ margin-bottom: 12px; }

.single-results .timetable ul{ display: flex; flex-wrap: wrap; gap: 24px 2%; margin: 16px auto; }

.single-results .timetable ul li{ width: 32%; position: relative; }

.single-results .timetable li .time{ padding: 8px; font-weight: 600; line-height: 1; background: var(--beige); position: absolute; top: 3px; left: 0; }

.single-results .timetable li figure{ height: 200px; margin: 4px 0; }

.single-results .voice{ margin: 40px 0; }

.single-results .voice ul{ display: flex; gap: 2%; }

.single-results .voice li{ width: 32%; padding-left: 52px; margin-top: 8px; position: relative; }

.single-results .voice li::before{
    content: '';
    background: url(../img/icon.svg) no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    left: 2px;
}

.single-results .voice li::after{
    content: '生徒';
    position: absolute;
    top: 40px;
    left: 3px;
    font-size: 14px;
}

.single-results .voice .parents::after{
    content: '保護者';
    left: -4px;
}

.single-results .arrow-btn{ margin: 40px auto 80px; }

.single-results .arrow-btn button{ border: none; }

@media screen and (max-width:979px) {
    
    .results .wrap h2{ margin-bottom: 3.2vw; }

    .results .wrap section ul{ margin: 6.4vw auto 14.933vw; row-gap: 6.4vw; }

    .results .content-nav ul{ justify-content: center; gap: 8vw; }

    .results .content-nav li{ width: fit-content; }

    .results .content-nav li a::before{ top: 11px; }

    .results .wrap section li{ width: 100%; }

    .results .wrap section h3{ height: unset; padding: 6.4vw 0 2.133vw; margin: 0 auto; font-size: 5.333vw; }

    .results .wrap section h4{ margin: 0 4.267vw 4.267vw; }

    .results .wrap li figure{ height: 46.4vw; }

    .results .wrap li .txt{ padding: 4.267vw; }

    .results .wrap li .tags{ margin: 0 auto 1.067vw -1.067vw; }

    .single-results .wrap section:not(.contact){ display: block; margin-top: 6.4vw; }

    .single-results h3{ margin: 3.2vw 0 1.067vw; font-size: 4.8vw; }

    .single-results .detail li span{ width: 19.2vw; }

    .single-results .detail li p{ width: calc(100% - 19.2vw); }

    .single-results .voice ul{ flex-direction: column; }

    .single-results .voice li{ width: 100%; }

}