@charset "utf-8";

_::-webkit-full-page-media, _:future, :root .css_selector {
    background-color: red;
}

/*-----------------------------------------------------
video
-------------------------------------------------------*/

.main-visual {
    height: 800px;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
.main-visual img {
    z-index: 2;
    position: absolute;
    top: 100px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
 
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}


/*-----------------------------------------------------
loading
-------------------------------------------------------*/
#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #fff;
z-index: 1;
}
#loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
text-align: center;
color: #d2b48c;
z-index: 2;
}
#contents{
width:100%;
font-size:50px;
margin: 40px auto;
}


/*-----------------------------------------------------
pc sp on off
-------------------------------------------------------*/

/* パソコンで見たときは"pc"のclassが、
スマホで見たときは"sp"のclassがついた画像が表示される */

.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 480px) {
img { max-width: 100%; }
}


/* スマホの時は非表示 */

@media screen and (max-width: 500px){
.spNone {display: none;}
}


/* PCの時は非表示 */

@media screen and (min-width: 640px){
.pcNone{display:none;}}
}


/*-----------------------------------------------------
swiper
-------------------------------------------------------*/

.swiper-container, .swiper-slide {
	width: 100%;
	height: auto px;
}
.pagination {
	text-align: right;
	padding: 5px 0;
}
 
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background-color: #000;
	border: 1px solid #188A77;
	cursor: pointer;
	transition: all .25s linear;
}
 
.swiper-active-switch {
	background-color: #16AC94;
}

/* Localized */