@charset "utf-8";

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

/*----------------------------------
products
----------------------------------*/
#products li{
	text-align : center;
}
#products li a{
	display : block;
}
#products figcaption{
	color : #051638;
}
#products figcaption{
	font-family : "Montserrat";
	font-weight : 600;
	color : #051638;
}
#products h3{
	font-family : "Merriweather";
	font-weight : 700;
	color : #005fb6;
}
#products .container > .row > .col-xs-12 > p{
	font-family : "Roboto";
	font-weight : 400;
}
@media (max-width: 639px){
	#products figcaption{
		font-size : 20px;
	}
	#products figcaption span{
		font-size : 10px;
	}
	#products .btn-more{
		font-size : 12px;
	}
	#products h3{
		font-size : 23px;
	}
	#products h4{
		font-size : 15px;
	}
	#products .container > .row > .col-xs-12 > p{
		font-size : 13px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#products figcaption{
		font-size : 40px;
	}
	#products figcaption span{
		font-size : 21px;
	}
	#products .btn-more{
		font-size : 24px;
	}
	#products h3{
		font-size : 46px;
	}
	#products h4{
		font-size : 31px;
	}
	#products .container > .row > .col-xs-12 > p{
		font-size : 26px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#products figcaption{
		font-size : 40px;
	}
	#products figcaption span{
		font-size : 21px;
	}
	#products .btn-more{
		font-size : 24px;
	}
	#products h3{
		font-size : 46px;
	}
	#products h4{
		font-size : 31px;
	}
	#products .container > .row > .col-xs-12 > p{
		font-size : 26px;
	}
}
@media ( max-width: 991px){
	#products{
		padding-top : calc( 89 / 640 * 100% );
		padding-bottom : calc( 29 / 640 * 100% );
	}
	#products .container > .row > .col-xs-12{
		padding-left : 0;
		padding-right : 0;
	}
	#products ul{
		margin : 0 auto;
		padding-left : calc( 50 * 100% / 640 );
		padding-right : calc( 50 * 100% / 640 );
	}
	#products li{
		padding-right : 0;
		padding-left : 0;
	}
	#products li img{
		width : 100%;
		height : auto;
	}
	#products figcaption{
		position : relative;
		margin-top : calc( 19 / 640 * 100% );
	}
	#products figcaption span{
		display : block;
		line-height : 1;
	}
	#products .btn-more{
		margin : calc( 25 / 640 * 100% ) auto 0;
		width : calc( 245 * 100% / 290 );
	}
	#products h3{
		margin-top : calc( 126 / 640 * 100% );
		text-align : center;
		line-height : 1;
	}
	#products h4{
		font-family : "Montserrat";
		font-weight : 400;
		margin : calc( 55 / 640 * 100% ) auto 0;
		line-height : 1.2;
		padding-left : calc( 60 * 100% / 640 );
		padding-right : calc( 60 * 100% / 640 );
	}
	#products .container > .row > .col-xs-12 > p{
		line-height : 1.4;
		margin : calc( 48 / 640 * 100% ) auto 0;
		padding-left : calc( 60 * 100% / 640 );
		padding-right : calc( 60 * 100% / 640 );
	}
}
@media ( min-width: 992px){
	#products{
		padding-top : 113px;
	}
	#products > .container{
		max-width : 1532px;
		width : inherit;
	}
	#products ul{
		margin : 0 auto;
	}
	#products li img{
		width : 100%;
		height : auto;
	}
	#products figcaption{
		position : relative;
		margin-top : 34px;
		font-size : 26px;
	}
	#products figcaption{
		font-size : 51px;
	}
	#products figcaption span{
		font-size : 21px;
		display : block;
		line-height : 1;
		font-size : 26px;
	}
	#products .btn-more{
		margin-top : 24px;
	}
	#products h3{
		font-size : 34px;
		margin-top : 145px;
		text-align : center;
		line-height : 1;
	}
	#products h4{
		font-family : "Montserrat";
		font-weight : 300;
		max-width : 1080px;
		font-size : 29px;
		line-height : 31px;
		margin : 45px auto 0;
	}
	#products .container > .row > .col-xs-12 > p{
		font-size : 24px;
		line-height : 38px;
		margin : 45px auto 0;
		max-width : 1079px;
	}
}
@media (min-width: 992px ) and ( max-width: 1199px){
	#products li{
	}
	#products figcaption{
		font-size : 17px;
	}
	#products figcaption span{
		font-size : 14px;
	}
	#products h4{
		padding-left : 15px;
		padding-right : 15px;
	}
	#products > p{
		font-size : 24px;
		padding-left : 15px;
		padding-right : 15px;
	}
	#products .btn-more{
		margin-top : 24px;
		width : 100%;
		height : 47px;
		line-height : 31px;
	}
}
@media (min-width: 1200px){
	#products{
		padding-top : 113px;
	}
	#products li{
		padding-right : 0;
		padding-left : 0;
	}
	#products figcaption{
		font-size : 26px;
	}
	#products figcaption span{
		font-size : 21px;
	}
	#products .btn-more{
		margin-top : 24px;
		width : 245px;
		height : 47px;
	}
}

