@charset "utf-8";
/* CSS Document */

/*==========================
構造
==========================*/
@media (min-width: 768px) {
	.constrbox{ display: flex;}
	.constrbox p{
		flex: 1;
		margin-bottom: 0;
	}
	.constrbox img{
		width: 400px;
		margin-left: 30px;
	}
}
@media (max-width: 767px) {
	.constrbox img{
		display: block;
		margin: 0 auto;
	}
}

/*==========================
特性とその効果
==========================*/
#fig_a{ margin: 40px 0 20px;}


/*==========================
型式
==========================*/
#model_frame .row{
	margin-right: -5px;
  margin-left: -5px;
}
#model_frame .col{
	padding-right: 5px;
  padding-left: 5px;
}
.modelbox{ background-color: #e5f1f9;}
.modelbox p{
	text-align: center;
	padding: 10px 0;
	margin-bottom: 0;
}
.mvh{ margin-top: 40px;}
.mvh p{ margin-bottom: 0;}

@media (min-width: 992px) {
	.mvh img{
		width: 325px;
		height: auto;
		margin: 0 30px;
	}
}
@media (min-width: 768px) {
	.mvh{
		background: linear-gradient(180deg, #fff 0%, #fff 20%, #e5f1f9 20%, #e5f1f9 80%, #fff 80%, #fff 100%);
		display: flex;
		align-items: center;
	}
	.mvh p{
		padding: 0 15px;
		flex: 1;
	}
}
@media (max-width: 991px) {
	.mvh p{ font-size: 0.9rem;}
}
@media (max-width: 767px) {
	.modelbox p{ font-size: 0.8rem;}
	.mvh{
		background: linear-gradient(180deg, #fff 0%, #fff 20%, #e5f1f9 20%, #e5f1f9 100%);
		text-align: center;
	}
	.mvh img{
		max-width: 280px;
		height: auto;
	}
	.mvh p{
		background-color: #e5f1f9;
		padding: 10px;
		display: inline-block;
		text-align: left;
	}
	.mvh img{
		display: block;
		margin: 0 auto;
	}
}

/*==========================
IMO関係
==========================*/
@media (min-width: 768px) {
	.imobox p{ margin-bottom: 0;}
}