@charset "utf-8";

/*----------------------------------
mv
----------------------------------*/
body:not(.top) #mv .col-xs-12{
	background-image : url("/en/images/contact/catalogs/mv.jpg");
}

/*----------------------------------
main
----------------------------------*/
main .container > .row > .col-xs-12 > h2{
	font-family : "Merriweather";
	font-weight : 700;
	color : #005fb6;
}
main .container > .row > .col-xs-12 >p{
	font-family : "Montserrat";
	font-weight : 300;
	color : #323232;
}
main ul.row > li > p img{
	width : 100%;
	height : auto;
}
main .products div p{
	color : #00a4e8;
}
main .products div h3{
	font-family : "Montserrat";
	font-weight : 600;
	color : #393939;
}
main hr{
	margin : 0;
	border-top : 1px solid #e3e3e3;
}
main .company h3{
	font-family : "Montserrat";
	font-weight : 600;
	color : #393939;
}
main .company div p{
	font-family : "Montserrat";
	font-weight : 600;
	color : #df1f14;
}
main .company div p img{
	width : 100%;
	height : auto;
}
main .company div p:before{
	content : "*\00a0";
}
main .company li:first-child p img{
	border : solid 1px #dcdcdc;
	padding-left : calc( 11 * 100% / 240 );
	padding-right : calc( 11 * 100% / 240 );
	padding-top : calc( 18 * 100% / 314 );
	padding-bottom : calc( 18 * 100% / 314 );
}
@media (max-width: 640px){
	main .container > .row > .col-xs-12 > h2{
		font-size : 21px;
	}
	main .container > .row > .col-xs-12 >p{
		font-size : 13px;
	}
	main ul.row > li > p{
	}
	main .products a{
		display : block;
	}
	main .products div p{
		font-size : 13px;
	}
	main .products div h3{
		font-size : 18px;
	}
	main .company h3{
		font-size : 15px;
	}
	main .company div p{
		font-size : 10px;
	}
}
@media (min-width: 641px ) and ( max-width: 767px){
	main .container > .row > .col-xs-12 > h2{
		font-size : 42px;
	}
	main .container > .row > .col-xs-12 >p{
		font-size : 27px;
	}
	main ul.row > li > p{
	}
	main .products div p{
		font-size : 26px;
	}
	main .products div h3{
		font-size : 36px;
	}
	main .company h3{
		font-size : 30px;
	}
	main .company div p{
		font-size : 20px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	main .container > .row > .col-xs-12 > h2{
		font-size : 42px;
	}
	main .container > .row > .col-xs-12 >p{
		font-size : 27px;
	}
	main ul.row > li > p{
	}
	main .products div p{
		font-size : 22px;
	}
	main .products div h3{
		font-size : 36px;
	}
	main .company h3{
		font-size : 30px;
	}
	main .company div p{
		font-size : 20px;
	}
}
@media ( max-width: 991px){
	main{
		padding-top : calc( 85 / 640 * 100% );
		padding-bottom : calc( 186 / 640 * 100% );
	}
	main .container > .row > .col-xs-12{
		padding-left : calc( 60 * 100% / 640 );
		padding-right : calc( 60 * 100% / 640 );
	}
	main .container > .row > .col-xs-12 > h2{
	}
	main .container > .row > .col-xs-12 >p{
		margin : calc( 56 / 640 * 100% ) auto 0;
		line-height : 1.3;
	}
	main ul.row{
		margin-top : calc( 79 / 640 * 100% );
		margin-left : auto;
		margin-right : auto;
	}
	main ul.row > li{
		margin-left : 0;
		margin-right : 0;
	}
	main ul.row > li:nth-child(odd){
		padding-left : 0;
		padding-right : calc( 20 * 100% / 520 );
	}
	main ul.row > li:nth-child(even){
		padding-right : 0;
		padding-left : calc( 20 * 100% / 520 );
	}
	main ul.row > li > p{
		padding-left : 0;
		padding-right : 0;
	}
	main ul.row > li > p img{
		width : 100%;
		height : auto;
	}
	main .products{
		margin-top : calc( 123 / 640 * 100% );
		padding-bottom : calc( 104 / 640 * 100% );
	}
	main .products li:nth-child( n + 3){
		margin-top : calc( 84 / 640 * 100% );
	}
	main .products div{
		padding-left : 0;
		padding-right : 0;
	}
	main .products div p{
		margin-top : calc( 30 / 640 * 100% );
		line-height : 1.2;
		text-align : center;
	}
	main .products div h3{
		margin-top : calc( 30 / 640 * 100% );
		font-weight : 600;
		text-align : center;
	}
	main .products div a{
		display : block;
		margin-top : calc( 67 / 640 * 100% );
		width : 100%;
		margin-top : 13px;
	}
	main .products div a img{
		width : 100%;
		height : auto;
	}
	main .company{
		margin-top : calc( 135 / 640 * 100% );
	}
	main .company h3{
		line-height : 1;
		text-align : center;
		margin-top : 8px;
	}
	main .company div{
		padding-left : 0;
		padding-right : 0;
	}
	main .company div p{
		margin-top : calc( 10 / 640 * 100% );
		line-height : 1.05;
		text-align : center;
	}
	main .company div p img{
		width : 100%;
		height : auto;
	}
}
@media ( min-width: 992px){
	main .container > .row > .col-xs-12{
		max-width : 1178px;
		width : inherit;
	}
	main .container > .row > .col-xs-12 > h2{
		font-size : 34px;
		margin-top : 105px;
	}
	main .container > .row > .col-xs-12 >p{
		margin : 83px auto 0;
		font-size : 30px;
		line-height : 36px;
	}
	main ul.row{
		margin-left : auto;
		margin-right : auto;
	}
	main ul.row > li{
		padding : 0 50px;
		margin-left : 0;
		margin-right : 0;
		margin-bottom : 120px;
	}
	main ul.row > li > p{
		padding-left : 0;
		padding-right : 20px;
	}
	main ul.row > li > p img{
		width : 100%;
		height : auto;
	}
	main .products{
		margin-top : 123px;
	}
	main .products div{
		padding-left : 0;
		padding-right : 0;
	}
	main .products div p{
		line-height : 26px;
		font-size : 20px;
	}
	main .products div h3{
		margin-top : 12px;
		font-size : 30px;
		font-weight : 600;
	}
	main .products div a{
		display : block;
		margin-top : 67px;
		width : 170px;
		margin-left : auto;
	}
	main .company{
		margin-top : 105px;
	}
	main .company h3{
		font-size : 30px;
		line-height : 30px;
	}
	main .company div p{
		margin-top : 10px;
		font-size : 18px;
		line-height : 21px;
		text-indent : -10px;
		padding-left : 10px;
	}
	main .company div p img{
		width : 100%;
		height : auto;
	}
}
@media (min-width: 1200px){
	main .container > .row > .col-xs-12{
		padding-right : 0;
		padding-left : 0;
	}
}