@charset "utf-8";

/* コンテンツ */
.contents {
	background-color: #F6F6F6;
}

/* タイトル上部 */
.top_title {
	padding-top: 100px;
	height: 200px;
	width: 76%;
	margin-left: auto;
	padding-right: 10%;
	padding-bottom: 40px;
}

h1 {
	font-size: 30px;
	text-align: left;
	line-height: 170%;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-right: auto;
	color: #333;
	width: 100%;
}

/* 白地 */
.whiteArea {
	background-color: #FFF;
	width: 86%;
	margin-left: auto;
	padding-bottom: 100px;
	padding-top: 60px;
	margin-bottom: 60px;
}

/* コンテンツ本体  */
.contArea {
	width: 820px;
	margin-right: auto;
	margin-left: 12%;
	padding-top: 0px;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;*/
}

.isoUnit {
	padding-bottom: 50px;
}

h2 {
	font-size: 20px;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F6F6F6;
}

h3 {
	font-size: 15px;
	line-height: 200%;
	font-weight: normal;
	padding-bottom: 8px;
}

.isoPdf a,
.isoPdf a:visited {
	font-size: 15px;
	line-height: 150%;
	font-weight: bold;
	color: #00B0DD;
	text-decoration: none;
	background-image: url(../n_images/maru-yajirushi.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 8%;/*8%*/
	padding-left: 1.8em;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* 情報公開 2024 */
dl.disclosureTop {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	margin-bottom: 14px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

dl.disclosure {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	margin-bottom: 14px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

dl.disclosureNoline {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.disclosureTop dt,
.disclosure dt,
.disclosureNoline dt {
	font-size: 15px;
	font-weight: bold;
	width: 10em;
	line-height: 130%;
}

.disclosure dt.mdl,
.disclosureNoline dt.mdl {
	font-size: 15px;
	font-weight: bold;
	width: 10em;
	line-height: 130%;
	padding-bottom: 1em;
}

.disclosure dt.long,
.disclosureNoline dt.long {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	line-height: 130%;
	padding-bottom: 1em;
}

.disclosureTop dd,
.disclosure dd,
.disclosureNoline dd {
	width: calc(100% - 10em);

}

.disclosureTop dd p.txt,
.disclosure dd p.txt,
.disclosureNoline dd p.txt {
	font-size: 15px;
	font-weight: normal;
	line-height: 140%;
	padding-bottom: 1em;
}

.disclosureTop dd p.txt a,
.disclosureTop dd p.txt a:visited,
.disclosure dd p.txt a,
.disclosure dd p.txt a:visited,
.disclosureNoline dd p.txt a,
.disclosureNoline dd p.txt a:visited {
	font-weight: bold;
	color: #00B0DD;
	text-decoration: none;
}

.disclosureTop dd p.txt a:hover,
.disclosure dd p.txt a:hover,
.disclosureNoline dd p.txt a:hover {
	color: #00B0DD;
	text-decoration: none;
	opacity: 0.6;
}

table.recycling {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #F6F6F6;
	color: #333;
	margin-bottom: 36px;
}

table.recycling th,
table.recycling td {
	font-size: 15px;
	line-height: 140%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: left;
}

table.recycling th {
	font-weight: bold;
	padding-left: 1em;
}

table.recycling th.border {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

table.recycling td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/*リバース2002 見出し*/
.mdlTtl {
	font-size: 24px;
	line-height: 140%;
	font-weight: bold;
	padding-top: 3.5em;
	padding-bottom: 2em;
}

.mdlTtl br {
	display: none;
}

.mdlTtlBlue {
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 1.5em;
	color: #06F;
}


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


/* コンテンツ本体  */
.contArea {
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;*/
}

	
}



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


/* コンテンツ */
.contents {
	background-color: #F6F6F6;
}

/* タイトル上部 */
.top_title {
	padding-top: 100px;
	height: 180px;
	width: 90%;
	margin-left: auto;
	padding-right: 10%;
	padding-bottom: 0px;
}

h1 {
	font-size: 20px;
	text-align: left;
	line-height: 140%;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin-right: auto;
	color: #333;
	width: 100%;
}


/* 白地 */
.whiteArea {
	background-color: #FFF;
	width: 100%;
	margin-left: auto;
	padding-bottom: 20px;
	padding-top: 60px;
	margin-bottom: 80px;
}

/* コンテンツ本体  */
.contArea {
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;*/
}

.isoUnit {
	padding-bottom: 70px;
}

h2 {
	font-size: 18px;
	line-height: 150%;
	font-weight: 600;
	padding-bottom: 8px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F6F6F6;
}

h3 {
	font-size: 15px;
	line-height: 180%;
	font-weight: 400;
	padding-bottom: 8px;
}

.isoPdf a,
.isoPdf a:visited {
	font-size: 15px;
	line-height: 150%;
	font-weight: 600;
	color: #00B0DD;
	text-decoration: none;
	background-image: url(../n_images/maru-yajirushi.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.8em;
}

/* 情報公開 2024 */
dl.disclosureTop {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	margin-bottom: 14px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

dl.disclosure {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	margin-bottom: 14px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

dl.disclosureNoline {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.disclosureTop dt,
.disclosure dt,
.disclosureNoline dt {
	font-size: 13px;/*15*/
	font-weight: bold;
	width: 100%;/*10*/
	line-height: 130%;
	padding-bottom: 0.3em;
}

.disclosure dt.mdl,
.disclosureNoline dt.mdl {
	font-size: 13px;/*15*/
	font-weight: bold;
	width: 100%;/*10em*/
	line-height: 130%;
	padding-bottom: 0.3em;
}

.disclosure dt.mdl br,
.disclosureNoline dt.mdl br {
	display: none;
}

.disclosure dt.long,
.disclosureNoline dt.long {
	font-size: 13px;/*15*/
	font-weight: bold;
	width: 100%;
	line-height: 130%;
	padding-bottom: 0.3em;
}

.disclosureTop dd,
.disclosure dd,
.disclosureNoline dd {
	width: 100%;
	padding-left: 0em;
}

.disclosureTop dd p.txt,
.disclosure dd p.txt,
.disclosureNoline dd p.txt {
	font-size: 13px;/*15*/
	font-weight: normal;
	line-height: 140%;
	padding-bottom: 1em;
}

.disclosureTop dd p.txt a,
.disclosureTop dd p.txt a:visited,
.disclosure dd p.txt a,
.disclosure dd p.txt a:visited,
.disclosureNoline dd p.txt a,
.disclosureNoline dd p.txt a:visited {
	font-weight: bold;
	color: #00B0DD;
	text-decoration: none;
}

.disclosureTop dd p.txt a:hover,
.disclosure dd p.txt a:hover,
.disclosureNoline dd p.txt a:hover {
	color: #00B0DD;
	text-decoration: none;
	opacity: 1;/*0.6*/
}

table.recycling {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #F6F6F6;
	color: #333;
	margin-bottom: 36px;
}

table.recycling th,
table.recycling td {
	font-size: 13px;/*15*/
	line-height: 140%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: left;
}

table.recycling th {
	font-weight: bold;
	padding-left: 0em;/*1*/
	width: 6em;
}

table.recycling th.border {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

table.recycling td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 12px;
}

/*リバース2002 見出し*/
.mdlTtl {
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
	padding-top: 3.5em;
	padding-bottom: 1em;/*2*/
}

.mdlTtl br {
	display: block;
}

.mdlTtlBlue {
	font-size: 16px;/*18*/
	line-height: 140%;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;/*1.5*/
	color: #06F;
}

}