@charset "UTF-8";
/* CSS Document */

#mainimage{
	background-image:url(../img/main_back.jpg);
	background-position:top center;
	background-size:cover;
 width:100%;
	position:relative;
}
#mainimage .inner{
	position:absolute;
	width:100%;
	top:50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
	text-align:left;
}
#mainimage h1{
	font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:2.5rem;
	line-height:1.3;
	color:#fff;
	text-align:left;
	padding-left:15%;
	display:inline-block;
}
#mainimage .main_logo{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	text-align:right;
	width:50%;
}



#info{
 background-image:url(../img/news_back.jpg);
background-repeat:no-repeat;
background-position:50%;
background-size:cover;
background-color:#f7f7f7;
padding:80px 0;
}
#info .left{
font-size:2.5rem;
font-weight: bold;
}
#info .right{
width:calc(100% - 200px);
margin-bottom:43px;
border-bottom:1px solid #c0c0c0;
position:relative;
}
#info dl{ padding:0 150px 20px 30px;}
#info dt{ float:left; font-size:2rem;}
#info dd{ padding-left:120px; font-size:1.8rem;}
#info .title{ font-weight:bold; padding-bottom:6px;}
#info .listlink{
position:absolute;
bottom:20px;
right:23px;
vertical-align:top;
}
#info .listlink span{
font-size:1.1rem;
font-weight:bold;
color:#0f8dad;
padding-right:8px;
vertical-align:top;
}

#info .container{
    max-width: 1240px;
    padding: 0 40px;
    width: 100%;
}

#info h2.ttl_h2 {
    padding:0 0 60px;
}

.bg_white{
	background:#fff;
	padding:40px;
}



#survise{ min-width:1200px;}
#survise ul{ letter-spacing:-.4em;}
#survise li{ 
width:50%;
display:inline-block;
vertical-align:top;
letter-spacing:normal;
background-repeat:no-repeat;
background-size:cover;
background-position:50%;
color:#fff;
text-align:center;
position:relative;
}

#survise .inner{
position:absolute;
width:100%;
bottom:40px;
	  }
#survise .works{ background-image:url(../img/voice_back.jpg);}
#survise .staff{ background-image:url(../img/staff_back.jpg);}
#survise h3{
padding:0 0 53px 0;
font-size:1.6rem;
}
#survise h3 p{
font-size:5rem;
padding:3px 0 20px 0;
text-align:center;
line-height:1;
}

#survise a{
display:block;
color:#fff;
height: 100%;
width:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
#survise li:before {
    content: "";
    display: block;
    padding-top: 67.18%;
	z-index:-1;
}

#survise a:hover {
	background: rgba(255,255,255,0.3);
}

#survise a .btn{
display:block;
width:160px;
margin:0 40px 0 auto;
text-align:center;
font-size:1.6rem;
padding:6px 0;
background-color:#ec6e87;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#survise a:hover .btn{
	opacity:0.7;
}





#mainimage .slick-slide:focus,
#mainimage .slick-slide a:focus{
  outline: none;
}

@media screen and (min-width: 768px){
.click_enter {
    position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0 auto;
    width: 74px;
}
}





/*ここからSP用*/
@media screen and (max-width: 767px) {
	
#mainimage h1{
	font-size:1.8rem;
	padding-left:20px;
}


#info{
    padding: 50px 0;
	}
	
#info .container {
    padding:0 20px;
}
	
	#info h2.ttl_h2{
    padding: 0 0 30px;
	}
	
#info .left{
font-size:2rem;
float:none;
text-align:center;
padding-bottom:20px;
}
#info .right{
float:none;
width:100%;
margin-bottom:0;
}
#info dl{
padding:0 0 20px 0;
}
#info dt{
float:none;
padding-bottom:5px;
font-size:1.5rem;
}
#info dd{
padding-left:0;
font-size:1.5rem;
line-height:1.3;
}
#info .title{
padding-bottom:7px;
line-height:1.3;
}
#info .listlink{
position:relative;
bottom:auto;
right:auto;
text-align:right;
padding-bottom:20px;
}
#info #preview{
padding:30px 0;
}


#survise{ min-width:100%;}
	
#survise .works{
    background-size: 130% auto;
	}
#survise .staff{
    background-size: 130% auto;
	}
	
#survise li{ 
width:100%;
display:block;
    background-position: 18% 50%;
	}

#survise .inner{
    top: 60%;
    bottom: auto;
	}
	
#survise h3{
padding:0 0 20px 0;
font-size:1.5rem;
}
#survise h3 p{
font-size:3rem;
padding:0;
text-align:center;
line-height:1;
}

#survise li:before {
    content: "";
    display: block;
    padding-top: 67.18%;
	z-index:-1;
}

#survise a .btn{
    font-size: 1.4rem;
    margin: 0 auto 0 5vw;
}
	
	#mainimage{
	height: 74vw;
    background-size: 1440px auto;
	}
	
	#mainimage .slick-dots{
		bottom:3vw;
	}
	
	#mainimage .slick-dots li{
		margin:0;
		width:25px;
	}
	
	#mainimage .slick-dots li button{
		padding:0;
		width:25px;
	}
	
	#mainimage .slick-dots li button:before{
		font-size:20px;
		content:"●";
		width:25px;
	}
	
	#mainimage .slick-dots li.slick-active button:before{
		color:#e85382;
	}
	
	#mainimage .slick-prev, #mainimage .slick-next{
		display:none!important;
	}
	
	#mainimage .slick-slide img{
		transform:scale(1.04);
	}

	.bg_white{
    padding: 30px 20px;
	}
	
	
	

}