@charset "utf-8";

.news#content {
        width: 100%;
}

.news#content>.out-box {
        width: 1000px;
        display: flex;
        margin: auto;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 35px 0 0px 0;
        margin: 0 auto;
}

.news#content #entry_list #title {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: center;
}

.news#content #entry_list #title #table-title {
        font-size: 1.5rem;
        color: #348F0E;
}

/* entry_list */
.news#content #entry_list {
        width: 1000px;
}

.news#content #entry_list dl {
        width: 100%;
        text-align: left;
        font-size: 1.000rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        color: #4d4d4d;
}

.news#content #entry_list dl dt {
        width: 195px;
        padding: 20px 0 20px 0;
        line-height: 1.4;
        font-size: 1.00rem;
        border-bottom: #d6d6d6 1px solid;
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
}

.news#content #entry_list dl dt i {
        width: 6.5em;
        font-size: 0.875rem;
        letter-spacing: 0.1em;
        padding: 5px 0 5px 0;
        margin: 0px 0 0 0;
        text-align: center;
        background: #5E5E5E;
        display: block;
        color: #FFF;
        font-weight: 300;
}

.news#content #entry_list dl dt i.news {
        background: #4C9691;
}

.news#content #entry_list dl dt i.recruiting_yakuzen,
.news#content #entry_list dl dt i.recruiting_research,
.news#content #entry_list dl dt i.recruiting_course {
        background: #F15A24;
}

.news#content #entry_list dl dt i.current {
        background: #1D2A52;
}

.news#content #entry_list dl dt i.course {
        background: #C69C6D;
}

.news#content #entry_list dl dt i.communication {
        background: #7C8E15;
}

.news#content #entry_list dl dt i.recruiting_closed {
        background: #500771;
}

.news#content #entry_list dl dd {
        width: calc(100% - 200px);
        padding: 20px 0 20px 25px;
        line-height: 1.6;
        text-align: left;
        box-sizing: border-box;
        border-bottom: #d6d6d6 1px solid;
}

.news#content #entry_list dl dd a {
        text-decoration: none;
        color: #4d4d4d;
}

.news#content #entry_list dl dd a h3 {
        width: 100%;
        font-size: 1.125rem;
        font-weight: 600;
        padding: 0 0 10px 0;
        position: relative;
        box-sizing: border-box;
}

.news#content #entry_list dl dd a p {
        width: 100%;
        font-size: 1.000rem;
}

.news#content #entry_list dl dd a[href$=".pdf"] h3::after {
        padding-right: 15px;
        width: 20px;
        height: 25px;
        display: inline-block;
        content: "";
        background: url("../img/common/icon_pdf.png") center right/ contain no-repeat;
        vertical-align: middle;
}


.news#content ul.area_tag {
        width: 100%;
        padding: 20px 0 0 0;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
}

.news#content ul.area_tag li {
        width: 5em;
        font-size: 0.813rem;
        letter-spacing: 0.1em;
        text-align: center;
        margin: 0 0 0 3px;
        padding: 5px 0;
        box-sizing: border-box;
        color: #FFFFFF !important;
        background: #5E5E5E;
        text-decoration: none;
}


@media only screen and (max-width: 1189px) {
        .news#content>.out-box {
                width: 94%;
                padding: 35px 0 30px 0;
        }

        /* entry_list */
        .news#content #entry_list {
                width: 67.79%;
                padding: 0 0 0 0;
        }

        .news#content #entry_list dl {
                font-size: 1.000rem;
        }

        .news#content #entry_list dl dt {
                width: 25%;
                padding: 20px 0 20px 0;
                line-height: 1.4;
                font-size: 1.00rem;
        }

        .news#content #entry_list dl dt i {
                width: 6.5em;
                font-size: 0.875rem;
                letter-spacing: 0.1em;
                padding: 5px 0 5px 0;
        }

        .news#content #entry_list dl dd {
                width: calc(100% - 25%);
                padding: 20px 0 20px 25px;
        }

        .news#content #entry_list dl dd a h3 {
                font-size: 1.125rem;
                padding: 0 0 10px 0;
        }

        .news#content #entry_list dl dd a p {
                font-size: 1.000rem;
        }

        .news#content ul.area_tag {}

        .news#content ul.area_tag li {
                width: 5em;
                font-size: 0.813rem;
        }
}

@media only screen and (max-width: 960px) {
        .news#content>.out-box {
                width: 94%;
                padding: 35px 0 30px 0;
        }

        /* entry_list */
        .news#content #entry_list {
                width: 67.79%;
                padding: 0 0 0 0;
        }

        .news#content #entry_list dl {
                font-size: 0.938rem;
        }

        .news#content #entry_list dl dt {
                width: 25%;
                padding: 20px 0 20px 0;
                font-size: 0.938rem;
        }

        .news#content #entry_list dl dt i {
                width: 6.5em;
                font-size: 0.813rem;
                margin: 5px 0 0 0;
        }

        .news#content #entry_list dl dd {
                width: calc(100% - 25%);
                padding: 20px 0 20px 25px;
        }

        .news#content #entry_list dl dd a h3 {
                font-size: 1.000rem;
        }

        .news#content #entry_list dl dd a p {
                font-size: 0.938rem;
        }

        .news#content ul.area_tag li {
                width: 5em;
                font-size: 0.750rem;
        }
}

