@charset "UTF-8";

.gradegold{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebe6d3+0,ffffff+100 */
background: #ebe6d3; /* Old browsers */
background: -moz-linear-gradient(top,  #ebe6d3 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ebe6d3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ebe6d3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe6d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding:80px 0;
}

.six_new_1{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebe6d3+0,ffffff+100 */
background: #ebe6d3; /* Old browsers */
background: -moz-linear-gradient(top,  #ebe6d3 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ebe6d3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ebe6d3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe6d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding-top:80px;
}

.six_new_2{padding-bottom:80px;
	background:#fff;}
	
	
	.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.tuika_content{
	background: url(../img/hyperknife_new/bg_box_mid.jpg) center top repeat;
	padding-top:46px;
	padding-bottom:50px;}
	
.tuika_whbg{
	background:#fff;
	padding:60px 0;
	margin-bottom:60px;
	}
.movie-wrap {       /*youyube可変*/
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
    margin: 0px 200px 40px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	
}
.beforeafter {
	width: 900px;
	margin: 0 auto;
}
.beforeafter p {
	text-align: center;
	margin-bottom: 40px;
}
@media (max-width: 1046px) {
    
	.movie-wrap {       /*youyube可変*/
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	margin: 0px 40px 40px;
	}
	.beforeafter {
	width: 98%;
	margin: 0 auto;
}
}
@media (max-width: 768px) {
	
	.movie-wrap {       /*youyube可変*/
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 40px;
	}
	.beforeafter {
	width: 98%;
	margin: 0 auto;
}
}