@charset "UTF-8";
        /*=================================================================
        Version:  1.0
        Author: 
        Author URI: 
        Tags:  Original
        =================================================================*/


        /*-------------------------------------------*/
        @media print {
            .recruit .inner .text {
                margin: 0 10vw 0 0 !important;
                right: 0px !important;
                width: 60% !important;
            }
        }
        /*-------------------------------------------*/

        html{
            font-family: "Noto Sans JP","Meiryo", sans-serif;
            color: #000;
            font-size: 16px;
            -webkit-text-size-adjust: none !important;
            scroll-behavior: smooth;
        }
        ul li{list-style: none;}
        html, body, div, span, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        abbr, address, cite, code,
        del, dfn, em, img, ins, kbd, q, samp,
        small, strong, var,
        b, i,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, figcaption, figure, 
        footer, header, hgroup, menu, nav, section, summary,
        time, mark, audio, video, .page_title {
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            outline: 0;
            vertical-align: baseline;
        }
        
        /*input{-webkit-appearance: none !important;}*/
        input[type=radio] {display: none; }
        img{vertical-align: top;}
        sup{font-size: 0.7em;}
    h1,h2,h3,h4,h5,h6{/*font-weight: normal;*/}
    body {
        line-height: 1;
    }
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {}
    nav ul {
        list-style-type: none;
        list-style: none;
        line-height: 0;
        width: 100%;
        display: block;
        justify-content: space-between;
    }
    ul,
    ol{
        list-style-type: none;
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote: before, blockquote: after,
    q: before, q: after {
        content: '';
        content: none;
    }
    a {
        margin: 0;
        padding: 0;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }
    .current-cat a{
        color: #231815 !important;
    }
    
    /* MARGINS */
    .mbtm10{margin-bottom: 10px!important;}
    .mbtm20{margin-bottom: 20px!important;}
    
    
    /* FLOATERS & CLEARERS */
    @media print {
        body {
            width: 100%;
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }
        .pc_mode{ display: block!important; }
        .sp_mode{ display: none!important; }
        .inline_pc_mode{ display: inline!important; }
        .inline_sp_mode{ display: none!important; }
    }
    @media screen and (max-width:767px){
        .f_right{
            /* float: none; */
        }
        img.f_right{
            margin-left: 0;
            display: block;
            margin-bottom: 10px;
        }
    }
    
    
    @media all and (min-width:768px){
        .sp_mode{ display: none!important; }
    }
    @media all and (max-width:768px){
        .pc_mode{ display: none!important; }
    }
    
    @media all and (min-width:1080px){
        #header .sp_mode{ display: none!important; }
    }
    /*@media all and (max-width:1080px){
        #header .pc_mode{ display: none!important; }
        }*/


        /* MARGINS */

        .mb00{margin-bottom: 0px!important;}
        .mb10{margin-bottom: 10px!important;}
        .mb20{margin-bottom: 20px!important;}
        .mb30{margin-bottom: 30px!important;}
        .mb40{margin-bottom: 40px!important;}
        .mb45{margin-bottom: 45px!important;}
        .mb50{margin-bottom: 50px!important;}
        .mb60{margin-bottom: 60px!important;}
        .mb70{margin-bottom: 70px!important;}
        .mb80{margin-bottom: 80px!important;}
        .mb90{margin-bottom: 90px!important;}
        .mb100{margin-bottom: 100px!important;}
        .mb110{margin-bottom: 110px!important;}
        .mb120{margin-bottom: 120px!important;}
        .mb130{margin-bottom: 130px!important;}
        .mb140{margin-bottom: 140px!important;}
        .mb150{margin-bottom: 150px!important;}
        @media screen and (max-width: 767px){
            .mb10{margin-bottom: 5px!important;}
            .mb20{margin-bottom: 10px!important;}
            .mb30{margin-bottom: 15px!important;}
            .mb40{margin-bottom: 20px!important;}
            .mb45{margin-bottom: 20px!important;}
            .mb50{margin-bottom: 25px!important;}
            .mb60{margin-bottom: 30px!important;}
            .mb70{margin-bottom: 35px!important;}
            .mb80{margin-bottom: 40px!important;}
            .mb90{margin-bottom: 45px!important;}
            .mb100{margin-bottom: 50px!important;}
            .mb110{margin-bottom: 55px!important;}
            .mb120{margin-bottom: 60px!important;}
            .mb130{margin-bottom: 65px!important;}
            .mb140{margin-bottom: 70px!important;}
            .mb150{margin-bottom: 75px!important;}
        }

        /* TEXT LINKS COLOR*/
        a, a:link, a:visited{
            text-decoration: none;
        }
        a:hover{}
        /* PARAGRAPHS & PAGE LAYOUT */
      
        .inner980{
            width: 92%;
            max-width: 980px;
            margin: 0 auto;
        }   
        .inner1040{
            width: 92%;
            max-width: 1040px;
            margin: 0 auto;
        }
        .inner1080{
            width: 92%;
            max-width: 1080px;
            margin: 0 auto;
        }
        .inner1280{
            width: 92%;
            max-width: 1200px;
            margin: 0 auto;
        }
        @media screen and (max-width: 767px){

            .inner980{
                width: calc(100% - 48px);
            }
            .inner1040{
                width: calc(100% - 48px);
            }
            .inner1080{
                width: calc(100% - 48px);
            }
            .inner1280{
                width: calc(100% - 42px);
            }
        }

        @media print {
            body {
                width: 100%;
                -webkit-print-color-adjust: exact;
                color-adjust: exact;
            }
            .pc_mode{ display: block!important; }
            .sp_mode{ display: none!important; }
            .inline_pc_mode{ display: inline!important; }
            .inline_sp_mode{ display: none!important; }

        }

        .bold{
            font-weight: bold;
        }
        .center{
            text-align: center !important;
        }
        .right{
            text-align: right !important;
        }

        .nopoint{
            pointer-events: none;
        }

.large{
font-size: 32px;
font-family: Outfit;
padding: 0 5px 0 0;
}


h2{
    font-family: Outfit;
font-weight: bold;
font-size: 75px;
line-height: 100%;
text-align: left;
color: #000;
padding: 0 0 50px 0;
}




.detail_btn{
    display: block;
    text-align: right;
    padding: 0 40px 0 0;
}
.detail_btn a{
    position:relative;
    transition: 0.2s;
}


/*.detail_btn a:after{
    position:absolute;
    content:"";
    width: 20px !important;
    height: 2px;
    background-color:#000;
    right: -40px;
    top: 50%;
    transition: 0.2s;
}*/


.detail_btn a:hover:after{
    /*width: 30px !important;
    background-color:#11A9FF !important;*/
    opacity: 0.7;
    transition: 0.2s;
}



.detail_btn a span{
    font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 46px;
text-align: right;
color: #000;
transition: 0.2s;
}

.detail_btn a:hover span{
    color: #11A9FF !important;

}





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

        nav ul {
            list-style-type: none;
            list-style: none;
            line-height: 0;
            padding: 0;
            text-align: center;
            display: block;
            width: 100%;
            margin: 50px auto 0;
            padding: 0 20px 0 20px;
            box-sizing: border-box;
            }

        
.large{
font-size: 26px;
font-family: Outfit;
padding: 0 5px 0 0;
}

h2{font-size: 50px;}
    }



