@charset "UTF-8";

.d-none {
    display: none;
}
.left_serch dl {
    margin: 0;
}
.left_serch input {
    padding: 1px;
    border: 1px solid #999;
    border-radius: 2px;
}
.left_serch dd input[type="submit"] {
    background-color: #ddd;
    -webkit-appearance: button;
    appearance: button;
}
.left_serch dd select {
    padding: 1px 0 4px;
}
.left_serch dd {
    margin: 0;
    display: inline-block;
}
.calendar_area {
    display: flex;
    justify-content: flex-start;
}
.myinfo_waku dl {
    margin: 5px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.myinfo_waku dt {
    width: 32%;
    display: flex;
    align-items: center;
}
.myinfo_waku dd {
    width: 68%;
    margin: 0;
}
.myinfo_waku dt:nth-of-type(2),
.myinfo_waku dd:nth-of-type(2) {
    margin: 10px 0 0;
}
.umeda_waku td,
.namba_waku td {
    vertical-align: middle !important;
    height: 100%;
    padding: 5px 3px;
}
@media screen and (min-width: 769px) {
    .disp_none769more {
        display: none;
    }
    .submaintitle > div:last-child {
        padding-top: 20px;
    }
    .submaintitle > div:last-child,
    .submaintitle > div:last-child > div:first-child {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .submaintitle > div:last-child > div:first-child > div:first-child {
        margin: 0 80px 0 0;
    }
    .submaintitle > div:last-child > div:last-child {
        padding: 0 0 10px 20px;
    }
    .point_area {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .point_area p {
        width: 50%;
        display: flex;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 768px) {
    .block {
        display: block;
    }
    .disp_none768less {
        display: none;
    }
    #subcontent_waku {
        width: calc(100vw - 20px);
        padding: 0 10px 10px;
    }
    .submaintitle > div {
        float: none;
    }
    .submaintitle h2 {
        font-weight: normal;
    }
    .submaintitle > div > :not(div) {
        padding: 0;
    }
    .submaintitle > div:last-child {
        width: 100%;
        max-width: 425px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        padding: 0 0 10px 0;
    }
    .submaintitle > div:last-child > div:first-child {
        width: 54%;
        margin: 0 5% 0 0;
    }
    .submaintitle > div:last-child > div:first-child img {
        width: 100%;
    }
    .submaintitle > div:last-child > div:last-child {
        width: 41%;
    }
    .submaintitle > div:last-child > div:last-child a {
        display: block;
    }
    .submaintitle > div:last-child > div:last-child img {
        width: 100%;
    }
    .resp_flex {
        display: flex;
        flex-direction: column-reverse;
    }
    .sub_waku {
        padding: 0;
    }
    .sub_waku .hide_print_waku > div {
        width: 100%;
    }
    .left_serch {
        width: 100%;
    }
    .left_serch dl {
        max-width: 440px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .left_serch dt {
        width: 100%;
    }
    .left_serch dd:nth-of-type(1),
    .left_serch dd:nth-of-type(2) {
        width: 300px;
        margin: 10px auto 0;
    }
    .left_serch dd:nth-of-type(3) {
        margin: 10px 0 0 auto;
        width: 147px;
    }
    .left_serch dd:nth-of-type(4) {
        margin: 10px auto 0 0;
        width: 153px;
    }
        .left_serch dd span {
        display: inline-block;
        width: 80px;
    }
    .left_serch dd span + input {
        padding: 2px;
        min-width: 209px !important;
    }
    .left_serch dd:last-child input {
        width: 153px;
    }
    .left_serch p {
        width: 300px;
        margin: 0 auto;
    }
    .kakunin_waku {
        width: 100%;
        max-width: 450px;
        margin: 10px auto 0;
    }
    .kakunin_waku + p.b150 {
        padding-bottom: 0;
        text-align: center;
    }
    .kakunin_waku + p.b150 input {
        width: 245px;
        font-size: 14px;
    }
    @media screen and (min-width: 460px) {
        .left_serch dl {
            max-width: 100%;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .left_serch dd span + input {
            padding: 2px;
            min-width: calc(100% - 94px) !important;
        }
        .left_serch dd:nth-of-type(1),
        .left_serch dd:nth-of-type(2) {
            width: 80%;
            margin: 10px 20% 0;
        }
        .left_serch dd:nth-of-type(4) {
            width: calc(60% - 153px);
        }
        .left_serch dd:last-child input {
            width: 100%;
        }
        .left_serch p {
            width: 60%;
            margin: 0 auto;
        }
    }
    .calendar_area {
        justify-content: space-between;
    }
    .calendar_area > div {
        width: 48% !important;
    }
    .calendar_area > div p span{
        max-width: 225px;
        margin: 0 auto;
    }
    .calendar_area > div input {
        display: block;
        width: 100%;
        margin: 5px auto;
        max-width: 225px;
    }
    .calendar_waku {
        display: flex;
        justify-content: center;
    }
    .myinfo_waku {
        width: calc(100% - 6px);
    }
    .myinfo_waku > div:last-child {
        max-width: 500px;
        margin: 0 auto;
    }
    .myinfo_waku > div > div:nth-of-type(1) {
        width: 100%;
    }
    .myinfo_waku dt {
        width: 90px;
        display: flex;
        align-items: center;
    }
    .myinfo_waku dd {
        width: calc(100% - 90px - 4px);
    }
    .myinfo_waku dd input {
        width: calc(100% - 6px);
    }
    .myinfo_waku dt:nth-of-type(2),
    .myinfo_waku dd:nth-of-type(2) {
        margin: 10px 0 0;
    }
    .myinfo_waku + p img {
        width: 100%;
        height: auto;
    }
    .point_area {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .point_area p {
        width: 50%;
        min-width: 180px;
    }
    @media screen and (max-width: 405px) {
        .point_area {
            justify-content: center;
        }
    }
    .umeda_waku td,
    .namba_waku td {
        padding: 3px 2px;
        font-size: 10px;
    }
    .schedule_link {
        padding: 10px 0 0 0;
        display: flex;
        justify-content: space-between;
    }
    .schedule_link a, .schedule_top {
        border-radius: 3px;
        color: #fff;
        display: block;
        text-align: center;
        padding: 8px 0;
        width: calc(50% - 5px);
    }
    .schedule_link a:first-child {
        background-color: #F44E14;
    }
    .schedule_link a:last-child {
        background-color: #03934B;
    }
    .schedule_top {
        color: #4C4C4C !important;
        width: 205px;
        margin: 10px auto 20px;
        border: 1px solid #4C4C4C;

    }
    .umeda, .namba {
        float: none;
        width: 100%;
        padding: 0;
    }
    #lesson_schedule_top,
    #umeda_schedule,
    #namba_schedule {
        padding-top: 75px;
        margin-top: -75px;
    }
    .time_spe {
        width: 21%;
    }
    @media screen and (min-width: 400px) {
        .time_spe {
            min-width: 110px;
        }
    }
    .number {
        width: 11%;
    }
    .teacher {
        width: 10%;
    }
    .course {
        width: 34%;
    }
    .yoyakupoint {
        width: 9%;
    }
    @media screen and (max-width: 355px) {
        .number {
            width: 14%;
        }
        .teacher {
            width: 10%;
        }
        .course {
            width: 31%;
        }
        .yoyakupoint {
            width: 8%;
        }
    }
    .fs9 {
        transform:scale(.9,.9);
    }
    .input_pass dd {
        margin: 5px 0 0 0;
    }
    .time_spe {
        min-width: 115px;
        max-width: 120px;
    }
}
@media screen and (max-width: 767px) {
  .time_spe {
      min-width: 120px;
  }
  @media screen and (max-width: 567px) {
    .time_spe {
        min-width: 80px;
    }
@media screen and (max-width: 414px) {
  .time_spe {
      min-width: 76px;
      max-width: 120px;
  }
@media screen and (max-width: 321px) {
  .time_spe {
      min-width: unset;
  }
}