@media only screen and (max-width: 768px) {
        .news#content>.out-box {
                width: 90%;
                padding: 35px 0 30px 0;
        }

        /* entry_list */
        .news#content #entry_list {
                width: 100%;
                padding: 0 0 0 0;
        }

        .news#content #entry_list dl {
                font-size: 0.875rem;
        }

        .news#content #entry_list dl dt {
                width: 100%;
                padding: 20px 0 20px 0;
                font-size: 0.875rem;
                border-bottom: none;
                justify-content: flex-start;
        }

        .news#content #entry_list dl dt i {
                width: 6.5em;
                font-size: 0.570rem;
                margin: -3px 0 0 10px;
        }

        .news#content #entry_list dl dd {
                width: 100%;
                padding: 0px 0 20px 0;
        }

        .news#content #entry_list dl dd a h3 {
                font-size: 0.938rem;
        }

        .news#content #entry_list dl dd a p {
                font-size: 0.875rem;
        }

        .news#content ul.area_tag li {
                width: 5em;
                font-size: 0.688rem;
                margin: 0 0 0 2px;
        }

}

@media only screen and (max-width: 480px) {
        .news#content ul.area_tag li {
                font-size: 0.625rem;
                margin: 0 0 0 1px;
        }
}


/* entry_list_box */
.news#content #entry_list_box {
        width: 800px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}

.news#content #entry_list_box .unit {
        width: 380px;
        text-align: left;
}

.news#content #entry_list_box .unit a {
        width: auto;
}

.news#content #entry_list_box .unit figure {
        width: 100%;
        margin: 0 auto 12px auto;
}

.news#content #entry_list_box .unit figure img {
        width: 100%;
        height: auto;
}

.news#content #entry_list_box dl {
        width: 100%;
        text-align: left;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        color: #4d4d4d;
}

.news#content #entry_list_box dl dt {
        width: 100%;
        padding: 0 0 10px 0;
        line-height: 1.4;
        font-size: 1.00rem;
        position: relative;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
}

.news#content #entry_list_box dl dt i {
        width: 6.5em;
        font-size: 0.875rem;
        letter-spacing: 0.1em;
        padding: 5px 0 5px 0;
        margin: -2px 0 0 10px;
        text-align: center;
        background: #5E5E5E;
        display: block;
        color: #FFF;
        font-weight: 300;
}

.news#content #entry_list_box dl dt i.news {
        background: #4C9691;
}

.news#content #entry_list_box dl dt i.recruiting_yakuzen,
.news#content #entry_list_box dl dt i.recruiting_research,
.news#content #entry_list_box dl dt i.recruiting_course {
        background: #F15A24;
}

.news#content #entry_list_box dl dt i.current {
        background: #1D2A52;
}

.news#content #entry_list_box dl dt i.course {
        background: #C69C6D;
}

.news#content #entry_list_box dl dt i.communication {
        background: #7C8E15;
}

.news#content #entry_list_box dl dt i.recruiting_closed {
        background: #500771;
}

.news#content #entry_list_box dl dd {
        width: 100%;
        padding: 0 0 45px 0;
        line-height: 1.6;
        text-align: left;
        box-sizing: border-box;
}

.news#content #entry_list_box dl dd a {
        text-decoration: none;
        color: #4d4d4d;
}

.news#content #entry_list_box dl dd a h3 {
        width: 100%;
        font-size: 1.125rem;
        padding: 0 0 10px 0;
        position: relative;
        box-sizing: border-box;
}

.news#content #entry_list_box dl dd a p {
        width: 100%;
        font-size: 1.000rem;
        color: #676767;
}


@media only screen and (max-width: 1189px) {

        .news#content #entry_list_box {
                width: 67.79%;
        }

        .news#content #entry_list_box .unit {
                width: 47.5%;
        }

        .news#content #entry_list_box .unit figure {
                margin: 0 auto 12px auto;
        }

        .news#content #entry_list_box dl {
                font-size: 1.00rem;
        }

        .news#content #entry_list_box dl dt {
                padding: 0 0 10px 0;
                line-height: 1.4;
                font-size: 1.00rem;
        }

        .news#content #entry_list_box dl dt i {
                width: 6.5em;
                font-size: 0.875rem;
                letter-spacing: 0.1em;
                padding: 5px 0 5px 0;
        }

        .news#content #entry_list_box dl dd a h3 {
                font-size: 1.125rem;
                padding: 0 0 10px 0;
        }

        .news#content #entry_list_box dl dd a p {
                font-size: 1.000rem;
        }

}

