body{font:16px/30px wf_segoe-ui_normal, 'Segoe UI', Arial, Meiryo, Tahoma, sans-serif; color:#333; background-color:#fff;}
button{padding:0;}
.Details {width:1080px; margin:0 auto; padding:0;}
a{color: inherit;text-decoration: none;}
a:hover {text-decoration: none;}
img{max-width:100%;}
span.justify_fix{width:100%; display:inline-block; height:0; overflow:hidden;}

.Banner{background:url(../image-style/tech-faq-jp/banner.jpg) no-repeat center; height:346px; margin-top:71px; text-align:center;}
.Banner h1{font-size:40px; color:#1e1e1e;}
.Banner h1 span{display:inline-block; border-bottom:1px solid #828282; padding:110px 0 30px; margin-bottom:20px;}

.DivMain01{text-align:center; margin:10px 0; background-color:#fbfbfb; overflow:hidden;}
.DivMain01 h2{font-size:27px; margin:65px 0 35px;}
.DivMain01 h2 img{padding-right:20px; vertical-align:-9px;}
.DivMain01 .wrapper{text-align:justify; margin-bottom:45px;}
.DivMain01 .conBox{display:inline-block; vertical-align:top; width:530px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; text-align:center; background-color:#fff;}
.DivMain01 .conBox .bgImg{overflow:hidden;}
.DivMain01 .conBox .bgImg img{transition: all ease-out 0.6s;}
.DivMain01 .conBox:hover .bgImg img{transform:scale(1.1);}
.DivMain01 .conBox .Content{margin:-45px 10% 0; position:relative;}
.DivMain01 .conBox h3{font-size:22px; color:#000; padding:15px 0 10px;}
.DivMain01 .conBox .button{padding:20px 0 35px;}
.DivMain01 .conBox .button a{font-size:21px; color:#0eaef8; box-sizing:border-box; border:1px solid #0eaef8; border-radius:5px; padding:12px 30px; display:inline-block; font-weight:700; transition: all 0.6s;}
.DivMain01 .conBox .button a:hover{background-color:#0eaef8; color:#fff;}
.DivMain01 .Details > p{font-size:17px; color:#666; padding-bottom:20px;}

.DivMain02{text-align:justify;}
.DivMain02 > div{width:49.7%; display:inline-block; vertical-align:middle;}
.DivMain02 .wrapLeft{background-color:#f2f2f2; text-align:right;}
.DivMain02 .wrapRight{background-color:#f6f6f6;}
.DivMain02 > div a{position:relative; display:inline-block; margin:25px 3%; overflow:hidden;}
.DivMain02 > div a:hover{box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.DivMain02 > div a > img{transition: all ease-out 0.6s;}
.DivMain02 > div a:hover > img{transform:scale(1.1);}
.DivMain02 > div h5{font-size:24px; position:absolute; top:50%; margin-top:-15px;}
.DivMain02 .wrapLeft h5{left:10%;}
.DivMain02 .wrapRight h5{right:10%;}
.DivMain02 > div h5 img{padding-right:20px; vertical-align:0;}

@media (max-width: 979px) {
	body{font-size:13px; line-height:22px}
	.Details{width:95%;}

	.Banner h1{font-size:30px;}

	.DivMain01 h2{font-size:23px;}
	.DivMain01 .conBox:first-child{margin-bottom:45px;}
	.DivMain01 .conBox h3{font-size:20px;}
	.DivMain01 .conBox .button a{font-size:17px;}
	.DivMain01 .Details > p{font-size:13px;}

	.DivMain02 > div{width:48%;}
	.DivMain02 > div h5{font-size:15px;}
	.DivMain02 > div h5 img{vertical-align:-5px; padding-right:5px;}
}

@media (max-width: 767px) {
	.DivMain01 .conBox{width:100%;}
}

@media (max-width: 479px) {

}