/* CSS Document */
@media all and (max-width: 1200px) {
	body_1200 {}

	.for_content.get .boxes .box div {
		font-size:15px;
	}	
}

@media all and (max-height: 46.44808743169398907103825136612vw) {
	body_ {}
	
	.for_content.header {
		background-position:center -15vh;
	}
}

@media all and (max-width: 1000px) {
	body_1000 {}

	.for_content.about {
		background:#14406f;
	}

	.for_content.about:before {
		display:none;
	}
	
	.for_content.about h2 {
		width:calc(100% - 40px);
		margin-left:20px;
		
	}
}

@media all and (max-width: 980px) {
	body_980 {}

	.for_content.menu .content {
		padding-left:20px;
		padding-right:20px;
	}

	.for_content.menu .content ul li {
		margin-left:0.5%;
		margin-right:0.5%;
	}
	
	.for_content.diagram .left_content {
		width:48%;
	}	
	
	.for_content.diagram .right_content {
		width:48%;
	}
	
	.for_content.diagram .right_content p {
		max-width:100%;
	}
	
	.for_content.get .boxes {
		max-width:900px;
	}
	
	.for_content.get .boxes .box {
	    width: 28%;
	    margin-left: 2.66666666666666666666666666666667%;
	    margin-right: 2.66666666666666666666666666666667%;
	    margin-bottom:5%;
	}
	
	.for_content.get .boxes .box div {
		font-size:18px;
	}	
	
	.for_content.about .about_content {
		background-position:calc(55vw - 20px) 0;
		background-size:auto 110%;
	}
}

@media all and (max-width: 880px) {
	body_880 {}
	
	.for_content.menu .content {
		padding-left:15px;
		padding-right:15px;
	}
	
	.for_content.menu .content ul li {
		margin-left:0.3%;
		margin-right:0.3%;
	}
	
	.for_content.menu .content ul li a {
		letter-spacing:-0.5px;
	}
}

@media all and (max-width: 810px) {
	body_810 {}

	.for_content.quantity .top_info {
		width:calc(100% - 40px);
		left:20px;
	}	
	
	.for_content.contact .address {
		width:40%;
	}
	
	.for_content.contact .info {
		width:30%;
	}
	
	.for_content.contact {
		padding-bottom:100px;
	}
	
	.for_content.contact .copy {
		float:none;
		width:100%;
		clear:both;
		padding-top:80px;
	}
	
	.for_content.contact .copy img {
		float:left;
		padding-bottom:0;
	}
	
	.for_content.contact .copy span {
		float:right;
		display:block;
		margin-top:-10px;
	}
}

@media all and (max-width: 780px) {
	body_800 {}
	
	.for_content.info .info_table .table .headline {
		min-height:60px;
		padding-bottom:5px;
	}
	
	h2 {
		font-size:50px;
		line-height:50px;
	}
}

@media all and (min-width: 781px) {
	body_min_781 {}
	
	.for_content.menu .content.desktop {
		display:block !important;
	}
}

