/* ===============================
   company procurement
   =============================== */

/* ============================================= company procurement */
.contents {
    margin-top: 40px;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.contents.specification.cooperative {
    margin-top: 40px;
    margin-bottom: -25px;
    padding-bottom: 0;
}
.small {
	font-size: 14px;
}
.border_box {
	padding: 25px;
	border: solid 1px #B8B8B8;
	background-color: #fff;
    border-radius: 6px;
}
.file .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #B8B8B8;
}
.supplier_box .title.bold {
	text-align: left;
    padding-left: 19%;}

.supplier_box .title.bold+p {
	text-align: left;
    padding-left: 21%;}

.supllier_li li {
	line-height:1.5;}

.contents.specification {
	margin-top:30px;}

.supllier_contents {
	margin-bottom:15px;
	padding-bottom:15px;}

.specification_txt {
	font-size:1.4rem;
	line-height:1.5;}

.f_nav_margin {
	margin-top:110px;}

#procurement_link02 .item:nth-child(5) {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.file .item .text_box {
	display: inline-block;
	width: 65%;
	margin-right: 15px;
	vertical-align: top;
}
.file .item .file_box {
	display: inline-block;
	width: 30%;
	margin-top:10px;
	vertical-align: top;
}
.file .item .file_box a {
	color: #0068B6;
	margin-right: 20px;
	position: relative;
}
.file .item .file_box a::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1.6rem;
    border-right: 1px solid;
    position: absolute;
    bottom: 3px;
    right: -10.5px;
}
.file .item .file_box a:nth-child(3)::after {
    content: none;
}
.file a:hover {
	text-decoration: none;
}
.contents.policy ul {
	margin-bottom: 0;
}
.contents.policy .border_box.subject ul li {
	display: inline-block;
	margin-right: 20px;
	position: relative;
}
.contents.policy .border_box.subject ul li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1.6rem;
    border-right: 1px solid;
    position: absolute;
    bottom: 3px;
    right: -9px;
    color: #B8B8B8;
}
.contents.policy .border_box.subject ul li:nth-child(4)::after {
    content: none;
}
.border_box .link_box .inleft {
    display: inline-block;
    width: 50%;
	text-align: center;
}
.border_box .link_box .inright {
    display: inline-block;
    width: 50%;
	text-align: center;
}
.border_box .link_box .title {
	font-size: 1.8rem;
}
.border_box .link_box a {
    margin-left: auto;
    margin-right: auto;
	width: 58%;
}
.flow_box .title {
	font-size: 1.8rem;
}
.contents.specification a {
	width: 30%;
}
.product_content .pc-thumb-col3 > li a, a.link_thumbnail_text_button {
	width: 30%;
}
.product_content .pc-thumb-col3 > li a:hover p span, a.link_thumbnail_text_button:hover p span {
	color: #fff;
}
.mineral_box {
	padding:20px 25px;}
.mineral_li {
	font-size:1.4rem;}

.mineral_box+.border_box {
	margin-top:35px!important;
	}

.mineral_box+.border_box li {
	line-height:1.5;}

