@media screen and (max-width:960px) {
    /*960px以下で適用する内容*/
    /*--------------------------------------------------------------------*/

    p.center {
        text-align: center;
        padding: 0.5rem;
    }

    video,
    dl.gotosrtomachiTV dd img {
        width: 50vw;
        min-width: 100vw;
    }


    header p.subtitle {
        width: 94vw;
    }

    .btn img {
        width: 55vw;
    }

    header .top {
        justify-content: flex-start;
    }

    .top .btn img {
        width: 45vw;
        margin-left: 2rem;
        padding-top: 0.2rem;
    }


    .h1pcimg {
        display: none;
    }

    .h1mbimg {
        display: block;
    }

    h1 img {
        width: 100vw;
        margin: auto;
        margin-top: 0;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.2em;
        margin: 1rem 0rem;
    }

    /*ドロワーメニュー*/
    #open {
        display: block;
    }

    /*ナビ*/

    nav {
        display: none;
    }

    nav ul {
        list-style: none;
        display: block;
    }

    li.up {
        margin-top: 0rem;
    }

    nav ul li a img {
        width: 100%;
        margin: 0rem;
    }


    /*市長メッセージ*/
    article#sicho-m {

        padding-top: 0;
    }

    /*職員について*/
    .syokuinsuu {
        display: block;
    }


    section.p746 {
        text-align: center;
        margin-top: 2rem;
    }

    p.bigfont1 {
        font-size: 4rem;
        line-height: 5rem;
    }

    p.bigfont2 {
        font-size: 1.2rem;
    }

    .syokuinsuu img {
        width: 100%;
        margin: auto;
    }

    ul.joblist {
        padding: 1.5rem;
        border: 2px solid #93ccdb;
        margin: auto;
    }

    ul.joblist>* {
        margin: 1.5rem;
        font-size: 1.5rem;
    }

    /*職　動画*/
    section.syokusyu h3 {
        text-align: center;
        font-size: 1rem;
        width: 60vw;
        margin: auto;
        line-height: 1.8rem;
        margin-bottom: 1rem;
    }

    li.yellow {
        padding: 1rem 0rem 0rem 0rem;
        display: block;
    }

    li.yellow>* {
        margin: 0rem;
    }

    p.jimu,
    p.childcare,
    p.civil,
    p.firedepartment,
    p.setomachitv {
        padding: 4rem 0.5rem 1rem 4rem;
        font-size: 0.8em;
        line-height: 1.5em;
    }

    li.white {
        padding: 4rem 0rem 4rem 0rem;
        display: block;
    }

    li.white>* {
        margin: 0;
    }

    li.white .jobname {
        text-align: start;
        padding: 0rem 4rem;
    }


    .gakurekihyou {
        display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;

    }

    .wrap {
        justify-content: center;
        width: 98%;
        display: block;
    }

    .wrap>* {
        width: 75vw;
        padding: 2rem;
        min-width: 80%;
        margin: auto;
        margin-bottom: 1rem;
    }

    .wrap dt {
        font-size: 1.5rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .wrap dd {
        line-height: 1.9rem;
        text-align: center;
    }

    section.talent {
        width: 100vw;
        margin: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .talent-list {
        padding-top: 0rem;
        padding-right: 0rem;
    }

    .talent-list p {
        width: 90vw;
        margin: auto;
        margin-bottom: 2rem;
    }

    /*学歴表*/
    .gakurekihyou {
        width:98vw;
    }

    /*研修*/
    .training {
        width: 80vw;
        padding: 4rem;
        margin-top: 1rem;
        margin-bottom: 3rem;
        color: #000;
    }


    /*人材*/
    .jinzai p {
        font-size: 1.2rem;
    }

    .column {
        display: block;
    }

    .jinzai .column div {
        background-color: #fff;
    }

    section.jinzai ul {
        font-size: 1.2rem;
    }

    .detail {
    
}


    .goukakusya-list dl {
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .goukakusya-list {
        width: 90vw;
        margin: 0 auto;
        padding: 6vw 5vw 6vw 5vw;
    }

    .goukakusya-list dd {
        line-height: 1.8rem;
        padding-bottom: 1rem;
    }

    .column img {
        width: 100vw;
    }

    /*snsPop*/
    .snsWrap {
        width: 98vw;
        margin: 2rem auto;
        padding: 1rem 0rem;
    }

    img.snsTitle {
        width: 98vw;
    }

    /*まちづくり*/

    h4 {
        margin-top: 2rem;
        font-size: 1.1rem;
    }

    /*問い合わせ*/
    article#info h3 {
        margin: 0rem 0rem 1rem 0rem;
    }


    footer {
        padding: 1rem 0rem;
    }

    footer section {
        width: 90vw;

    }

    /*人物ポイントちりばめ*/
    img.pointImg {
        display: none;
    }

    p.koudousisinImg {
        text-align: center;
    }

    p.koudousisinImg img {
        width: 50vw;
    }

    /*--------------------------------------------------------------------*/
}