@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
    .montserrat{
    font-family: 'Montserrat', sans-serif;
    }
    .section_ttl{
    font-size: 3em !important;
    }
    /* post_list*/
    @media (min-width: 960px){
    .news-postList__body{
    flex-wrap: nowrap;
    }
    }
    @media (max-width: 959px){
    .news-postList__body{
    flex-wrap: wrap;
    }
    }
    .news-postList__body{
    display: flex;
    align-items: center;
    width: 100%;
    }
    .news-postList__title,.news-postList__meta{
    font-size: 20px;

    }


    .news-postList__title{
    flex-basis: 70%;
    }
    @media (max-width: 959px){
    .news-postList__body:not(:only-child){
    flex-basis: 100% !important;
    }
    .recruitment span{
        font-size: .8em !important;
    }
}

    @media (min-width: 960px){
        #menu-global_navigation-3{
            display: flex;
            justify-content: center;
        }
        .news-postList__meta{
            flex-basis: 30%;
            }
    }
    .new-mark{
    background-color: #00008B;
    color: #fff;
    padding:4px 4px 6px;
    font-size: small;
    }


    .l-content{
        margin-bottom: 0;
    }
    .c-listMenu a{
        border: none;
    }
    .c-listMenu a:hover{
        padding: .75em 1em .75em 1.5em;
    }
    .c-listMenu a::before{
        content: none;
    }
    .yellow_border{
        border: #FFF3CC 12px solid;
        padding: 1em;
    }
    

.c-gnav>.menu-item>a .ttl {
    padding: 0 20px;
}
.c-gnav>.menu-item>a .ttl {
    font-size: 1.1em;
    font-family: 'Montserrat', sans-serif;
}

.before_after{
    background-image: url(./assets/img/before_after.jpeg) !important;
    background-color:rgba(255,255,255,0.8) !important;
    background-blend-mode:lighten;
    background-repeat: no-repeat !important;
}