.download_box+p {
    margin: 30px 0;
    font-weight: 500;
}
#procurement_link02 a {
    color: #0068B6;
}
#procurement_link02 a:hover {
	text-decoration: none;
}
.green_procurement table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.green_procurement table th,
.green_procurement table td {
  border: 1px solid #ccc;
  padding: 8px 10px;
  vertical-align: top;
  line-height: 1.5;
}
.green_procurement table th {
  background-color: #efefef;
  font-weight: bold;
  text-align: center;
}
.green_procurement table th:nth-child(1),
.green_procurement table td:nth-child(1),
.green_procurement table th:nth-child(2),
.green_procurement table td:nth-child(2) {
  width: 50%;
}
@media screen and (min-width: 768px) {
.detail .acrobatreader.small {
    margin-bottom: -80px;
	}
}
@media screen and (max-width: 768px) {
.contents {
	margin-top: 60px;
	margin-bottom: 15px;
	padding-top: 0px;
    padding-bottom: 0px;
	}
.contents:last-child {
    padding-bottom: 0;
	}
.contents.specification.cooperative {
    margin-bottom: 60px;
	}
.read_area {
    margin-top: 0;
    padding-top: 16.5px;
    margin-bottom: 60px;
	width: 95%;
	}
.read_area .inner_links li {
    margin-bottom: 3px;
	font-size:1.3rem;
    }
.inner_links.mt20 {
	margin-top: 0!important;
	}
.border_box {
    padding: 25px 15px;
    border-radius: 5px;
	}
.green_procurement table {
	margin-bottom: 35px;
	}
.file .item {
	margin-bottom: 20px;
	padding-bottom: 10px;
	}
.file .item .text_box {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-top: 5px!important;
    margin-bottom: 12px;
	}
.file .item .file_box {
    display: block;
    width: 100%;
	}
.contents.policy .border_box.subject ul li {
    margin-bottom: 5px;
    margin-right: 10px;
	}
.border_box .link_box .inleft {
    display: block;
    width: 100%;
    margin-bottom: 35px;
	}
.border_box .link_box .inright {
    display: block;
    width: 100%;
	}
.border_box .link_box a {
    width: 90%;
	}
.contents.specification a {
    width: 80%;
	}
.product_content .pc-thumb-col3 > li a, a.link_thumbnail_text_button {
	width: 100%;
	}
.inner_links.mt10 {
	margin-top:0!important;}

.mineral_box+.border_box li {
    line-height: 1.875;}

.supplier_box .title.bold,
.supplier_box .title.bold+p {
    padding-left: 3%;
}

}
@media screen and (min-width: 768.0px) and (max-width: 768.9px) {
.read_area {
    margin-top: 0;
    margin-bottom: 0;
	width: 85%;
	}
.contents {
    margin-bottom: 80px;
	}
.contents:last-child {
    padding-bottom: 20px;
	}
.border_box {
    padding: 40px 15px;
	}
.border_box .link_box .inleft {
    margin-bottom: 55px;
	}
.detail .acrobatreader.small {
    margin-bottom: -45px;
	font-size: 1.4rem;
	}
}

/* ============================================= download_box icon */
.download_box {
    margin-top: 30px;
    padding: 25px 15px;
    background-color: #f3faff;
    border-radius: 10px;
}
.download_box a {
    display: block;
    color: #000;
    text-decoration: none;
    margin-bottom: 12px;
    padding-bottom: 12px;
    position: relative;
    border-bottom: 1px solid #dbdbdb;
	padding-left: 1em;       /* ← 点と同じくらい左に余白を空ける（インデント） */
	text-indent: 0;
}
.download_box a:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.download_box a::before {
    content: '・';
	position: absolute;
	left: 0;                 /* aタグ左端に配置 */
	top: 0;
}
.download_box a:hover {
	opacity: .75;
	transition: .3s;
    color: #0068b6;
}
.icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 6px;
    margin-right: 8px;
    vertical-align: bottom;
}
.icon.pdf {
  background-image: url("../imgs/company/icon_pdf.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icon.word {
  background-image: url("../imgs/company/icon_word.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icon.elsx {
  background-image: url("../imgs/company/icon_elsx.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.acrobatreader a {
    color: #0068B6;
}
.acrobatreader a:hover {
    text-decoration: none;
}
.acrobatreader .icon {
    display: inline-block;
    width: 15.5px;
    height: 15.5px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
}
.icon.link {
  background-image: url("../imgs/company/icon_link.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.acrobatreader:hover .icon {
	opacity: .75;
	transition: .3s;
}
.b400 {
	font-weight:400!important;}
@media screen and (max-width: 768px) {
.download_box a {
    margin-bottom: 15px;
	}
.icon {
    width: 22px;
    height: 22px;
    margin-left: 3px;
    margin-right: 4px;
	}
}
@media screen and (min-width: 768.0px) and (max-width: 768.9px) {
.icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 6px;
    margin-right: 8px;
    vertical-align: bottom;
	}
}