/*
===========================================================================

	Title : newsrelease.css

===========================================================================
*/


/***************************************************************
*
*	PC view
*	
****************************************************************/


/* pc newsRelease
------------------------------------------------------------ */
#wrap #content h3{
	font-size:22px;
	padding-bottom: 10px;
	margin-bottom: 18px;
	font-weight: bold; 
}
.indent{
	text-indent:-1em;
	padding-left:1em;
}
.small{
	font-size:12px;
	line-height:1.5 !important;
	display:inline-block;
}

a{
	word-break:break-all;
}

#wrap #content.newsRelease .line_dot{
	width: 100%;
	padding-bottom: 25px;
	background:  url(../image/line_pc.png) repeat-x right bottom; 
	
}
#wrap #content .release{
	padding-top:10px;
}
#wrap #content .release .date{
	color:#62a7eb;
	display:block;
}
#wrap #content .release ul{
	padding:20px 40px;
}
#wrap #content .release ul li{
	margin-bottom:30px;
}
#wrap #content .release .img{
	margin:50px auto 0 ;
	display: block;
}
#wrap #content .release .detail{
	margin:30px auto 20px;
	cursor:pointer;
}
#wrap #content .release .detail img{
	display: block;
	margin:0 auto;
}
#wrap #content .archive h2{
	margin-bottom:0;
}
#wrap #content .archive ul{
	overflow: hidden;
	_zoom:1;
	padding:25px 0 0 30px;
	border:2px solid #ded3cf;
	border-top:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#wrap #content .archive ul li{
  float: left;
	padding:0 80px 25px 10px;
	background: url(../image/submenu_detail_arrow.png) no-repeat no-repeat  0 5px;
	background-size: 7px;
}

#wrap #content h3.news{
	font-size:18px;
}
#wrap #content .release .ttl{
	font-size:22px;
	font-weight:bold;
	padding:7px 0 25px;
}
#wrap #content .work{
	overflow: hidden;
	_zoom:1;
}
#wrap #content .work h4{
	font-size:18px;
	font-weight:bold;
	padding:40px 0 10px 0;
	clear:both;
}
#wrap #content .work .blue{
	color:#62a7eb;
}
#wrap #content .work dl{
	width: 362px;
	border:2px solid #ded3cf;
	margin:0 16px 16px 0 ;
	float: left;
	box-sizing:border-box;
}
#wrap #content .work dl.last{
	margin-right:0;
}
#wrap #content .work .exp{
	margin-bottom:10px;
}
#wrap #content .work dl dt{
	background:#f8f6f5;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#wrap #content .work dl dd{
	padding:18px 14px;
	text-align:center;
	overflow: hidden;
	_zoom:1;
	font-size:12px;
}
#wrap #content .work dl dd span{
	display:block;
/*	font-size:12px;
*/	padding:17px 0 0;
	margin-top:15px;
	border-top:1px dotted #ded3cf;
}
#wrap #content .work .col{
	width: 740px;
  margin-bottom:20px;
}
#wrap #content .work .col img{
	width: 239px;
	float: left;
	padding-left:76px;
}
#wrap #content .work .col p{
	width: 330px;
	float: left;
	padding:30px 0 20px 0;
	margin-bottom:0;
	font-size:12px;
}
#wrap #content .work h4.subTtl{
	font-size:16px;
	font-weight:bold;
}
#wrap #content .work table{
	border:2px solid #ded3cf;
	margin-bottom:60px;
	box-sizing:border-box;
	font-size:12px;
}
#wrap #content .work table thead th{
	text-align:center;
  border-bottom:2px solid #ded3cf;
  border-right:2px solid #ded3cf;
	height:50px;
	line-height:50px;
}
#wrap #content .work table thead th.last{
	border-right:none;
}
#wrap #content .work table thead,
#wrap #content .work table th,
#wrap #content .work table tr.last th{
  background:#f8f6f5;
	font-weight:bold;
}/*
#wrap #content .work table th,
#wrap #content .work table td{
	height:50px;
	line-height:50px;
}*/
#wrap #content .work table tbody th{
	padding:14px 12px;
	background:#f8f6f5 url(../image/submenu_line.png) repeat-x 0 bottom;
	background-size:7px 2px;
	box-sizing:border-box;
}
/*#wrap #content .work table tbody tr td:first-child{
	border-left:none;
}*/
#wrap #content .work table td{
  border-left:2px solid #ded3cf;
	padding:14px 12px;
	background:url(../image/submenu_line.png) repeat-x 0 bottom;
	background-size:7px 2px;