@media only screen and (max-width: 960px) {

        .news#content #entry_list_box {
                width: 67.79%;
                padding: 0 0 0 0;
        }

        .news#content #entry_list_box dl {
                font-size: 0.938rem;
        }

        .news#content #entry_list_box dl dt {
                font-size: 0.938rem;
        }

        .news#content #entry_list_box dl dt i {
                width: 6.5em;
                font-size: 0.813rem;
                margin: -2px 0 0 10px;
        }

        .news#content #entry_list_box dl dd a h3 {
                font-size: 1.000rem;
        }

        .news#content #entry_list_box dl dd a p {
                font-size: 0.938rem;
        }

}

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

        .news#content #entry_list_box {
                width: 100%;
                padding: 0 0 0 0;
        }

        .news#content #entry_list_box .unit {
                width: 100%;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                margin: 0 0 20px 0;
        }

        .news#content #entry_list_box .unit a:nth-child(1) {
                width: 46%;
        }

        .news#content #entry_list_box .unit a figure {
                width: 100%;
                margin: 0 auto 12px auto;
        }

        .news#content #entry_list_box dl {
                width: 50%;
                font-size: 0.875rem;
        }

        .news#content #entry_list_box dl dt {
                width: 100%;
                padding: 0 0 10px 0;
                font-size: 0.875rem;
                border-bottom: none;
                justify-content: flex-start;
        }

        .news#content #entry_list_box dl dt i {
                width: 6.5em;
                font-size: 0.570rem;
                margin: -3px 0 0 10px;
        }

        .news#content #entry_list_box dl dd {
                width: 100%;
                padding: 0px 0 20px 0;
        }

        .news#content #entry_list_box dl dd a h3 {
                font-size: 0.938rem;
        }

        .news#content #entry_list_box dl dd a p {
                font-size: 0.875rem;
        }

        .news#content #entry_list_box ul.area_tag li {
                width: 5em;
                font-size: 1.6vw;
        }

}

@media only screen and (max-width: 480px) {
        .news#content #entry_list_box .unit a:nth-child(1) {
                width: 100%;
        }

        .news#content #entry_list_box .unit figure {
                width: 100%;
                margin: 0 auto 12px auto;
        }

        .news#content #entry_list_box dl {
                width: 100%;
                font-size: 0.875rem;
        }

        .news#content #entry_list_box ul.area_tag li {
                font-size: 0.625rem;
        }
}



/* sidebar */
.news#content #side_area {
        width: 280px;
        position: relative;
        z-index: 5;
}

.news#content #side_area #category_list {
        width: 100%;
        background: #669c4e;
        margin: -135px 0 10px 0;
}

.news#content #side_area #category_list h2 {
        text-align: center;
        font-size: 1.875rem;
        padding: 60px 0 20px 0;
        color: #FFF;
}

.news#content #side_area #category_list ul {
        width: 100%;
        padding: 0 0 40px 0;
}

.news#content #side_area #category_list ul li {
        width: 100%;
        padding: 0 0 0 0;
}

.news#content #side_area #category_list ul li a {
        width: 95%;
        margin: 0 auto 0 0;
        padding: 18px 20px 18px 40px;
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.4;
        color: #FFFFFF;
        display: block;
        box-sizing: border-box;
        text-decoration: none;
}

.news#content #side_area #category_list ul li a:hover,
.news#content #side_area #category_list ul li a.current {
        color: #111;
        background: #FFFFFF;
        border-radius: 0 30px 30px 0;
        opacity: 1;
}

.news#content #side_area .under {
        width: 100%;
        background: #a3d6cc;
        margin: 1px 0 0 0;
        padding: 40px 38px;
        box-sizing: border-box;
}

.news#content #side_area .under h3 {
        width: 100%;
        padding: 0 0 30px 0;
        text-align: center;
        font-size: 1.5rem;
        color: #000000;
}

.news#content #side_area ul.area_tag {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0 0 0 0;
}

.news#content #side_area ul.area_tag li {
        width: 5em;
        font-size: 0.813rem;
        letter-spacing: 0.1em;
        text-align: center;
        margin: 0 3px 15px 0;
}

.news#content #side_area ul.area_tag li:nth-child(3n+3) {
        margin: 0 0 15px 0;
}

.news#content #side_area ul.area_tag li a {
        width: 100%;
        display: block;
        padding: 5px 0;
        box-sizing: border-box;
        color: #FFFFFF;
        background: #5E5E5E;
        text-decoration: none;
}

.news#content #side_area #pickup {
        width: 100%;
        background: #EFEFEF;
        margin: 10px 0 0 0;
        padding: 50px 25px;
        box-sizing: border-box;
}

.news#content #side_area #pickup h3 {
        width: 100%;
        padding: 0 0 30px 0;
        text-align: center;
        font-size: 1.5rem;
        color: #000000;
}

.news#content #side_area #pickup .unit {
        width: 100%;
        padding: 0 0 25px 0;
        margin: 0 0 25px 0;
        text-align: center;
        border-bottom: #D6D6D6 1px solid;
}

.news#content #side_area #pickup .unit a {
        width: 100%;
        display: block;
        text-decoration: none;
}

