@charset "UTF-8";
/* ***************************************************
 COMMON
*************************************************** */
/***** MV *****/
#MV{
    position: relative;
}
#MV .MV_Image img{
    width: 100%;
}

/***** BTN_AREA *****/
#BTN_AREA {
    position:fixed;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    row-gap:5px;
    column-gap:10px;
    z-index: 100;
}
#BTN_AREA .MV_Btn a{
    width: 100%;
    max-width: 300px;
}

/***** CONTAINER *****/
.Container {
    width: 1200px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}

/***** SIDE_PADDING *****/
.Space {}

/***** CONCEPT *****/
#CONCEPT {
}
#CONCEPT .concept-title {
    margin-bottom: 1em;
    font-size: 40px;
    font-weight: 500;
    color: #d3a86a;
    line-height: 1.5em;
}
#CONCEPT p {
    
}

/***** GRAND_MERCURE *****/
#GRAND_MERCURE {
}

/***** MERCURE *****/
#MERCURE {
}

/***** CONCEPT TEXT *****/
.Concept_Text {}
.Concept_Text h3{
    margin-bottom: 20px;
    font-weight: normal;
    text-align: left;
}
.Concept_Text p.Subtitle {
    margin-bottom: 0.5em;
    line-height: 1.5em;
}
.Concept_Text p {
    color: #6e6e6e !important;
}

/* color */
#GRAND_MERCURE .Concept_Text h3{
    color: #d3a86a;
}
#MERCURE .Concept_Text h3{
    color: #a790c4;
}

/***** LOGO *****/
.Logo {
    margin-bottom: 55px;
    font-size: 28px;
    font-weight: normal;
    
    padding: 0 4vw;
    text-align: center;
}
#GRAND_MERCURE .Logo img{
    width: 426px;
}
#MERCURE .Logo img{
    width: 250px;
}

/***** SLICK *****/
.Slide_contents{
    visibility: hidden;
}
.Slide_contents.slick-initialized{
    visibility: visible;
}
.Slide_contents .Item{ 
}
.slick-slide {
    margin: 0 10px;
}
.slick-list {
    margin: 0 -10px;
}

/* dots */
.slick-dots {
    display: none;
}
.dots-wrap {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin-top: 10px;
}
.dots-wrap li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
    list-style-type: none;
    opacity: .3;
    transition: opacity .3s;
}
.dots-wrap li:hover,
.dots-wrap li.slick-active {
    opacity: 1;
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
/* color */
#GRAND_MERCURE .dots-wrap li {
    background: #d3a86a;
}
#MERCURE .dots-wrap li {
    background: #a790c4;
}

/***** LIST *****/
.List {
    display: grid;
}
.List .Item{
    width: 100%;
}
.List .Item img {
    width: 100%;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 15px;
}
.List .Item .Title {
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.5em;
}
.List .Item .Subtitle {
    margin-bottom: 10px;
    font-weight: normal;
}
.List .Item .Message {
}
/* color */
#GRAND_MERCURE .List .Item .Title{
    color: #d3a86a;
}
#MERCURE .List .Item .Title{
    color: #a790c4;
}
.List .Item p {
    color: #6e6e6e;
}

/* ***************************************************
 SP
*************************************************** */
@media screen and (max-width:1099px) {
    /***** BTN_AREA *****/
    #BTN_AREA {
        padding: 0 4vw;
        justify-content: center;
        bottom: 10px;
    }
    /***** SIDE_PADDING *****/
    .Space {
        padding: 0 4vw;
    }
    /***** CONCEPT *****/
    #CONCEPT {
        margin-bottom: 60px;
    }
    #CONCEPT .concept-title {
        font-size: 1.5rem;
        text-align: center;
    }
    #CONCEPT p {
        font-size: 0.875rem;
    }
    /***** CONCEPT TEXT *****/
    .Concept_Text {
        margin-bottom: 40px;
    }
    .Concept_Text h3{
        font-size: 18px;
    }
    .Concept_Text p.Subtitle {
        font-size: 16px;
        font-weight: normal;
    }
    /***** SLICK *****/
    .Slide_contents {
        max-width: 390px;
        margin-bottom: 40px !important;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .Slide_contents .Item{
        max-width: 390px;
    }
    .Slide_contents .Item img{
        aspect-ratio: 7 / 4;
        -o-object-fit: cover;
        object-fit: cover;
    }
    /***** LIST *****/
    .List {
        grid-template-columns: repeat(auto-fit, minmax(45%, 365px));
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 40px 15px;
    }
    .List .Item .Title {
        font-size: 1rem;
    }
    .List .Item .Subtitle {
        font-size: 1rem;
    }
    .List .Item .Message {
        font-size: 0.875rem;
    }
    
    /***** GRAND_MERCURE *****/
    #GRAND_MERCURE {
        margin-bottom: 80px;
    }
    /***** MERCURE *****/
    #MERCURE {
    }
}
/* ***************************************************
 PC
*************************************************** */
@media all and (min-width:1100px) {
    /***** BTN_AREA *****/
    #BTN_AREA {
        justify-content: flex-end;
        right: 10px;
        bottom: 10px;
    }
    /***** CONCEPT *****/
    #CONCEPT {
        text-align: center;
        margin-bottom: 110px;
    }
    #CONCEPT .concept-title {
        font-size: 40px;
    }
    #CONCEPT p {
        font-size: 18px;
    }
    /***** CONCEPT TEXT *****/
    .Concept_Text {
        margin-bottom: 80px;
    }
    .Concept_Text h3{
        font-size: 28px;
    }
    .Concept_Text p.Subtitle {
        font-size: 20px;
        font-weight: 300;
    }
    /***** SLICK *****/
    .Slide_contents {
        margin-bottom: 80px !important;
    }
    .Slide_contents .Item{ 
    }
    /***** LIST *****/
    .List {
        grid-template-columns: repeat(3, 1fr);
        gap: 60px 45px;
    }
    .List .Item{
    }
    .List .Item .Title {
        font-size: 16px;
    }
    .List .Item .Subtitle {
        font-size: 16px;
		/*add_241120追加*/
		/*font-weight: bold;*/
		color: #000;
    }
    .List .Item .Message {
        font-size: 14px;
    }
    /***** GRAND_MERCURE *****/
    #GRAND_MERCURE {
        margin-bottom: 160px;
    }
    /***** MERCURE *****/
    #MERCURE {
    }
}
    /***** NS追加 *****/
	.banner-inclusive{
		display: none;
	}
	.footer-rev{
		display: none;
	}