#content_wrap {
    display: block;
    width: calc(100% - 270px);
    background-color: #FFF;
margin: 0 0 0 auto;overflow: hidden;}







.mainvisual .fix_bar .info_btn a:hover{
    opacity: .7;
    transition: .2s;
}

.info_btn a:hover{
    opacity: .7;
    transition: .2s;
}

    /*------------------------------header-----------------------------------*/

    #header{
        width: 270px;
        height: 100Vh;
        position: fixed;
        display: block;
        top: 0px;
        z-index: 1000;
        background-color: #FFF;
        border-bottom: 1px solid #DBDCDD;
    }
    #header .h_inner{
        position: relative;
        margin: 0 auto;
        height: 100Vh;
        display: block;
        padding: 60px 0 0 40px;
        border-bottom: 3px solid #FF0000;
    }

    #header .h_inner .inner1280{
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* height: 100%; */
    }



    #header .logomark{
    z-index: 10;
    max-width: 160px;
    padding: 0 0 0 10px;
    }
    #header .logomark a {
        display: block;
    }
    #header .logomark a img{
     margin:0;
     width: 100%;
     max-width: 200px;
     }

 #header .contact_nav{
   /* display: flex; */
   
   /* height: 100%; */
   /* justify-content: space-between; */
   display: block;
   z-index: 10;
}

#header .gnav{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /* bottom: 100px; */
    width: 100%;
    top: 240px;
    margin: 0 0 0 30px;
    display: flex;
    padding: 0 0 0 0;
    align-items: center;
    box-sizing: border-box;
}


#header .sns_icon{
    position:absolute;
bottom: 50px;padding: 0 0px 0 10px;}
#header .sns_icon ul{}
#header .sns_icon ul li{padding: 20px 0;}
#header .sns_icon ul li img{}



#header .gnav #site-navigation{
    position: static;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#header .gnav ul li.current_page_item a{
 /*color:#11A9FF;*/
}

#header .gnav ul li{
    border-bottom: 1px dashed #bebebe;
}



#header .gnav ul li a{
    padding: 15px 20px 12px 30px;
    height: 58px;
    box-sizing: border-box;
    display: flex;
    justify-content: left;
    align-items: center;
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
}

#header .gnav ul li a:after{
position: absolute;
    position: absolute;
content: "";
width: 8px;
height: 8px;
margin: 4px 0 0 -18px;
border-radius: 2px;
/* ここ変更 */
background: linear-gradient(135deg, #ff7890 0%, #7aa3ff 100%);
display: block;
}





#header .gnav ul li:last-child a{
    
}

#header .gnav > ul > li:first-child > a:after{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    background-color: transparent;
}
#header .gnav ul li a:hover{
    text-decoration: none;
    color: #11A9FF;
}


#header .btn{
    width: 170px;
    height: 45px;
    background: transparent;
    background: #f0f9ff;
    margin: 0 auto;
    border-radius: 4px;
}

#header .btn a {
    display: block;
    width: 100%;
    height: 100%;
    /* padding: 14px 50px; */
    transition: 0.2s;
    position: relative;
}



#header .btn a:after{
    content: '';
display: inline-block;
vertical-align: middle;
line-height: 1;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-width: 4px 5px;
border-left-color: #fff; /* ←ここを変更 */
border-right: 0;
position: relative;
top: -38px;
left: 100px;
}


