@charset 'utf-8';
/* =========================================================
 /solution/common.css
========================================================= */
/* ----- titles -----  */
.section-ttl {
	color: #005bac !important;
	padding: 18px 15px 14px;
	}
#detail .page-ttl {
	font-size: 30px;
	padding: 9px 12px;
	}
.page-ttl span {
	margin-bottom: 0;
}
.page-ttl .robotolight {
	font-size: 30px;
	}

/* ----- #main-visual ----- */
#main-visual {
	padding-top: 0;
	margin: 0 0 20px;
	border-top: none;
	}
	#visual-wrap {
		max-width: 960px;
		max-height: 365px;
		margin: 0 auto;
		}
		#visual-wrap img {
			height: auto;
			margin: 0 auto;
			max-width: 100%;
			display: block;
			}

/* #contents */
#contents {
	margin-bottom: 50px;
	}

/* ----- #note ----- */
#characteristic-content, #use-content {
	display: block !important;
	}
#article-body ul.system-list {
	padding: 0;
	margin: 0;
	}
	#article-body ul.system-list li {
		padding: 0;
		margin: 0;
		}
		#article-body .system-list-item a {
			color: #fff;
			}
		#article-body .system-list-item.bottom-level a {
			color: #010c16;
			}


/* Responsive max-width: 768px
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
	/* ----- #breadcrumb-wrap -----*/
	#breadcrumb-wrap {
		margin-bottom: 10px;
		}

	/* -----#main-visual ----- */
	#main-visual {
		margin-bottom: 10px;
		}

}


/* Responsive max-width: 640px
--------------------------------------------------------- */
@media screen and (max-width: 640px) {
	/* ----- #breadcrumb-wrap -----*/
	#breadcrumb-wrap {
		margin-bottom: 0;
		}

	/* -----#main-visual ----- */
	#main-visual {
		margin-bottom: 0;
		}
    /*-----robotolight-------*/
    .page-ttl .robotolight {
	font-size: 20px;
	}

}