@charset "UTF-8";

/*--- slider ------------------------*/


.top-page-zone{
	position:relative;
  /*min-height: 655px;*/
	}


.top-mv-slider-zone{
	box-sizing:border-box;
	padding:0 60px;
	position: relative;
	}

.top-mv-slider-wrapper{
	margin:0 auto;
	box-sizing:border-box;
	}
.top-mv-slider-wrapper figure span{
	box-sizing:border-box;
	/*height:300px;*/
	width:100%;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;
	}
	
	
	.top-mv-slider-wrapper figure span::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url("../../images/top/bg_01.png") repeat;
		position: absolute;
		z-index: 1000;
	}	


.top-mv-slider-wrapper .slick-dots{
	position:absolute;
	width:60px;
	right:-60px;
	top:50%;
	transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -webkit-transform: translate(0, -50%);
 background-color:transparent;
 box-sizing:border-box;
 padding:0 10px;
	}
.top-mv-slider-wrapper .slick-dots li{
	box-sizing:border-box;
	width:100%;
	margin-bottom:5px;
	}	
.top-mv-slider-wrapper .slick-dots li button{
	text-indent:-9999px;
	overflow:hidden;
	
	margin:0;
	box-sizing:border-box;
	border:1px solid transparent;
	line-height:0;
	font-size:0;
	display:block;
	width:100%;
	padding:0;
	padding-top:100%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	}
	
.top-mv-slider-wrapper .slick-dots li:nth-child(1) button{
	background-image:url(../../images/top/img_ph_01.jpg);
	}	
.top-mv-slider-wrapper .slick-dots li:nth-child(2) button{
	background-image:url(../../images/top/img_ph_02.jpg);
	}
.top-mv-slider-wrapper .slick-dots li:nth-child(3) button{
	background-image:url(../../images/top/img_ph_03.jpg);
	}
.top-mv-slider-wrapper .slick-dots li:nth-child(4) button{
	background-image:url(../../images/top/img_ph_04.jpg);
	}
.top-mv-slider-wrapper .slick-dots li:nth-child(5) button{
	background-image:url(../../images/top/img_ph_05.jpg);
	}	

.slick-list {
	box-sizing: border-box;
	border-radius: 10px !important;
}

.slick-active {
	opacity: 0.4;
}

#mainLogo {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}

#topmvImg {
	position: absolute;
	bottom: 0;
	right: 7%;
	margin:0;
	padding:0;
	font-size: 0;
	line-height: 0;
	max-width: 100%;
}
#topmvImg2_pc {
	position: absolute;
	left: 75px;
	bottom: 240px;
	margin:0;
	padding:0;
	font-size: 0;
	line-height: 0;
	max-width: 199px;
}

#topcopy {
	position: absolute;
	left: 40px;
	top: 50%;
	margin:0;
	padding:0;
	-ms-transform: translate(-20px,-50%);
	-webkit-transform: translate(-20px,-50%);
	transform: translate(-20px,-50%);
}

/*----------newsArea--------------*/
#newsArea {
	position: absolute;
	max-width: 30%;
	bottom: 5%;
	left: 60px;
	min-width: 375px;
}

#newsArea .news_title {
	color: #FFF;
	clear: both;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 15px;
	overflow: hidden;	
	padding-left: 20px;
	width: 100%;
}

#newsArea .news_title small {
	padding-left: 15px;
}
#newsArea .news_title .en {
	border-right: dotted 1px #FFF;
	font-size: 20px;
	letter-spacing: 2px;
	padding-right: 10px;
}

#newsArea .news_title span,
#newsArea .news_title small {
	display: inline-block;
	vertical-align: middle;
}

#newsArea .btn {
	position: absolute;
	right: 0;
	top: -6px;
}

#newsArea .moreBtn {
	background: #000;
	border-radius: 50px;
	color: #FFF;
	text-align: center;
	padding: 5px 20px;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 1.3;
}

#newsArea .newsBox {
	background: #FFF;
	border-radius: 3px;
	padding: 24px 30px;
	width: 100%;
}

#newsArea .newsBox ul li {
	clear: both;
	overflow: hidden;
	border-bottom: dashed 1px #000;
	padding-bottom: 8px;
	margin-bottom: 15px;
	text-overflow: ellipsis !important;
}