#header .btn a:before{
    content: "";
    display: block;
    margin: 3px 10px 0 0px;
    width: 38px;
    height: 38px;
    background-image: url('/wp-content/themes/undiva/common/img/header/insta_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 4px;
    left: 114px;
}

#header .btn a:hover span{
    opacity: .6;
    transition: .2s;
}



#header .btn a span{
   display: block;
height: 100%;
margin: 30px auto 0;
padding: 7px 0px 0px 20px;
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.03em;
line-height: 36px;
text-align: left;
color: #fff; /* 文字は白に変更推奨 */

/* 追加ここから */
background: linear-gradient(135deg,
    #ff7aa8 0%,
    #c79be9 40%,
    #7ec3ff 100%
);
border-radius: 6px;
/* 追加ここまで */
}



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

    #header{
        height: 52px;
        width: 100%;
        position: fixed;
        padding-top: 0;
        background-color: #FFF;
        z-index: 5000;
    }

    #header .logomark{
    z-index: 10;
    /* max-width: 100px; */
    /* padding: 11px 0 10px 10px; */
    /* background-color: #FFF; */
    display: block;
    width: 100%;
    max-width: unset;
    max-height: 70px;
    padding: 0;
    }

    #header .logomark a{
    width: 100%;
    display: block;
    padding: 10px 0 0 10px;
    box-sizing: border-box;
}


    #header h1#h_logo {
        position: absolute;
        top: 0px;
        left: 0;
    }

    #header h1#h_logo img{
        height: 80%;
        width: auto;
        vertical-align: middle;
    }

    #h_box{
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    #sp_site-navigation{
        position: absolute;
        display: none;
        background: #FFFFFF;
        top: 52px;
        right: 0;
        z-index: 10;
        width: 100%;
        height: calc(100vh - 60px);
        overflow-y: auto;
        padding-bottom: 100px;
    }
    .menu-gnav-container ul.menu{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: block;
        text-align: center;
        padding: 0px 0px 0;
        box-sizing: border-box;
        border-top: 1px solid #DBDCDD;
    }
    #sp_site-navigation li{
        border-bottom: 1px solid #DBDCDD;
    }
    #sp_site-navigation li.menu-item-has-children > a{
        position: relative;
    }
    #sp_site-navigation li.menu-item-15 > a{
        pointer-events: none;
    }
    #sp_site-navigation .sub-menu{
        display: none;
        padding: 0;
    }
    #sp_site-navigation li{

    }
    #sp_site-navigation li a{
        position: relative;
        text-decoration: none;
        display: block;
        font-size: 14px;
        padding: 24px 10px 24px 20px;
        box-sizing: border-box;
        font-weight: 500;
        letter-spacing: 2px;
        color: #000;
        text-align: left;
    }

    #sp_site-navigation li a:after{
       content: "";
       position: absolute;
       display: block;
       width: 16px;
       height: 16px;
       background-image: url(../img/parts/yazirushi_r.svg);
       background-repeat: no-repeat;
       background-size: cover;
       right: 25px;
       top: 16px;
   }

   #sp_site-navigation li:last-child{
    border-bottom: none;
}

#sp_site-navigation li:last-child  a{
    text-decoration: none;
    display: block;
    padding: 26px 10px 26px 30px;
    max-width: 285px;
    box-sizing: border-box;
    border-bottom: none;
    border-radius: 30px;
    margin: 30px auto 0;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
}
#sp_site-navigation li:last-child a:after{
    display: none;
}

#sp_site-navigation li:last-child a:before{
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 13px;
    background-image: url(../img/parts/mail_icon.svg);
    background-repeat: no-repeat;
    left: -95px;
    right: 0;
    top: 22px;
    margin: auto;
}
#sp_site-navigation li.menu-item-has-children > a.open:after{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#sp_site-navigation li a .description{
    font-size: 9px;
    font-family: 'Roboto Condensed';
    margin-left: 10px;
    color: rgba(255,255,255,0.7);
}
#sp_site-navigation .sub-menu a{
    background: rgba(0,0,0,0.2);
    padding: 19px 20px;
}
#sp_site-navigation .sub-menu:last-child a {
    background: rgba(0,0,0,0.1);
    padding: 19px 20px;
    margin: 0;
    border-radius: 0;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}






        /*-----------------------------main-----------------------------------*/


            /*HEADER*/


            @media print {
                #header{ 
                    position: absolute;
                    margin: 0;
                }
            }


            #site-navigation{
                position: absolute;
                top: 0;
                right: 0;
                margin: auto;
                display: block;
                text-align: center;
                font-size: 0;
                z-index: 1;
            }

            #site-navigation li{
                display: inline-block;
                vertical-align: middle;
                padding: 0;
                transition: 0.2s;
                width: 256px;
                cursor: pointer;
                height: 100%;
            }

            #site-navigation a{
                display: block;
                line-height: 80px;
                letter-spacing: 1px;
                font-size: 16px;
                font-weight: 700;
                text-decoration: none;
                position: relative;
                z-index: 2;
                color: #000;
                border-bottom: 2px solid transparent;
                box-sizing: border-box;
                /*height: 80px;*/
                transition: 0.2s;
            }







            #site-navigation .menu-item-15 > a{
                pointer-events: none;
                cursor: pointer;
            }

            #site-navigation ul.sub-menu{
                pointer-events: none;
                position: absolute;
                z-index: 100;
                top: 84px;
                left: 0px;
                text-align: left;
                transform: translateY(30px);
                background: #FF0000;
                width: 280px;
                opacity: 0;
                display: block;
                padding: 13px 0 10px 20px;
                transition: .5s opacity, .5s transform;
            }
            #site-navigation li:hover ul.sub-menu{
                opacity: 1;
                width: 100vw;
                margin: 0 calc(50% - 50vw);
                transform: translateY(-35px);
                z-index: 100;
                pointer-events: auto;
                padding: 13px 0 10px 20px;
                border-radius: 0;
                transition: all .5s;
                display: block;
                height: auto;
                box-sizing: border-box;
                height: 100px;
                display: flex;
                position: absolute;
                left: 0 !important;
                justify-content: center;
            }

            #site-navigation ul.sub-menu{
             display: none;
             transition: 0.2s;
         }
         .loaded #site-navigation ul.sub-menu{
             display: block;
         }
         #site-navigation .menu-item-58 ul.sub-menu{
            width: 380px;

        }
        #site-navigation ul.sub-menu li a:before{
            display: none;
        }
        #site-navigation li ul.sub-menu li{display: block;width: 180px;box-sizing: border-box;padding: 0 0 0 45px;}
        #site-navigation li ul.sub-menu li a{
            position: relative;
            color: #FFF;
            line-height: 20px;
            font-size: 14px;
            height: 100%;
            max-height: unset;
            display: flex;
            padding: 10px 0 10px 3px;
            transition: 0.3s;
            border-radius: 10px;
            cursor: pointer;
            border-bottom: none;
            border: none !important;
            align-items: center;
            justify-content: flex-start;
        }


        #site-navigation .current-menu-item ul.sub-menu li a{
            border-bottom: none;
        }




