@charset "UTF-8";


#mv.mv-monitor {
	background: url(../../keiseikai/images/mv-monitor.jpg) 40% 40%;
	background-size: cover;
	position: relative;
}

/*.monitor-lists li .label {
	line-height: 1.0;
	font-size: 1.4rem;
	margin-bottom: 5px;
	padding: 5px 5px 7px;
	display: inline-block;
}

.monitor-lists li h3 {
	font-size: 2.3rem;
	line-height: 1.6;
	margin-bottom: 20px;
}

.monitor-lists li {
	border-width: 0 0 1px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.monitor-lists li .left-box {
	width: 20%;
	max-width: 150px;
	margin-left: 0;
	margin-right: 5%;
}

.monitor-lists li figure img {
	width: 100%;
}

.monitor-lists li figcaption {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 10px;
}

.monitor-lists li .btn-green {
	margin-left: 0;
}

.monitor-lists li h4 {
	font-size: 2.0rem;
	margin-bottom: 10px;
	line-height: 1.6;
}*/



/* SINGLE */
/*#monitor-experience .monitor-lists li h2 {
	font-size: 2.6rem;
	line-height: 1.6;
	margin-bottom: 20px;
	border-width: 0 0 3px;
	padding-bottom: 20px;
}

.relation-article .monitor-lists li h3 {
	font-size: 2.0rem;
}

.relation-article .monitor-lists li h4 {
	margin-top: -35px;
	font-size: 1.8rem;
}

.relation-article .monitor-lists li figcaption {
	font-size: 1.2rem;
}*/


/* APPLICATION */
.monitor-tel {
	margin-top: 30px;
}

.monitor-tel > p {
	font-size: 2.0rem;
}

.monitor-tel .pc-display h2 {
	font-size: 4.8rem;
	line-height: 1.0;
	margin-top: 10px;
}

.monitor-tel .pc-display h2 .fa {
	font-size: 3.7rem;
	margin-right: 7px;
}

.monitor-type {
	margin-top: 35px;
}

.monitor-type ul {
	margin-bottom: -30px;
}

.monitor-type li {
	width: 48%;
	margin-bottom: 30px;
	padding: 30px;
	border-width: 5px;
}

.monitor-type li h2, .monitor-type li h3 {
	line-height: 1.0;
}

.monitor-type li h2 {
	font-size: 2.8rem;
}

.monitor-type li .flex h3 {
	font-size: 4.4rem;
	padding-left: 15px;
	margin: 12px 0;
}

.monitor-type li .read {
	line-height: 1.6;
}

.monitor-document h2, .monitor-flow h2 {
	border-width: 0 0 3px;
	font-size: 2.6rem;
}

.monitor-document div a {
	width: 49%;
}

.monitor-document div a .fa {
	margin-right: 10px;
}

.monitor-document p {
	margin-top: 15px;
}

.monitor-flow ol {
	margin-top: 20px;
}

.monitor-flow li {
	border-width: 0 0 1px;
	padding-bottom: 20px;
}

.monitor-flow li .number {
	font-size: inherit;
}




@media screen and (max-width: 834px) {
	
	#mv.mv-monitor {
		background-size: cover;
		background-position: center;
	}
	
	/*.monitor-lists li .left-box {
		width: 30%;
    max-width: 100px;
	}
	
	.monitor-lists li figcaption {
		font-size: 1.2rem;
	}
	
	.monitor-lists li .flex {
		align-items: center;
	}
	
	.monitor-lists li h4 {
		margin-bottom: 0;
    margin-top: -45px;
	}*/


	/* SINGLE */
	/*#monitor-experience .monitor-lists li h2 {
		font-size: 2.3rem;
	}
	
	#monitor-experience .monitor-lists li .left-box {
		width: 60%;
		max-width: 150px;
		margin: 0 auto 20px;
	}
	
	#monitor-experience .monitor-lists li figcaption {
		font-size: 1.4rem;
	}
	
	#monitor-experience .monitor-lists li figcaption span {
		margin-left: 1em;
	}
	
	#monitor-experience .monitor-lists li h4 {
		margin-top: 0;
	}
	
	.monitor-lists li:last-child {
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}*/
	
	

	/* APPLICATION */
	.monitor-type li h2 {
		font-size: 2.2rem;
	}
	
	.monitor-type li .flex h3 {
		font-size: 4.0rem;
	}
	
	.monitor-tel a {
		padding: 10px 5px 15px;
		line-height: 1.4;
		margin-top: 20px;
	}
	
	.monitor-tel a h2 {
		font-size: 2.0rem;
	}
	
	.monitor-tel a h2 .fa {
		margin-right: 5px;
	}
	
	.monitor-tel a p {
		font-size: 1.4rem;
		margin-top: 5px;
	}
	
	.monitor-type ul li {
		width: 100%;
		padding: 20px;
	}
	
	.monitor-document div a {
		width: 100%;
	}
	
	
}