/*	font-size:12px;*/
}
#wrap #content .work .tbl2 td{
	font-size:12px;
}
#wrap #content .work table tr.last td,
#wrap #content .work table td.last{
	background:none;
}
#wrap #content .work table tr.photo th{
	vertical-align:top;
	box-sizing:border-box;
}
#wrap #content .work table tr.photo span{
	width: 358px;
	height:180px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
}
#wrap #content .work table tr.photo img{
  display: block;
	width: auto;
	margin:0 auto;
}
#wrap #content .work table.summary {
	box-sizing:border-box;
	font-size:12px;
}
#wrap #content .work table.summary tbody th,
#wrap #content .work table.summary tbody td{
	height:auto;
	line-height:1.5;
}
#wrap #content .work table.summary tbody td{
	padding:12px;
}
#wrap #content .work table.pcBlc.tbl{
	display:table;
}
#wrap #content .work table.tbl th,
#wrap #content .work table.tbl td{
	font-size:12px;
	line-height:1.7;
	letter-spacing:-0.06em;
	word-break:break-all;
}





/***************************************************************
*
*	SP view
*	
****************************************************************/


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

/* sp newsRelease
------------------------------------------------------------ */
#wrap #content h3{
	font-size:14px;
	padding:0 0 10px;
	margin:0 3% 10px;
}
#wrap #content.newsRelease .line_dot{
	width: 96%;
}
#wrap #content .release{
	padding-top:0;
	margin-top:-5%;
}
#wrap #content .release ul{
	padding:0 3%;
}
#wrap #content .release ul li{
	font-size:12px;
	margin-bottom:5%;
}
#wrap #content .release .img,
#wrap #content .release .detail{
	padding:0;
	margin-top:25px;
}
#wrap #content .archive ul {
	border-left:none;
	border-right:none;
	border-radius:0;
	padding:0;
}
#wrap #content .archive ul li{
	width: 50%;
	padding:0 0 0 25px;
	border-top:1px solid #ded3cf;
	box-sizing:border-box;
	height:50px;
	line-height:50px;
	background: url(../image/submenu_detail_arrow.png) no-repeat no-repeat  15px center;
	background-size:5px 7px;
}
#wrap #content .archive ul li:nth-child(odd){
	border-right:1px solid #ded3cf;
}
#wrap #content .archive ul li a{
	display:block;
}

#wrap #content h3.news{
	font-size:14px;
	font-weight: bold;
	}
#wrap #content .release .ttl{
	font-size:14px;
	padding:0 3% 10px 3%;
}
#wrap #content .work{
	margin:0;
	padding:0 3%;
}
#wrap #content .work dl,
#wrap #content .work .col{
	width: 100%;
}
#wrap #content .work .col{
	margin-bottom:5%;
}
#wrap #content .work h4{
	padding:0 0 5px 0;
	font-size:12px;
}
#wrap #content .work .col img,
#wrap #content .work .col p{
	width: auto;
	float: none;
	padding:0;
}
#wrap #content .work .tbl{
	margin-bottom:30px;
}
#wrap #content .work .spTbl th{
	width:28%;
}
/*#wrap #content .work .tbl th{
	width: 90px;
}*/
#wrap #content .work table{
	width: 100%;
}
#wrap #content .work .indent{
	margin-bottom:5%;
	font-size:12px;
}
#wrap #content .work .tbl td{
	line-height:1.5;
}
#wrap #content .work .tbl.spBlc{
	display:table;
}
#wrap #content .work .exp{
	padding:0;
}
#wrap #content .work dl dt{
	font-size:12px;
	height:38px;
	line-height:38px;
}
#wrap #content .work dl dd{
	font-size:12px;
	padding:13px 12px;
}
#wrap #content .work dl dd span{
	padding-top:12px;
	margin-top:10px;
}
#wrap #content .work .col p{
	font-size:12px;
	margin-bottom:10px;
}
}