@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------
-カタログDBの商品ページアイコンエリアとabout-iconページ資格アイコン-
--------------------------------------------------------------*/

.badge-cert{
    padding-left: .5rem!important;
    padding-right: .5rem!important;
    margin-right: .25rem!important;
    vertical-align: middle!important;
	  border-radius: .25rem!important;
}
.badge-tokukyou {
    color: #212529;
    background-color: #ffc107;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}
.badge-mem {
    color: #fff;
    background-color: #007bff;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}
.badge-teiji {
    color: #fff;
    background-color: #6c757d;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}
.badge-dennbou {
    color: #fff;
    background-color: #28a745;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}
.badge-syaken {
    color: #fff;
    background-color: #dc3545;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}
.badge-gi {
    color: #fff;
    background-color: #17a2b8;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}
.badge-tokujiken {
    color: #fff;
    background-color: #343a40;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}
.badge-youken {
    color: #fff;
    background-color:#999;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    vertical-align: middle;
    border-radius: .25rem;
}

.badge-netis {
    color: #fff;
    background-color:#007bff;
	 padding-left: .5rem!important;
    padding-right: .5rem!important;
    margin-right: .25rem!important;
    vertical-align: middle!important;
/*	  border-radius: .25rem!important;*/
}


.icon-area {display:inline-block; float:right;
padding-top: 5px;}
.icon-txt {text-align: right;
padding-top: 0.5em;}
.appeal_icons { display:inline-block;
padding-top: 5px;}

.icon-area p {
    padding: 1.2em 1em;
    text-align:right;        
}

/*--------------------------------------------------------------
ドキュメント　アイコンについて-テーブル-
--------------------------------------------------------------*/


.about-icon_table {
	max-width: 700px;
	border-collapse: collapse;
/*	margin: 0 1%;*/
}

@media only screen and (min-width: 768px) {
	.about-icon_table {
		max-width: auto;
		border-collapse: collapse;
		margin: 0 auto 30px auto;
	}
}
.about-icon_table th {
	/*width: 157px;*/
	font-size: 1.16em;
	font-weight: bold;
/*	background-color:#ecd9a7;*/
	vertical-align: top;
	text-align: left;
	border-bottom: solid 1px #a29061;
	padding: 10px;
}
.about-icon_table td {
	/*width: 531px;*/
	font-size: 1.08em;
	text-align: left;
border-bottom: solid 1px #a29061;
	padding: 10px;
}

.about-icon_ttl {
	/*width: 531px;*/
	font-size: 1.08em;
	text-align: left;
	padding: 10px 0;
}

.about-icon_btn{
  border-radius: 5px;
  background-color:beige;
  padding: 20px;
  text-align: center;
  color: white;
  height: 20px;
  margin: 20px;
}