.navbar {
    background-color: rgba(0, 0, 0, 1) !important;
}

.sub-item-link {
    padding: 0rem .5rem .5rem 0rem;
}

.kind-title {
    color: rgba(0, 0, 0, 1);
}

.input-pc {
    width: 90vw !important;
    background: red !important;
    color: green;
}

.question_and_time {
    padding-top: 1.25em;
    padding-bottom: .5em;
    display: flex;
    justify-content: space-between;
    flex-wrap: no-wrap;
    align-content: center;
}



@media (min-width: 769px) {
    div.bar {
        display: inline-block !important;
    }
    /* .stepwizard {
        justify-content: center !important;
        align-items: center !important;
    } */
}

@media screen and (min-width: 768px) {

    .cus_undisplay1 {
        position: relative !important;
        left: -9% !important;
    }

    .pc_center_btn {
        width: 35% !important;
    }

    .cus_btn_base {
        padding: 2em 0em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mycancel_btn,
    .mynext_btn,
    .myanswer_btn,
    .myfinish_btn,
    .myback_btn,
    .onemore_btn {
        padding: 10px 40px !important;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: hidden;
        top: -155px !important;
    }

    .onemore_btn {
        margin-left: 2em;
    }

    body {
        padding: 0px !important;
    }

    .time_seciton {
        display: flex;
    }

}


@media (min-width: 650px) and (max-width: 850px) {
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: hidden;
        top: -30px !important;
    }
}

/* Login page responsive for ipads */
@media (min-width: 768px) and (max-width: 850px) {

    .card-body {
        font-size: large;
    }

    .login_page .text-center a {
        font-size: 1.2rem;
    }
}

@media (min-width: 768px) and (max-width: 810px) {

    .login_logo img {
        width: 50%;
    }
}

@media (min-width: 815px) and (max-width: 860px) {

    .login_logo img {
        width: 70%;
    }

}

/* end 1/26(thurs) */

/* Top view page responsive */
@media (min-width: 768px) and (max-width: 850px) {

    .cus_title,
    .cus_time {
        font-size: 1.5rem;
    }

    .head_title {
        margin: 35px;
    }

    .kinds_title,
    .sidebar .nav-link.active {
        font-size: 1.5rem;
    }

    .navbar {
        margin-bottom: 20px;
    }

    .navbar-expand-sm .navbar-nav .nav-link,
    .sidebar .nav-link {
        margin-top: 24px;
        font-size: 1.5rem;
    }

    .navbar-dark .navbar-toggler-icon {
        margin-top: 30px;
        font-size: 1.5rem;
    }
    .navbar-dark .navbar-nav .nav-link {
        font-size: large;
    }

    .dropdown-item {
        font-size: large;
    }
    .feather {
        width: 24px !important;
        height: 24px !important;
    }
}/* 2023/1/27  */

/* contents-questions/index page responsive */
@media (min-width: 768px) and (max-width: 850px) {
   
    .ques_title{
        font-size: 1.4rem !important;
    }
    .mynext_btn,
    .myanswer_btn{
        margin-right: -5.4rem;
        margin-top: 4.3rem;
        font-size: 1.5rem;
    }
    .mycancel_btn{
        margin-left: -6.5rem;
        margin-top: 4.3rem;
        font-size: 1.5rem;
    }
    .cus_btn_base{
        margin-top:2.3rem;
    }
    .select_answer{
        padding: 1.2rem;
    }
    .modal-content {
        margin-top: 28.3rem !important;
    }

    /* 2023/1/31 */
    .myprogress,
    .mondai,
    .timeend,
    .questionsBody,
    .questionsExplain,
    .select_answer,
    .qexplainAn,
    .mycancel_msg,
    .element.style,
    .details_btn,
    .details_back_btn,
    .box1,
    .content_explain span,
    .Start,
    h4,
    .myrow,
    .contentbody,
    .category_title_time,
    .his_title,
    .progress_calendar,
    .ctrl_show {
        font-size: 1.5rem !important;
    }
    
    .form-control{
        font-size: 1.2rem !important;
    }
    .myrequired_input{
        font-size: 1rem !important;
    }
    .myrow button {
        float: right;
        width: 100px;
        height: 50px;
        font-size: 1.5rem;
    }


    /* header の写真 */
    .navbar-brand img{
        height: 26px ;
    }
    /* kagawalogo */
    .ic_img {
        width: 60px !important;
        height: auto;
    }
    .pass_stamp img{
        width: 70px !important;
        height: auto;
    }
    .mymodal_img .md_img {
        height: 100%;
        width: auto;
    }

    .content_kind_intro{
        margin-top: 40px;
        font-size: 1.8rem !important;
    }

    /* rb/rt のところこれでオッケだった！ */
    .groups{ 
        font-size: 2rem !important;
    }

    /* drop down　 */
    .kinds_title{
        font-size: 1.7rem;
    }
    .btn_base{
        margin-top: 50px !important ;
    }
    .Continue, .Start {
        padding: 14px 15px !important ;
    }

    .question_and_time {
        padding-bottom: 2.5em;
    }

    .chart .circle__content {
        font-size: 25px;
    }
    .mytbl_space {
        width: 45rem !important;
    }
    .tbl-costum th, .tbl-costum td {
        padding: 10px !important;
        height: 100% !important;
        font-size: 1.5rem;
    }
    .mycus_day {
        width: 50px !important;
        height: 41px !important;
        line-height: 40px !important;
    }
    .name{
        font-size: 1.5rem !important;
    }
}