.news#content #side_area #pickup .unit figure {
        width: 100%;
        margin: 0 0 10px 0;
        text-align: center;
}

.news#content #side_area #pickup .unit figure img {
        width: 100%;
        height: auto !important;
}

.news#content #side_area #pickup .unit dl {
        width: 100%;
        text-align: left;
        font-size: 1.000rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        color: #4d4d4d;
}

.news#content #side_area #pickup .unit dl dt {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        line-height: 1.4;
        font-size: 1.00rem;
        position: relative;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
}

.news#content #side_area #pickup .unit dl dt i {
        width: 6.5em;
        font-size: 0.875rem;
        letter-spacing: 0.1em;
        padding: 3px 0 3px 0;
        margin: -0px 0 0 10px;
        text-align: center;
        background: #348F0E;
        display: block;
        color: #FFF;
        font-weight: 300;
}

.news#content #side_area #pickup .unit dl dt i.news {
        background: #4C9691;
}

.news#content #side_area #pickup .unit dl dt i.recruiting_yakuzen,
.news#content #side_area #pickup .unit dl dt i.recruiting_research,
.news#content #side_area #pickup .unit dl dt i.recruiting_course {
        background: #F15A24;
}

.news#content #side_area #pickup .unit dl dt i.current {
        background: #1D2A52;
}

.news#content #side_area #pickup .unit dl dt i.course {
        background: #C69C6D;
}

.news#content #side_area #pickup .unit dl dt i.communication {
        background: #7C8E15;
}

.news#content #side_area #pickup .unit dl dt i.recruiting_closed {
        background: #500771;
}

.news#content #side_area #pickup .unit dl dd {
        width: 100%;
        padding: 5px 0 20px 0;
        line-height: 1.6;
        text-align: left;
        box-sizing: border-box;
}

.news#content #side_area #pickup .unit dl dd a {
        text-decoration: none;
        color: #4d4d4d;
}

.news#content #side_area #pickup .unit dl dd a p {
        width: 100%;
        font-size: 1.000rem;
}

.news#content #side_area #pickup .unit ul.area_tag {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
}

.news#content #side_area #pickup .unit ul.area_tag li {
        width: 4.5em;
        font-size: 0.625rem;
        text-align: center;
        margin: 0 0 0 1px;
        display: block;
        padding: 5px 0;
        box-sizing: border-box;
        color: #FFFFFF;
        background: #5E5E5E;
        text-decoration: none;
}

.news#content #side_area #pickup .list_link {
        width: 100%;
        margin: 0px auto 0 auto;
}

.news#content #side_area #pickup .list_link a {
        width: 100%;
        display: block;
        border: rgba(41, 41, 41, 1.00) 1px solid;
        padding: 0.5em 1em;
        font-size: 1.00rem;
        text-align: center;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 1.00);
        color: #111111;
        text-decoration: none;
}


@media only screen and (max-width: 1189px) {
        .news#content #side_area {
                width: 30%;
        }

        .news#content #side_area #category_list {
                margin: -135px 0 10px 0;
        }

        .news#content #side_area #category_list h2 {
                text-align: center;
                font-size: 1.875rem;
                padding: 60px 0 20px 0;
        }

        .news#content #side_area #category_list ul {
                padding: 0 0 40px 0;
        }

        .news#content #side_area #category_list ul li a {
                width: 95%;
                margin: 0 auto 0 0;
                padding: 18px 15px 18px 30px;
                text-align: left;
                font-size: 1.125rem;
        }

        .news#content #side_area #category_list ul li a:hover,
        .news#content #side_area #category_list ul li a.current {
                border-radius: 0 30px 30px 0;
        }

        .news#content #side_area .under {
                padding: 35px 30px;
        }

        .news#content #side_area .under h3 {
                padding: 0 0 30px 0;
                font-size: 1.5rem;
        }

        .news#content #side_area ul.area_tag li {
                width: 5em;
                font-size: 0.813rem;
                margin: 0 3px 15px 0;
        }

        .news#content #side_area ul.area_tag li:nth-child(3n+3) {
                margin: 0 0 15px 0;
        }

        .news#content #side_area ul.area_tag li a {
                padding: 5px 0;
        }

        .news#content #side_area #pickup {
                margin: 10px 0 0 0;
                padding: 50px 20px;
        }

        .news#content #side_area #pickup h3 {
                padding: 0 0 30px 0;
                text-align: center;
                font-size: 1.5rem;
        }

        .news#content #side_area #pickup .unit {
                padding: 0 0 25px 0;
                margin: 0 0 25px 0;
        }

        .news#content #side_area #pickup .unit figure {
                margin: 0 0 10px 0;
        }

        .news#content #side_area #pickup .unit dl {
                font-size: 1.000rem;
        }

        .news#content #side_area #pickup .unit dl dt {
                padding: 0 0 0 0;
                font-size: 1.00rem;
        }

        .news#content #side_area #pickup .unit dl dt i {
                width: 6.5em;
                font-size: 0.875rem;
                letter-spacing: 0.1em;
                padding: 3px 0 3px 0;
                margin: -0px 0 0 10px;
                font-weight: 300;
        }

        .news#content #side_area #pickup .unit dl dd {
                padding: 5px 0 20px 0;
        }

        .news#content #side_area #pickup .unit dl dd a p {
                font-size: 1.000rem;
        }

        .news#content #side_area #pickup .unit ul.area_tag li {
                width: 4.5em;
                font-size: 0.625rem;
                margin: 0 0 0 1px;
        }

        .news#content #side_area #pickup .unit ul.area_tag li a {
                padding: 5px 0;
        }
}

