@charset "UTF-8";

/* ********************************
	ページ固有設定
******************************** */

/* 共通：文字色 */
.insights .theme-color { color: #1d558a; }
/* 共通BG領域 背景色 */
.insights .fill { background-color: #e4ebf2; }
/* トップ：登場者 カード 背景色 */
.insights .characters__card { background: #415b74; }
/* トップ：製品名 下線 */
.insights .products-heading__head { color: #a40000; border-bottom-color: #a40000; }
/* 下層：L字部分 線色 */
.insights .theme-contents::before { background-color: #1d558a; }
.insights .theme-contents::after { background-color: #1d558a; }
/* 下層 BG領域タイトル */
.insights .udr-heading { border-bottom-color: #bccddd; }

/* ページ固有：画像 */
.insights .fill.bg-color { background: #ecebe6;padding-top: 30px; }
.insights .fill.bg-color .l-grid__item{padding-right: 0;margin-bottom: 22px;}
.insights .fill.bg-color .l-grid__item .c-text{line-height: 2;padding-top: 18px;}
.insights .fill.bg-color .l-grid__item .c-img{width: 94%;}
.insights .c-img.mt0 { margin-top: 0; }
@media only screen and (max-width:767px){
	.insights .l-grid__item.l-grid__item-4{display: flex;align-items: center;margin-top: 13px;}
	.insights .l-grid__item-4 .caption{padding: 0 0 0 10px;box-sizing: border-box; font-size: 14px;}
	.insights .fill.bg-color .l-separator-x4{margin-top: 0;}
	.insights .fill.bg-color{margin: 0;padding-bottom: 25px;}
	.insights .fill.bg-color .l-grid__item .c-img{width: 63%;}
	.insights .fill.bg-color .l-grid__item{padding-right: 15px;margin-bottom: 0;}
	.insights .fill.bg-color .l-grid__item.l-grid__item-4{padding-bottom: 30px;}
	.insights .fill.bg-color .l-grid__item .c-text{padding-top: 10px;}
}
