@charset "utf-8";
body{
	background-color:#009933;
}

img {
	width:100%;
}

.object-fit{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	object-position:50% 50%;
}

.object-fit2{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	object-position:30% 50%;
}


#title {
	overflow: hidden !important;
	opacity:0;
}

#title .slider div{
	position: relative;
}

#title .msg ul{
	position: absolute;
	top:50px;
	
	list-style: none;
	z-index:20
}

#title .msg li{
	opacity: 0;
	display:none;
}

#title .msg li:first-child{
	opacity:1;
	display:block;
}


#title .msg h2{
	width:14em;
	
	font-size:2.4em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic";

	/*font-family: 'kozuka-mincho-pro', serif;	*/
	font-weight:400;
	line-height:1.8em;
	margin-left:400px;
	
	text-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;		
}

#title .msg h2 b{
	color:#cc0000;
}

#title .slider img{
	height:620px;
}

#title .slider{
	margin-top:0;
}

#title .slider .section {
	padding-right:20px;
	padding-left:20px;
}

.slick-dots{
	top:10px;
}


/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #c3e5a1;
}


/*	スライダー	*/

.next-arrow {
	position: absolute;
	top:50%;	
    right: 15%;
	transform:translate(0, -50%);	
	margin-right:-10px;
	
    z-index: 1;
}
.prev-arrow {
	position: absolute;
	
	top:50%;
    left: 15% ;
	transform:translate(0, -50%);	
	margin-left:-10px;

    z-index: 1;
}

button.slide-arrow{
	border-style:none;
	color:#fff;
	background-color:#80cc99;
	height:25%;
	width:20px;
	cursor: pointer;
}

button.slide-arrow:focus {
  outline: none;
}


@media (max-width: 1199.98px) { 
	.next-arrow {
		right: 10%;
	}
	.prev-arrow {
		left: 10%;
	}
}

@media (max-width: 991.98px) {
	.next-arrow {
		right: 5%;
	}
	.prev-arrow {
		left: 5%;
	}
}


@media (max-width: 575.98px) {

	.next-arrow {
		right: 2%;
	}
	.prev-arrow {
		left: 2%;
	}
}




@media (max-width: 1199.98px) { 
	#title .msg h2{
		font-size:2em;
		margin-left:360px;
	}
}

@media (max-width: 991.98px) {
	#title .slider  img{
		height:500px;
	}
	#title .msg h2{
		font-size:1.8em;		
		margin-left:240px;
	}
}


@media (max-width: 767.98px) {
	#title .slider  img{
		height:350px;
	}
	
	#title .slider{
		margin-top:35px;
	}
	
	#title .msg ul{
		top:75px;
	}
	
	#title .msg h2{
		margin-left:155px;
		font-size:3.5vw;
	}
}

@media (max-width: 575.98px) {
	#title .slider  img{
		height:330px;
	}
	#title .slider .section{
		padding-right:0;
		padding-left:0;
	}
	#title .msg ul{
		right:20px;
	}
	#title .msg h2{
		margin-left:0;
		font-size:4.5vw;
	}
}