/*        #site-navigation li ul.sub-menu li a:after {
            display: none;
        }
*/
        #site-navigation li ul.sub-menu li a:after{
            content: "";
            position: absolute;
            display: block;
            width: 16px;
            height: 16px;
            background-image: url(../img/parts/yazirushi_w.svg);
            background-repeat: no-repeat;
            left: -18px;
            top: 32px;
            background-size: cover;
        }
        #site-navigation li ul.sub-menu li a:hover{
            opacity: 0.7;
            color: #FFF;
        }
        #site-navigation li ul.sub-menu:hover{
            opacity: 1;
        }
        #site-navigation .current-menu-item a,
        #site-navigation .current-category-ancestor a,
        #site-navigation .current-post-ancestor a{
            color: #1F75CC;
            padding: 0 0 21px 0;
        }

        #site-navigation .current-menu-item a:hover{
         /*border-bottom: 2px solid #1F75CC;*/
     }

     @media screen and (max-width:1350px){
#site-navigation li {
    width: 130px;
}
#header .gnav ul li a {
    font-size: 14px;
    padding: 9px 10px 10px 10px;
}
     }










     .h_cta{position: absolute;height: 100%;top: 0;bottom: 0;right: 40px;margin: auto;display: block;text-align: center;display: flex;justify-content: center;align-items: center;}


     .h_cta{position: absolute;height: 100%;top: 0;bottom: 0;right: 70px;margin: auto;display: block;text-align: center;display: flex;justify-content: center;align-items: center;background-color: #46CAE1;}

     .h_cta.entry a{
        position: relative;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018fcd+0,1b64a2+100 */
        background: rgb(1,143,205); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(1,143,205,1) 0%, rgba(27,100,162,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  rgba(1,143,205,1) 0%,rgba(27,100,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  rgba(1,143,205,1) 0%,rgba(27,100,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018fcd', endColorstr='#1b64a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    }
    .h_cta.entry a:hover{
        opacity: 0.8;
    }


    .h_cta.entry .second{
        display: none;
    }

    .h_cta.entry .third{
        display: none;
    }

    .h_cta.entry:hover a.second{
        display: flex;
        color: #FFF;
    }
    .h_cta.entry:hover a.third{
        display: flex;
        color: #FFF;
    }


    .h_cta.entry a:first-child:after{
        content: "";
        display: none;
    }


    .h_cta.entry a:after{
        content: "";
        display: block;
        position: absolute;
        top: 35%;
        left: 0;
        margin-top: -5px;
        border: 18px solid transparent;
        border-left-color: #FFF;
    }


    .h_cta a{
        width: 148px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
        background: #000;
        text-decoration: none;
        height: 80px;
        color: #fff;
        font-weight: bold;
        -webkit-transition: 0.3s background;
        -o-transition: 0.3s background;
        transition: 0.3s;
    }


    .h_cta a span{
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #fff;


    }


    .h_cta a.contact_btn{
        /*display: none;*/
        width: 208px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
        text-decoration: none;
        height: 50px;
        color: #fff;
        background-color: #00C189;
        font-weight: bold;
        -webkit-transition: 0.3s background;
        -o-transition: 0.3s background;
        transition: 0.3s;
        border-radius: 6px;
    }

    .h_cta a.contact_btn:hover{
        background-color: #CCC;
        color: #000;
    }

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

        #site-navigation {
            right: 145px !important;
        }


        .h_cta a.contact_btn{
            width: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            box-sizing: border-box;
            text-decoration: none;
            background-color: transparent;
            height: 70px;
            color: #fff;
            font-weight: bold;
            -webkit-transition: 0.3s background;
            -o-transition: 0.3s background;
            transition: 0.3s;
            position: relative;
            right: 0;
            border-radius: 0;
        }

        .h_cta a.contact_btn img{
            width: 40%;
        }

        .h_cta a.contact_btn:after{

        }

        .h_cta a span {
            font-size: 12px !important;
            letter-spacing: 1px;
            width: 100%;
            padding: 0px 0 0 0;
        }

        .h_cta a span img{
            width: 100%;
            height: 100%;
        }

    }





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

        .h_tel{display: none;}

    }

        #site-navigation{
        }

        #site-navigation a{
            /*padding: 0 10px;*/
            font-size: 14px;
        }

        .h_cta a{
            width: 120px;
        }

        .h_cta a span{
            padding-left: 0;
            font-size: 12px;
            font-weight: 700;
        }

        .h_cta a.tel{
            background-image: url(../img/parts/tel_icon.png);
            background-repeat: no-repeat;
            background-position: 17px 7px;
            background-size: 20px;
        }
        .h_cta a.tel span{
            color: #000;
            font-size: 10px !important;
            font-weight: 700;
            padding: 32px 0 0 0;
        }


        .h_cta a.mail{
            background-image: url(../img/parts/mail_icon.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 25px;
        }
        .h_cta a.mail span{
            color: #000;
            font-size: 10px !important;
            font-weight: 700;
            padding: 26px 0 0 0;
            letter-spacing: 0px;
        }



    }




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

        #header{
            height: 70px;
            width: 100%;
            position: fixed;
            padding-top: 0;
            background-color: #FFF;
            z-index: 4000;
            border: none;
            }


        #header h1#h_logo {
            position: absolute;
            top: 0px;
            left: 0;
        }

        #header h1#h_logo img{
            height: 80%;
            width: auto;
            vertical-align: middle;
        }

        #h_box{
            position: relative;
            width: 100%;
            margin: 0 auto;
        }



        #sp_site-navigation{
            position: absolute;
            display: none;
            background: #FFFFFF;
            top: 70px;
            right: 0;
            z-index: 10;
            width: 100%;
            height: calc(100vh - 60px);
            overflow-y: auto;
            padding-bottom: 100px;
        }

        #sp_site-navigation .menu-gnav-container{

        }


        .menu-gnav-container ul.menu{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            display: block;
            text-align: center;
            padding: 0px 0px 0;
            box-sizing: border-box;
            border-top: 1px solid #DBDCDD;
        }



        #sp_site-navigation li{
            border-bottom: 1px dashed #bebebe;
            display: block;
            margin: 0 auto;
            width: 100%;
    }


        #sp_site-navigation li:first-child{
    }


        #sp_site-navigation li.menu-item-has-children > a{
            position: relative;
        }


            #sp_site-navigation li.menu-item-15 > a{
                pointer-events: none;
            }

            #sp_site-navigation .sub-menu{
                display: none;
                padding: 0;
            }

            #sp_site-navigation li{

            }

            #sp_site-navigation li a{
                position: relative;
                text-decoration: none;
                display: block;
                font-size: 16px;
                padding: 30px 10px 28px 30px;
                box-sizing: border-box;
                font-weight: 700;
                letter-spacing: 2px;
                color: #000;
                text-align: left;
                font-family: Outfit;
                }

            #sp_site-navigation li a:after{
				position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        margin: 4px 0px 0 -18px;
        border-radius: 2px;
        background: linear-gradient(135deg, #ff7fab 0%, #c996ff 50%, #7bc8ff 100%);
        display: block;
        left: 25px;
        top: 23px;
}

