@import url('../js/slick/slick-theme.css');
@import url('../js/slick/slick.css');

section .tit-content {
	margin-bottom: 4%;
	display: block;
}
.sec-img {
}
.sec-img p img {
	width: 100%;
}
.fix {
	position: fixed;
}
#topWrp {
	width: 100%;
	height: 100vh;
	position: relative;
	right: auto;
	background-image: none;
	top: 0px;
}
#topWrp .wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 0;
}
#topWrp #vegas {
	width: 100%;
	height: 100%;
	display: block;
}
 
#topWrp .top-copy  {
	position: absolute;
	right: 150px;
	top: 50%;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
	z-index: 2;
}

#topWrp .title-logo {
	max-width: 728px;
	width: 70%;
}
#topWrp .scene {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	cursor: pointer;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#topWrp .scene .scene-txt {
	font-family: Futura;
	color: #000000;
	height:180px;
    width:180px;
    border-radius:50%;
    line-height:30px;
    padding-top: 60px;
    text-align:center;
    background:#ffffff;
    font-size:20px;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#topWrp .scroll {
	position: absolute;
	top: 95%;
	left: 50%;
	text-align: center;
	cursor: pointer;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#topWrp .scroll .scroll-txt {
	font-family: Futura;
	color: #ffffff;
}
#topWrp .scroll .move-y {
	position: relative;
	animation: move-y 1s linear infinite normal;
}
#topWrp  .slider.center-item {
	height: 100vh;
}
#topWrp .slider.center-item li {
}
#topWrp .slider.center-item li img {
	width: 100%;
}
#topWrp .slider .slick-dots {
	bottom: 20px;
}
#topWrp .slider .slick-dots li {
	height: 20px;
}
@keyframes move-y {
	0% {
		top: 0px;
	}
	40% {
		top: 3px;
	}
	50% {
		top: 0px;
	}
	60% {
		top: 2px;
	}
	100% {
		top: 0px;
	}
}

#mainTop {
}
#mainTop .slick-slide img {
    width: 100%;
}

#conceptWrp .txt30 {
	margin-bottom: 15px;
}
#conceptWrp .txt14 {
	margin-bottom: 5%;
	text-align: center;
}
#conceptWrp .img-wrapper {
}
#conceptWrp .img-wrapper .flexbox li {
	margin-bottom: 0px;
}
.img-wrapper .inner li {
	width: 46%;
}
.img-wrapper .inner li.width100  {
	width: 100%;
	margin-bottom: 7% !important;
}
.img-wrapper .caption.tit-content    {
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: normal;
	width: 100%;
}
#infoWrp {
	text-align: left;
	padding-top: 0px;
}
#infoWrp h1.i_info {
	margin-bottom: 60px;
	position: relative;
	display: block;
	text-align: left;
}
#infoWrp h1.i_info::before,
#infoWrp h1.i_info::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d9d9d9;
	position: absolute;
	left: 0px;
}
#infoWrp h1.i_info::before {
	bottom: -20px;
}
#infoWrp h1.i_info::after {
	bottom: -30px;
}
#infoWrp #news {
	height: 80px;
	overflow: scroll;
}
#infoWrp #news article {
	margin-top: 20px;
	line-height: 25px;
}
#infoWrp #news article:first-child {
	margin-top: 0px;
}

#photoWrp {
}
#photoWrp ul {
}
#photoWrp ul li {
	width: 50%;
	min-width: 0px;
	height: auto;
}
#photoWrp ul li .bg {
	width: 100%;
	height: 100%;
	display: block;
	padding-top: 65%;
	background-position: center center;
	background-size: cover;
}
#photoWrp ul li .bg.img01 {
	background-image: url(../img/no_image/photo/05.jpg);
}
#photoWrp ul li .bg.img02 {
	background-image: url(../img/no_image/photo/05.jpg);
}
#photoWrp ul li .bg.img03 {
	background-image: url(../img/no_image/photo/05.jpg);
}
#photoWrp ul li .bg.img04 {
	background-image: url(../img/no_image/photo/05.jpg);
}


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

}

@media screen and (max-width:480px){
#topWrp .scroll .scroll-txt {
	font-size: 10px;
}
#topWrp .title-logo {
	width: 60%;
}
#topWrp .scroll {
	top: 90%;
}
#topWrp .top-copy {
	right: 60px;
}
#conceptWrp .txt30 {
	margin-bottom: 1%;
}
#conceptWrp .txt12 {
	margin-bottom: 3%;
}
#conceptWrp .img-wrapper .wrapper {
	-webkit-flex-direction: column;
	flex-direction: column;
}
#conceptWrp .img-wrapper .wrapper li {
	width: 100%;
	margin-bottom: 3.5% !important;
}

.img-wrapper .inner li.width100  {
	width: 100% !important;
}
.img-wrapper .inner li {
	width: 48% !important;
}
#infoWrp #news {
	height: 200px;
}

#photoWrp .flexbox li {
	width: 100%;
}
#photoWrp .flexbox li:nth-child(n+3) {
	display: none;
}
	
}