/* **************************************************

  		　       　クラス一覧

************************************************** */
section#school_body {
    background:#000;
    padding-bottom:5rem;
}

/* **************************************************

  		　        　　タブ

************************************************** */
.school_tab {
    display:flex;
    flex-wrap:wrap;
    padding-top:2rem;
}
.school_tab > label {
    flex:1;
    order:-1;
    position:relative;
    padding:1.5rem 0.5rem;
    background-color:#f2f2f2;
    color:#999;
    font-size:1rem;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    border-right:1px solid #000;
}
.school_tab > label:hover,
.school_tab label:has(:checked) {
    background-color:#9F070D;
    color:#fff;
}
.school_tab label:has(:checked)::before {
    position:absolute;
    bottom:-8px;
    left:50%;
    transform:translateX(-50%);
    width:18px;
    height:9px;
    background-color:#9F070D;
    content:'';
    clip-path:polygon(0 0, 100% 0, 50% 100%);
}
.school_tab input {
    display:none;
}
.school_tab > div {
    display:none;
    width:100%;
    padding:1.5em 0em;
    color:#fff;
}
.school_tab label:has(:checked) + div {
    display: block;
}
.tab_body {
    background:#000;
    margin:2rem 0 0;
}

/* **************************************************

  		　       無料体験・見学申し込み

************************************************** */
.tab_body_week {
    background:#000;
    width:100%;
}

.tab_body_week dl > div {
    display:flex;
    width:100%;
    max-width:24rem;
}
.tab_body_week dl > div dt {
    border-top:1px solid #373030;
    border-right:1px solid #373030;
    border-bottom:1px solid #000;
    border-left:1px solid #373030;
}
        
.tab_body_week dl > div dt {
    width:4rem;
    display:flex;
    align-items:center;
    justify-content: center;
    font-weight:bold;
    color:#fff;
    background:#373030;
    text-align:center;
}
.tab_body_week dl > div dd {
    width:calc(100%);
    padding:1rem;
    border-top:1px solid #373030;
    border-right:1px solid #373030;
    border-bottom:1px solid #373030;
}
.tab_body_week dl > div dd ul li {
    background:#fff;
    position:relative;
    width:100%;
    background-color:#f0f0f0; /* メイン背景色 */
    overflow: hidden; /* 三角形がはみ出た場合に隠す */
    padding:1rem;
    margin-bottom:0.5rem;
        max-width:30rem;
 
}
.tab_body_week dl > div dd ul li:last-child {
    margin-bottom:0;
}
.tab_body_week dl > div dd ul li::before {
    content: '';
    position: absolute;
    top:0;
    right:0;
    width:8rem;
    height:8rem;
    background-color:#FF7700; /* 三角形の背景色 */
    clip-path: polygon(4rem 0, 8rem 0, 8rem 4rem);
}
span.trial_text {
    position: absolute;
    top: 1.0rem; /* 適宜調整 */
    right: 0.1rem; /* 適宜調整 */
    color: white;
    font-size: 0.6rem;
    font-weight: bold;
    transform: rotate(45deg); /* 斜めのテキスト配置 */
    letter-spacing: 0.01em;
}

.card {
    display:flex;
}
.card_left {
}
.card_right {
    flex:1;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.card_left img {
    width:4rem;
    height:4rem;
    margin-right:1rem;
}
.card_right b {
    display:block;
    font-weight:bold;
    width:100%;

}