/* all page */

#top_cms .cms_4-a .cate_box {
    margin-top:-1px;
}

#wrap {
    background-image: url('/Files/img/PC_Top-bg05.png');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

footer {
    background:#edeae6;
}
.header_font_color #header #header_menu li a .jp, .header_font_color #header .tel a, .header_font_color #header .contact a {
    color: #3a342c;
}

.Top_page header:not(.clone-nav) #logo {
    padding-top: 7%;
}

.contact_icon {
    display: inline-block;
}

.contact_icon:before {
    content: "";
    background-image: url('/Files/img/icon03.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-right: 17px;
/*     border-right:1px solid #333; */
/*     padding-left: 9px; */
}

.is-show .contact_icon:before {
    background-image: url('/Files/img/icon01.png')!important;
}

.Top_page .contact_icon:before {
    background-image: url('/Files/img/icon01.png')!important;
}

.contact_txt {
    border-left: 1px solid;
    height: 80%;
}

.contact_icon_sp {
    display: inline-block;
}

.contact_icon_sp:before {
    content: "";
    background-image: url('/Files/img/icon01.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-right: 19px;
}

.contact_txt_sp {
        display: inline-block;
    padding-left: 20px;
    border-left: solid 1px;
    margin-left: 12px;
}

/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: var(--color1);text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
#google_privacy a{color: var(--color1);}
:root{
	/*--color1: #4ea9b8;*/
	/*--color2: #b9cd75;*/
--color3: #70916e;
	/*--color4: #f5f2e9;*/
	/*--font-jp: 'Noto Sans JP', "游ゴシック Medium", sans-serif;*/
}

/*.txt_color1, .hvr_txt_color1:hover{color: var(--color1);}*/
/*.txt_color2, .hvr_txt_color2:hover{color: var(--color2);}*/
.txt_color3, .hvr_txt_color3:hover{color: var(--color3);}
/*.txt_color4, .hvr_txt_color4:hover{color: var(--color4);}*/

/* background-color */
/*.bg_color1, .hvr_bg_color1:hover{background-color: var(--color1);}*/
/*.bg_color2, .hvr_bg_color2:hover{background-color: var(--color2);}*/
/*.bg_color3, .hvr_bg_color3:hover{background-color: var(--color3);}*/
/*.bg_color4, .hvr_bg_color4:hover{background-color: var(--color4);}*/

/* border-color ※!important */
/*.border_color1, .hvr_border_color1:hover{border-color: var(--color1);}*/
/*.border_color2, .hvr_border_color2:hover{border-color: var(--color2);}*/
.border_color3, .hvr_border_color3:hover{border-color: var(--color3);}
/*.border_color4, .hvr_border_color4:hover{border-color: var(--color4);}*/


/* header */


/* footer */

#copyright {
    background-image: url('/Files/img/footer_bg.png');
}


/* top ----------------------------------------------------------------*/
.PC_none {
    display: none;
}

    .TB_block {
        display: none;
    }
    
    .TB_block02 {
        display: none;
    }

/* main img */
.Top_txt01 {
    width: 11%;
    top: 18%;
    right: 11%;
}

.main_img1 {
    background-position: center;
}

.Top_img01 {
    top: 20px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-49%);
}

.Top_img01 img {
        display: block;
    height: 100%;
    width: auto;
}

/* main */

/* intro */
.Intro_txt {
    display: block;
    width: 30vh;
    padding-top: 5%;
}

.Intro_txt02 {
    width: 8.5vh;
}

/* contents */
#content1 {
    background-image: url('/Files/img/Top_bg02.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.about_txt01 {
    width: 10.5vh;
}

.about_txt02 {
    margin-right: -9%;
    display: block;
}

/* topcms */
#top_cms {
    background-image: url('/Files/img/PC_Top-bg05.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
/* under page ----------------------------------------------------------------*/
.bannaer01 img {
    box-shadow: none;
    margin: 0 auto;
}


/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){
    .about_txt01 {
    width: 8vh;
}
}

@media screen and (max-width: 820px){
    header:not(.clone-nav) #logo {
    padding-top: 0;
}
    
    .TB_none {
        display: none;
    }
    
    .TB_block {
        display: block;
    }
    
            .TB_block02 {
        display: block;
    }
    
    .TB_Top_txt01 {
        width: 9%;
        top: 20%;
        right: 7%;
    }
    
    .SP_Top_txt02 {
        width: 30%;
        bottom: 5%;
        left: 5%;
    }
    
    .Top_img01 {
    top: 80px;
    bottom: 80px;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    
    .Top_img01 {
    top: 20px;
    bottom: 20px;
}

.Top_page .drawer-hamburger-icon, .Top_page .drawer-hamburger-icon:after, .Top_page .drawer-hamburger-icon:before {
    background-color: #000;
}

/*     header:not(.clone-nav) #logo {
padding-top: 0;
}

.TB_none {
    display: none;
}

.TB_block {
    display: block;
}

        .TB_block02 {
    display: block;
}

.TB_Top_txt01 {
    width: 9%;
    top: 20%;
    right: 7%;
}

.SP_Top_txt02 {
    width: 30%;
    bottom: 5%;
    left: 5%;
} */
    
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
        
    .main_img1 {
        background-image: url('/Files/img/SP_Top-bg01.png')!important;
    }
    
    .TB_block {
        display: none;
    }
    
    .SP_none {
        display: none;
    }
    
    .PC_none {
        display: block;
    }
    
    .Top_img01 {
    width: 120%;
    top: 23%;
    left: 52%;
    bottom: 10%;
    transform: translateX(-50%);
}

/* .Top_img01 img {
        display: inline;
} */
    
        #main_img {
        height: 170vw;
    }
    
    .SP_Top_txt01 {
        width: 29%;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .SP_Top_txt02 {
        width: 50%;
        bottom: 3%;
        left: 44%;
    }
    
    .SP_Intro_txt {
        width: 85%;
    }
    
    .sp_intro_subtxt {
        display: block;
        margin-top:-20px;
    }
    
    .about_txt02 {
    margin-right: 0;
    margin-top: -7%;
    text-align: left;
    padding-left: 8%;
    }
    
    .about_sp {
        text-align: left;
        display: block;
    }
    
    .SP_about_txt01 {
        width: 85%;
    }
    
    .modal-box .modal-close span {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
}
    
}