@charset "shift_jis";

*{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    list-style:none;
    text-decoration:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html {
    font-size:62.5%;
}
body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;

}
/**************************************

メインコンテンツ

**************************************/
.wrap {
    width: 1280px;
    margin: 0 auto 60px;
}
/*トップコンテンツ*/
.top {
    position: relative;
    height: 555px;
}
.top-line h1 {
    margin-left: 174px;
}
.top-menu {
    background-color: rgba(0, 51, 102, 0.7);;

    position: absolute;
    bottom: 0;
}
.menu-sogo, .menu-senpaku {
    width: 91.5px;
    float: left;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: center;
}
.menu-sogo a, .menu-senpaku a,.menu-ippan,.ippan-place li a  {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.menu-sogo a, .menu-senpaku a {
    display: block;
    height: 15px;
    padding: 35px 0;
}
.menu-sogo {
    margin-left: 160px;
}
.menu-senpaku {
    margin-right: 160px;
}
.menu-ippan {
    width: 773px;
    float: left;
}
.menu-ippan-title {
    display: block;
    width: 57px;
    margin: 0 auto;
    padding: 9.5px 0;
    letter-spacing: 0.4rem;
}
.ippan-place {
    width: 773px;
    border-top: 1px solid #fff;
}
.ippan-place li{
    width: 85px;
    height: 50px;
    float: left;
}
.ippan-place li a {
    display: block;
    width: 84px;
    height: 15px;
    padding: 17.5px 0;
    text-align: center;
}
.ippan-place li:not(:last-child) {
    border-right: 1px solid #fff;
}
/*メインコンテンツ*/
.main-area {
    width: 960px;
    margin: 50px auto 0;
}
.main-area-left {
    width: 700px;
    float: left;
}
.sogo-guide, .ippan-guide{
    display: block;
    float: left;
    width: 341px;
    margin-top: 15px;
    margin-right: 9px;
}
.kakarityou-guide{
    display: block;
    float: left;
    width: 258px;
    margin-top: 15px;
}


.title-bg {
    width: 100%;
    position: relative;
    height: 45px;
    padding: 35px 0 25px;
    background-image: url(../images/line.png);
    background-size: 2px 6px;
    background-position: 0 54.5px;
    background-repeat: repeat-x;
}
.main-title {
    width: 183px;
    height: 20px;
    margin: 0 auto;
    padding: 12.5px 0;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 2rem;
    vertical-align: middle;
    letter-spacing: 1rem;
    background-color: #fff;
}
.top-border {
    border-top: 4px solid #073761;
}
.main-inner {
    width: 100%;
    border-bottom: 1px dashed #073761;
}
.main-inner-left {
    width: 190px;
    float: left;
    padding-top: 35px;
    font-size: 2rem;
    letter-spacing: 0.6rem;
    font-weight: bold;
}
.main-inner-left a {
    display: block;
    color: #000;
}
.main-inner-right {
    width: 506px;
    float: right;
    padding: 15px 0;
}
.lsnon {
    letter-spacing: 0.1rem;
}
.staff-intro {
    width: 506px;
}
.staff-intro li {
    width: 231px;
    float: left;
}
.staff-intro li:nth-child(2n+1) {
    margin-right: 44px;
}
.staff-intro li,.place-list li {
    display: block;
    text-align: center;
}
.staff-intro li p,.place-list li p {
    padding-top: 5px;
    font-size: 1.4rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #000;
}
.mb10 {
    margin-bottom: 10px;
}
.place-list {
    width: 506px;
}
.place-list li {
    width: 138px;
    float: left;
}
.place-list li {
    margin-right: 46px;
}
.place-list li:nth-child(3n) {
    margin-right: 0;
}
.place-list li:nth-child(-n+6) {
    margin-bottom: 10px;
}
.place-list li a img{
    width: 138px;
    height: 85px;
}
/*サイド*/
.main-area-right {
    width: 200px;
    float: right;
}
.page-top {
    width: 206px;
    height: 23px;
    margin-bottom: 10px;
    text-align: right;
    background-image: url(../images/line.png);
    background-size: 2px 6px;
    background-position: 0 17px;
    background-repeat: repeat-x;
}
.page-top a {
    margin-right: 2px;
}
.notice-list {
    width: 176px;
    padding: 20px 15px 40px;
    background-color: #efefef;
}
.notice-label {
    display: inline-block;
    color: #fff;
    padding: 2px 5px;
    margin-bottom: 8px;
    font-size: 1.2rem;
    background-color: #073761;
}
.date {
    font-size: 1rem;
}
.notice-title{
    font-weight: bold;
}
.notice-title a {
    color: #000;
}
.notice-list {
    margin-bottom: 8px;
}
.notice-list > li {
    font-size: 1.2rem;
    line-height: 2rem;
}
.notice-list > li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dcdddd;
}
.pamphlet-list > li {
    margin-bottom: 5px;
}
/*サイドマップ*/
.sitemap-wrap {
    padding: 45px;
    background-color: #dcdddd;
}
.sitemap-inner {
    width: 960px;
    margin: 0 auto;
}
.one-list,.two-list-left,.two-list-right {
    width: 160px;
    float: left;
}
.two-list {
    width: 320px;
    float: left;
}
.one-list p, .two-list p {
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #073761;
    font-weight: bold;
}
.one-list li, .two-list li {
    padding-left: 35px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 2.3rem;
    background-image: url(../images/arrow.png);
    background-size: 23px 23px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.one-list li a, .two-list li a {
    color: #073761;
}
.mb-list {
    margin-bottom: 40px;
}
/*職詳細情報*/
.information-inner {
    width: 960px;
    padding: 30px 0 65px;
    margin: 0 auto;
}
.information-sogo {
    width: 320px;
    float: left;
}
.information-ippan {
    width: 640px;
    float: left;
}
.information-ippan-list {
    width: 320px;
    float: left;
}
.information-main-title {
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #073761;
}
.information-ippan-list {
    font-size: 1.2rem;
}
.information-sogo-list {
    font-size: 1.2rem;
}

.information-title {
    font-size: 1.5rem;
    color: #073761;
}
.information-ippan li {
    margin-bottom: 10px;
}
/*フッターリンク*/
.footer-link {
    padding: 11.5px 0;
    background-color: #073761;
}
.footer-link ul {
    width: 600px;
    margin: 0 auto;
}
.footer-link ul li {
    padding: 0 20px;
    float: left;
}
.footer-link ul li a {
    font-size: 1.2rem;
    color: #fff;
}
.copyright {
    padding: 5px 0;
    font-size: 1.2rem;
    text-align: center;
    background-color: #595757;
    color: #fff;
}
.disnon-pc {
    display: none;
}
/*採用情報*/
.pagetop-btn {
    position: absolute;
    top: 37px;
    right: 3px;
}
.saiyou-menu-list {
    padding-top: 20px;
    margin-bottom: 50px;
}
.saiyou-menu-list > li {
    width: 180px;
    float: left;
}
.saiyou-menu-list > li:not(:last-child) {
    margin-right: 15px;
}
.saiyou-menu-list  > li a {
    display: block;
    width: 130px;
    margin: 10px auto;
}
.saiyou-menu-img {
    width: 180px;
    height: 94px;
}
.text-area {
    width: 550px;
    height: 204px;
    padding: 30px 45px 0;
    background-color: #40B5C8;
}
.text-area img {
    display: block;
    margin-bottom: 20px;
}
.text-area p {
    font-size: 1.25rem;
    line-height: 2.1rem;
    color: #fff;
}
.saiyou-title-area {
    padding-bottom: 80px;
    position: relative;
}
.toTop-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding-left: 16px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: bold;
    background-image: url(../images/circle.png);
    background-size: 14px 14px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.toTop-btn a {
    color: #000;
}
.float-left .img-area,.float-left .text-area {
    float: left;
}
.float-right .img-area,.float-right .text-area {
    float: right;
}
.img-area img {
    width: 640px;
    height: 234px;
}
/*採用情報 説明会*/
.briefing-tb {
    width: 960px;
    text-align: center;
    font-size: 1.2rem;
    border-collapse: collapse;
}
.briefing-tb tr th {
    padding: 5px;
    font-weight: bold;
    background-color: #B2D6DE;
    border: 1px solid #413d3c;
}
.briefing-tb tr th:first-child {
    width: 10%;
}

.briefing-tb tr th:last-child {
    width: 20%;
}

.briefing-tb tr th:nth-child(3) {
    width: 10%;
}
.briefing-tb tr th:nth-child(4) {
    width: 5%;
}
.briefing-tb tr td {
    padding: 5px;
    border: 1px solid #413d3c;
}
.briefing-tb tr td:nth-child(2) {
    padding-left: 10px;
    font-size: 1.4rem;
    text-align: left;
    font-weight: bold;
}
.briefing-tb tr td:last-child {
    text-align: left;
}

.fs-s {
    font-size: 1rem;
}
.fw-b {
    font-weight: bold;
}
/*採用情報 官庁訪問*/
.visit-tb {
    width: 960px;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: bold;
    border-collapse: collapse;
}
.visit-tb tr th {
    width: 20%;
    padding: 10px;
    background-color: #B2D6DE;
    border: 1px solid #413d3c;
}
.visit-tb tr td {
    padding: 20px;
    border: 1px solid #413d3c;
}
.visit-tb tr td span {
    font-size: 1.2rem;
    line-height: 1.9rem;
    font-weight: normal;
}
/*採用情報 キャリアパス*/
.career-step {
    width: 960px;
    border-collapse:collapse;
    text-align: left;
}
.career-step tr th {
    padding: 10px 0;
}
.career-step tr td {
    padding: 10px 0 10px 10px;
    font-size: 1.4rem;
}
.career-step tr:not(:last-child) {
    border-bottom: 1px dotted #898989;
}
/*採用情報 qa*/
.qa-tb {
    width: 960px;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.1rem;
    border-collapse: collapse;
}
.qa-tb tr th {
    width: 30%;
    padding: 10px;
    background-color: #B2D6DE;
    border: 1px solid #413d3c;
}
.qa-tb tr td {
    padding: 10px;
    border: 1px solid #413d3c;
}
.qa-tb tr {
    border-top: none;
}
.qa-tb tr td.qa-top {

    padding: 10px 0;
    line-height: 1.2rem;
    text-align: center;
}
.qa-step {
    width: 960px;
    margin-top: 30px;
    border-collapse:collapse;
    text-align: left;
}
.qa-step tr th {
    padding: 10px 30px 10px 0;
    border-bottom: 1px dotted #898989;
}
.qa-step tr td {
    padding: 10px 0;
    font-size: 1.4rem;
    vertical-align: middle;
    border-bottom: 1px dotted #898989;
}

.qa-step tr td img {
    display: block;
    float: left;
    padding: 5px 0;
}
.qa-step tr td a {
    display: block;
    padding: 7px 20px;
    float: left;
    text-decoration: none;
    color: #000;
    line-height: 2rem;
}
.qa-step tr th.bbnon {
    border-bottom: none;
}
/*総合職一般職共通パズル*/

.puzzle-txt {
    width: 221px;
    height: 134px;
    background-color: #fff;
}
.blue-label {
    display: inline-block;
    padding: .35rem 10px;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.3rem;
    background-color: #036;
}
.txt-area {
    padding: 7px 10px;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: bold;
    color: #036;
}
.square-txt,.square-txt-ippan {
    width: 181px;
    padding: 25px 20px 8px;
    background-color: #ccc;
}
.square-txt-l {
    width: 424px;
    padding: 20px 20px 13px;
    background-color: #ccc;
}
.square-txt-title {
    padding-bottom: 10px;
    font-size: 1.7rem;
    line-height: 1.7rem;
    font-weight: bold;
    color: #036;
    border-bottom: 1px dashed #036;
}
.square-txt-main {
    padding-top: 5px;
    color: #036;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3.1rem;
}
.square-txt ul,.square-txt-ippan ul {
    padding-top: 20px;
    padding-bottom: 2px;
}
.square-txt ul li a,.square-txt-ippan ul li a {
    display: block;
    padding-left: 35px;
    margin-bottom: 18px;
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #036;
    background-image: url(../images/arrow.png);
    background-size: 28px 28px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.txt-bg {
    background-image: url(../images/about-bg.png);
    background-size: 221px 221px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.width221 {
    width: 221px;
}
.width464 {
    width: 464px;
}
.width707 {
    width: 707px;
}
.mr20 {
    margin-right: 21px;
}
.mb20 {
    margin-bottom: 20px;
}

.puzzle-area {
    width: 950px;
    margin: 0 auto;
}
.puzzle-right {
    float: right;
}
.puzzle-left {
    float: left;
}

/*総合職*/
.sogo-area-bg {
    width: 1280px;
    height: 1772px;
    padding-top: 20px;
    background-image: url(../images/sogo-puzzle-bg.png);
    background-size: 1280px 1772px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.ippan-area-bg {
    width: 1280px;
    height: 1772px;
    padding-top: 20px;
    background-image: url(../images/ippan-puzzle-bg.png);
    background-size: 1280px 1772px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.sogo-inner-right {
    width: 757px;
    float: right;
    padding: 15px 0;
}
.sogo-staff-intro {
    width: 757px;
}
.sogo-staff-intro li {
    width: 175px;
    float: left;
}
.sogo-staff-intro li:not(:last-child) {
    margin-right: 19px;
}
.sogo-staff-intro li a, .puzzle-place-list li a {
    display: block;
    text-align: center;
}
.sogo-staff-intro li p, .puzzle-place-list li p {
    padding-top: 5px;
    font-size: 1.4rem;
    line-height: 1.2rem;
    font-weight: bold;
    color: #000;
    text-align: center;    
}
.puzzle-place-list {
    width: 757px;
}
.puzzle-place-list li {
    width: 138px;
    float: left;
}
.puzzle-place-list li {
    margin-right: 16.5px;
}
.puzzle-place-list li:nth-child(5n) {
    margin-right: 0;
}
.puzzle-place-list li:nth-child(-n+5) {
    margin-bottom: 10px;
}
.puzzle-place-list li a img{
    width: 138px;
    height: 85px;
}
/*職員紹介*/
.staff-chiba-bg {
    width: 1280px;
    height: 750px;
    position: relative;
    background-image: url(../images/shokuinshoukai-chiba-bg.jpg);
    background-size: 1280px 750px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.staff-kato-bg {
    width: 1280px;
    height: 750px;
    position: relative;
    background-image: url(../images/shokuinshoukai-kato-bg.png);
    background-size: 1280px 750px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.staff-kikukawa-bg {
    width: 1280px;
    height: 750px;
    position: relative;
    background-image: url(../images/shokuinshoukai-kikukawa-bg.png);
    background-size: 1280px 750px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.staff-kitagawa-bg {
    width: 1280px;
    height: 750px;
    position: relative;
    background-image: url(../images/shokuinshoukai-kitagawa-bg.png);
    background-size: 1280px 750px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.staff-intro-area {
    width: 390px;
    height: 710px;
    padding: 20px 15px;
    position: absolute;
    left: 695px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
    overflow: scroll;
}
.staff-intro-area-left {
    width: 390px;
    height: 710px;
    padding: 20px 15px;
    position: absolute;
    right: 695px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
    overflow: scroll;
}
.staff-intro-area div img {
    display: block;
    float: right;
}
.staff-intro-area-left div img {
    display: block;
    float: right;
}
.staff-intro-title {
    margin-bottom: 5px;
    font-size: 2.1rem;
    font-weight: bold;
}
.staff-position {
    font-size: 1.1rem;
}
.staff-profile {
    padding: 20px 0 10px;
    margin-bottom: 35px;
    font-size: 1.2rem;
    line-height: 1.75rem;
    border-bottom: 1px solid #413d3c;
}
.profile-title {
    font-weight: bold;
    line-height: 2.2rem;
}
.profile-title span,.content-subtitle span {
    color: #ccc;
}
.staff-content {
    font-size: 1.6rem;
    line-height: 2.75rem;
}
.content-subtitle {
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 2.7rem;
    font-weight: bold;
}
.content-title {
    margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: bold;
}
/*表示 非表示*/
.pc-img {
    display: block;
}
.sp-img {
    display: none;
}
.sp-disnon {
    display: block;
}
.pc-disnon {
    display: none;
}
.top-menu-sp {
    display: none;
}
/**************************************

スマホ

**************************************/
@media screen and (max-width:767px) {
    /**************************************

    メインコンテンツ

    **************************************/
    .wrap {
        width: 100%;
        margin: 0 auto 60px;
    }
    /*トップコンテンツ*/
    .top {
        position: relative;
        width: 100%;
        height: auto;
    }
    .top-line h1 {
        margin-left: 0;
    }
    .top-line h1 img {
        width: 100px;
    }
    .slider,.slider img {
        width: 100%;
    }
    .top-menu {
        display: none;
    }
    .top-menu-sp ul li {
        width: 50%;
        margin: 10px 25%;
        font-weight: bold;
        background-color: #fff;
        border: 1px solid #073761;
        text-align: center;
    }
    .top-menu-sp ul li a {
        display: block;
        padding: .5rem .5rem .5rem .7rem;
        font-size: 1.2rem;
        color: #000;
    }
    .top-menu-sp ul li p {
        border: none;
        background-color: #fff;
        padding: 0;
        color:  #073761;

    }
    #menu-ippan.ui-accordion .ui-accordion-icons {
        padding-left: 0.5rem;
    }
    #menu-ippan.ui-accordion .ui-accordion-header {
        padding: .5rem .5rem .5rem .7rem;
        font-size: 1.2rem;
    }
    /*メインコンテンツ*/
    .main-area {
        width: 100%;
        margin: 20px auto 0;
    }
    .main-area-left {
        width: 100%;
        float: none;
    }
    .sogo-guide, .ippan-guide {
        display: block;
        float: none;
        width: 300px;
        margin: 15px auto 0;
    }
    .sogo-guide img, .ippan-guide img {
        width: 300px;
    }
    .sogo-guide {
        margin-right: auto;
    }
    .title-bg {
        width: 100%;
    }
    .main-inner {
        width: 100%;
        border-bottom: 1px dashed #073761;
    }
    .main-inner-left {
        width: 100%;
        float: none;
        padding-top: 35px;
        font-size: 2rem;
        letter-spacing: 0.6rem;
        font-weight: bold;
        text-align: center;
    }
    .main-inner-right {
        width: 90%;
        float: none;
        margin: 0 auto;
        padding: 15px 0;
    }
    .main-inner-right img {
        width: 100%;
    }
    .lsnon {
        letter-spacing: 0.1rem;
    }
    .staff-intro {
        width: 100%;
    }
    .staff-intro li:nth-child(2n+1) {
        margin-right: auto;
    }
    .staff-intro li {
        width: 231px;
        float: none;
        margin: 0 auto 10px;
    }

    .staff-intro li a,.place-list li a {
        display: block;
        text-align: center;
    }
    .staff-intro li a p,.place-list li a p {
        padding-top: 5px;
        font-size: 1.2rem;
        line-height: 1.2rem;
        font-weight: bold;
        color: #000;
    }
    .mb10 {
        margin-bottom: 0;
    }
    .place-list {
        width: 300px;
        margin: 0 auto;
    }
    .place-list li {
        width: 138px;
        margin: 0 0 10px;
    }
    .place-list li a {
        display: block;
        width: 100%;
    }
    .place-list li a img {
        width: 138px;
        height: auto;
    }
    .place-list li:nth-child(2n+1) {
        float: left;

    }
    .place-list li:nth-child(2n) {
        float: right;
    }


    /*サイド*/
    .main-area-right {
        width: 70%;
        margin: 0 auto;
        float: none;
    }
    .page-top {
        width: 100%;
        height: 23px;
        margin-bottom: 10px;
        text-align: right;
        background-image: url(../images/line.png);
        background-size: 2px 6px;
        background-position: 0 17px;
        background-repeat: repeat-x;
    }
    .page-top a {
        margin-right: 2px;
    }
    .notice-list {
        width: 80%;
        padding: 20px 10% 40px;
        background-color: #efefef;
    }
    .notice-label {
        display: inline-block;
        color: #fff;
        padding: 2px 5px;
        margin-bottom: 8px;
        font-size: 1.2rem;
        background-color: #073761;
    }
    .date {
        font-size: 1rem;
    }
    .notice-list {
        margin-bottom: 8px;
    }
    .notice-list > li {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .notice-list > li:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 25px;
        border-bottom: 1px solid #dcdddd;
    }
    .pamphlet-list > li {
        margin-bottom: 5px;
    }
    .pamphlet-list > li a  {
        display: block;
        width: 206px;
        margin: 0 auto;
    }
    .disnon-sp {
        display: none;
    }
    .disnon-pc {
        display: block;
    }
    /*サイドマップ*/
    .sitemap-wrap {
        padding: 20px 30px;
        background-color: #dcdddd;
    }
    #accordion p {
        color: #073761;
        font-size: 1.2rem;
    }
    #accordion div ul li {
        width: 50%;
        float: left;
        font-size: 1.1rem;
        padding: 5px 0;

    }
    /*職詳細情報*/
    .information-inner {
        width: 300px;
        padding: 30px 0 65px;
        margin: 0 auto;
    }
    .information-sogo {
        width: 70%;
        margin: 0 auto;
        float: none;
        margin-bottom: 20px;
    }

    .information-ippan {
        width: 70%;
        margin: 0 auto;
        float: none;
    }
    .information-ippan-list {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .information-main-title {
        margin-bottom: 15px;
        font-size: 1.2rem;
        font-weight: bold;
        color: #073761;
    }
    .information-ippan-list {
        font-size: 1.2rem;
    }
    .information-title {
        font-size: 1.2rem;
        color: #073761;
    }
    .footer-link ul {
        width: 70%;
        margin: 0 auto;
    }
    .footer-link ul li {
        padding: 5px;
        float: left;
    }
    /*採用情報*/
    .saiyou-top {
        width: 100%;
    }
    .saiyou-top-img {
        width: 100%;
    }
    .saiyou-top-img img {
        width: 100%;
    }
    .saiyou-menu-list {
        width: 90%;
        margin: 0 auto 50px;
        padding-top: 20px;
    }
    .saiyou-menu-list > li {
        width: 47.5%;
        float: left;
    }
    .saiyou-menu-list > li img {
        width: 100%;
        height: auto;
    }
    .saiyou-menu-list > li:nth-child(2n+1) {
        margin-right: 5%;
    }
    .saiyou-menu-list > li:nth-child(2n) {
        margin-right: 0;
    }

    .text-area {
        width: 90%;
        height: auto;
        padding: 30px 5%;
        background-color: #40B5C8;
    }

    .saiyou-title-area {
        width: 100%;
    }

    .float-left .img-area,.float-left .text-area {
        float: none;
    }
    .float-right .img-area,.float-right .text-area {
        float: none;
    }
    .img-area {
        width: 100%;
    }
    .img-area img {
        width: 100%;
        height: auto;
    }
    /*採用情報 説明会*/
    .briefing-tb {
        width: 96%;
        margin: 0 2%;

    }
    /*採用情報 官庁訪問*/
    .visit-tb {
        width: 96%;
        margin: 0 2%;
    }
    .visit-tb tr th {
        width: 30%;
    }
    /*採用情報 キャリアパス*/
    .career-step {
        width: 96%;
        margin: 0 2%;
    }
    .oversea-map {
        width: 100%;
    }
    .oversea-map img {
        width: 100%;
    }
    /*採用情報 qa*/
    .qa-tb {
        width: 96%;
        margin: 0 2%;
    }
    .qa-step {
        width: 96%;
        margin: 30px 2% 0;
        border-collapse:collapse;
        text-align: left;
    }
    .qa-step tr th {
        padding: 0;
    }
    .qa-step tr td {
        width: 65%;
        padding: 10px;
    }
    .qa-step tr td img {
        display: block;
        float: none;
        padding: 5px 0;
    }
    .qa-step tr td a {
        display: block;
        padding: 7px 0;
        float: none;
    }

    /*総合職一般職共通パズル*/
    .puzzle-txt {
        width: 100%;
        height: auto;
    }
    .blue-label {
        display: inline-block;
        padding: .35rem 10px;
        color: #fff;
        font-size: 1.3rem;
        line-height: 1.3rem;
        background-color: #036;
    }
    .txt-area {
        padding: 7px 10px;
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: bold;
        color: #036;
    }
    .square-txt {
        width: 40%;
        padding: 25px 4% 8px ;
        background-color: #ccc;
    }
    .square-txt-l,.square-txt-ippan {
        width: 90%;
        padding: 20px 5% 13px;
        background-color: #ccc;
    }
    .square-txt-title {
        padding-bottom: 10px;
        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: bold;
        color: #036;
        border-bottom: 1px dashed #036;
    }
    .square-txt-main {
        padding-top: 5px;
        color: #036;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 2.3rem;
    }
    .square-txt ul {
        padding-top: 20px;
        padding-bottom: 2px;
    }
    .square-txt ul li a,.square-txt-ippan ul li a {
        display: block;
        padding-left: 35px;
        margin-bottom: 18px;
        font-size: 1.4rem;
        line-height: 2.3rem;
        color: #036;
        background-image: url(../images/arrow.png);
        background-size: 23px 23px;
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    .txt-bg {
        height: 188px;
        background-image: url(../images/about-bg.png);
        background-size: 221px 221px;
        background-position: right 0;
        background-color: #ccc;
        background-repeat: no-repeat;
    }
    .width221 {
        width: 48%;
    }
    .mr20 {
        margin-right: 0;
    }
    .mb20 {
        margin-bottom: 20px;
    }
    .sp-mr {
        margin-right: 4%;
    }
    .puzzle-area {
        width: 96%;
        margin: 0 2%;
    }
    .sp-widthF {
        width:100%;
    }
    .sp-widthH {
        width: 48%;
    }
    .sp-widthF img,.sp-widthH img {
        width: 100%;
    }

    /*総合職*/
    .sogo-area-bg {
        width: 100%;
        height: auto;
        background-image: url(../images/sogo-puzzle-bg.png);
        background-size: 1280px 1772px;
        background-position: center 0;
        background-repeat: repeat-y;
    }
    .ippan-area-bg {
        width: 100%;
        height: auto;
        background-image: url(../images/ippan-puzzle-bg.png);
        background-size: 1280px 1772px;
        background-position: center 0;
        background-repeat: repeat-y;
    }


    .sogo-inner-right {
        width: 100%;
        float: none;
        padding: 15px 0;
    }
    .sogo-inner-right a img {
        width: 100%;
    }
    .sogo-staff-intro,.puzzle-place-list {
        width: 100%;
    }
    .sogo-staff-intro li,.puzzle-place-list li {
        width: 47.5%;
        margin-bottom: 10px;
        float: left;
    }
    .sogo-staff-img {
        width: 100%;
    }
    .sogo-staff-intro li:not(:last-child) {
        margin-right: 0;
    }
    .sogo-staff-intro li:nth-child(2n+1) {
        margin-right: 5%;
    }

    /*一般職*/
    .puzzle-place-list {
        width: 300px;
        margin: 0 auto;
    }
    .puzzle-place-list li {
        width: 138px;
        margin: 0 0 10px;
    }
    .puzzle-place-list li a {
        display: block;
        width: 100%;
    }
    .puzzle-place-list li a img {
        width: 138px;
        height: auto;
    }
    .puzzle-place-list li:nth-child(2n+1) {
        float: left;
    }
    .puzzle-place-list li:nth-child(2n) {
        float: right;
    }
    .puzzle-place-list li:nth-child(5n) {
        margin-right: 0;
    }
    .puzzle-place-list li {
        margin-bottom: 10px;
    }
    /*職員紹介*/
    .staff-chiba-bg {
        width: 100%;
        height: auto;
        position: static;
        background-image: none;

    }
    .staff-kato-bg {
        width: 100%;
        height: auto;
        position: static;
        background-image: none;

    }
    .staff-kikukawa-bg {
        width: 100%;
        height: auto;
        position: static;
        background-image: none;

    }
    .staff-kitagawa-bg {
        width: 100%;
        height: auto;
        position: static;
        background-image: none;

    }
    .staff-intro-area {
        width: 94%;
        height: auto;
        padding: 20px 3%;
        position: static;
        background-color: none;
        overflow: visible;
    }
    .staff-intro-area-left {
        width: 94%;
        height: auto;
        padding: 20px 3%;
        position: static;
        background-color: none;
        overflow: visible;
    }
    .staff-intro-area div img {
        display: block;
        float: right;
    }
    .staff-intro-title {
        font-size: 1.6rem;
        font-weight: bold;
    }
    .staff-position {
        font-size: 1.1rem;
    }
    .staff-profile {
        padding: 20px 0 10px;
        margin-bottom: 35px;
        font-size: 1.2rem;
        line-height: 1.75rem;
        border-bottom: 1px solid #413d3c;
    }
    .profile-title {
        font-weight: bold;
        line-height: 2.2rem;
    }
    .profile-title span,.content-subtitle span {
        color: #ccc;
    }
    .staff-content {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .content-subtitle {
        font-size: 1.2rem;
        line-height: 2.7rem;
        font-weight: bold;
    }
    .content-title {
        font-size: 1.4rem;
        line-height: 2.5rem;
        font-weight: bold;
    }


    /*表示 非表示*/
    .pc-img {
        display: none;
    }
    .sp-img {
        display: block;
    }
    .sp-disnon {
        display: none;
    }
    .pc-disnon {
        display: block;
    }
    .top-menu-sp {
        display: block;
    }
    .span-disnon {
        display: none;
    }



}