@media only screen and (max-width: 960px) {
        .news#content #side_area {
                width: 30%;
        }

        .news#content #side_area #category_list {
                margin: -115px 0 10px 0;
        }

        .news#content #side_area #category_list h2 {
                text-align: center;
                font-size: 1.625rem;
                padding: 50px 0 20px 0;
        }

        .news#content #side_area #category_list ul {
                padding: 0 0 30px 0;
        }

        .news#content #side_area #category_list ul li a {
                width: 95%;
                margin: 0 auto 0 0;
                padding: 14px 10px 14px 25px;
                font-size: 1.000rem;
        }

        .news#content #side_area #category_list ul li a:hover,
        .news#content #side_area #category_list ul li a.current {
                border-radius: 0 30px 30px 0;
        }

        .news#content #side_area .under {
                padding: 30px 25px;
        }

        .news#content #side_area .under h3 {
                padding: 0 0 30px 0;
                font-size: 1.375rem;
        }

        .news#content #side_area ul.area_tag li {
                width: 5em;
                font-size: 0.75rem;
                margin: 0 2px 10px 0;
        }

        .news#content #side_area ul.area_tag li:nth-child(3n+3) {
                margin: 0 0 10px 0;
        }

        .news#content #side_area ul.area_tag li a {
                padding: 4px 0;
        }

        .news#content #side_area #pickup {
                margin: 10px 0 0 0;
                padding: 40px 15px;
        }

        .news#content #side_area #pickup h3 {
                padding: 0 0 25px 0;
                text-align: center;
                font-size: 1.375rem;
        }

        .news#content #side_area #pickup .unit {
                padding: 0 0 20px 0;
                margin: 0 0 20px 0;
        }

        .news#content #side_area #pickup .unit figure {
                margin: 0 0 10px 0;
        }

        .news#content #side_area #pickup .unit dl {
                font-size: 0.937rem;
        }

        .news#content #side_area #pickup .unit dl dt {
                padding: 0 0 0 0;
                font-size: 0.937rem;
        }

        .news#content #side_area #pickup .unit dl dt i {
                width: 6.5em;
                font-size: 0.813rem;
                padding: 3px 0 3px 0;
                margin: -0px 0 0 10px;
        }

        .news#content #side_area #pickup .unit dl dd {
                padding: 5px 0 20px 0;
        }

        .news#content #side_area #pickup .unit dl dd a p {
                font-size: 0.937rem;
        }

        .news#content #side_area #pickup .unit ul.area_tag li {
                width: 4.5em;
                font-size: 0.625rem;
                margin: 0 0 0 1px;
                padding: 5px 0;
        }
}

@media only screen and (max-width: 768px) {
        .news#content #side_area {
                width: 100%;
        }

        .news#content #side_area #category_list {
                margin: 30px 0 10px 0;
        }

        .news#content #side_area #category_list h2 {
                font-size: 1.500rem;
                padding: 40px 0 20px 0;
        }

        .news#content #side_area #category_list ul {
                padding: 0 0 30px 0;
        }

        .news#content #side_area #category_list ul li a {
                width: 95%;
                margin: 0 auto 0 0;
                padding: 14px 10px 14px 25px;
                font-size: 0.938rem;
        }

        .news#content #side_area .under {
                padding: 25px 20px;
        }

        .news#content #side_area .under h3 {
                padding: 0 0 30px 0;
                font-size: 1.25rem;
        }

        .news#content #side_area ul.area_tag li {
                width: 5em;
                font-size: 0.75rem;
                margin: 0 2px 10px 0;
        }

        .news#content #side_area ul.area_tag li:nth-child(3n+3) {
                margin: 0 2px 10px 0;
        }

        .news#content #side_area ul.area_tag li a {
                padding: 4px 0;
        }

        .news#content #side_area #pickup {
                margin: 10px 0 0 0;
                padding: 40px 15px;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
        }

        .news#content #side_area #pickup h3 {
                width: 100%;
                padding: 0 0 20px 0;
                text-align: center;
                font-size: 1.25rem;
        }

        .news#content #side_area #pickup .unit {
                width: 100%;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: flex-start;
                padding: 0 0 0 0;
                margin: 0 0 30px 0;
                border-bottom: none;
        }

        .news#content #side_area #pickup .unit figure {
                margin: 0 0 10px 0;
                width: 100%;
        }

        .news#content #side_area #pickup .unit dl {
                font-size: 0.937rem;
                width: 100%;

        }

        .news#content #side_area #pickup .unit dl dt {
                padding: 0 0 0 0;
                font-size: 0.937rem;
        }

        .news#content #side_area #pickup .unit dl dt i {
                width: 6.5em;
                font-size: 0.813rem;
                padding: 3px 0 3px 0;
                margin: -0px 0 0 10px;
        }

        .news#content #side_area #pickup .unit dl dd {
                padding: 5px 0 20px 0;
        }

        .news#content #side_area #pickup .unit dl dd a p {
                font-size: 0.937rem;
        }

        .news#content #side_area #pickup .unit ul.area_tag {
                width: 100%;
                margin: -30px 0 0 0;
        }

        .news#content #side_area #pickup .unit ul.area_tag li {
                width: 4.0em;
                font-size: 0.625rem;
                margin: 0 0 0 1px;
                padding: 5px 0;
        }

        .news#content #side_area #pickup .list_link {}

        .news#content #side_area #pickup .list_link a {
                font-size: 0.938rem;
        }
}

