@charset "utf-8";

.wrap_otk{ position: relative; display:block}
.otk{ float:left; width:590px;}
.otk_img1{ position: absolute; bottom:0;}
.otk_img2{ float:right; width:50%; margin-left:10px;}

body #container #content .wrapper p.Rimg3{ float:right; margin-left:30px; margin-bottom:30px;}


@media only screen and (max-width:1200px) {
	.otk{ width:49%;}
.otk_img1{ position: relative;}
}

@media only screen and (max-width:1080px) {
.otk_img2{ width:49%;}
}

@media only screen and (max-width:830px) {
		.otk{ float:none; margin:0 /*0 30px 0*/; width:auto;}
	.otk_img2{ float:none; margin:0 0 30px 0; width:auto;}
}

@media only screen and (max-width:768px) {
	body #container #content .wrapper p.Rimg3{ float:none; margin-left:0px; width:auto;}
}