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

/* ------ コラム 誘導部分 ------ */
#column_bnr {
	margin-bottom: 120px;
}
#column_bnr article {
	width: 930px;
	height: auto;
	margin:auto;
	padding: 40px;
	background-color:#fff;
	border:#ccc 1px solid;
	filter: drop-shadow(5px 5px 0px #ccc);
}
#column_bnr article .column_title {
	color:#7E3F88;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px;
}
#column_bnr article .column_title:before {
	content: url(/test/common/images/index/icon_right.svg);
	display: inline-block;
    width: 14px;
    margin-bottom: 2px;
    vertical-align: bottom;
}
#column_bnr article .column_text {
	font-size: 16px;
	line-height: 1.5em;
}
#column_bnr article a:hover {
	opacity: .5;
}

	@media only screen and (max-width: 768px){
	#column_bnr {
		margin-bottom: 80px;
		}
	#column_bnr article {
		width: 90%;
		padding: 20px;
	}
	#column_bnr article .column_title {
		color:#7E3F88;
		font-size: 4.5vw;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	#column_bnr article .column_text {
		font-size: 3.7vw;
		line-height: 1.5em;
	}
	}

/* ------ コラム 誘導部分 ------ */


/* ------ コラム 本文 ------ */
#column {
		width: 930px;
		margin: 0 auto 80px;
}
#column h2 {
	padding: 30px 0;
}
#column h2 img {
	width: auto;
	height: 120px;
	text-align: center;
}
#column h3 {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #7E3F88;
	text-align: center;
	margin: 30px auto;
}
#column h4 {
	font-size: 20px;
	font-weight: bold;
	color: #7E3F88;
	margin: 0 auto 10px;
}
#column p {
	font-family: 'Noto Serif JP', sans-serif;
	font-size:16px;
	line-height: 1.6;
	margin: 0 auto 20px;
}
	
	@media only screen and (max-width: 768px){
		#column {
			width: 90%;
			margin: auto;
		}
		#column h3 {
			font-size: 6vw;
			margin: 0 auto 30px;

		}
		#column h4 {
			font-size: 5vw;
		}
		#column p {
			font-size:4vw;
		}
	}
/* ------ コラム 本文 ------ */