@charset "utf-8";
/*-----動画 sp-----*/
.guide{
	padding-top: clamp(60px,18vw,220px);
	
	.movie{
		width: min(90%,1280px);
		margin: 0 auto;
		line-height: 0;
		
		video {		
			width: 100%;
			height: auto;
			cursor: pointer;
			border-radius: var(--px40);
		}
	}
	.text{
		width: min(90%,1280px);
		margin: 0 auto;
		padding-top: var(--px60);
		
		h1{
			font-size: var(--font-size26);
			padding-bottom: var(--px20);
		}
	}
	
}
/*----- 一覧ボタン sp-----*/
.list_btn{
	width: min(90%,1290px);
	margin: var(--px100) auto 0;
	
	.list{
			position: relative;	
			margin-left: auto;
			width: min(100%,480px);
	

			  a{
				  display: inline-block;
				  width: 100%;
				  padding: 8px 0 8px 15px;
				  border: 1px solid #707070;
				  border-radius: 50px;
				  transition: .5s;

					&:after{
						display: inline-block;
						content: "";
						position: absolute;
						background-image: url("../images/common/png_05.png");
						width: 20px;
						height: 20px;
						background-size: 20px;
						top: 50%;
						right: 12px;
						transform: translateY(-50%);
						background-repeat: no-repeat;
						background-position: left center;
						transition: .5s;
					}
				  &:hover{
					  background-color: #333;
					  color: #fff;
					  
					  &:after{
						background-image: url("../images/common/png_04.png");	  
					}
				  }
				  
			  }
		  }
}