@charset "utf-8";
/* CSS Document */

/*==============================*/
/* コラム　フレーム */
/*==============================*/
div.columnWrap{
	display: flex;
	width: min(1080px,100%);
	margin: 0 auto;
}

	/* ======= TB以下 =======*/
	@media (max-width: 1024px) {
		div.columnWrap{ flex-direction: column;}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.columnWrap{ padding: 0 24px;}
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		div.columnWrap{ padding: 0 20px;}
		#columnDetail div.columnWrap { padding: 0;}
	}


/*---------------------------------
   メイン
---------------------------------*/
div.columnWrap div.mainColumn{
	flex: 1;
	min-width: 0; 
	margin-right: 48px;
}
	/* ======= TB以下 =======*/
	@media (max-width: 1024px) {
		div.columnWrap div.mainColumn{ margin-right: 0px; margin-bottom: 56px}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		#columnDetail div.columnWrap div.mainColumn{
			width: calc(100% + 40px);
			margin-left: -20px;
		}
	}


/*---------------------------------
   サブ
---------------------------------*/
div.columnWrap div.sideColumn{
	width: 280px;
	flex: 0 0 280px;
	
}
	/* ======= TB以下 =======*/
	@media (max-width: 1024px) {
		div.columnWrap div.sideColumn{ width: 100%;}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		
	}


/*-- タイトル
------------------------- */
.side-menuTitle{
	padding-bottom: 16px;
	border-bottom: 1px solid #444;
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3em;
}


/*-- 検索
------------------------- */
div.searchForm form{
	display: flex;
	border: 1px solid #ccc;
	border-radius: 5px;
}
div.searchForm input{
	width: calc(100% - 64px);
	padding: 8px 12px;
	box-sizing: border-box;
	min-height: 1.5em;
	border-radius: 5px 0 0 5px;
}
div.searchForm input::placeholder{
	color: #ccc;
	font-size: 15px;
	font-weight: 400;
}
div.searchForm button{
	width: 64px;
	border-radius: 0 5px 5px 0;
	font-size: 15px;
	cursor: pointer;
	border-left: 1px solid #ccc;
}
div.searchForm button:hover{ opacity: 0.7;}



/*-- タグリスト
------------------------- */
ul.side-tagList li{
	position: relative;
	border-bottom: 1px solid #ccc;
}
ul.side-tagList li::before{
	position: absolute; top: 50%; left: 0;
	content: "＃";
	margin-top: -14px;
	color: var(--themecolor);
	z-index: 99;
}
ul.side-tagList li a{
	position: relative;
	display: block;
	padding: 11px 0 11px 20px;
	font-size: 15px;
}

ul.side-tagList li a::before{
	position: absolute; top: 50%; right: 20px;
	content: "";
	width: 8px;
	height: 1px;
	background: var(--themecolor);
}
ul.side-tagList li a::after{
	position: absolute; top: 50%; right: 20px;
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1px solid var(--themecolor);
	border-right: 1px solid var(--themecolor);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px;
}

ul.side-tagList li a:hover{
	background: #fff;
	color: var(--themecolor);
	font-weight: 700;
}
ul.side-tagList li:hover::before{ font-weight: 700;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
	}


/*==============================*/
/* コラム　フレーム */
/*==============================*/
.column-mainTitle{
	margin-bottom: 24px;
	color: #000;
    font-size: 25px;
	font-weight: 600;
	line-height: 1.3em;
}

	/* ======= PC：個別設定 =======*/
	@media (min-width: 1230px){
		.column-mainTitle{ margin-left: 20px;}
	}



/*==============================*/
/* コラム一覧　背景色 */
/*==============================*/
.bgColumn{
	padding-bottom: 80px;
	background: #F4F8FD;
}

/*==============================*/
/* コラム一覧  */
/*==============================*/
.columnSlide-wrap{
	width: 98%;
	margin: 0 auto;
}
	
/*---------------------------------
   上書き設定
---------------------------------*/
.columnSlide .slick-track{
	display: flex; display: -webkit-flex;
	margin: 12px!important;
}
	