@media all and (max-width: 780px) {
	body_780 {}
	
	.for_content.menu {
		padding-top:15px;
		padding-bottom:15px;
	}

	.for_content.menu .content.desktop {
		display:none;		
		position:absolute;
		background:#00325c;
		left:0;
		top:0;
		width:calc(100% - 30px);
		padding-bottom:50px;
		z-index:20;
	}
	
	.for_content.menu .content .mobile_menu_logo {
		display:block;
	}
	
	.for_content.menu .content .mobile_menu_close {
		display:block;
	}
	
	.for_content.menu .content.desktop ul {
		padding-top:40px;
		padding-bottom:30px;
	}
	
	.for_content.menu .content.desktop ul li {
		float:none;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.for_content.menu .content.desktop ul li a {
		color:#ffffff;
		letter-spacing:0;
		font-size:18px;
		font-weight:600;
	}
	
	.for_content.menu .content .lang_change {
		float:none;
		margin:auto;
		display:inline-block;
		font-size:18px;
	}
	
	.for_content.menu .content .lang_change a.active {
		color:#000000;
	}
	
	.for_content.menu .content .lang_change .sep {
		height:27px;
	}
	
	.for_content.menu .content.mobile {
		display:block;
	}	
	
	.for_content.header {
		height:100vh;
	}
	
	.for_content.header .content.desktop {
		display:none;
	}
	
	.for_content.header .content.mobile {
		display:block;
	}
	
	.for_content.menu.bg_menu .content ul li.first_item a span {
		opacity:1;
	}
	
	.for_content.menu .content ul li.first_item a img {
		display:none;
	}
	
	.for_content.products .product {
		margin-left:calc((100% - 390px) / 4);
		margin-right:calc((100% - 390px) / 4);
	}
}

@media all and (max-width: 680px) {
	body_680 {}
	
	h2 {
		font-size:44px;
		line-height:44px;
	}
	
	.for_content .content .left_content,
	.for_content .content .right_content {
		float:none;
		width:100%;
	}
	
	.for_content.info p {
		max-width:100%;
		padding-bottom:30px;
	}
	
	.for_content.info .info_table {
		max-width:100%;
	}
	
	.for_content.info .info_table .table .headline { 
		padding-bottom:20px;
		min-height:2px;
	}
	
	.for_content.origin {
		background-size:150%;
	}
	
	.for_content.diagram .left_content img.desktop {
		display:none;
	}
	
	.for_content.diagram .left_content img.mobile {
		display:block;
	}
	
	.for_content.diagram .right_content p {
		padding-bottom:50px;
	}
	
	.for_content.quantity .top_info {
		top:-80px;
	}
	
	.for_content.get .boxes .box div {
		font-size:15px;
	}
	
	.for_content.about .about_content {
		background:#eceded;
	}
	
	.for_content.about .about_content .left_content {
		width:90%;
	}
	
	.for_content.about .about_content .right_content {
		width:90%;
		background:url('/img/bg_about.jpg') center center no-repeat;
		background-size:cover;
	}
	
	.for_content.about .about_content .right_content h3 {
		padding-top:20px;
	}
}

@media all and (max-width: 600px) {
	body_600 {}

	.for_content.contact .address {
		width:100%;
		padding-bottom:40px;
	}

	.for_content.contact .info {
		width:50%;
	}

@media all and (max-width: 520px) {
	body_520 {}
	
	.for_content.quantity h3 {
		text-align:left;
	}
	
	.for_content.quantity h4 {
		text-align:left;
	}
	
	.for_content.quantity .source.top {
		text-align:left;
	}
	
	.for_content.quantity .box_headline {
		padding-top:50px;
	}
	
	.for_content.quantity .for_box {
		margin-left:7px;
		margin-right:7px;
	}
	
	.for_content.quantity .box {
		padding-left:15px;
		padding-right:15px;
		height:80px;
	}
	
	.for_content.get .boxes {
		max-width:600px;
	}
	
	.for_content.get .boxes .box {
	    width: 42%;
	    margin-left: 4%;
	    margin-right: 4%;
	    margin-bottom:7%;
	}
	
	.for_content.get .boxes .box div {
		font-size:18px;
	}
	
	.for_content.products .product {
		padding-left:30px;
		padding-right:30px;
		margin-left:calc((100% - 320px) / 4);
		margin-right:calc((100% - 320px) / 4);
	}
	
	.for_content.products .product img {
		width:90px;		
	}
	
	.for_content.products .product:before {
		width:150px;
		height:150px;
	}
}

@media all and (max-width: 500px) {
	body_500 {}
	
	.for_content.diagram .left_content img.mobile {
		margin-left:-20px;
		width:calc(100% + 40px);
	}	
}

@media all and (max-width: 420px) {
	body_420 {}
	
	.for_content.info .info_table .table .headline {
		min-height:60px;
		padding-bottom:5px;
	}
	
	.for_content.get .boxes .box div {
		font-size:15px;
	}
}