/*             #sp_site-navigation li a:after{
               content: "";
               position: absolute;
               display: block;
               width: 8px;
               height: 8px;
               background-image: url(../img/parts/yazirushi_r.svg);
               background-repeat: no-repeat;
               background-size: cover;
               left: 25px;
               top: 22px;
           } */




           #sp_site-navigation li:last-child{
            border-bottom: none;
        }
		 #sp_site-navigation li:last-child  a{
            display: block;
            width: 170px;                 /* 画像の見せたいサイズに調整 */
            height: 60px;
            margin: 40px auto 0;
            background-image: url("https://nanami-home.jp/wp-content/uploads/2025/10/insta_icon.png"); /* ←パス差し替え */
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;    /* or cover */
            border-radius: 5px;
            text-indent: -9999px;        /* 念のため文字非表示 */
            overflow: hidden;            /* 念のため */
        }


/*         #sp_site-navigation li:last-child  a{
            text-decoration: none;
            display: block;
            padding: 25px 10px 25px 10px;
            max-width: 235px;
            box-sizing: border-box;
            border-bottom: none;
            background-color: #11A9FF;
            border-radius: 5px;
            margin: 40px auto 0;
            font-weight: bold;
            font-size: 18px;
            letter-spacing: 0.05em;
            text-align: center;
            color: #fff;
        }
 */

        #sp_site-navigation li:last-child a:after{
            display: none;
        }

        #sp_site-navigation li:last-child a:before{
            content: "";
            position: absolute;
            display: block;
            width: 20px;
            height: 13px;
            background-image: url(../img/parts/mail_icon.svg);
            background-repeat: no-repeat;
            left: -95px;
            right: 0;
            top: 22px;
            margin: auto;
        }
		
		
		
		
		
		
		
		
		
		







        #sp_site-navigation li.menu-item-has-children > a.open:after{
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }



        #sp_site-navigation li a .description{
            font-size: 9px;
            font-family: 'Roboto Condensed';
            margin-left: 10px;
            color: rgba(255,255,255,0.7);
        }

        #sp_site-navigation .sub-menu a{
            background: rgba(0,0,0,0.2);
            padding: 19px 20px;
        }

        #sp_site-navigation .sub-menu:last-child a {
            background: rgba(0,0,0,0.1);
            padding: 19px 20px;
            margin: 0;
            border-radius: 0;
            font-size: 12px;
            color: #000;
            font-weight: 500;
        }


        #content_wrap{
            
            width: 100%;
            margin-left: 0;
            overflow-x: hidden;
            margin: 70px 0 0 0;
        }

    }
    
    
    @media screen and (max-width:1000px){
        #site-navigation a {
            padding: 0 5px;
            font-size: 10px;
        }
        #site-navigation {
            /*right: 150px;*/
        }

        #site-navigation li {
            padding: 0 0 0 5px;
        }
    }
    
    
    
    @media screen and (max-width:900px){
        #site-navigation a {
            padding: 0 0px;
            font-size: 10px;
        }
        #h_logo {
            left: 4px;
            display: flex;
            align-items: center;
        }
    }
    
    
    @media screen and (max-width:768px){

        /*HAMBURGER*/

        .c-hamburger {
            display: block;
            position: absolute;
            overflow: hidden;
            margin: 0;
            right: 70px;
            top: 0px;
            padding: 0;
            width: 70px;
            height: 70px;
            font-size: 0;
            text-indent: -9999px;
            appearance: none;
            box-shadow: none;
            border-radius: none;
            border: none;
            cursor: pointer;
            transition: background 0.3s;
            background-color: #CCC;
        }

        .c-hamburger:atis {
            outline: none;
        }

        .c-hamburger span {
            display: block;
            position: absolute;
            width: 22px;
            top: 33px;
            left: 0;
            right: 0;
            height: 2px;
            background: #ffffff;
            /* display: none; */
            margin: auto;
        }

        .c-hamburger span::before,
        .c-hamburger span::after {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #ffffff;
            content: "";
        }

        .c-hamburger span::before {
            top: 8px;
        }

        .c-hamburger span::after {
            bottom: 8px;
        }

        .c-hamburger--htx {
            background: linear-gradient(135deg, #F584A4, #6DB8F4);
        }

        .c-hamburger--htx span {
            /*transition: background 0s 0.3s;*/
        }

        .c-hamburger--htx span::before,
        .c-hamburger--htx span::after {
            transition-duration: 0.3s, 0.3s;
            transition-delay: 0.3s, 0s;
        }

        .c-hamburger--htx span::before {
            transition-property: top, transform;
        }

        .c-hamburger--htx span::after {
            transition-property: bottom, transform;
        }

        /* active state, i.e. menu open */
        .c-hamburger--htx.is-active {
            background-color: transparent;
        }

        .c-hamburger--htx.is-active span {
            background: none;
        }

        .c-hamburger--htx.is-active span::before {
            top: 0;
            transform: rotate(45deg);
            background: #ffffff;
        }

        .c-hamburger--htx.is-active span::after {
            bottom: 0;
            transform: rotate(-45deg);
            background: #ffffff;
        }

        .c-hamburger--htx.is-active span::before,
        .c-hamburger--htx.is-active span::after {
            transition-delay: 0s, 0.3s;
        }

        .mail_btn{display: block;position: absolute;overflow: hidden;margin: 0;right: 0;top: 0px;padding: 0;width: 70px;height: 70px;font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;transition: background 0.3s;background-color:#0099d9;}
        .mail_btn a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0 0 0;
	background: #FFEE33;
}
        .mail_btn a img{
    display: block;
    margin: 0 auto;
    width: 30px;
	filter: invert(59%) sepia(92%) saturate(747%) hue-rotate(156deg) brightness(97%) contrast(103%);
}








    }






.contact{padding: 100px 0 0 0;}
.contact .inner1280{}
.contact h2{}
.contact .contact_box{background-color: #F5F5F5;padding: 100px 150px 100px 50px;display: flex;justify-content: flex-start;margin: -86px 0 0 0;margin: -85px calc(50% - 50vw) 0 0;
  width: 100vw;border-radius: 10px;}
.contact .contact_box .text{width: 40%;}
.contact .contact_box .text p{
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 46px;
text-align: left;
color: #000;
}
.contact .contact_box .btn{display: flex;align-items: center;margin: 0 0 0 5%;}

.contact .contact_box .btn a{
border-radius: 4px;
background: #333;
padding: 14px 50px;
transition: 0.2s;
}
.contact .contact_box .btn a span{
font-family: Outfit;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 24px;
text-align: center;
color: #fff;
transition: 0.2s;
}



.contact .contact_box .btn a:hover{
    background: #11A9FF;
}
.contact .contact_box .btn a:hover span{
    color: #fff;
}

@media screen and (max-width:768px){
    
.contact{padding: 0;}
.contact .inner1280{}
.contact h2{}
.contact .contact_box{display: block;box-sizing: border-box;padding: 50px 30px 50px;margin: -72px 0 0 0;width: 100%;}
.contact .contact_box .text{width: 100%;}
.contact .contact_box .text p{font-size: 16px;line-height: 200%;}
.contact .contact_box .btn{margin: 20px auto 0px;display: flex;justify-content: center;align-items: center;}
.contact .contact_box .btn a{}
.contact .contact_box .btn a span{}

}













.edit_area{
    padding: 140px 0 0 0;
}

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

.edit_area{
    padding: 70px 0 0 0;
}

}




