/* all page */
#wrap {
    overflow: hidden;
}

/*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: #194fff;
    --color2: #194fff;
	/*--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);}*/

#loading_logo {
    max-width: 400px;
}


/* header */
#header #logo {
    width: 30%;
    top: 50%;
    left: 0;
    z-index: 998;
    transform: translateY(-5%);
}

/* footer */
#footer::before {
    background: rgba(0, 0, 0, 0.6);
}


/* top ----------------------------------------------------------------*/

/* main img */


.Fv_txt01 {
        z-index: 2;
    width: 38vw;
    bottom: 3%;
    right: -3%;
}

.slider .box_img {
    width: 94% !important;
}

.sp_swiper-container {
    margin: 0!important;
}

/* main */

/* intro */
.intro_wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.title {
    margin-right: 50px;
}

.video-wrap {
    height: 380px!important;
}

.video {
    width: 100%;
}

/* contents */


/* topcms */
.bg_item01 {
    width: 50%;
    top: -5%;
    right: 1%;
    opacity: 0.3;
    z-index: -1;
}

.bg_item02 {
width: 90vw;
    bottom: -15%;
    left: -17%;
    opacity: 0.7;
    z-index: -1;
}

/* under page ----------------------------------------------------------------*/



/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    .Fv_txt01 {
        z-index: 2;
        width: 45vw;
        bottom: 2%;
        right: -4%;
    }
    
    #logo h1.logo {
        top: 44%;
        left: 20px;
        transform: translateY(-50%);
        max-width: 280px;
    }
    
    .bg_item01 {
        width: 80%;
        top: -2%;
        right: -9%;
    }
    .bg_item02 {
        width: 260vw;
        bottom: -8%;
        left: -97%;
    }
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    .intro_wrapper {
        display: block;
        margin-bottom: 20px;
    }
    
    .title {
        margin-right: 0;
        margin-bottom: 20px;
        width: 90%;
    }   
    
    #main_img {
        height: 620px;
    }
    
    
    .Fv_txt01 {
        z-index: 2;
        width: 73vw;
        bottom: 2%;
        right: -7%;
    }
    
    #top_contents1 {
        padding: 20px 30px 50px 30px;
    }
    
    #logo {
        top: 0;
    }
    
    #logo h1.logo {
        top: 50%;
    }
}