﻿/* all page */
.linkStyle {
    color: #cbcbcb!important;
}

/*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: #b59e5b;
	/*--color3: #b9cd75;*/
	/*--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 */



/* top ----------------------------------------------------------------*/
#header h1 img {
    height: auto;
    width: 300px !important;
}

#main_img .bg_box {
    opacity: 1;
}

#main_img .main_txt {
    z-index: 3;
    left: 5%;
    top: 15%;
    width: 50%;
    max-width: 930px;
}

.Fv_txt_sub {
    width: 14%;
    bottom: 1%;
}

.img_car01 {
    position: absolute;
    z-index: 3;
    width: 60%;
    max-width: 970px;
    right: 8%;
    bottom: 0;
    pointer-events: none;
}

/* main img */
#main_img {
    background-image: url('/Files/img/PcFv_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* main */

.video_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70vh;
}

/* intro */


/* contents */


/* topcms */
#top_cms {
    background-image: url('/Files/img/item14.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


/* under page ----------------------------------------------------------------*/
.custom_posi {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){
    #main_img .main_txt {
    width: 60%;
    }

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    #main_img {
        background-image: url('/Files/img/SpFv_bg.png');
}

    #main_img .main_txt {
    z-index: 3;
    left: 5%;
        top: 14%;
        width: 80%;
}

    
    .img_car01 {
    right: 5%;
    bottom: 0;
    width: 90%;
}

    .video_wrap {
        height: auto;
        min-width: 80%;
    }
    
    #top_cms {
        background-image: url('/Files/img/item16.png');
    }
    
    .link_type2 .cate_box a:hover:after {
        top: 100%;
    }
    
    .link_type2 .cate_box a:hover .more {
        opacity: 0;
    }
    
    .Fv_txt_sub {
        width: 14%;
        top: 45%;
    }

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
        #header h1 img {
    height: auto;
    width: 200px !important;
}
    
        #main_img {
        height: 540px;
}
    
    #main_img .main_txt {
        max-width: 300px;
        z-index: 3;
        left: 0;
        top: 13%;
        width: 73%;
    }
    
    .con_box00 {
        top: -70px!important;
    }
    
        #page_title h2 {
        font-size: 29px;
        letter-spacing: 4px;
    }
    

    
    

}






