/*
Theme Name: 株式会社OFFICE KAJIYANO
Theme URI: http://office-kajiyano.jp
Author: 株式会社OFFICE KAJIYANO
Author URI: http://office-kajiyano.jp
Description: 株式会社OFFICE KAJIYANO公式サイトテーマ
Version: 1.0
*/

/*ALL___*/
.only_pc {
    display: block;
}
.only_sp {
    display: none;
}

* {
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.135vw;
    line-height: 1.94;
}

a {
    color: #000;
}
p {
    font-size: 1.125vw;
    font-weight: 400;
    letter-spacing: 0.135vw;
}
ul {
    padding: 0;
    margin: 0;
}
img {
    width: 100%;
    height: auto;
}

body {
    margin: 0;
    padding: 0;
    background-color: rgba(242, 234, 216, 0.14);
    color: #49270a;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    font-size: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/*___ALL*/

/*HEADER___*/
header {
    position: fixed;
    z-index: 999;
    width: 100%;
}
.page_header {
    position: relative;
    width: 100%;
}
#top_logo {
    width: 10.75vw;
    display: inline-block;
    position: absolute;
    top: 3.125vw;
    left: 2.883vw;
}
#top_logo a {
    display: inline-block;
}
#top_logo h1, #top_logo p {
    margin: 0;
}
.menu_btn {
    display: inline-block;
    position: absolute;
    top: 2.8vw;
    right: 3.059vw;
}
.menu_btn img {
    width: 3.125vw;
    max-width: 40px;
}

/*menu_modal_____*/
.slide_menu {
    width: 100%;
    min-height: 100%;
    right: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
    transform: translate(100%);
    background-color: #49270a;
    transition: transform 0.4s ease;
}

.slide_menu.open {
    transform: translateZ(0);
    overflow: auto;
    max-height: 100vh;
}

.menu_modal {
    height: 100vh;
    overflow: hidden;
    position: relative;
    transition: transform 0.4s ease;
}

.menu_nav {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5vw;
    top: 0;
}

.menu_nav .nav_item {
    display: block;
    width: auto;
    margin-left: 7vw;
    position: relative;
    text-align: left;
}

.menu_nav .nav_item p {
    font-size: 2.5vw;
    color: #fdfcfa;
    font-weight: 700;
    margin: 2vw 0;
}
.menu_nav .nav_item p:hover {
    opacity: 0.7;
}

.menu_modal_img {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*___menu_modal*/

/*___HEADER*/

@media all and (max-width: 750px) {
    /* * { */
        /* font-size: 3.733vw !important;
        letter-spacing: 0.448vw !important;
        line-height: 1.78;
    }
    .only_pc {
        display: none !important;
    }
    .only_sp {
        display: block !important;
    } */

    #top_logo {
        width: 22.933vw;
        left: 5.2vw;
    }
    .menu_btn {
        top: 6vw;
        right: 5.2vw;
    }
    .menu_btn img {
        width: 6.533vw;
    }

    .menu_modal .menu_btn img {
        width: 5.529vw;
    }
    .menu_nav {
        padding-top: 18vw;
    }
    .menu_nav .nav_item p {
        font-size: 8vw !important;
        font-weight: 700;
        margin: 7vw 0;
    }
}

#top p, #top dt, #top dd {
    font-size: 3.733vw;
}
@media screen and (min-width: 751px){
    #top p, #top dt, #top dd {
        font-size: 1.125vw;
    }
}