#newsArea .newsBox ul li:last-child{
	margin-bottom: 0;
}

#newsArea .newsBox .data {
	color: #888888;
	font-weight: 400;
	max-width: 80px;
	margin-right: 10px;
}


#newsArea .newsBox .kiji a{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
	max-width: 220px;
}

#newsArea .newsBox .data,
#newsArea .newsBox .kiji {
	font-size: 1.2rem;
	display: inline-block;
}


#newsArea .newsBox .kiji a {
	color: #222;
}





#footer {
	background: none;
	color: #000;
}

#footer .inr {
	clear: both;
	overflow: hidden;
	margin-right: 0 auto;
	padding: 1.2em 0;
	max-width: 90%;
	width: 90%;
}

#footer .copy {
	display: none;
}

#footer .footList {
	float: right;
	clear: both;
	overflow: hidden;
}


#footer .footList li {
	display: inline-block;
	margin-right: 20px;
}

#footer .footList li a {
	color: #000;
	font-size: 1.3rem;
	text-decoration: none;
}

#footer .footList li a:hover {
	text-decoration: underline;
}

#footer .footList li a.arrow_type01::before {
	background: #000;
}

#footer .footList li a.arrow_type01::after {
	border-left: 3px solid #FFF;
}


/*デバイスの横幅が850px以下の場合*/
@media only screen and (max-width: 1200px) {
	
	#mainLogo {
		top: 40%;
		width: 30%;
	}
	
}



/*----------------------------------------------------
	☆SP
----------------------------------------------------*/

/*デバイスの横幅が850px以下の場合*/
@media only screen and (max-width: 850px) {
	
	.top-mv-slider-zone {
		padding: 0 2%;
	}
	
	
	/*--
	.top-mv-slider-wrapper .slick-dots {
		display: none;
	}
	
	.top-mv-slider-wrapper .slick-dots li:nth-child(1) button,
	.top-mv-slider-wrapper .slick-dots li:nth-child(2) button,
	.top-mv-slider-wrapper .slick-dots li:nth-child(3) button,
	.top-mv-slider-wrapper .slick-dots li:nth-child(4) button,
	.top-mv-slider-wrapper .slick-dots li:nth-child(5) button{
		background-image: none;
	}

	--*/

	.top-mv-slider-wrapper .slick-dots {
		padding-top: 2%;
		position: static;
		right: 0;
		width: 100%;
	}

	.top-mv-slider-wrapper .slick-dots li {
		float: left;
		padding: 1%;
		width: 20%;
	}

	.top-mv-slider-wrapper .slick-dots .slick-active button {
		border: solid 2px #ffe100;
		box-sizing: border-box;
	}
	
	.top-page-zone {
		position: static;
	}
	
	#mainLogo {
		top: 50%;
		width: 50%;
	}
	
	
	
	#top_contents {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	#top_contents #newsArea,
	#top_contents #topmvImg {
		position: static;
	}

	#topmvImg {
		margin: 0 auto;
		text-align: center;
		width: 90%;
	}
	#topmvImg2_sp {
		width: 100%;
		margin: 30px auto;
}
	#newsArea {
		padding-top: 25%;
		min-width: 100%;
	}

	#newsArea .news_title_area {
		position: relative;
	}
	
	#newsArea .newsBox {
		background: none;
		padding: 0;
		margin-bottom: 10%;
		width: 100%;
	}
	
	#newsArea .news_title {
		color: #000;
		padding-left: 0;
	}
	
	#newsArea .news_title .en {
	border-right: dotted 1px #000;
	}
	
	#newsArea .newsBox .data,
	#newsArea .newsBox .kiji {
		display: block;
	}
	
	#newsArea .newsBox .data {
		margin-bottom: 7px;
	}
	
	#newsArea .newsBox .kiji a {
		font-size: 1.4rem;
		max-width: 100%;
	}
	

	#topcopy {
		display: none;
	}
	
	
	#footer {
		background: #000;
	}
	
	#footer .footList li a {
		color: #FFF;
	}
	
	#footer .footList li a.arrow_type01::before {
    background: #FFF;
	}
	
	#footer .footList li a.arrow_type01::after {
		border-left: 3px solid #000;
	}
	
	

	
	
	
	
	
}