/* 色定義 */
:root {
--color-main: #141B4D;
--color-accent: #AF272F;
--color-bg: #e8e8ed;
--color-bg-pickup: #e8e8ed;
--color-text-low: #222;
--color-text-high: #fff;
--color-btn: #141B4D;
--color-btn-text: #fff;
}

/*
ブログ設定の「カラー設定」をカスタムプロパティとして指定しています。
必要に応じ、適宜変更してください。
↓カラー設定の名称→カスタムプロパティ名↓
メイン→　--color-main
アクセント→　--color-accent
ボックス背景→　--color-bg
ピックアップ背景→　--color-bg-pickup
テキスト（基本）→　--color-text-low
テキスト（反転）→　--color-text-high
ボタン→　--color-btn
ボタンテキスト→　--color-btn-text
*/

/* 全体共通 */
body {
	color: var(--color-text-low);
	background-color: #fff;
}

/* 投稿日 */
.service-heading-title{
    font-size:17px !important;
    line-height:1.4;
}

/* メインタイトル */
.service-title{
    width:100%;
    max-width:850px;
    margin:30px auto 20px;
}

/* メインタイトル下線 */
.service-title {
	border-image: linear-gradient(to right, var(--color-main), 70%, var(--color-accent)) 1;
}

/* 著者情報背景（1カラム時） */
.usecase {
	background-color: var(--color-bg);
}
/* 著者情報、一覧カード背景 */
.usecase .usecase-card .usecase-card-link {
	background-color: #fff;
}
/* 著者情報タイトル背景 */
.usecase .usecase-card .usecase-card-headline {
color: var(--color-text-high);
background: -webkit-gradient(linear, left top, right top, from(var(--color-main)), to(var(--color-accent)));
background: linear-gradient(to right, var(--color-main), 70%, var(--color-accent))
}

/* 本文エリア背景 */
.feature {
	background-color: #fff
}

/* CTAエリア背景 */
.contact {
	background:#F3F7FB;
}

.contact .contact-inner{
    padding-top:10px !important;
    padding-bottom:30px !important;
}

/* CTAエリアテキスト */
.contact .contact-message {
	color: var(--color-main);
}
/* CTAエリアボタン */
.btn-inquiry {
	background-color: var(--color-btn);
	color: var(--color-btn-text);
}

.btn-inquiry:last-child{
    background-color:#BE2D3E;
}

.btn-inquiry .btn-inquiry-text{
margin-left:0 !important;
margin-top:0 !important;
margin-bottom:0 !important;
}

/* ピックアップエリア背景 */
.col-sub .subcontents-inner {
	background-color: var(--color-bg-pickup);
}
/* カテゴリタグ */
.entry-category span {
	background-color: var(--color-main);
	color: var(--color-text-high);
}

/* カテゴリメニュー */
.catmenu {
	background-color: var(--color-bg-pickup);
}
.catmenu .entry-category span {
	color: var(--color-main);
	background-color: var(--color-text-high);
	border-color: var(--color-main);
}
.catmenu .entry-category span:hover {
	background-color: var(--color-bg-pickup);
}

/* 2column調整用 */
.col-2 .usecase {
	background-color: #fff;
}
.col-2 .usecase .usecase-card .usecase-card-link {
	background-color: var(--color-bg);
}

/* h3見出し */
.point-title2{
    display:block;
    font-size:24px !important;
    font-weight:700;
    color:#1F3A5F;
    background:#F3F7FB;
    border-bottom:6px solid var(--color-main);
    padding:12px 16px;
    line-height:1.6;
}

/* 本文共通 */
.point-text{
    font-size:17px !important;
}

/* 箇条書き */
.edi-body ul{
    margin:16px 0 24px;
    padding-left:30px;
}

.edi-body li{
    margin-bottom:30px;
}

/* 目次 */
<style>
.toc-link{
    color:#333333;
    text-decoration:none;
}

.toc-link:hover{
    text-decoration:underline;
    text-underline-offset:3px;
}

/* 目次リスト */
.toc-list{
    list-style:none;
    margin:0;
    padding:0;
}

.toc-list li{
    margin-bottom:14px;
    line-height:2.0;
}

/* 番号 */
.toc-num{
    font-weight:700;
    color:#1F3A5F;
    margin-right:8px;
}
</style>

/* リード文 */
.service-heading-lead fadeIn{
        font-size: 17px;
}
.service-heading-lead{
        font-size: 17px;
}

/* トップページカテゴリ非表示 */
.usecase.for-index h2.category-title{
    display:none !important;
}

.hover-underline {
  text-decoration: none;
  color: var(--color-text-low);
}

.hover-underline:hover {
  text-decoration: underline;
}