@charset "utf-8";

.pc {
    display: block;

}

.sp {
    display: none;
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
}

@media screen and (min-width:768px) and (max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}

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

@media screen and (min-width:300px) and (max-width:480px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .page-inner th,
    .page-inner td {
        padding: 1rem;
        display: block;
    }

    .page-inner th {
    width: 100%;
    padding-bottom: 0;
    }

    .page-inner {
        padding: 1rem;
        background: #fafafa;
        width: 100%;
        margin: 0 auto;
    }

    .page-inner input[type="text"],
    .page-inner input[type="email"],
    .page-inner input[type="url"],
    .page-inner input[type="password"],
    .page-inner input[type="search"],
    .page-inner input[type="number"],
    .page-inner input[type="tel"],
    .page-inner input[type="range"],
    .page-inner input[type="date"],
    .page-inner input[type="month"],
    .page-inner input[type="week"],
    .page-inner input[type="time"],
    .page-inner input[type="datetime"],
    .page-inner input[type="datetime-local"],
    .page-inner input[type="color"],
    .page-inner textarea,
    .page-inner select {
        padding: .5rem;
        background: #fff;
        width: 100%;
    }
    .page-inner input[type="file"].bt-no {
    margin-bottom: 1rem;
    }
    #site-navigation ul {
        padding: 3rem 1rem 1rem 1rem;
        background: #fff;
        line-height: 40px;
    }
    #site-navigation ul li{
        margin-left: 0;
        border: none;
        padding-right: 0;
    }

.top-t-menu2{
    margin-top: 2rem;
}
}