/*---------------------------------
   ページャー
---------------------------------*/
.columnSlide .slick-arrow {
	position: absolute; top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	outline: none;
	z-index: 1;
	color: #fff;
	font-size: 0;
	transform: translateY(-50%);
	background-color: rgba(0,0,0,0.3);
	cursor: pointer;
}
.columnSlide .slick-arrow::before {
	position: absolute; top: 20px;
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-width: 3px 3px 0 0;
}

/*-- 次へ -- */
.columnSlide .slick-next { right: -8px;}
.columnSlide .slick-next::before {
	left: 14px;
	transform: translateY(-50%) rotate(45deg);
}

/*-- 前へ -- */
.columnSlide .slick-prev { left: 2px;}
.columnSlide .slick-prev::before {
	left: 16px;
	transform: translateY(-50%) rotate(-135deg);
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		.columnSlide .slick-arrow {
			position: absolute; top: 50%;
			width: 36px;
			height: 36px;
		}
		.columnSlide .slick-arrow::before {
			position: absolute; top: 18px;
			width: 9px;
			height: 9px;
			border-width: 2px 2px 0 0;
		}

		/*-- 次へ -- */
		.columnSlide .slick-next { right: 0px;}
		.columnSlide .slick-next::before { left: 12px;}

		/*-- 前へ -- */
		.columnSlide .slick-prev { left: 2px;}
		.columnSlide .slick-prev::before { left: 14px;}
	}


/*---------------------------------
   Content
---------------------------------*/
div.columnSlide{ margin-left: -6px;}
div.columnSlide article{
	position: relative;
	margin: 0 16px;
	padding-bottom: 10px;
	height: auto!important;
	background: #fff;
	border-radius: 8px;
	box-shadow: 1px 2px 6px 0px rgba(153,153,153,0.3);
}
	

/*-- 画像
------------------------- */
div.columnSlide article figure{ margin: 0;}
div.columnSlide article figure img{
	object-fit: cover;
	width: 100%;
	height: auto;
	border-radius: 8px 8px 0 0;
	aspect-ratio: 768/403;
}

/*-- タイトル
------------------------- */
div.columnSlide article div.columnSlide-content{
	padding: 24px 28px 72px 28px;
}
	
	
/*-- カテゴリ -- */
div.columnSlide article ul{
	margin-bottom: 12px;
}
div.columnSlide article ul li a{
	display: inline-block;
	padding: 3px 12px;
	min-width: 80px;
	background: var(--themecolor);
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3em;
	border-radius: 200px;
	text-align: center;
}
	
/*-- タイトル -- */	
div.columnSlide article h3 a{
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.414em;
}
div.columnSlide article h3 a:hover{
	opacity: 0.6;
}

	
/*-- 更新日 -- */
div.columnSlide article div.columnSlide-content div{
	position: absolute; bottom: 28px; left: 24px;
	display: flex;
	gap: 20px;
}
div.columnSlide article div.columnSlide-content div dl{
	display: flex;
	
}
div.columnSlide article div.columnSlide-content div dl:first-child{
	position: relative;
}
div.columnSlide article div.columnSlide-content div dl:first-child::before{
	position: absolute; top: 3px; right: -11px;
	content: "";
	width: 1px;
	height: 14px;
	background: #838383;
}
	
div.columnSlide article div.columnSlide-content div dl dt,
div.columnSlide article div.columnSlide-content div dl dd{
	color: #838383;
	font-size: 14px;
	line-height: 1.3em;
}
div.columnSlide article div.columnSlide-content dl dt{
	position: relative;
	margin-right: 0px;
	padding-right: 14px;
}
div.columnSlide article div.columnSlide-content dl dt::before{
	position: absolute; top: 0; right: 0;
	content: "：";
}

	/* ======= TB：個別設定 =======*/
	@media screen and (min-width: 768px) and (max-width: 1400px) {
		/*-- 更新日 -- */
		div.columnSlide article div.columnSlide-content div{
			position: absolute; bottom: 20px; left: 24px;
			flex-direction: column;
			gap: 4px;
		}
		div.columnSlide article div.columnSlide-content div dl:first-child::before{ display: none;}
	}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnSlide{ margin-left: -6px;}
		div.columnSlide div{
			position: relative;
			margin: 0 6px;
			padding-bottom: 10px;
		}
	}


