@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("common.css");



/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */

.main_visual_area{
    position: relative;
    width: 100%;
    height:calc(95vh - 125px);
    background: #fff!important;
    z-index: 1;
}

.main_visual_area img{
    width: 100%;
    height: auto;
}


.main_image{
    position: relative;
    width: 90%;
    height:calc(95vh - 125px);
    margin: 125px 0 0 auto;
}

.main_image video{
    width: 100%;
    height:calc(95vh - 125px);
    object-fit: cover;
    border-radius: 10px;
}

.main_visual_area h2{
    font-size: 2.3rem;
    position: absolute;
    bottom: 30px;
    left: 100px;
    padding: 20px;
    background: #fff;
    letter-spacing: 0.1em;
    font-weight: 600;
    font-family: "Kiwi Maru", serif;
}

.main_visual_area h2 span{
    color: var(--color-sub);
}




/* ----------------------------------------------------------
   CONTENTS AREA
---------------------------------------------------------- */


.home_content{
    margin-top: 10%;
    justify-content: space-between;
}






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    PC (NOTE)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 1199px){

/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */

.main_visual_area{
    width: 100%;
    height:calc(65vh - 100px);
}

.main_image{
    height:calc(65vh - 100px);
    margin: 100px 0 0 auto;
}

.main_image video{
    height:calc(65vh - 100px);
}


    
}




/*** PC (NOTE) END ***/



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 768px){


.main_visual_area h2{
    font-size: 2.1rem;
    bottom: 20px;
    left: 50px;
    padding: 20px;
}

    
/* ----------------------------------------------------------
   CONTENTS AREA - TA
---------------------------------------------------------- */


}
/*** TA END ***/









/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 599px) {

    
/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */

.main_visual_area{
    width: 100%;
    height:calc(65vh - 80px);
    margin-bottom: 50px;
}

.main_image{
    height:calc(65vh - 80px);
    margin: 80px 0 0 auto;
}

.main_image video{
    height:calc(65vh - 80px);
}

.main_visual_area h2{
    font-size: 1.5rem;
    bottom: -50px;
    left: 10px;
    padding: 20px;
}
    

/* ----------------------------------------------------------
   CONTENTS AREA - SP
---------------------------------------------------------- */

    
.home_content{
    margin-top: 18%;
}

    
    
    
    
    
}
/*** SP END ***/



/****** ALL END ******/