.flow{padding: 130px 0 50px 0;}
.flow .inner1200{}
.flow h2{}
.flow .detail{

font-family: "Noto Sans JP";
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 46px;
text-align: left;
color: #000;}
.flow .detail_btn{text-align: right;}
.flow .detail_btn a{text-align: right;}
.flow .detail_btn a span{font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 46px;
text-align: right;
color: #000;}

.flow .flow_list{padding: 50px 0 0px 0;}
.flow .flow_list ul{}
.flow .flow_list ul li{
    position: relative;
    display: flex;
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 30px 30px;
    margin: 0 auto 40px;
    width: 80%;
z-index: 10;}
/*.flow .flow_list ul li:before{
    position:absolute;
    content: "";
    width: 2px;
    height: 50px;
    top: 0;
    
background-color: #CCC;top: 121px;left: 50px;z-index: 0;}*/
.flow .flow_list ul li .icon{}
.flow .flow_list ul li .icon img{}
.flow .flow_list ul li .text{padding: 0 0 0 20px;}
.flow .flow_list ul li .text .title{
    display: block;
font-weight: 900;
font-size: 20px;
letter-spacing: 0.1em;
line-height: 36px;
text-align: left;
color: #000;

}
.flow .flow_list ul li .text .title .number{
    
font-weight: 900;
font-size: 20px;
letter-spacing: 0.03em;
line-height: 36px;
text-align: left;
color: #000;
font-family: Outfit;
}
.flow .flow_list ul li .text .detail{font-family: "Noto Sans JP";
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 23px;
text-align: left;
color: #000;}

.flow .flow_list ul li .text .detail .small{
    font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 26px;
text-align: left;
color: #828282;

display: block;}

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


.flow{padding: 80px 0 0 0;}
.flow .inner1200{}
.flow h2{padding: 0 0 30px 0px;}
.flow .detail{line-height: 200%;font-size: 16px;}
.flow .detail_btn{}
.flow .detail_btn a{}
.flow .detail_btn a span{}

.flow .flow_list{padding: 20px 0 0 0;}
.flow .flow_list ul{}
.flow .flow_list ul li{display: block;padding: 20px 20px;margin: 30px auto;box-sizing: border-box;width: 100%;}
.flow .flow_list ul li .icon{margin: 0 auto 20px;display: table;}
.flow .flow_list ul li .icon img{}
.flow .flow_list ul li .text{padding: 0;}
.flow .flow_list ul li .text .title{font-size: 18px;text-align: center;}
.flow .flow_list ul li .text .title .number{}
.flow .flow_list ul li .text .detail{font-size: 14px;}

}

















footer{padding: 80px 0 0px 0;}
footer .photo{}
footer .photo img{
    width: 100%;
}

footer small{text-align: center;display: block;padding: 6px 0;background-color: #0099D9;font-family: "Zen Kaku Gothic New";font-weight: 500;font-size: 12px;letter-spacing: 0.05em;line-height: 26px;text-align: center;color: #fff;}


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

footer{padding: 0;}
footer .inner1280{}
footer .logo{}
footer .logo a{}
footer .logo a img{}

footer .f_nav{padding: 0;}
footer .f_nav ul{}
footer .f_nav ul li{}
footer .f_nav ul li a{}
footer .f_nav ul li a span{font-size: 12px;}
footer small{}

}





/*-------------------------------------------------------------------*/


/* edit_area animation css */
.move01{
    position: relative;
    opacity: 0;
    top: 100px;
    transition: ease 1s all;
}
@media screen and (max-width: 767px){
  /*.,*/
}
.move01.on{
    opacity: 1;
    top: 0;
}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}



@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


/*

.inner_box.news{
    padding: 0;
    box-shadow: none;
    background: none;
}
.inner_box.news .news_list{
    padding: 60px 0 60px 0;
}
.inner_box.news .news_list ul{}
.inner_box.news .news_list ul li{}
.inner_box.news .news_list ul li{
    border-top: 1px solid #DEDBDB;
}

.inner_box.news .news_list ul li:last-child{
    border-bottom: 1px solid #DEDBDB;
}


.inner_box.news .news_list ul li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 20px;
    transition: 0.2s;
}

.inner_box.news .news_list ul li a:hover{
    background-color: #f3f3f3;
}


.inner_box.news .news_list ul li a .time{
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 26px;
    text-align: left;
    margin: 0 40px 0 0;
    color: #000000;
font-family: Outfit;}
.inner_box.news .news_list ul li a .category{
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 18px;
    text-align: center;
    color: #4cba7b;
    border: 2px solid;
    padding: 1px 10px 2px 10px;
    margin: 0 15px 0 0;
    border-radius: 2px;
    background-color: #FFF;
}
.inner_box.news .news_list ul li a .title{
    font-family: "Noto Sans JP";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 26px;
    text-align: left;
    color: #3d3d3d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    border-bottom: 1px solid transparent;
    transition: 0.2s;
}

.inner_box.news .news_list ul li a:hover .title{
    
}



@media screen and (max-width:767px){
    .inner_box.news{}
    .inner_box.news .news_list{
    padding: 0 0 50px;
}
    .inner_box.news .news_list ul{
    padding: 0 0 20px 0;
}
    .inner_box.news .news_list ul li{}
    .inner_box.news .news_list ul li{
    padding: 0 0 0 0;
}
    .inner_box.news .news_list ul li a{
    flex-wrap: wrap;
    padding: 10px;
}
    .inner_box.news .news_list ul li a .time{}
    .inner_box.news .news_list ul li a .category{}
    .inner_box.news .news_list ul li a .title{
    font-size: 14px;
}
}
*/






/*------------.works_list------------*/
.works_list{
    padding: 0 0 48px 0;
}
.works_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.works_list ul:after{display: block;
content:"";width: 30%;}


.column .works_list ul{
    justify-content: space-between;
}
.works_list ul li{
    margin-bottom: 2%;
    margin-right: 2%;
    width: 31.5%;
    background: #FFFFFF;
    /* box-shadow: 4px 16px 64px rgba(37, 88, 170, 0.12); */
    border-radius: 16px;
    transition: .3s;
    transform: translateY(0px);
    border: 2px solid #000;
}
.works_list.recruit ul li {
    margin-bottom: 0;
    margin-right: 0;
    width:100%;
    background: none;
    box-shadow:none;
    border-radius: 0;

}
.works_list ul li a{
    display: block;
    transition: 0.3s opacity;
}
.works_list ul li:hover{
    transform: translateY(-5px);
}
.works_list ul li:nth-child(3n){
    margin-right: 0;
}
.works_list ul li .photo{
    width: 100%;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 80%;
    border: none;
}


.works_list.recruit ul li .photo{
    padding-bottom: 65px;
}
.works_list ul li .photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    margin: 0;
}
.works_list ul li .text{
    padding: 20px 30px 24px 30px;
    box-sizing: border-box;
}
.works_list ul li .text .category{
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #333;
    background-color: #FFF;
    padding: 4px 10px 4px 10px;
    border-radius: 0;
    margin: 0 0 15px 0;
    display: table;
    border: 2px solid #333;
    font-family: "Outfit","Noto Sans JP";
}