/*==============================*/
/* コラムナビ  */
/*==============================*/
ul.column-categoryNavi{
	display: flex;
	gap: 20px;
	padding-bottom: 12px;
	margin-bottom: 48px;
	border-bottom: 1px solid #d0d0d0;
}

ul.column-categoryNavi li a{
	display: inline-block;
	padding: 0 20px;
	color: #000;
	font-size: 17px;
	font-weight: 700;
}
ul.column-categoryNavi li:nth-child(1) {
	position: relative;
	display: inline-block;
	padding: 0 20px;
	color: #000;
	font-size: 17px;
	font-weight: 700;
}
ul.column-categoryNavi li:nth-child(1)::before{
	position: absolute; bottom: -13px; left: 0;
	content: "";
	width: 100%;
	height: 4px;
	background: var(--themecolor);
}

ul.column-categoryNavi li:not(:first-child) a:hover{ color: var(--themecolor);}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		ul.column-categoryNavi{
			display: flex;
			flex-wrap: wrap;
			gap: 10px 8px;
			padding-bottom: 0px;
			margin-bottom: 48px;
			border-bottom: none;
		}
		ul.column-categoryNavi li{
			width: calc(calc(100% - 8px * 1) / 2);
			border: 1px solid #ccc;
			border-radius: 200px;
			text-align: center;
		}
		ul.column-categoryNavi li a{
			display: block;
			padding: 4px 0;
			font-size: 15px;
			font-weight: 500;
			background: #fff;
			border-radius: 200px;
		}
		ul.column-categoryNavi li:nth-child(1) {
			padding: 4px 0;
			color: #fff;
			font-size: 15px;
			font-weight: 500;
			background: var(--themecolor);
		}
		ul.column-categoryNavi li:nth-child(1)::before{ display: none;}

		ul.column-categoryNavi li:not(:first-child) a:hover{ color: var(--themecolor);}
	}


/*==============================*/
/* コラム一覧  */
/*==============================*/
div.columnList{
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
}

article.columnList-box{
	width: calc(calc(100% - 28px * 1) / 2);
	background: #fff;
	box-shadow: 1px 2px 6px 0px rgba(153,153,153,0.3);
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnList{
			flex-direction: column;
			gap: 20px;
		}

		article.columnList-box{
			width: 100%;
		}
	}


/*---------------------------------
   画像
---------------------------------*/
article.columnList-box figure{ margin: 0;}
article.columnList-box figure img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 8px 8px 0 0;
	aspect-ratio: 768/403;
}
article.columnList-box figure:hover img{ opacity: 0.7;}


/*---------------------------------
   コンテンツ
---------------------------------*/
article.columnList-box div.columnList-content{
	position: relative;
	padding: 28px 28px 72px 28px;
}


/*-- tag
------------------------- */
article.columnList-box ul.columnList-tag{
	margin-bottom: 12px;
}
article.columnList-box ul.columnList-tag li a{
	display: inline-block;
	padding: 3px 12px;
	min-width: 80px;
	background: var(--themecolor);
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3em;
	border-radius: 200px;
	text-align: center;
}
article.columnList-box ul.columnList-tag li a:hover{ opacity: 0.7;}

