@charset "UTF-8";

.second-top-page-title.site-usage-title {
	font-size: 36px;
	font-weight: bold;
	color: #007acc;
	margin-bottom: 10px;
	letter-spacing: 1.5px;
}

.second-top-page-subtitle.site-usage-subtitle {
	font-size: 18px;
	color: #555;
}

/* フレックスエリア（内容全体） */
.flex-area.site-usage-flex-area {
	margin: 0 auto;
	background: #ffffff;
	padding: 40px 0px;
}

/* セクション見出し */
.site-usage-item h2 {
	text-align: left;
	font-size: 22px;
	color: #0066cc;
	border-left: 5px solid #007acc;
	padding-left: 10px;
	margin-top: 40px;
}

.site-usage-flex-area .site-usage-text {
	text-align: center;
}

.site-usage-flex-area .site-usage-item {
	padding: 70px 0px;
	border-bottom: 1px solid #808080;
}

/* 本文テキスト */
.site-usage-item p,
.flex-area>p {
	text-align: left;
	font-size: 16px;
	line-height: 1.8;
	color: #444;
	margin-top: 12px;
}

/* リスト項目 */
.site-usage-item ul {
	text-align: left;
	margin: 10px 0 20px 20px;
	padding-left: 20px;
	list-style-type: disc;
	font-weight: 600;
}

.site-usage-item ul li {
	margin-bottom: 6px;
	font-size: 15px;
}

/* リンク */
.site-usage-item a {
	color: #3fa5be;
	text-decoration: underline;
	font-weight: 600;
}

.site-usage-item a:hover {
	opacity: 0.9;
}

/* h3のデフォルト設定 */
.site-usage-area h3 {
	font-size: 20px;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	font-weight: bold;
	color: #4d4d4d;
	letter-spacing: 0.1em;
}

/* アイコンのデフォルト設定 h3 */
.site-usage-area h3 i {
	font-size: 14px;
	color: #005bac;
	margin-top: 3px;
	margin-right: 10px;
}