@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

.contents .accent {
    background:url("../../images/news/accent.jpg") 50% 50% no-repeat;
    margin-bottom: 0;
}
/* --------------------------------
   □ nav
-------------------------------- */ 
	.contents .sub ul.list.news li.news a,
	.contents .sub ul.list.communication li.communication a,
	.contents .sub ul.list.recruit li.recruit a,
	.contents .sub ul.list.restrictions li.restrictions a{
		background-color: #F5F5F5;
	}


/* --------------------------------
   □ newsArea
-------------------------------- */ 


	#news .listarea{
		display: table-cell;
		vertical-align: middle;
	}


	#news ul.list li{
		text-align: left;
		
	}

		#news .main ul.list li a{
			padding: 20px 15px;
			border-bottom: 1px solid #E5E5E5;
			background: url("../../images/common/icon/arrow/arrow.png") 98% 50% no-repeat;
			display: block;
			transition: all 300ms 0s ease;
		}

		#news .main ul.list li a:hover{
			background: url("../../images/common/icon/arrow/arrow.png") 100% 50% no-repeat;
			text-decoration: none;
		}

		#news ul.list li:last-child a{
			border-bottom: none;
		}

		#news .titleStyle .utility,
		#news ul.list li dl dt{
			color: #5D737E;
			margin-bottom: 10px;
		}

		#news .titleStyle .utility span.category,
		#news ul.list li dl dt span{
			color: #555555;
			background: #EDEDED;
			display: inline-block;
			padding: 3px 15px;
			font-size: 86%;
			margin-left: 15px;
		}

		#news ul.list li dl dd{
			color: #1A1311;
		}


/* --------------------------------
   □ mainArticle
-------------------------------- */ 
main .mainArticle{
	text-align: left;
	line-height: 1.6;
}

	main .mainArticle a{
		text-decoration: underline;
	}


	main .mainArticle h4.circle{
		background: none;
		margin-bottom: 10px;
		font-size: 100%;
		font-weight:normal;
		padding: 0;
	}

	main .mainArticle h4.circle span{
		color: #64B6AC;
		padding-right: 5px;
	}

	main .mainArticle table th {
		font-weight:normal;
		width: 160px;
	}

	main .mainArticle .aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	main .mainArticle .alignleft {
		float: left;
		margin: 0.5em 1em 0.5em 0;
	}

	main .mainArticle .alignright {
		float: right;
		margin: 0.5em 0 0.5em 1em;
	}


.article img{
	width: auto;
    height: auto;
    max-width: 100%;
}

	.main .mainArticle table th,
	.main .mainArticle table td{ 
		padding:0.4em;
		border:1px solid #c1c1c1;
	}

	.main .mainArticle table th{ 
		background:#f1f1f1;
	}

/* --------------------------------
   □ returnbutton
-------------------------------- */ 
	#news p.returnbutton{
		text-align: center;
	}

	#news p.returnbutton a{
		border: 1px solid #64B6AC;
		color: #64B6AC;
		background: #fff;
		border-radius: 0;
		font-size: 100%;
	}

	#news p.returnbutton a span{
		background: url("../../images/common/icon/arrow/arrow.png") 95% 50% no-repeat;
	}

	#news p.returnbutton a:hover span{
		background: url("../../images/common/icon/arrow/arrow.png") 100% 50% no-repeat;
	}











@media only screen and
(max-width : 767px) {
	

/* --------------------------------
   □ mainArticle
-------------------------------- */ 
	.main .mainArticle table tbody{
		width:100%;
	}
	.main .mainArticle table tbody{
		display: block;
	}


	.main .mainArticle table th,
	.main .mainArticle table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.main .mainArticle table th{
		border-bottom:0;
	}
	.main .mainArticle table tr:not(:first-child) th{
		border-top:0;
	}
	.main .mainArticle table tr:not(:last-child) td{

	}


	.main .mainArticle img.alignnone,
	.main .mainArticle img.alignleft,
	.main .mainArticle img.alignright{
		float:none;
		margin:0 auto 1em;
		display:block;
	}


}