@media screen and (max-width: 684px){
	
.clickable {
  cursor: pointer; /* マウスカーソルを指マークに変更 */
  transition: transform 0.3s ease; /* 0.3秒かけて変形を行う */
}

.clickable:hover {
}
.label {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}
#merit ul.sp li {
    position:relative;
}
#merit ul.sp li .layer01{
    position:absolute;
    top:0px;
    left:0px;
}
#merit ul li .layer02{
    position:absolute;
    top:0px;
    left:0px;
    z-index: 2;
    width:100%;
    height: 42VW;
}
#merit ul li .layer02 > div{
	padding: 9VW 4% 0;
}
#merit ul li .layer02 p{
    line-height: 1.25;
	padding: 0VW 0 1VW;
}
#merit ul li .layer02 p b{
    font-size:110%;
}
#merit ul li .layer02 p.ex{
    text-align: left;
}

#merit ul li .layer03{
    position:absolute;
    top:0px;
    left:0px;
    z-index: 3;
}
	
	/*merit*/
	#merit {
		width:100%;
		margin:0px auto 0;
		padding-top: 5VW;
		/*padding-bottom: 75px;
		padding-bottom: 25VW;*/
	}
	
    #merit h2 {
		font-size: 18px!important;
		padding: 0VW 0;
		color:#fff;
    }
    #merit p {
		margin-top:7VW!important;
		font-size: 11px!important;
		color:#fff;
    }
	#merit > ul{
		width:100%;
	}
	#merit > ul > li{
		width:100%;
		overflow: hidden;
		height: 50VW;
	}
	#merit > ul > li img{
		width:100%;
	}
	/*merit*/
	
	.slide ul {
        position: relative;
        width: 100%;
        height: 84VH;
        overflow: hidden;
    }
	#merit ul li .layer01{
        position:absolute;
        top:0px;
        left:0px;
	}
    #merit ul li .layer02 > div{
		padding: 17VW 6% 0;
    }
    #merit ul li .layer02 p{
        line-height: 1.35;
        padding: 0VW 0 2VW;
		font-size: 15px;
		    margin-top: 0.5em;
    }
    #merit ul li .layer02 p small{
		font-size: 12px;
    }
}

@media screen and (min-width: 685px){
	
}