<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

#manhole {
	background-color: #c2b9b5;
}
#manhole .Inner {
	margin:30px;
	padding:30px;
	margin-bottom:0;
	background-color:#FFF;
	}
	
.catch01 {
	font-size: 130%;
	text-align: center;
	color: #5a4949;
	font-weight: bold;
	margin-bottom: 15px;
	
}
.large {
	font-size: 100% !important;
	line-height: 1.6em !important;
}

.catch02 {
	font-size: 110%;
	text-align: left;
	color: #036F96;
	font-weight: bold;
	border-left: 0.3em solid #036F96;
	line-height: 1em;
	padding-left: 10px;
	margin-bottom: 15px;
	
}
.catch03 {
	font-size: 130%;
	text-align: center;
	color: #036F96;
	font-weight: bold;
	margin-bottom: 15px;
	
}

.feature {
	margin-left: 15px;
	margin-bottom: 30px;
}

h2 {
	text-align: center;
	font-weight: bold;
	font-size: 140% !important;
	margin-bottom: 25px!important;
}

.box01 {
	background: #EEE;
	padding: 20px;
	margin-bottom: 30px;
}
.box02 {
	background: #ddecf5;
	padding: 20px;
	margin-bottom: 30px;
}
.case {
	clear: both;
	margin-bottom: 25px;
}
.case .icon {
	float: left;
	width: 150px;
}
.case .text {
	float: right;
	width: 670px;

}
.case .text .catchcopy {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 15px;
	color: #5a4949;
}


@media screen and (max-width: 767px) {

#manhole{
	background-color: #FFF;
}

#manhole .Inner {
	margin:0px;
	padding:0px;
	}
#manhole .catch02 {
    font-size: 110%;
    line-height:1.4em;
    }
#manhole h2 {
	font-size: 110% !important;
	}
.catch03 {
	font-size: 100%;
	
}

}

@media screen and (max-width: 579px) {
.catch01 {
	font-size: 110%;	
}

}</pre></body></html>