@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 */


        .inner680{
            width: 92%;
            max-width: 680px;
            margin: 0 auto;
        }   
      
        .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){
            .inner680{
                width: calc(100% - 48px);
            }   

            .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;
}






    @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% - 120px);
    background-color: #000000;
    margin: 0 0 0 auto;
    overflow: hidden;
    height:100%;
    }







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

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

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

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

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



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

 #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;
    content: "";
    width: 8px;
    height: 8px;
    margin: 4px 0px 0 -18px;
    border-radius: 2px;
    background: #0099d9;
    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: 50px;
    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;
    color: #0099d9;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 4px 5px;
    border-left-color: currentColor;
    border-right: 0;
    position: relative;
    top: -42px;
    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: #0099d9;
}



@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: #000;
    display: block;
    width: 100%;
    max-width: unset;
    max-height: 70px;
    padding: 0;
    }

    #header .logomark a{
    width: 100%;
    display: block;
    padding: 0;
    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;
    background-color: #F00;
    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;
}
     }






    @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: #0099d9;
    display: block;
}

            #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{
            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: #fff;
            /* display: none; */
            margin: auto;
        }

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

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

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

        .c-hamburger--htx {
            background-color: #000;
        }

        .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: #000;}
        .mail_btn a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 0 0 0;
}
        .mail_btn a img{
    display: block;
    margin: 0 auto;
    width: 22px;
}








    }






.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);
  }
}






#footer{
    background-color: #000;
}