@charset "UTF-8";

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

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

/* ページ固有：画像 */
.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; }
.insights .c-img__caption.align_center{text-align: center;}

.insights .profile_area{display: flex;background-color: #017fa6;color: #fff;}
.insights .profile_area .profile_inner_text,.insights .profile_area .profile_img{width: 50%;}
.insights .profile_area .profile_inner_text{padding: 5% 5.884%;}
.insights .profile_area .profile_name{position: relative;}
.insights .profile_area .profile_name:before{background-color: rgba(255, 255, 255, .3);content: "";position: absolute;top: 20px;left: -50px;width: 40px;height: 2px;}
.insights .profile_area .profile_text{line-height: 1.625;margin-top: 5px;}

@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;}

	.insights .profile_area{display: flex;flex-direction: column-reverse;}
	.insights .profile_area .profile_inner_text, .insights .profile_area .profile_img{width: 100%;}
	.insights .profile_area .profile_inner_text{padding: 20px;}
	.insights .profile_area .profile_name:before{width: 15px;height: 3px;top: 22px;left: -20px;}
}