@media only screen and (max-width: 480px) {
        .news#content #side_area #category_list {
                margin: 25px 0 10px 0;
        }

        .news#content #side_area #category_list h2 {
                font-size: 1.375rem;
                padding: 35px 0 20px 0;
        }

        .news#content #side_area #category_list ul li a {
                width: 95%;
                margin: 0 auto 0 0;
                padding: 14px 10px 14px 25px;
                font-size: 0.938rem;
        }

        .news#content #side_area .under {
                padding: 25px 20px;
        }

        .news#content #side_area .under h3 {
                padding: 0 0 30px 0;
                font-size: 1.125rem;
        }

        .news#content #side_area ul.area_tag li {
                width: 5em;
                font-size: 0.75rem;
                margin: 0 2px 10px 0;
        }

        .news#content #side_area #pickup {
                margin: 10px 0 0 0;
                padding: 40px 15px;
        }

        .news#content #side_area #pickup h3 {
                width: 100%;
                padding: 0 0 20px 0;
                text-align: center;
                font-size: 1.125rem;
        }

        .news#content #side_area #pickup .unit {
                margin: 0 0 30px 0;
                border-bottom: none;
        }

        .news#content #side_area #pickup .unit figure {
                margin: 0 0 10px 0;
                width: 100%;
        }

        .news#content #side_area #pickup .unit dl {
                font-size: 0.937rem;
                width: 100%;

        }

        .news#content #side_area #pickup .unit dl dt {
                padding: 0 0 0 0;
                font-size: 0.937rem;
        }

        .news#content #side_area #pickup .unit dl dt i {
                width: 6.5em;
                font-size: 0.813rem;
                padding: 3px 0 3px 0;
                margin: -0px 0 0 10px;
        }

        .news#content #side_area #pickup .unit dl dd {
                padding: 5px 0 20px 0;
        }

        .news#content #side_area #pickup .unit dl dd a p {
                font-size: 0.937rem;
        }

        .news#content #side_area #pickup .unit ul.area_tag {
                width: 100%;
                margin: 10px 0 0 0;
        }

        .news#content #side_area #pickup .unit ul.area_tag li {
                width: 4.0em;
                font-size: 0.625rem;
                margin: 0 0 0 1px;
                padding: 5px 0;
        }

        .news#content #side_area #pickup .list_link {}

        .news#content #side_area #pickup .list_link a {
                font-size: 0.875rem;
        }
}



/* entry_deteil */
.news#content #entry_deteil {
        width: 1000px;
        margin: auto;
        padding: 0 0 0 0;
}

.news#content #entry_deteil .entry_head {
        width: 100%;
        padding: 0 0 23px 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}

.news#content #entry_deteil .entry_head .date {
        width: 200px;
        padding: 0 0 0 0;
        line-height: 1.4;
        font-size: 1.00rem;
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
}

.news#content #entry_deteil .entry_head .date i {
        width: 6.5em;
        font-size: 0.875rem;
        letter-spacing: 0.1em;
        padding: 5px 0 5px 0;
        margin: -2px 0 0 0;
        text-align: center;
        background: #5E5E5E;
        display: block;
        color: #FFF;
        font-weight: 300;
}

.news#content #entry_deteil .entry_head .date i.news {
        background: #4C9691;
}

.news#content #entry_deteil .entry_head .date i.recruiting_yakuzen,
.news#content #entry_deteil .entry_head .date i.recruiting_research,
.news#content #entry_deteil .entry_head .date i.recruiting_course {
        background: #F15A24;
}

.news#content #entry_deteil .entry_head .date i.current {
        background: #1D2A52;
}

.news#content #entry_deteil .entry_head .date i.course {
        background: #C69C6D;
}

.news#content #entry_deteil .entry_head .date i.communication {
        background: #7C8E15;
}

.news#content #entry_deteil .entry_head .date i.recruiting_closed {
        background: #500771;
}

.news#content #entry_deteil .entry_head ul.area_tag {
        width: calc(100% - 200px);
        padding: 5px 0 0 0;
}