/*----------------------------------
product
----------------------------------*/
#product .container-fluid > ul > li:nth-child(even){
	background-color : #f3f3f3;
}
#product .container-fluid > ul > li .row > div{
	vertical-align : top;
}
#product .container-fluid > ul > li .row > div:first-child a{
	display : block;
}
#product .top{
	font-family : "Montserrat";
	font-weight : 600;
	color : #051638;
}
#product .top:before , #product .top:after{
	font-family : monospace;
}
#product .top:before{
	content : "【";
}
#product .top:after{
	content : "】";
}
#product h3{
	font-family : "Montserrat";
	font-weight : 600;
	color : #051638;
}
#product p.ul , #product ul ul li{
	color : #051638;
	font-family : "Montserrat";
	font-weight : 600;
}
#product .description{
	font-family : "Roboto";
	font-weight : 400;
}
@media (max-width: 639px){
	#product .top{
		font-size : 14px;
	}
	#product h3{
		font-size : 21px;
	}
	#product h3 span{
		font-size : 14px;
	}
	#product p.ul , #product ul ul li{
		font-size : 18px;
	}
	#product .description{
		font-size : 13px;
	}
	#product .btn{
		width : 110px;
		height : 40px;
		line-height : 40px;
		font-size : 15px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#product .top{
		font-size : 28px;
	}
	#product h3{
		font-size : 42px;
	}
	#product h3 span{
		font-size : 28px;
	}
	#product p.ul , #product ul ul li{
		font-size : 36px;
	}
	#product .description{
		font-size : 26px;
	}
	#product .btn{
		width : 220px;
		height : 80px;
		line-height : 80px;
		font-size : 30px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#product .top{
		font-size : 28px;
	}
	#product h3{
		font-size : 42px;
	}
	#product h3 span{
		font-size : 28px;
	}
	#product p.ul , #product ul ul li{
		font-size : 36px;
	}
	#product .description{
		font-size : 26px;
	}
	#product .btn{
		width : 220px;
		height : 80px;
		line-height : 80px;
		font-size : 30px;
	}
}

@media ( max-width: 991px){
	#product .container-fluid{
		padding-right : 0;
		padding-left : 0;
	}
	#product .row{
		margin-left : 0;
		margin-right : 0;
	}
	#product .row > li{
		padding-top : calc( 88 / 640 * 100% );
		padding-bottom : calc( 85 / 640 * 100% );
		padding-left : calc( 30 * 100% / 640 );
		padding-right : calc( 30 * 100% / 640 );
	}
	#product .row.bg > div{
		padding-left : 0;
		padding-right : 0;
	}
	#product img{
		width : 100%;
		height : auto;
	}
	#product .top{
		line-height : 1.4;
		margin-top : calc( 60 / 640 * 100% );
		text-align : center;
	}
	#product h3{
		text-align : center;
		line-height : 1.1;
		margin-top : calc( 4 / 640 * 100% );
	}
	#product h3 span{
		text-align : center;
	}
	#product p.ul , #product ul ul li{
		text-align : center;
	}
	#product .description{
		margin-top : calc( 45 / 640 * 100% );
		line-height : 1.4;
		padding-left : calc( 30 * 100% / 580 );
		padding-right : calc( 30 * 100% / 580 );
	}
	#product .btn{
		margin : calc( 38 / 640 * 100% ) auto 0;
		display : block;
		padding : 0;
	}
}
@media ( min-width: 992px){
	#product .container-fluid{
		padding-left : 0;
		padding-right : 0;
	}
	#product .container-fluid > ul{
		margin : 0 auto;
	}
	#product .container-fluid > ul > li{
		padding : 170px calc( 30 * 100% / 1920 );
	}
	#product .container-fluid > ul > li img{
		width : 100%;
		height : auto;
	}
	#product .container-fluid > ul > li .row{
		max-width : 1080px;
		margin : 0 auto;
		display : -webkit-box;
		display : flex;
	}
	#product .container-fluid > ul > li:nth-child(odd) .row div:first-child{
		padding-left : 0;
		padding-right : 14px;
	}
	#product .container-fluid > ul > li:nth-child(odd) .row div:nth-child(2){
		padding-right : 0;
		padding-left : 14px;
	}
	#product .container-fluid > ul > li:nth-child(even) .row div:first-child{
		padding-right : 0;
		padding-left : 14px;
	}
	#product .container-fluid > ul > li:nth-child(even) .row div:nth-child(2){
		padding-left : 0;
		padding-right : 14px;
	}
	#product .container-fluid > ul > li .row > div:first-child a{
		display : block;
	}
	#product .top{
		font-size : 28px;
		line-height : 40px;
		color : #051638;
		margin-left : -.5em;
	}
	#product li:nth-child(1) .top{
		padding-top : 39px;
	}
	#product li:nth-child(2) .top{
		padding-top : 25px;
	}
	#product li:nth-child(3) .top{
		padding-top : 77px;
	}
	#product li:nth-child(4) .top{
		padding-top : 67px;
	}
	#product h3{
		font-size : 40px;
		line-height : 44px;
	}
	#product h3 span{
		font-size : 21px;
		padding-left : 4px;
	}
	#product p.ul , #product ul ul li{
		line-height : 37px;
		padding-left : .75em;
		font-size : 36px;
	}
	#product .description{
		margin-top : 40px;
		font-size : 18px;
		line-height : 26px;
	}
	#product .btn{
		width : 160px;
		height : 45px;
		line-height : 45px;
		padding : 0;
		position : absolute;
		bottom : 0;
		right : 15px;
	}
}
@media (min-width: 1200px){
	#product .container-fluid > ul > li{
		padding : 170px 0;
	}
}