/* ==========================================================================
メインビジュアル
========================================================================== */

section.bss{
	background: url(../../../img/hero-001bs.jpg);
	background-size: cover;
}

.hero{
	padding: 0　0　60px　0;
	min-height: 240px;
}
.hero h1{
	margin: 80px 0 0px 0;
}
.hero p{
	color: #2e3038;
}
div.hero-content{
	padding-bottom: 140px;
}
section#facility h1 {
	color: #262932;
	font-size: 300%;
	font-weight: 600;
}
section#parking h1 {
	color: #262932;
	font-size: 300%;
	font-weight: 600;
}
section#induction h1 {
	color: #262932;
	font-size: 300%;
	font-weight: 600;
}
section#protection h1 {
	color: #262932;
	font-size: 300%;
	font-weight: 600;
}
section#stores h1 {
	color: #262932;
	font-size: 300%;
	font-weight: 600;
}
section#event h1 {
	color: #262932;
	font-size: 300%;
	font-weight: 600;
}

dl.outline{
	color: #fff;
	margin-top: 0;
}
dl.outline dt{
	font-size: 160%;
	font-weight: 600;
	margin-bottom: 10px;
}
dl.outline dd{
	margin-left: 0;
	margin-bottom: 40px;
}
dl.outline dd ul li{
	padding-right: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}

/* ==========================================================================
LINK関連
========================================================================== */

.flickity-viewport {
	min-height: 300px;
    overflow: hidden;
    position: relative;
    cursor: -webkit-grab;
    cursor: grab;
}

/* ==========================================================================
サービス背景
========================================================================== */

.facility_serv {
	background: url(../../../img/showcase-bg-fixed-01b.jpg) no-repeat center center fixed;
	background-size: cover;
}
.parking_serv {
	background: url(../../../img/showcase-bg-fixed-01c.jpg) no-repeat center center fixed;
	background-size: cover;
}
.event_serv {
	background: url(../../../img/showcase-bg-fixed-01d.jpg) no-repeat center center fixed;
	background-size: cover;
}
.stores_serv {
	background: url(../../../img/showcase-bg-fixed-01e.jpg) no-repeat center center fixed;
	background-size: cover;
}

/* ==========================================================================
メディアクエリ
========================================================================== */

@media screen and (min-width:1400px){
    section.hero{
        min-height: 500px!important;
    }
    section.bss p{
        width: 100%;
    }
}
@media screen and (min-width:1200px) {
    /*　画面サイズが769pxから1024pxまではここを読み込む　*/
    section.bss p{
        width: 30%;
    }
}
@media screen and (min-width:769px) and ( max-width:1199px) {
    /*　画面サイズが769pxから1024pxまではここを読み込む　*/
    section.bss{
    	min-height: 300px;
    	background: url(../img/img-bg.jpg);
    	background-size: cover;
    }
    section.bss p{
        width: 100%;
    }
}
@media screen and (max-width:768px) {
    /*　画面サイズが768pxからはここを読み込む　*/
    section.bss{
    	min-height: 300px;
    	background: url(../img/img-bg2.jpg);
    	background-size: cover;
    }
    section.bss p{
        margin-top: 0;
    }
    .showcase-wrap {
    	padding: 50px 0;
    }
    .features-slider ul {
    	padding: 5%;
    }
}
@media screen and (max-width:480px) {
    /*　画面サイズが480pxからはここを読み込む　*/
    section.bss{
    	min-height: 200px;
    	background: url(../img/img-bg3.jpg);
    	background-size: cover;
    }
    section.bss h1{
    	font-size: 30px;
    	margin-bottom: 10px;
    }
    section.bss p{
    	margin-top: 0;
        width: 100%;
    }
    section#facility h1{
    	font-size: 200%;
    }
    section#parking h1{
    	font-size: 200%;
    }
    section#event h1{
    	font-size: 200%;
    }
    section#stores h1{
    	font-size: 200%;
    }
    .showcase-wrap {
    	padding: 30px 0;
    }
    .features-slider {
    	padding: 0!important;
    }
    .features-slider ul {
    	padding: 0;
    }
    .features-slider .flickity-page-dots {
    	text-align: center;
    	margin: 30px 0;
    	position: static;
    }
    .flickity-viewport {
    	min-height: initial;
}