/*

追加用CSS　SP表示

*/

@media only screen and (max-width: 959px) {
    .home nav.row2 {
        background-color: #ffffff!important;
    }
    .mobile.navigation .nav-content a {
        font-size: 14px;
    }
}

@media screen and (max-width: 770px) {
	.f-logo{width: 90%;}
br.sp{display:block;}
    p {
        font-size: 14px;
    }
    dl.topics.clearfix {
        width: 100%;
    }
    dl.topics dd a {
        display: block;
    }
    .formatt-child {
        width: calc(90%/2);
        padding: 15px;
        margin: 5px auto;
    }
    ul#menu-menu-2 li {
        width: calc(95%/2);
        padding: 15px 5px;
        margin: 5px auto;
    }
    .footer-info,
    .footer-map {
        width: 100%;
    }
    footer#footer .content {
        width: 100%;
    }
    ul#menu-menu-2 li a {
        font-size: 15px;
    }
    .sub-header {
        height: 150px;
    }
    .sub-header h2 {
        font-size: 2em!important;
        width: fit-content;
    }
    section.blog {
        width: 100%;
    }
    .blog-content {
        width: 100%;
    }
    .side-content {
        width: 100%;
        padding: 15px;
    }
    .blog-img-box a {
        width: calc(95%/3);
        margin: 5px auto;
    }
    .pager li {
        font-size: 14px;
    }
    dl.recruit-box.category01,
    dl.recruit-box.category02,
    dl.recruit-box.category03,
    dl.recruit-box.category04 {
        width: 90%;
        margin: 5px auto;
    }
    .entry-btn {
        width: 100%;
    }
    .width1600,
    .width1500,
    .width1400,
    .width1300,
    .width1200,
    .width1100,
    .width1000,
    .width900,
    .width700,
    .width600,
    .width330 {
        width: 90%;
    }
    .content {
        padding-top: 250px;
    }
    .block_news::before {
        content: "";
        background-image: url(/wp-content/uploads/2023/04/cat01.png);
        width: 30vw;
        height: 30vw;
        position: absolute;
        top: -18vw;
        right: -10vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
    /*--------------------------------------------
 * all
 * -----------------------------------------*/
    .shortcode {
        margin-top: 0;
    }
    .fullwidth-wrap {
        width: 98%;
        margin: 0 auto;
    }
    br.pc {
        display: none;
    }
    .half,
    .three {
        width: 100%;
    }
    .left30,
    .right70,
    .left70,
    .right30 {
        width: 100%;
    }
    .title h2 {
        font-size: 1.5em;
        letter-spacing: 0.05px;
    }
    nav {
        padding: 7px 0px;
    }
    .border {
        width: 100%;
    }
    .background-page {
        padding-bottom: 0px;
        max-height: 200px;
    }
    .m-bottom {
        margin-bottom: 2em;
    }
    .p-bottom {
        padding-bottom: 2em;
    }
    .p-bottom02 {
        padding-bottom: 3em;
    }
    .receive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .width-inner {
        width: 98%;
        margin: 0 auto;
    }
    section#login_form form {
        width: 100%;
    }
    ul.pager.flex {
        padding: 0;
    }
    body {
        margin-top: 80px !important;
    }
    body.home {
        margin-top: 70px !important;
    }
    .home nav.row2 {
        background-color: #ffffff!important;
    }
    h3.title02 {
        width: 100%;
        padding: 0;
    }
    /*------------------------------------------
 * header
 * ---------------------------------------*/
    .home nav.row2 {
        background-color: #ffffff !important;
    }
    h1 {
        margin-bottom: 0;
        line-height: 0;
    }
    .logo-img img {
        max-width: 200px;
        width: 100%;
        margin: 0;
    }
    .ic_list {
        justify-content: flex-end;
        flex-wrap: nowrap;
    }
    .ic_list li {
        width: 30px !important;
        margin-left: 10px;
    }
    .ic_list li img {
        width: 100% !important;
    }
    .nav-button {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    nav.row2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .txt_message {
        background: url(http://engawa-recruit.jp/wp-content/uploads/2023/04/ill_tree.png), url(/wp-content/uploads/2023/04/ill_tree.png);
        background-position: bottom left, bottom center;
        background-size: 0, 50vw;
        background-repeat: no-repeat;
        margin-bottom: 50px;
        padding-bottom: 50vw;
    }
    .txt_message_inner {
        padding: 20px;
        width: 100%;
        margin-left: auto;
    }
    .block_news {
        padding: 20px;
    }
    #news {
        background-size: 100%, 20%, 30%, 100%, cover;
        padding-bottom: 150px;
    }
    #message {
        background-size: 0, 0, 25%, 25%, 40%, 30%, 15%, 100%, cover;
        padding-bottom: 150px;
        background-position: top left, top right, top 10px right 5%, top 50px left, bottom right, top left, bottom 50px right 150px, bottom, bottom;
    }
    .frame01 {
        padding: 20px;
    }
    .list_feature li {
        width: 47%;
    }
    #summary .tab {
        width: 45%;
    }
    .box50 img {
        width: 100%;
    }
    #summary .box50 {
        width: 100%;
        margin-bottom: 15px;
    }
    #summary h3.tit3.tit_c::after {
        width: 70px;
        height: 70px;
    }
    #recruit {
        background-size: 200%, 30%, 50%, 100%, cover;
        padding-bottom: 150px;
    }
    #recruit .tab {
        width: 48%;
        margin-bottom: 2%;
    }
    #summary {
        background-size: 100%, 30%, 50%, 100%, cover;
        padding-bottom: 150px;
    }
    table.defTable01 {
        margin-top: 12vw;
    }
    table.defTable01::before {
        content: "";
        background-image: url(/wp-content/uploads/2023/04/ill_cat05.png);
        width: 20vw;
        height: 20vw;
        position: absolute;
        top: -18vw;
        right: 0;
        background-size: cover;
    }
    .panel-group {
        padding: 20px;
    }
    #staff {
        background-size: 200%, 30%, 50%, 100%, cover;
        padding-bottom: 150px;
    }
    #feature {
        background-size: 200%, 30%, 50%, 100%, cover;
        padding-bottom: 150px;
    }
    #contact {
        background-size: 100%, 30%, 50%, 100%, cover;
        padding-bottom: 150px;
    }
    #tablepress-1 td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    #tablepress-2 td {
        display: block;
        width: 100%;
    }
    iframe {
        height: 80vw;
    }
    .staff-item:nth-child(2n+1) {
        margin-left: 0;
    }
    .staff-item {
        display: block;
    }
    .staff-cont {
        width: 100%;
    }
    .staff-name {
        text-align: center;
    }
    .staff-img {
        position: relative;
        width: 350px;
        margin: 0 auto 60px;
    }
    .staff-item:nth-child(2n) {
        margin-right: 0;
    }
    .tit_feature {
        font-size: 1em;
        text-align: center;
    }
	.single-recruit .content{padding-top:100px;}
	.single-recruit  .title{width: 100%;}
	.bg_wt{background:#fff!important;}
	nav.row2 .logo .logo-img img {
		max-height: 50px;
	}
}

@media only screen and (max-width: 450px) {
    .list_feature li {
        width: 100%;
    }
    .list_feature li {
        width: 100%;
    }
}