@charset "UTF-8";
/* column21 CSS */

.clearfix {
	*zoom: 1;
}
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
}

.column-entry p {
	margin: 0 0 0 0;
}

/*------------------------------
	#mc01
------------------------------*/
#mc01 {
	margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
	#mc01 {
		margin: 0 8px 20px;
	}
}

/*------------------------------
	#mc02
------------------------------*/
#mc02 {
	margin: 0 0 40px;
	padding: 18px;
	border: 2px #f0f0f0 solid;
	border-radius: 5px;
}
#mc02 h3 {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.2em;
}
#mc02 ul li {
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px #d9d9d9 dotted;
}
#mc02 ul li.last-child {
	margin: 0;
}
#mc02 ul li p {
	float: left;
	margin-right: 15px;
}
#mc02 ul li dl {
	float: left;
	width: 535px;
}
#mc02 ul li dl dt {
	font-size: 15px;
}

#mc02 ul li dl dd {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	#mc02 {
		margin: 0 0 20px;
		padding: 15px 12px;
		border: 1px #f0f0f0 solid;
	}
	#mc02 h3 {
		margin: 0 0 20px;
		font-size: 15px;
		line-height: 1.2em;
	}
	#mc02 ul li {
		width: 100%;
		border-bottom: 1px #d9d9d9 dotted;
	}
	#mc02 ul li.last-child {
		margin: 0;
	}
	#mc02 ul li p {
		width: 22.372881355%;
		margin-right: 3.389830508%;
	}
	#mc02 ul li dl {
		width: 74.237288135%;
	}
}
/*------------------------------
	#mc02
------------------------------*/
#mc03 h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 40px 16px;
	color: #1db2ae;
	font-size: 15px;
	line-height: 1.6em;
}
#mc03 h4 span {
	display: block;
}
#mc03 h4 .icon {
	margin: 0 20px 0 0;
}
#mc03 h4 .title {
	width: 581px;
}
#mc03 ul {
	margin: 0 0 40px;
}
#mc03 ul li {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
}
#mc03 ul li > p {
	float: left;
}
#mc03 ul li dl {
	width: 570px;
	float: right;
}
#mc03 ul li dl dt {
	margin: 0 0 5px 20px;
	font-size: 15px;
	line-height: 1.2em;
	font-weight: bold;
}
#mc03 ul li dl dd {
	background: url(../img/column21/main_bg_01.png) repeat-y left top;
}
#mc03 ul li dl dd .bgTop {
	background: url(../img/column21/main_bg_02.png) no-repeat left top;
}
#mc03 ul li dl dd .bgBottom {
	padding: 20px 0;
	background: url(../img/column21/main_bg_03.png) no-repeat left bottom;
}
#mc03 ul li dl dd p {
	margin: 0 20px 0 40px;
}
#mc03 ul li dl dd p + p {
	margin-top: 30px;
}
#mc03 ul li.photo {
	margin: 0 0 30px 100px;
	padding: 10px 0 0;
}
#mc03 ul li.photo p {
	float: none;
}
#mc03 ul.last-child {
	margin-bottom: 20px;
}
#mc03 ul li.last-child {
	margin-bottom: 25px;
}
#mc03 ul + p {
	text-align: right;
}
@media screen and (max-width: 768px) {
	#mc03 h4 {
		margin: 0 0 20px;
	}
	#mc03 h4 .icon {
		width: 10.280373831%;
		max-width: 33px;
		margin: 0 4.672897196% 0 0;
	}
	#mc03 h4 .title {
		width: 84.112149532%;
	}
	#mc03 ul {
		margin: 0 0 20px;
	}
	#mc03 ul li > p {
		width: 20.560747663%;
	}
	#mc03 ul li dl {
		width: 77.881619937%;
	}
	#mc03 ul li dl dd .bgBottom {
		padding: 10px 0;
	}
	#mc03 ul li dl dd p {
		margin: 0 10px 0 30px;
		font-size: 14px;
	}
	#mc03 ul li dl dd p + p {
		margin-top: 20px;
	}
	#mc03 ul li.photo {
		margin: 0 0 20px ;
		padding: 0;
	}
	#mc03 ul li.photo p {
		width: 100%;
	}
}