.col_pagettl.mat_digital {
	background-image: url(../img/mat/bg_pagettl_digital.jpg);
}

.col_mat1 {
	width: 94%;
	max-width: 1016px;
	margin: 0 auto;
	padding: 60px 0 50px;
}

.col_mat1 .cont1 {
	margin-bottom: 85px;
}

.col_mat1 .cont2 {
	margin-bottom: 100px;
}

.col_mat1 .cont3 {
	margin-bottom: 35px;
}

.col_mat1 .cont4 {
	margin-bottom: 95px;
}

.col_mat1 .cont5 {
	margin-bottom: 90px;
}

.col_mat1 .cont6 {
	margin-bottom: 140px;
}

.col_youtube_mat {
	width: 94%;
	max-width: 560px;
	height: 49.7vw;
	max-height: 315px;
	margin: 75px auto 85px;
	padding: 0;
	text-align: center;
}

.col_youtube_mat iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.hasbtn_digital,
.hasbtn_upright1,
.hasbtn_upright2 {
	position: relative;
	z-index: 0;
}

.hasbtn_digital a {
	width: 30%;
	margin: 0;
	padding: 0;
	display: block;
	transition: all .2s;
	position: absolute;
	top: 54%;
	left: 42.8%;
}

.hasbtn_upright1 a {
	width: 30%;
	margin: 0;
	padding: 0;
	display: block;
	transition: all .2s;
	position: absolute;
	top: 55.5%;
	left: 42.8%;
}

.hasbtn_upright2 a {
	width: 30%;
	margin: 0;
	padding: 0;
	display: block;
	transition: all .2s;
	position: absolute;
	top: 57%;
	left: 42.8%;
}

.hasbtn_upright2 a:hover,
.hasbtn_upright1 a:hover,
.hasbtn_digital a:hover {
	opacity: 0.6;
}


.cont_upright10 {
	max-width: 668px;
	margin: 0 auto;
}




/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print, screen and (max-width: 700px) {

	.col_pagettl.mat_digital {
		background-image: url(../img/mat/sp/bg_pagettl_digital.jpg);
	}

	.col_mat1 {
		width: 90%;
		padding: 20px 0 0;
	}
		
	.col_mat1 .cont1 {
		margin-bottom: 45px;
	}

	.col_mat1 .cont2 {
		margin-bottom: 45px;
	}

	.col_mat1 .cont3 {
		margin-bottom: 18px;
	}

	.col_mat1 .cont4 {
		margin-bottom: 50px;
	}

	.col_mat1 .cont5 {
		margin-bottom: 40px;
	}

	.col_mat1 .cont6 {
		margin-bottom: 70px;
	}
	
	.hasbtn_digital a {
		width: 71.55%;
		top: 78%;
		left: 14.225%;
	}
	
	.hasbtn_upright1 a {
		width: 71.55%;
		top: 81%;
		left: 14.225%;
	}
	
	.hasbtn_upright2 a {
		width: 79.2%;
		top: 82%;
		left: 11%;
	}
	
	
}	
	

/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media print, screen and (max-width: 450px) {
	
	
	
	
	

}