/*-- タイトル
------------------------- */
article.columnList-box h3{ margin-bottom: 12px;}
article.columnList-box h3 a{
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.414em;
}
article.columnList-box h3 a:hover{ color: #00ABDC; text-decoration: underline;}


/*-- 抜粋
------------------------- */
article.columnList-box p.columnList-extract{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;   /* ← ここが行数 */
	overflow: hidden;
	font-size: 14px;
	line-height: 1.618em;
}

/*-- 更新日・公開日
------------------------- */
article.columnList-box div.columnList-date{
	position: absolute; bottom: 28px; left: 24px;
	display: flex;
	gap: 20px;
}
article.columnList-box div.columnList-date dl{
	display: flex;
}
article.columnList-box div.columnList-date dl:first-child{
	position: relative;
}
article.columnList-box div.columnList-date dl:first-child::before{
	position: absolute; top: 6px; right: -11px;
	content: "";
	width: 1px;
	height: 14px;
	background: #838383;
}
		
article.columnList-box div.columnList-date dl dt,
article.columnList-box div.columnList-date dl dd{
	color: #838383;
	font-size: 14px;
}

article.columnList-box div.columnList-date dl dt{
	position: relative;
	margin-right: 0px;
	padding-right: 12px;
}
article.columnList-box div.columnList-date dl dt::before{
	position: absolute; top: 0; right: 0;
	content: "：";
}


/*==============================*/
/* コラムページャー  */
/*==============================*/
div.columnList-pager{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 8px;
}

div.columnList-pager span.page-numbers,
div.columnList-pager a.page-numbers{
	width: min(40px,100%);
	padding: 9px 0 8px 0;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.3em;
}

div.columnList-pager span.current,
div.columnList-pager a.page-numbers:hover{
	background: #06bcf0;
	color: #fff;
	border: 1px solid #fff;
}
div.columnList-pager span.dots{
	width: auto;
	padding: 0;
	background: none;
	border: none;
}




/*==============================*/
/* コラム詳細  */
/*==============================*/
div.columnContent-wrap{
	padding: 48px 40px;
	background: #fff;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnContent-wrap{
			padding: 48px 20px 56px 20px;
		}
	}


/*---------------------------------
   メインタイトル
---------------------------------*/
div.columnContent-title{
	margin-bottom: 48px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnContent-title{
			margin-bottom: 40px;
		}
	}


/*-- カテゴリ
------------------------- */
div.columnContent-title ul.columnContent-category{ margin-bottom: 10px;}
div.columnContent-title ul.columnContent-category li a{
	display: inline-block;
	padding: 3px 12px;
	min-width: 80px;
	background: var(--themecolor);
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3em;
	border-radius: 200px;
	text-align: center;
}
div.columnContent-title ul.columnContent-category li a:hover{ opacity: 0.7;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
	}


/*-- タイトル
------------------------- */
div.columnContent-title h2{
	margin-bottom: 24px;
	color: #000;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.414em;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnContent-title h2{
			margin-bottom: 24px;
			font-size: 26px;
		}
	}


/*-- タグリスト
------------------------- */
div.columnContent-title ul.columnContent-tag{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}
div.columnContent-title ul.columnContent-tag li a{
	position: relative;
	display: block;
	padding: 4px 12px 4px 23px;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	font-size: 12px;
}
div.columnContent-title ul.columnContent-tag li a::before{
	position: absolute; top: 50%; left: 9px;
	content: "＃";
	margin-top: -10px;
	color: var(--themecolor);
	font-size: 13px;
	z-index: 99;
}
div.columnContent-title ul.columnContent-tag li a:hover{
	border: 1px solid var(--themecolor);
	color: var(--themecolor);
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
	}


/*-- 更新日・公開日
------------------------- */
div.columnContent-title div.columnContent-date{
	display: flex;
	gap: 20px;
}
div.columnContent-title div.columnContent-date dl{
	display: flex;
}
div.columnContent-title div.columnContent-date dl:first-child{
	position: relative;
}
div.columnContent-title div.columnContent-date dl:first-child::before{
	position: absolute; top: 6px; right: -11px;
	content: "";
	width: 1px;
	height: 14px;
	background: #838383;
}
		
div.columnContent-title div.columnContent-date dl dt,
div.columnContent-title div.columnContent-date dl dd{
	color: #838383;
	font-size: 14px;
}

div.columnContent-title div.columnContent-date dl dt{
	position: relative;
	margin-right: 0px;
	padding-right: 12px;
}
div.columnContent-title div.columnContent-date dl dt::before{
	position: absolute; top: 0; right: 0;
	content: "：";
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
	}


