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


nav #sds a { background:url(../common/images/nav_sds_a.jpg) no-repeat;}
nav #sds a:hover { background:url(../common/images/nav_sds_a.jpg) no-repeat;}

#rightnav2 #sds a { background:url(../common/images/right_sds_o.jpg) no-repeat;}
#rightnav2 #sds a:hover { background:url(../common/images/right_sds_o.jpg) no-repeat;}

.contents{ padding-bottom: 80px;}
.contents h3{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 10px;
	background: #3e438f;
	margin-bottom: 30px;
}
.tab-list{
  display: flex;
	justify-content: space-between;
}
.tab-list-item{
	font-size: 16px;
	line-height: 1.33;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
	width: 23.65%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px 10px 0 0;
	background: #ece6dd;
}
.is-btn-active{
	color: #fff;
  background: #008f85;
}
.tab-contents{
  background: #f2eee8;
  display: none;
  padding: 15px;
}
.is-contents-active{
	display: flex;
}
.tab-contents .leftcol{
	flex: 1;
	padding: 20px;
	margin-right: 5px;
}
.tab-contents .leftcol .text-cont{
	margin-bottom: 30px;
}
.tab-contents .leftcol .text-cont input{
	line-height: 24px;
	border: 1px solid #b3b3b3;
	background: #fff;
	padding: 5px 10px;
	width: 100%;
}
.tab-contents .leftcol .text-cont input.w300{ width: 300px;}
.tab-contents .leftcol .radio-cont{
	display: flex;
	align-items: flex-start;
}
.tab-contents .leftcol .radio-cont p{
	flex: 1;
}
.tab-contents .leftcol .radio-cont label{
	display: inline-block;
	padding-top: 6px;
	cursor: pointer;
}
.tab-contents .leftcol .radio-cont label span{
	display: inline-block;
	margin-right: 12px;
}
.tab-contents .leftcol .radio-cont label input[type="radio"]{
	width: auto;
	margin-right: 12px;
}
.tab-contents .leftcol .btn-cont{
	display: flex;
	justify-content: center;
}
.tab-contents .leftcol .btn-cont .search,
.tab-contents .leftcol .btn-cont .btn_clear{
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	border-radius: 8px;
	margin: 0 5px;
	cursor: pointer;
}
.tab-contents .leftcol .btn-cont .search:hover,
.tab-contents .leftcol .btn-cont input:hover{
	opacity: .8;
}
.tab-contents .leftcol .btn-cont .search{
	width: 180px;
	border: 1px solid #4d4d4d;
	background: url(images/search.svg) left 32px center no-repeat #fff;
	padding-left: 20px;
}
.tab-contents .leftcol .btn-cont .btn_clear{
	color: #fff;
	width: 120px;
	background: #b3b3b3;
	border: none;
}
.tab-contents figure{ width: 180px;}
.tab-contents figure img{
	max-width: 100%;
	height: auto;
}
.tab-contents-wrap{ margin-bottom: 30px;}
.contents .detail-cont{
	max-width: 660px;
	margin: 0 auto;
}
.contents .applicable{
	color: #c2141c;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.contents .applicable strong{
	font-size: 24px;
	margin-right: .1em;
}
.contents .before-after{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.contents table a:hover,
.contents .before-after a:hover{
	opacity: .8;
	text-decoration: none;
}
.contents .before-after .btn-prev,
.contents .before-after .btn-next{
	font-size: 14px;
	background: #ece6dd;
	border-radius: 5px;
	padding: 4px 10px;
	display: flex;
	align-items: center;
}
.contents .before-after .btn-prev:before,
.contents .before-after .btn-next:after{
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
}
.contents .before-after .btn-prev:before{
	background: url(images/ic-prev.svg) center no-repeat;
	margin-right: 3px;
}
.contents .before-after .btn-next:after{
	background: url(images/ic-next.svg) center no-repeat;
	margin-left: 3px;
}
.contents table{
	width: 100%;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
}
.contents table th,.contents table td{
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.4;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	vertical-align: middle;
}
.contents table th{
	color: #fff;
	background: #3e438f;
	text-align: center;
}
.contents table tr th:first-child{ width: 13em;}
.contents table td .pdf{
	display: inline-block;
	background: url(images/ic_pdf.png) left center no-repeat;
	min-height: 32px;
	line-height: 2.2;
	padding-left: 43px;
}
.contents table td .btn-detail{
	color: #fff;
	background: #808080;
	display: inline-block;
	border-radius: 5px;
	padding: 3px 0 3px 10px;
	width: 50px;
}