@CHARSET "utf-8";






/* PC版コラム・エピソードページ用CSS */



/* エピソード */



	/* エピソード一覧 */
	
ul.episode-list > li{
	background:#ffffff;
	padding:40px;
	margin-bottom:40px;
	border-bottom:4px solid #fbd29f;
	list-style:none;
	position:relative;
}

ul.episode-list > li::before{
	content:"";
	position:absolute;
	top:-10px;
	left:60px;
	background:#f39824;
	width:60px;
	height:80px;
	z-index:2;
	clip-path: polygon(0 0 , 100% 0 , 100% 100% , 50% 70% , 0 100%);
}
	
ul.episode-list > li article.episode-list-item{
	display:grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: auto 1fr;
}


ul.episode-list > li article.episode-list-item > .episode-list-item-headline{
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	font-size:24px;
	color:#333333;
	font-weight:normal;
	border-bottom:4px dotted #bbbbbb;
	padding-bottom:6px;
}


ul.episode-list > li article.episode-list-item > .episode-list-item-image{
	margin-right:40px;
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	max-width:480px;
}

ul.episode-list > li article.episode-list-item > .episode-list-item-image img:hover{
	opacity:0.7;
	transition:.3s;
}
	
	
ul.episode-list > li article.episode-list-item > .episode-list-item-content{

	grid-row: 2 / 3;
	grid-column: 2 / 3;
}	


ul.episode-list > li article.episode-list-item > .episode-list-item-content .episode-list-item-posted-date{
	display:block;
	text-align:right;
	color:#666666;
	font-size:12px;
	margin:10px 0;
}

ul.episode-list > li article.episode-list-item > .episode-list-item-content p.episode-list-item-posted-overview{
	margin-bottom:5px;
}


ul.episode-list > li article.episode-list-item > .episode-list-item-content p.episode-list-item-customer-info{
	margin-top:10px;
	margin-bottom:10px;
	display:flex;
	jusify-content:flex-start;
	align-items:center;
}

ul.episode-list > li article.episode-list-item > .episode-list-item-content p.episode-list-item-customer-info::before{
	content:"";
	background:url('../img/icon/episode_person.png') #ddaa77 no-repeat;
	background-size:auto 16px;
	background-position:center center;
	width:20px;
	height:20px;
	max-height:20px;
	max-width:20px;
	min-height:20px;
	min-width:20px;
	border-radius:300px;
	z-index:2;
}

ul.episode-list > li article.episode-list-item > .episode-list-item-content p.episode-list-item-customer-info > span{
	display:bock;
	margin-left:-20px;
	/*
	padding:6px 12px 6px 32px;
	*/
	padding-left:32px;
	/*
	border-bottom:2px dashed #e1ddda;
	*/
	color:#bb8855;
}