/*---------------------------------
   タイトル
---------------------------------*/
div.columnContent h2{
	margin-top: 64px;
	margin-bottom: 40px;
	padding: 18px 16px;
	background: #eefefa;
	border-left: 4px solid #06bcf0;
	border-radius: 4px;
	color: #000;
}
div.columnContent h2 strong{
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.414em;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnContent h2 strong{ font-size: 20px;}
	}


/*---------------------------------
   テキスト
---------------------------------*/
div.columnContent p{
	margin-bottom: 40px;
}
div.columnContent p b{
	color: #000;
	font-weight: bold;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnContent p{
			margin-bottom: 32px;
		}
	}


/*---------------------------------
   テーブル
---------------------------------*/
div.columnContent table{
	table-layout: fixed;
	width: 100%;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-collapse: collapse;
}
div.columnContent table th,
div.columnContent table td{
	padding: 8px 8px;
	border: 1px solid #ccc;
	max-width: 0;
	word-break: break-word;
	overflow-wrap: anywhere;
}

div.columnContent table td b,
div.columnContent table td strong{
	color: #000;
	font-weight: 600;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
	}


/*---------------------------------
   リンク
---------------------------------*/
div.columnContent a{
	color: #009dd5;
	overflow-wrap: anywhere;
	word-break: break-word;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
	}


/*---------------------------------
   contactBox
---------------------------------*/
div.column-contactBox{
	display: flex;
	align-items: center;
	gap: 16px;
	width: min(576px,100%);
	margin: 0 auto;
	padding: 20px 24px;
	background: #06bcf0;
	border-radius: 8px;
}
div.column-contactBox p:nth-child(1){
	flex: 0 0 255px;
}
div.column-contactBox p:nth-child(2){
	flex: 1;
}
div.column-contactBox p:nth-child(2) a{
	display: block;
	padding: 10px 0;
	background: #fff;
	color: #06bcf0;
	text-align: center;
	border-radius: 200px;
}
div.column-contactBox p a:hover{ opacity: 0.8;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.column-contactBox{
			flex-direction: column;
			gap: 20px;
			padding: 20px 20px;
		}
		div.column-contactBox p:nth-child(1),
		div.column-contactBox p:nth-child(2){
			flex: 0 0 auto;
			width: 100%;
		}
		div.column-contactBox p:nth-child(1){ text-align: center;}
	}


/*---------------------------------
   shrebtn
---------------------------------*/
dl.column-shareBtn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
dl.column-shareBtn dt{
	color: #000;
	font-weight: 600;
}
dl.column-shareBtn dd ul{
	display: flex;
	align-items: center;
	gap: 12px;
}
dl.column-shareBtn dd ul li a{
	display: block;
}
dl.column-shareBtn dd ul li:not(:last-child) img{
	border-radius: 50%;
}
dl.column-shareBtn dd ul li button{
	display: block;
	width: 100%;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 200px;
	cursor: pointer;
	font-size: 13px;
}
dl.column-shareBtn dd ul li button:hover{
	background: #06bcf0;
	color: #fff;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		dl.column-shareBtn{
			flex-direction: column;
			gap: 16px;
		}
		dl.column-shareBtn dd ul{
			flex-wrap: wrap;
			justify-content: center;
			gap: 14px 16px;
		}
		
		
		dl.column-shareBtn dd ul li:last-child{ width: 100%;}
		
		dl.column-shareBtn dd ul li button{
			width: min(240px,100%);
			margin: 0 auto;
			padding: 10px 20px;
			font-size: 13px;
		}
	}


/*---------------------------------
   プロフィール
---------------------------------*/
div.columnProfile{
	display: flex;
	align-items: center;
	gap: 28px;
	padding: 28px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.columnProfile figure{
	flex: 0 0 88px;
	margin: 0;
}

div.columnProfile dl{
	flex: 1;
}
div.columnProfile dl dt{
	margin-bottom: 10px;
	color: #000;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.414em;
}
div.columnProfile dl dd{
	font-size: 14px;
	line-height: 1.618em;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.columnProfile figure{
			flex: 0 0 64px;
			margin: 0;
		}
	}