.news#content #entry_deteil .entry_inner {
        width: 100%;
}

.news#content #entry_deteil .entry_inner h2 {
        padding: 0 0 30px 0;
        font-size: 1.5rem;
        font-weight: bold;
        text-align: left;
        letter-spacing: 0.05em;
}

.news#content #entry_deteil .entry_inner h3 {
        padding: 0 0 30px 0;
        font-size: 1.375rem;
        font-weight: bold;
        text-align: left;
        letter-spacing: 0.05em;
}

.news#content #entry_deteil .entry_inner h4 {
        padding: 0 0 30px 0;
        font-size: 1.25rem;
        font-weight: bold;
        text-align: left;
        letter-spacing: 0.05em;
}

.news#content #entry_deteil .entry_inner h5 {
        padding: 0 0 30px 0;
        font-size: 1.125rem;
        font-weight: bold;
        text-align: left;
        letter-spacing: 0.05em;
}

.news#content #entry_deteil .entry_inner h6 {
        padding: 0 0 30px 0;
        font-size: 1.00rem;
        font-weight: bold;
        text-align: left;
        letter-spacing: 0.05em;
}

.news#content #entry_deteil .entry_inner a {
        text-decoration: underline;
}

.news#content #entry_deteil .entry_inner p {
        font-size: 1.000rem;
        line-height: 2.0;
        padding: 0 0 15px 0;
        text-align: left;
}

.news#content #entry_deteil .entry_inner strong {
        font-weight: 900;
}

.news#content #entry_deteil .entry_inner figure {
        width: 100%;
        padding: 0 0 30px 0;
}

.news#content #entry_deteil .entry_inner img {
        width: auto;
}

.news#content #entry_deteil .entry_inner img.size-full {
        width: 100% !important;
        height: auto !important;
}

.news#content #entry_deteil .entry_inner img.alignright {
        padding: 0 0 10px 10px;
        float: right;
}

.news#content #entry_deteil .entry_inner img.alignleft {
        padding: 0 10px 10px 0;
        float: left;
}

.news#content #entry_deteil .entry_inner .wp-caption {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
}

.news#content #entry_deteil .entry_inner .wp-caption img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
}


.news#content #entry_deteil .entry_inner .has-text-align-center {
        text-align: center !important;
}

.news#content #entry_deteil .entry_inner ul,
.news#content #entry_deteil .entry_inner ol {
        text-align: left;
        padding: 0.5em 0 0.5em 0;
        margin: 0 0 30px 0;
}

.news#content #entry_deteil .entry_inner ul {}

.news#content #entry_deteil .entry_inner ol {}

.news#content #entry_deteil .entry_inner ul li,
.news#content #entry_deteil .entry_inner ol li {
        line-height: 1.5;
        padding: 0.5em 0;
}

.news#content #entry_deteil .entry_inner blockquote {
        text-align: left;
        padding: 2em 2em 2em 3.5em;
        margin: 0 0 30px 0;
        background: #DCDCDC;
        box-sizing: border-box;
        position: relative;
}

.news#content #entry_deteil .entry_inner blockquote::before {
        display: inline-block;
        position: absolute;
        top: 0.8em;
        left: 0.8em;
        content: "“";
        font-family: FontAwesome;
        color: #5C5C5C;
        font-size: 30px;
        line-height: 1;
        font-weight: 900;
}

.news#content #entry_deteil .entry_inner blockquote p {
        padding: 0 0 0 0;
}

.news#content #entry_deteil .entry_inner blockquote cite {
        display: block;
        padding: 15px 0 0 0;
        text-align: right;
        font-style: italic;
        font-size: 0.875rem;
}

.news#content #entry_deteil .entry_inner table {
        width: auto;
        border-collapse: collapse;
        border: #000000 1px solid;
}

.news#content #entry_deteil .entry_inner table th,
.news#content #entry_deteil .entry_inner table td {
        font-size: 1.000rem;
        line-height: 1.6;
        text-align: left;
        padding: 0.5em 0.5em;
        border-collapse: collapse;
        border: #000000 1px solid;
        vertical-align: middle;
}

.news#content #entry_deteil .entry_inner .thumbnail {
        width: 100%;
        padding: 0 0 15px 0;
}

.news#content #entry_deteil .entry_inner .thumbnail img {
        width: 100% !important;
        height: auto !important;
}


@media only screen and (max-width: 1189px) {

        /* entry_deteil */
        .news#content #entry_deteil {
                width: 67.79%;
                padding: 0 0 0 0;
        }

        .news#content #entry_deteil .entry_head {
                padding: 0 0 20px 0;
        }

        .news#content #entry_deteil .entry_head .date {
                width: 200px;
                font-size: 1.00rem;
                justify-content: space-between;
        }

        .news#content #entry_deteil .entry_head ul.area_tag {
                width: calc(100% - 200px);
                padding: 5px 0 0 0;
        }

}

