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


img, object, embed, video {
	max-width: 100%;
}


/*PC*/
@media print, screen and (min-width: 769px) {
.hedimg {
		background: url(../images/category/technique/hed_bg.jpg);
		opacity: 1;
	height: 500px;
		top: 0;
		z-index: 100;
	background-size: cover;
	
	}

/*-------------------------------*/
.technique_img01 {
	width:420px;
	float:right;
	margin:0 0 30px 30px;
}

.technique_img02 {
	width:420px;
	float:left;
	margin:0 30px 30px 0;
}

	.w50L,.w50R {
		margin-bottom: 50px;
	}	
	
	
	.tec_box {
		width: 100%;
		position: relative;
	}
	
	.tec_innner1 {
		width: 46%;
		float: right;
		background: #0073d4;
		padding: 3% 2%;
		height: 500px;
	}	
	
	
	.tec_tit {
		font-size: 2em!important;
		color: #fff;
		margin-bottom: 10px;
	}
	
	.tec_tit span.tec_num {
		font-size: 3em;
		margin-right: 20px;
		font-style: italic;
		
	}
	
	.tec_subtit {
		color: #fff;
		font-weight: normal;
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	
    .tec_subtit span {
        border-bottom: 1px dashed #fff;
        padding-bottom: 3px;
    }
    
	.tec_txt {
		color: #fff;
		font-size: 1em;
	}
	
	.tec_img {
		width: 50%;
		height: 584px;
		float: left;
		vertical-align: bottom;
		overflow: hidden;
	}
	
	.tec_img img {
		width: 100%;
		vertical-align: bottom;
		height: auto;
	}
	

	.tec_pic {
		background: url(../images/category/technique/tec_blue.png) 0 0 no-repeat;
		background-size: 100%;
		text-indent: -9999px;
		position: absolute;
		width: 80px;
		height: 158px;
		top: 35%;
		right: 50%;
	}
	
		.tec_innner2 {
		width: 46%;
		float: left;
		background: #4891ce;
		padding: 3% 2%;
			height: 500px;
	}	
	
	
	.tec_img2 {
		width: 50%;
		float: right;
		vertical-align: bottom;
		height: 584px;
		overflow: hidden;
	}
	
	.tec_img2 img {
		width: 100%;
		vertical-align: bottom;
		height: auto;
		
	}
	

	.tec_pic2 {
			background: url(../images/category/technique/tec_light2.png) 0 0 no-repeat;
		background-size: 100%;
		text-indent: -9999px;
		position: absolute;
		width: 80px;
		height: 158px;
		top: 35%;
		left: 50%;
	}
	
	
	.textml {
		margin-left: 110px;
	}
	
}





/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 768px) {
	.hedimg {
		background: url(../images/category/technique/hed_bg.jpg);
		opacity: 1;
		top: 0;
		width: 80%;
		margin-left: 20%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 140% auto;
		min-height: 250px;
		background-size: cover;
		position: relative;
		z-index: 3;
		box-sizing: border-box;
	}

/*-------------------------------*/
.technique_img01,
.technique_img02 {
	width:80%;
	float:none;
	margin:0 auto 20px;
}


.tec_box {
		width: 100%;
    margin-bottom: 30px;
	}
	
	.tec_innner1 {
		width: 96%;
		background: #0073d4;
		padding: 5% 2%;
		margin: 0 auto;
		z-index: 200;
	}	
	
	
	.tec_tit {
		font-size: 1.3em!important;
		color: #fff;
		margin-bottom: 10px;
	}
	
	.tec_tit span.tec_num {
		font-size: 2em;
		margin-right: 20px;
		font-style: italic;
		
	}
	
	.tec_subtit {
		color: #fff;
		font-weight: normal;
		font-size: 1em;
		margin-bottom: 20px;
	}
    
    
    .tec_subtit span {
        border-bottom: 1px dashed #fff;
        padding-bottom: 3px;
    }
	
	.tec_txt {
		color: #fff;
		font-size: 1em;
			z-index: 200;
	}
	
	.tec_img {
		width: 100%!important;
		vertical-align: bottom;
		margin: 0 auto;
        position: relative;
	}
	
	.tec_img img {
		width: 100%;
		vertical-align: bottom;
		height: auto;
	}
	

	.tec_pic {
		background: url(../images/category/technique/tec_blue_sp.png) 0 0 no-repeat;
		background-size: 100%;
		text-indent: -9999px;
		position: absolute;
		width: 100px;
		height: 50px;
		top: 0%;
		left: 0%;
        margin: auto;
		right: 0%;
		z-index: 0;
	}
	
		.tec_innner2 {
		width: 96%;
		background: #4891ce;
		padding: 5% 2%;
	}	
	
	
	.tec_img2 {
		width: 100%!important;
		vertical-align: bottom;
        position: relative;
	}
	
	.tec_img2 img {
		width: 100%;
		vertical-align: bottom;
		height: auto;
	}
	

	.tec_pic2 {
			background: url(../images/category/technique/tec_light2_sp.png) 0 0 no-repeat;
		background-size: 100%;
		text-indent: -9999px;
		position: absolute;
		width: 100px;
		height: 50px;
		top: 0%;
        margin: auto;
		left: 0%;
        right: 0%;
		
	}
	
	.textml {
		margin-left: 60px;
	}
	

	
	
	
	
	
	
	
	
	
}