ul.episode-list > li article.episode-list-item .episode-list-item-link-button a:link,
ul.episode-list > li article.episode-list-item .episode-list-item-link-button a:visited{
	display:block;
	margin:10px 40px 0;
	background:url('../img/icon/arrow_white.png') #6c9bd2 no-repeat;
	background-position:98% center;
	padding:10px 20px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

ul.episode-list > li article.episode-list-item .episode-list-item-link-button a:hover,
ul.episode-list > li article.episode-list-item .episode-list-item-link-button a:active{
	background:url('../img/icon/arrow_white.png') #f39824 no-repeat;
	background-position:96% center;
}


ul.episode-list > li ul.episode-list-item-category-list{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}

ul.episode-list > li ul.episode-list-item-category-list > li{
	margin:0 6px 6px 0;
}

ul.episode-list > li ul.episode-list-item-category-list > li a:link,
ul.episode-list > li ul.episode-list-item-category-list > li a:visited{
	display:block;
	border:2px solid #ddaa77;
	border-radius:300px;
	padding:4px 8px;
	/*
	color:#f39824;
	*/
	text-decoration:none;
	font-size:12px;
	color:#998877;
	letter-spacing:0.02em;
}

ul.episode-list > li ul.episode-list-item-category-list > li a:hover,
ul.episode-list > li ul.episode-list-item-category-list > li a:active{
	border:2px solid #f39824;
	background:#f39824;
	color:#ffffff;
	text-decoration:none;
}



	/* エピソード詳細 */
	

article.episode-article{
	border-top:4px solid #f39824;
	background:#ffffff;
	padding:40px;
	margin-bottom:60px;
	position:relative;
	overflow:hidden;
	border-bottom:2px dashed #fbd29f;
}

article.episode-article::before{
	content:"";
	background:#f39824;
	transform:rotate(45deg);
	position:absolute;
	top:-20px;
	left:-20px;
	width:40px;
	height:40px;
}

article.episode-article::after{
	content:"";
	background:#fbd29f;
	transform:rotate(45deg);
	position:absolute;
	bottom:-20px;
	right:-20px;
	width:40px;
	height:40px;
}

article.episode-article .episode-headline{
	color:#444444;
	font-size:36px;
	font-weight:normal;
}

article.episode-article .episode-content{
	border-top:4px dotted #ccbbaa;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:40px;
}

article.episode-article .episode-content .episode-overview-posted-date{
	text-align:right;
	font-size:14px;
	color:#666666;
	display:block;
	margin-bottom:20px;
}



			/* お客様情報 */

article.episode-article .episode-content dl.episode-customer-person-data{
	display:flex;
	align-items:center;
	margin-bottom:40px;
}

article.episode-article .episode-content dl.episode-customer-person-data::before{
	background:#ddaa77;
	border-radius:300px;
	content:"";
	background:url('../img/icon/episode_person.png') #ddaa77 no-repeat;
	background-size:auto 52px;
	background-position:center center;
	width:72px;
	height:72px;
	z-index:2;
}

article.episode-article .episode-content dl.episode-customer-person-data > div{
	margin-left:-16px;
	border:2px dashed #e1ddda;
	padding:14px 20px 14px 30px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

article.episode-article .episode-content dl.episode-customer-person-data > div > dt{
	background:#ddaa77;
	color:#ffffff;
	padding:4px 14px;
	font-size:14px;
	margin-bottom:8px;
}

article.episode-article .episode-content dl.episode-customer-person-data > div > dd{
	color:#666666;
	font-size:18px;
}


			/* お客様のご状況 */

article.episode-article .episode-content dl.episode-customer-situation-data{
	display:flex;
	align-items:flex-start;
	margin-left:140px;
	margin-bottom:40px;
}

article.episode-article .episode-content dl.episode-customer-situation-data > dt{
	margin-right:18px;
	color:#666666;
	font-size:18px;
}

article.episode-article .episode-content dl.episode-customer-situation-data > dd{
	margin-right:18px;
	color:#666666;
	font-size:18px;
}

article.episode-article .episode-content .episode-body{
	font-size:18px;
}

			/* CTA、詳細を見るボタン */

article.episode-article .episode-content .episode-body .read-detail-button{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:20px 0 40px;
}

article.episode-article .episode-content .episode-body .read-detail-button a:link,
article.episode-article .episode-content .episode-body .read-detail-button a:visited{
	display:block;
	margin:10px 40px 0;
	background:url('../img/icon/arrow_white.png') #6c9bd2 no-repeat;
	background-position:98% center;
	padding:14px 40px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-size:20px;
	border-radius:2px;
}

article.episode-article .episode-content .episode-body .read-detail-button a:hover,
article.episode-article .episode-content .episode-body .read-detail-button a:active{
	background:url('../img/icon/arrow_white.png') #f39824 no-repeat;
	background-position:96% center;
}


		/* 記事のカテゴリー一覧 */

article.episode-article dl.episode-category-list{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin:0 40px;
}


article.episode-article dl.episode-category-list > dt{
	background:#ddaa77;
	color:#ffffff;
	padding:6px 14px;
	z-index:2;
}

article.episode-article dl.episode-category-list > dd{
	border:2px dashed #e1ddda;
	padding:20px 20px 0px;
	margin:-14px 0 20px 20px;
	min-width:480px;
}

article.episode-article dl.episode-category-list > dd > ul{
	list-style:none;
	display:flex;
	padding-left:14px;
}

article.episode-article dl.episode-category-list > dd > ul > li{
	margin:0 20px 16px 0;
}

article.episode-article dl.episode-category-list > dd > ul > li a:link,
article.episode-article dl.episode-category-list > dd > ul > li a:visited{
	
}



	/* エピソードのカテゴリー一覧 */
	
ul.episode-category-list{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:10px 0 20px;
}

ul.episode-category-list > li{
	margin:0 10px 10px 0;
}

ul.episode-category-list > li a:link,
ul.episode-category-list > li a:visited{
	display:block;
	background:url('../img/icon/arrow_gray.png') no-repeat #ffffff;
	background-position:98% center;
	padding:10px 20px;
	text-decoration:none;
	border: 2px solid #ddaa77;
	font-size:18px;
	border-radius:2px;
	border-radius:300px;
	color: #998877;
}

ul.episode-category-list > li a:hover,
ul.episode-category-list > li a:active{
	background:url('../img/icon/arrow_white.png') no-repeat #f39824;
	background-position:96% center;
	color:#ffffff;
}


	/* 簡易版エピソードリスト */

ul.episode-compact-list{
	display:flex;
	flex-wrap:wrap;
	margin:10px 0 20px;
}

ul.episode-compact-list > li{
	width:50%;
	list-style:none;
	margin-bottom:20px;
}

ul.episode-compact-list > li a:link,
ul.episode-compact-list > li a:visited{
	display:block;
	margin-right:20px;
	border: 2px solid #ddaa77;
	background:url('../img/icon/arrow_gray.png') no-repeat #ffffff;
	background-position:99% center;
	color: #998877;
	text-decoration:none;
	border-radius:2px;
	font-size:18px;
}
	
ul.episode-compact-list > li a:hover,
ul.episode-compact-list > li a:active{
	background:url('../img/icon/arrow_white.png') no-repeat #f39824;
	background-position:98% center;
	color:#ffffff;
}

ul.episode-compact-list > li a figure{
	display:flex;
	align-items:center;
}

ul.episode-compact-list > li a figure img{
	margin-right:20px;
	max-width:120px;
}

ul.episode-compact-list > li a figure figcaption{
	margin-right:32px;
	flex-grow:1;
}

	/* エピソードのAside */
	

.episode-aside-section{
	margin:60px 0 40px;
}

.episode-aside-section dl.episode-aside-content-list{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin:10px 0 40px;
}

.episode-aside-section dl.episode-aside-content-list dt{
	background: #ddaa77;
	color:#ffffff;
	font-size:20px;
	padding:10px 20px;
	margin-bottom:12px;
}	




/****************** コラム ***************************/



	/* コラム一覧 */
	
ul.column-list > li{
	background:#ffffff;
	padding:40px;
	margin-bottom:40px;
	border-bottom:4px solid #fbd29f;
	list-style:none;
	position:relative;
}

ul.column-list > li::before{
	content:"";
	position:absolute;
	top:-10px;
	left:60px;
	background:#f39824;
	width:60px;
	height:80px;
	z-index:2;
	clip-path: polygon(0 0 , 100% 0 , 100% 100% , 50% 70% , 0 100%);
}
	
ul.column-list > li article.column-list-item{
	display:grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: auto 1fr;
}


ul.column-list > li article.column-list-item > .column-list-item-headline{
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	font-size:24px;
	color:#333333;
	font-weight:normal;
	border-bottom:4px dotted #bbbbbb;
	padding-bottom:6px;
}


ul.column-list > li article.column-list-item > .column-list-item-image{
	margin-right:40px;
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	max-width:480px;
}

ul.column-list > li article.column-list-item > .column-list-item-image img:hover{
	opacity:0.7;
	transition:.3s;
}
	
	
ul.column-list > li article.column-list-item > .column-list-item-content{

	grid-row: 2 / 3;
	grid-column: 2 / 3;
}	


ul.column-list > li article.column-list-item > .column-list-item-content .column-list-item-posted-date{
	display:block;
	text-align:right;
	color:#666666;
	font-size:12px;
	margin:10px 0;
}

ul.column-list > li article.column-list-item > .column-list-item-content p.column-list-item-posted-overview{
	margin-bottom:5px;
}



ul.column-list > li article.column-list-item .column-list-item-link-button a:link,
ul.column-list > li article.column-list-item .column-list-item-link-button a:visited{
	display:block;
	margin:10px 40px 0;
	background:url('../img/icon/arrow_white.png') #6c9bd2 no-repeat;
	background-position:98% center;
	padding:10px 20px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

ul.column-list > li article.column-list-item .column-list-item-link-button a:hover,
ul.column-list > li article.column-list-item .column-list-item-link-button a:active{
	background:url('../img/icon/arrow_white.png') #f39824 no-repeat;
	background-position:96% center;
}


ul.column-list > li ul.column-list-item-category-list{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}

ul.column-list > li ul.column-list-item-category-list > li{
	margin:0 6px 6px 0;
}

ul.column-list > li ul.column-list-item-category-list > li a:link,
ul.column-list > li ul.column-list-item-category-list > li a:visited{
	display:block;
	border:2px solid #ddaa77;
	border-radius:300px;
	padding:2px 6px;
	/*
	color:#f39824;
	*/
	text-decoration:none;
	font-size:12px;
	color:#998877;
	letter-spacing:0.02em;
}

ul.column-list > li ul.column-list-item-category-list > li a:hover,
ul.column-list > li ul.column-list-item-category-list > li a:active{
	border:2px solid #f39824;
	background:#f39824;
	color:#ffffff;
	text-decoration:none;
}






	/* コラム詳細 */
	

article.column-article{
	border-top:4px solid #f39824;
	background:#ffffff;
	padding:40px;
	margin-bottom:60px;
	position:relative;
	overflow:hidden;
	border-bottom:2px dashed #fbd29f;
}

article.column-article::before{
	content:"";
	background:#f39824;
	transform:rotate(45deg);
	position:absolute;
	top:-20px;
	left:-20px;
	width:40px;
	height:40px;
}

article.column-article::after{
	content:"";
	background:#fbd29f;
	transform:rotate(45deg);
	position:absolute;
	bottom:-20px;
	right:-20px;
	width:40px;
	height:40px;
}

article.column-article .column-headline{
	color:#444444;
	font-size:36px;
	font-weight:normal;
}

article.column-article .column-content{
	border-top:4px dotted #ccbbaa;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:40px;
}

article.column-article .column-content .column-overview{
	margin-bottom:18px;
}

article.column-article .column-content .column-overview .column-overview-posted-date{
	text-align:right;
	font-size:14px;
	color:#666666;
	display:block;
	margin-bottom:2px;
}

article.column-article .column-content .column-overview .column-overview-update-date{
	text-align:right;
	font-size:14px;
	color:#666666;
	display:block;
	margin-bottom:2px;
}


			/************** 記事詳細のタグのCSS ****************/

article.column-article .column-content .column-body{
	font-size:18px;
	line-height:160%;
}
							
article.column-article .column-content .column-body h2{
	font-size:24px;
	color:#333333;
	border-left:#ddaa77 3px solid;
	padding:6px 14px 6px;
	margin:60px 0 40px;
}

article.column-article .column-content .column-body .column-main-image{
	margin-bottom:16px;
}

article.column-article .column-content .column-body p{
	color:#333333;
	margin:0 0 32px;
	padding:0;
}

article.column-article .column-content .column-body ol{
	margin:20px 40px 32px;
}

article.column-article .column-content .column-body ol > li{
	margin:0 0 12px;
	color:#333333;
}

article.column-article .column-content .column-body ul{
	list-style:disc;
	margin:20px 40px 32px;
}

article.column-article .column-content .column-body ul > li{
	margin:0 0 12px;
	color:#333333;
}

article.column-article .column-content .column-body dfn{
	font-style:normal;
}

			/************** 記事詳細のタグのCSSここまで ****************/

			/* CTA、詳細を見るボタン */

article.column-article .column-content .column-body .read-detail-button{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:20px 0 40px;
}

article.column-article .column-content .column-body .read-detail-button a:link,
article.column-article .column-content .column-body .read-detail-button a:visited{
	display:block;
	margin:10px 40px 0;
	background:url('../img/icon/arrow_white.png') #6c9bd2 no-repeat;
	background-position:98% center;
	padding:14px 40px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-size:20px;
	border-radius:2px;
}

article.column-article .column-content .column-body .read-detail-button a:hover,
article.column-article .column-content .column-body .read-detail-button a:active{
	background:url('../img/icon/arrow_white.png') #f39824 no-repeat;
	background-position:96% center;
}


		/* 記事のカテゴリー一覧 */

article.column-article dl.column-category-list{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin:0 40px;
}


article.column-article dl.column-category-list > dt{
	background:#ddaa77;
	color:#ffffff;
	padding:6px 14px;
	z-index:2;
}

article.column-article dl.column-category-list > dd{
	border:2px dashed #e1ddda;
	padding:20px 20px 0px;
	margin:-14px 0 20px 20px;
	min-width:480px;
}

article.column-article dl.column-category-list > dd > ul{
	list-style:none;
	display:flex;
	padding-left:14px;
}

article.column-article dl.column-category-list > dd > ul > li{
	margin:0 20px 16px 0;
}

article.column-article dl.column-category-list > dd > ul > li a:link,
article.column-article dl.column-category-list > dd > ul > li a:visited{
	
}

		/* 著者情報 */

article.column-article .column-author{

}

article.column-article .column-author-headline{
	font-size:20px;
	font-weight:bold;
	color:#555555;
	padding:40px 0 20px;
}

article.column-article .column-author .column-author-infomation{
	display:grid;
	position:relative;
	padding:28px;
}

article.column-article .column-author .column-author-infomation::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:2px;
	background:#ccbbaa;
}

article.column-article .column-author .column-author-infomation::after{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:80px;
	height:2px;
	background:#ccbbaa;
}

article.column-article .column-author .column-author-infomation .column-author-name{
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	font-weight:bold;
	font-size:16px;
	margin-bottom:8px;
	color:#333333;
}

article.column-article .column-author .column-author-infomation .column-author-image{
	grid-row: 1 / 5;
	grid-column: 1 / 2;
	max-width:160px;
	margin-right:30px;
}

article.column-article .column-author .column-author-infomation .column-author-image img{
	border-radius:1000px;
}

article.column-article .column-author .column-author-infomation .column-author-jobtitle{
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	font-size:14px;
	margin-bottom:6px;
	display:flex;
}

article.column-article .column-author .column-author-infomation .column-author-jobtitle > span{
	background:#ddaa77;
	color:#ffffff;
	border-radius:10px;
	padding:4px 12px;
}

article.column-article .column-author .column-author-infomation .column-author-description{
	grid-row: 3 / 4;
	grid-column: 2 / 3;
	font-size:14px;
	margin-bottom:6px;
}

article.column-article .column-author .column-author-infomation .column-author-credentials-data{
	grid-row: 4 / 5;
	grid-column: 2 / 3;
}

article.column-article .column-author .column-author-infomation dl.column-author-credentials-data > dt{
	grid-row: 4 / 5;
	grid-column: 2 / 3;
	border-left:3px solid #ddaa77;
	padding-left:12px;
	color:#333333;
}

article.column-article .column-author .column-author-infomation dl.column-author-credentials-data > dd{
	grid-row: 4 / 5;
	grid-column: 2 / 3;
	color:#333333;
}

article.column-article .column-author .column-author-infomation dl.column-author-credentials-data > dd > ul{
	display:flex;
	flex-wrap;
	list-style:none;
	font-size:14px;
}

article.column-article .column-author .column-author-infomation dl.column-author-credentials-data > dd > ul > li{
	margin-top:6px;
	margin-right:19px;
	background:url('../img/icon/tag.png') no-repeat #f0eeec;
	background-size:auto 14px;
	background-position:8px center;
	padding:4px 8px 4px 28px;
	border-radius:2px;
}



		/* コラムのカテゴリー一覧 */
	
ul.column-category-list{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:10px 0 20px;
}

ul.column-category-list > li{
	margin:0 10px 10px 0;
}

ul.column-category-list > li a:link,
ul.column-category-list > li a:visited{
	display:block;
	background:url('../img/icon/arrow_gray.png') no-repeat #ffffff;
	background-position:98% center;
	padding:10px 20px;
	text-decoration:none;
	border: 2px solid #ddaa77;
	font-size:18px;
	border-radius:2px;
	border-radius:300px;
	color: #998877;
}

ul.column-category-list > li a:hover,
ul.column-category-list > li a:active{
	background:url('../img/icon/arrow_white.png') no-repeat #f39824;
	background-position:96% center;
	color:#ffffff;
}


	/* 簡易版エピソードリスト */

ul.column-compact-list{
	display:flex;
	flex-wrap:wrap;
	margin:10px 0 20px;
}

ul.column-compact-list > li{
	width:50%;
	list-style:none;
	margin-bottom:20px;
}

ul.column-compact-list > li a:link,
ul.column-compact-list > li a:visited{
	display:block;
	margin-right:20px;
	border: 2px solid #ddaa77;
	background:url('../img/icon/arrow_gray.png') no-repeat #ffffff;
	background-position:99% center;
	color: #998877;
	text-decoration:none;
	border-radius:2px;
	font-size:18px;
}
	
ul.column-compact-list > li a:hover,
ul.column-compact-list > li a:active{
	background:url('../img/icon/arrow_white.png') no-repeat #f39824;
	background-position:98% center;
	color:#ffffff;
}

ul.column-compact-list > li a dl{
	display:grid;
	grid-template-columns:160px 1fr;
}

ul.column-compact-list > li a dl dt{
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	padding:10px 10px 0px 10px;
}

ul.column-compact-list > li a dl dd.image{
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	background:#ffffff;
}

ul.column-compact-list > li a dl dd.image img:hover{
	opacity:0.7;
	transition:.3s;
}

ul.column-compact-list > li a dl dd.category{
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	padding:0 10px 10px;
	font-size:12px;
}

ul.column-compact-list > li a dl dd.category ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}

ul.column-compact-list > li a dl dd.category ul li{
	margin:10px 10px 0 0;
	border-radius:300px;
	background:#f39824;
	color:#ffffff;
	padding:2px 8px;
}

	/* コラムのAside */
	

.column-aside-section{
	margin:60px 0 40px;
}

.column-aside-section dl.column-aside-content-list{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin:10px 0 40px;
}

.column-aside-section dl.column-aside-content-list > dt{
	background: #ddaa77;
	color:#ffffff;
	font-size:20px;
	padding:10px 20px;
	margin-bottom:12px;
}