@media only screen and (max-width: 960px) {


        /* entry_deteil */
        .news#content #entry_deteil {
                width: 67.79%;
        }

        .news#content #entry_deteil .entry_head {
                padding: 0 0 20px 0;
        }

        .news#content #entry_deteil .entry_head .date {
                width: 100%;
                font-size: 0.938rem;
                justify-content: flex-start;
                padding: 0 0 10px 0;
        }

        .news#content #entry_deteil .entry_head .date i {
                width: 6.5em;
                font-size: 0.813rem;
                margin: -2px 0 0 10px;
        }

        .news#content #entry_deteil .entry_head ul.area_tag {
                width: 100%;
                padding: 5px 0 0 0;
                justify-content: flex-start;
        }

        .news#content #entry_deteil .entry_inner h2 {
                padding: 0 0 30px 0;
                font-size: 1.375rem;
        }

        .news#content #entry_deteil .entry_inner h3 {
                padding: 0 0 30px 0;
                font-size: 1.25rem;
        }

        .news#content #entry_deteil .entry_inner h4 {
                padding: 0 0 30px 0;
                font-size: 1.125rem;
        }

        .news#content #entry_deteil .entry_inner h5 {
                padding: 0 0 30px 0;
                font-size: 1.000rem;
        }

        .news#content #entry_deteil .entry_inner h6 {
                padding: 0 0 30px 0;
                font-size: 0.938rem;
        }

        .news#content #entry_deteil .entry_inner p {
                padding: 0 0 15px 0;
                font-size: 0.938rem;
        }

        .news#content #entry_deteil .entry_inner figure {
                padding: 0 0 30px 0;
        }

        .news#content #entry_deteil .entry_inner ul li,
        .news#content #entry_deteil .entry_inner ol li {
                font-size: 0.938rem;
        }

        .news#content #entry_deteil .entry_inner blockquote {
                margin: 0 0 30px 0;
        }

        .news#content #entry_deteil .entry_inner blockquote::before {
                font-size: 30px;
        }

        .news#content #entry_deteil .entry_inner blockquote p {
                padding: 0 0 0 0;
        }

        .news#content #entry_deteil .entry_inner blockquote cite {
                font-size: 0.823rem;
        }

        .news#content #entry_deteil .entry_inner table {
                width: auto;
        }

        .news#content #entry_deteil .entry_inner table th,
        .news#content #entry_deteil .entry_inner table td {
                font-size: 0.938rem;
        }

}

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

        /* entry_deteil */
        .news#content #entry_deteil {
                width: 100%;
        }

        .news#content #entry_deteil .entry_head .date i {
                width: 6.5em;
                font-size: 0.750rem;
        }

        .news#content #entry_deteil .entry_inner h2 {
                padding: 0 0 20px 0;
                font-size: 1.25rem;
        }

        .news#content #entry_deteil .entry_inner h3 {
                padding: 0 0 20px 0;
                font-size: 1.125rem;
        }

        .news#content #entry_deteil .entry_inner h4 {
                padding: 0 0 20px 0;
                font-size: 1.00rem;
        }

        .news#content #entry_deteil .entry_inner h5 {
                padding: 0 0 20px 0;
                font-size: 0.938rem;
        }

        .news#content #entry_deteil .entry_inner h6 {
                padding: 0 0 20px 0;
                font-size: 0.875rem;
        }

        .news#content #entry_deteil .entry_inner p {
                padding: 0 0 10px 0;
        }

        .news#content #entry_deteil .entry_inner figure {
                padding: 0 0 20px 0;
        }

        .news#content #entry_deteil .entry_inner ul li,
        .news#content #entry_deteil .entry_inner ol li {
                font-size: 0.875rem;
        }

        .news#content #entry_deteil .entry_inner blockquote {
                margin: 0 0 20px 0;
        }

        .news#content #entry_deteil .entry_inner blockquote::before {
                font-size: 25px;
        }

        .news#content #entry_deteil .entry_inner blockquote p {
                padding: 0 0 0 0;
        }

        .news#content #entry_deteil .entry_inner blockquote cite {
                font-size: 0.750rem;
        }

        .news#content #entry_deteil .entry_head .wp-block-group {
                padding: 0 0 30px 0;
        }

        .news#content #entry_deteil .entry_foot ul li {
                font-size: 0.625rem;
                margin: 0 5px 0 0;
        }

        .news#content #entry_deteil .entry_inner table {
                width: auto;
        }

        .news#content #entry_deteil .entry_inner table th,
        .news#content #entry_deteil .entry_inner table td {
                font-size: 0.875rem;
        }

}

@media only screen and (max-width: 480px) {
        .news#content #entry_deteil .entry_head .date i {
                width: 6.5em;
                font-size: 0.625rem;
        }

        .news#content #entry_deteil .entry_inner table th,
        .news#content #entry_deteil .entry_inner table td {
                font-size: 0.813rem;
        }
}

.container {
        margin: auto;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        max-width: 700px;
}

.container img {
        width: auto;
}

.container .card-list{
        width: 350px;
}


@media screen and (max-width: 600px) {
        .container {
                display: block;    
        }
        .container .card-list{
                width: auto;
                margin: auto;
        }
}