@charset "utf-8";

/* news */

#mainContent.cac {  }
#mainContent.cac .cont { margin: 60px auto 46px; }
#mainContent.cac .titleBlock > h1 > img { margin: 50px 0 10px; }

#mainContent.cac .cBlock h2 { text-align: left; font-size: 3.6rem; line-height: 4.8rem; font-weight: normal; color: #5c5c5c; padding: 20px 0 ; border-bottom: 1px solid #314947; margin-bottom: 50px; letter-spacing: 0.2em; }
#mainContent.cac .cBlock img { display: block; margin: 0 auto; }
#mainContent.cac .cBlock.sec1 .center { text-align: center; margin: 64px auto 60px; }
#mainContent.cac .cBlock.sec1 .center a + a { margin-left: 40px; }

#mainContent.cac .cBlock.sec1 a[target="_blank"].btn01_1:after { background-image: url(../img/common/btn01_tgt_blank_g.png); }
#mainContent.cac .cBlock.sec1 .btn01_1 span.i { background-image: url(../img/common/btn01_3_bg.png); }
#mainContent.cac .cBlock.sec1 .btn01_1:hover { color: #80aaa7; }

#mainContent.cac .cBlock.sec2 h2 { margin-bottom: 26px; }
#mainContent.cac .cBlock.sec2 h2 + p { margin-bottom: 57px; }

#mainContent.cac .cBlock.sec2 ul { text-align: center; margin: 22px auto 28px; }
#mainContent.cac .cBlock.sec2 ul li { display: inline-block; font-size: 14px; font-weight: bold; vertical-align: top; }
#mainContent.cac .cBlock.sec2 ul li.foot  { padding-left: 20px; line-height: 20px; min-height: 20px; background-image: url(../img/other/cac_sample_foot.png); background-size: 20px 20px; background-position: left center; background-repeat: no-repeat; }
#mainContent.cac .cBlock.sec2 ul li.event { padding-left: 20px; line-height: 20px; min-height: 20px; background-image: url(../img/other/cac_sample_event.png); background-size: 20px 20px; background-position: left top; text-align: left; background-repeat: no-repeat; }
#mainContent.cac .cBlock.sec2 ul li.event span { font-size: 1.2rem; }
#mainContent.cac .cBlock.sec2 ul li + li { margin-left: 2em; }
#mainContent.cac .cBlock.sec2 ul + p { text-align: center; }

#mainContent.cac .cBlock.sec2 table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 718px;
	margin: 50px auto;
	font-size: 14px;
}
#mainContent.cac .cBlock.sec2 table th {
	width: 167px;
	padding: 10px 22px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #eee;
	background-color: #314947;
	color: #fff;
	vertical-align: middle;
	height: 70px;
}
#mainContent.cac .cBlock.sec2 table td {
	width: 551px;
	padding: 10px 22px;
	vertical-align: top;
	border: 1px solid #eee;
	vertical-align: middle;
	height: 70px;
}
#mainContent.cac .cBlock.sec2 table tr:nth-child(odd) { background-color: #f6f6f6; }
#mainContent.cac .cBlock.sec2 table td .note { text-align: right; font-size: 11px; }
#mainContent.cac .cBlock.sec2 table td dl { width: 100%; }
#mainContent.cac .cBlock.sec2 table td dl dt { width: 18%; float: left; clear: left; }
#mainContent.cac .cBlock.sec2 table td dl dd { width: 82%; margin-left: 18%; clear: right; }


@media screen and (max-width: 768px){
	
#mainContent.cac .cont { margin: 30px auto 23px; }

	#mainContent.cac .titleBlock > h1 > img { max-width: 290px; height: auto; margin: 10px 0 0px; }
	#mainContent.cac .cBlock h2 { margin-bottom: 17px; font-size: 1.8rem; line-height: 1.333333em; }
	
	#mainContent.cac .cBlock.sec1 .center { text-align: left; margin: 30px auto; }
	#mainContent.cac .cBlock.sec1 .btn01_1 { font-size: 1.5rem; }
	#mainContent.cac .cBlock.sec1 .center a { margin: 10px 0; }
	#mainContent.cac .cBlock.sec1 .center a + a { margin-left: 0; line-height: 1.4; }
	
	#mainContent.cac .cBlock.sec2 h2 { margin-bottom: 13px; }
	#mainContent.cac .cBlock.sec2 h2 + p { margin-bottom: 30px; }
	#mainContent.cac .cBlock.sec2 ul { text-align: left; }
	#mainContent.cac .cBlock.sec2 ul li { font-size: 1.1rem; }
	#mainContent.cac .cBlock.sec2 ul li + li { margin-left: 0; margin-top: 0.6em; }
  #mainContent.cac .cBlock.sec2 ul li.event span { font-size: 1rem; }
	
	#mainContent.cac .cBlock.sec2 table { width: 100%; display: block; }
	#mainContent.cac .cBlock.sec2 table tbody { width: 100%; display: block; }
	#mainContent.cac .cBlock.sec2 table tr { width: 100%; display: block; }
	#mainContent.cac .cBlock.sec2 table th { width: 100%; display: block; height: auto; padding: 10px 4%; }
	#mainContent.cac .cBlock.sec2 table td { width: 100%; display: block; height: auto; padding: 10px 4%; }
	
	#mainContent.cac .cBlock.sec2 table td dl dt { width: 33%; }
	#mainContent.cac .cBlock.sec2 table td dl dd { width: 67%; margin-left: 33%; }
	
}







/* news */