.works_list ul li.category21 .text .category{
    color: #ff4e00 !important;
    border: 2px solid #ff4e00;
}

.works_list ul li.category6 .text .category{
    color: #11A9FF !important;
    border: 2px solid #11A9FF;
}

.works_list ul li.category7 .text .category{
    color: #f3a211 !important;
    border: 2px solid #f3a211;
}


.works_list ul li .text .title{
    font-weight: bold;
    font-size: 19px;
    line-height: 150%;
    letter-spacing: 0.04em;
    color: #323436;
    margin-bottom: 15px;
    font-family: "outfit","Noto Sans JP", sans-serif;
}


.works_list ul li .text .schedule{
    font-weight: bold;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.04em;
    color: #323436;
    margin-bottom: 0;
    font-family: "outfit","Noto Sans JP", sans-serif;
    padding: 0;
}

.works_list ul li .text .tag{
        color: #323436;
        font-family: "outfit","Noto Sans JP","Meiryo", sans-serif;
        font-weight: 700;
        padding: 0 5px 0 0px;
        line-height: 26px;
}

.column .works_list ul li .text .title{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.column .works_list ul li .text .schedule{
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.04em;
    color: #323436;
    margin-bottom: 0;
    font-family: "outfit","Noto Sans JP", sans-serif;
    padding: 0;
    border: 2px solid #323436;
    display: table;
    padding: 4px 10px 2px;
    background-color: #000;
}

.column .works_list ul li .text .tag{font-family: "Noto Sans JP";font-weight: 700;font-size: 14px;letter-spacing: 0.08em;line-height: 26px;text-align: left;color: #323436;}
.column .works_list ul li .text .time{
    display: none;
}
.column .works_list ul li .text .price{
    display: block;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 26px;
    text-align: right;
    color: #46cae1;
}


.works_list ul li .text .detail{
    font-family: Noto Sans JP;

    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0.04em;
    color: #555A60;
    margin-bottom: 16px;
}

.column .works_list ul li .text .detail{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.works_list ul li .text .date{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #A5AAB3;
}

@media screen and (max-width: 768px){
    .works_list{}
    .works_list ul{
        display: block;
    }
    .works_list ul li{
        width: 100%;
        margin: 0 0 16px 0;
    }
    .works_list ul li:hover{
        transform: translateY(0);
    }
    .works_list ul li .photo{}
    .works_list.recruit ul li .photo{
        padding-bottom: 0px;
    }
    .works_list ul li .photo img{}
    .works_list ul li .text{}
    .works_list ul li .text .category{
        font-size: 12px;
    }
    .works_list ul li .text .title{
        font-weight: bold;
        font-size: 16px;
    }
    .works_list ul li .text .detail{
        font-size: 12px;
    }
    .works_list ul li .text .date{
        font-size: 14px;
    }
}


@media screen and (max-width:1024px){
    @media screen and (min-width:768px){
        .works_list ul li .text {
            padding: 24px 24px 24px 10px;
            box-sizing: border-box;
        }
    }
}