/* 共通 */
html body {
	background: #fff;
	/*color: #545454;*/
	color: rgba(0, 0, 0, 1.0);
	font-size: 16px;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.05em;
}

body,
main {
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

body,
main,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

a {
	text-decoration: none;
	color: black;
}

ul {
	list-style-type: none;
}

button {
	border: none;
	outline: none;
}

.center {
	text-align: center;
}

.txt_primarycolor {
	color: #069292;
}

.text_blue {
	color: #069292;
}

.text_red {
	color: red;
}

.text_light_blue {
	color: #0099ff;
}

main {
	margin: 0 auto;
	max-width: 1100px;
}

h1 {
	font-size: 24px;
	margin: 1% 0 1% 6%;
}

.main_title {
	font-size: 30px;
	margin: 3% 0 3% 0%;
	text-align: center;
	line-height: 2em;
	letter-spacing: 3px;
}

.main_title span {
	color: #33ad9d;
}

.main_title_massege {
	width: 72%;
	font-size: 16px;
	line-height: 2em;
	letter-spacing: 2px;
	font-weight: 600;
	margin: 0 auto 7% auto;
}

/* h2 */

.line_title {
	border: #545454 2px solid;
	border-bottom: none;
	border-top: none;
	border-right: none;
	width: 88%;
	margin: 3% auto;
	padding: 0 0 0 2%;
}

.line_title_like {
	border: #33ad9d 6px solid;
	border-bottom: none;
	border-top: none;
	border-right: none;
	background-color: #e8e8e8;
	width: 88%;
	margin: 3% auto;
	padding: 0.5% 0 0.5% 2%;
}

/* h3 */

.underline_title {
	position: relative;
	width: 88%;
	margin: 3% auto;
	font-size: 22px;
}

.underline_title::after {
	content: '';
	display: block;
	position: absolute;
	width: 38px;
	height: 2px;
	/* 下線の太さ */
	background-color: #37a595;
	/* 下線の色 */
}

.title_under_line {
	position: relative;
	display: block;
	width: 98%;
	margin: 0 auto 2% auto;
	border: solid#545454 1px;
}

.sub_title {
	position: absolute;
	color: #37a595;
	font-size: 17px;
	left: 25%;
	top: 25%;
	font-weight: 600;
}

.title {
	font-size: 1.96vw;
}



/* メインビジュアル */

.main_visual {
	position: relative;
	width: 100%;
}

.main_image {
	display: block;
	width: 100%;
	margin: 0% auto 0.3% auto;
}

.main_image_h {
	display: none;
}

.three_main_image,
.waste_diversify {
	display: flex;
	width: 88%;
	margin: 0 auto;
	justify-content: space-between;
	flex-wrap: wrap;
}

.waste_diversify {
	margin: 2% auto;
	align-items: center;
}

.waste_diversify p {
	font-size: 30px;
	color: #33ac9c;
}

.waste_diversify img {
	width: 40%;
}

.three_main_image img {
	width: 32%;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

.about_us_image {
	width: 56%;
	display: block;
	margin: 6% 0 6% 10%;
}

.double_content {
	display: block;
	width: 88%;
	margin: 4% auto;
}

.double_content img {
	display: block;
	width: 100%;
	margin-bottom: 4%;
}

/* license-list　廃棄物における許可一覧 */
/* 福岡 */

.fukuoka_licence,
.fukuoka_sub_item,
.kurume_licence,
.kurume_sub_item {
	border-collapse: collapse;
	width: 88%;
	margin: 0% auto 2% auto;
	font-size: 15px;
}

.fukuoka_licence tr,
.fukuoka_licence td,
.fukuoka_sub_item tr,
.fukuoka_sub_item td,
.kurume_licence tr,
.kurume_licence td,
.kurume_sub_item tr,
.kurume_sub_item td {
	border: solid 1px #545454;
}

.fukuoka_title,
.fukuoka_title_center {
	border: solid 1px #545454;
	background-color: #409e5d;
	color: #fff;
}

.fukuoka_title_sub,
.fukuoka_title_side,
.fukuoka_kinds_title,
.fukuoka_kinds {
	padding: 0.5% 0 0.5% 2%;
}

.fukuoka_title_center {
	text-align: center;
}

.fukuoka_title_side {
	width: 19%;
}

.fukuoka_kinds_title {
	background-color: #bcddb3;
	width: 19%;
}

.fukuoka_kinds {
	background-color: #fff;
}

.fukuoka_sub_item {
	background-color: #409e5d;
}

.fukuoka_title_sub {
	background-color: #409e5d;
	color: #fff;
	width: 88%;
	margin: 2% auto 0% auto;
	font-size: 15px;
	padding: 8px;
	border: solid 1px #545454;
	text-align: center;
	font-weight: bold;
}

/* モバイル対応 */
@media (max-width: 768px) {

	.fukuoka_licence,
	.fukuoka_sub_item,
	.kurume_licence,
	.kurume_sub_item {
		font-size: 12px;
		width: 100%;
		min-width: auto;
	}

	.fukuoka_title_sub,
	.kurume_title_sub {
		width: 100% !important;
		margin: 2% 0 0 0;
		font-size: 13px;
		padding: 6px;
	}

	.fukuoka_title_side,
	.fukuoka_kinds_title,
	.fukuoka_kinds,
	.kurume_title_side,
	.kurume_kinds_title,
	.kurume_kinds {
		padding: 6px 4px;
		word-wrap: break-word;
	}

	.table-container {
		width: 95%;
		margin: 0 auto !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.permission_items,
	.general_waste_list {
		font-size: 11px;
		min-width: 700px;
	}

	.permission_items tr,
	.permission_items td,
	.permission_items th,
	.general_waste_list tr,
	.general_waste_list td,
	.general_waste_list th {
		padding: 4px 2px;
		word-wrap: break-word;
	}

	.general_waste_title {
		padding: 8px 4px;
		font-size: 12px;
	}

	.general_waste_list .transportation_kinds_sub {
		font-size: 10px;
	}
}

/* 久留米 */

.kurume_title,
.kurume_title_center {
	border: solid 1px #545454;
	background-color: #3683bb;
	color: #fff;
	font-weight: bold;
}

.kurume_title_sub,
.kurume_title_side,
.kurume_kinds_title,
.kurume_kinds {
	padding: 0.5% 0 0.5% 2%;
}

.kurume_title_center {
	text-align: center;
}

.kurume_title_side {
	width: 19%;
}

.kurume_kinds_title {
	background-color: #b9d8ed;
	width: 19%;
}

.kurume_kinds {
	background-color: #fff;
}

.kurume_sub_item {
	background-color: #3683bb;
}

.kurume_title_sub {
	background-color: #3683bb;
	color: #fff;
	width: 88%;
	margin: 2% auto 0% auto;
	font-size: 15px;
	padding: 8px;
	border: solid 1px #545454;
	text-align: center;
	font-weight: bold;
}

/* 産業廃棄物収集運搬業 */

.transportation_kinds_sub,
.transportation_kinds_title {
	text-align: center;
	padding: 8px;
	font-size: 15px;
}

.general_waste_list .transportation_kinds_sub {
	background-color: #fff;
	font-size: 13px;
}

.transportation_kinds_title {
	border: solid 1px #545454;
	border-bottom: none;
	background-color: #bcddb3;
	text-align: center;
	width: 88%;
	margin: 3% auto 0% auto;
	font-size: 15px;
}

.permission_items {
	width: 88%;
	margin: 0 auto;
	border-collapse: collapse;
	border: solid 1px #545454;
	font-size: 15px;
}

.permission_items tr,
.permission_items td,
.permission_items th {
	border: solid 1px #545454;
	padding: 8px;
}

.general_waste_list {
	width: 88%;width: 88%;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
	font-size: 15px;
}

.general_waste_list tr,
.general_waste_list td,
.general_waste_list th {
	border: solid 1px #545454;
	padding: 8px;
}

.general_waste_list th {
	background-color: #f0f0f0;
	font-weight: bold;
}

.general_waste_title {
	text-align: center;
	padding: 12px 8px;
	font-weight: bold;
	color: #fff;
}

#general_waste_title_1 {
	background-color: #ed8b8b;
}

#general_waste_title_2 {
	background-color: #b9d8ed;
}

/* ショウエイ環境の処理能力 */

.processing_subtitle {
	width: 100%;
	font-size: 20px;
	text-align: center;
	padding: 2% 0 4% 0;
}

.processing_power_visual {
	width: 88%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.power_list_title p {
	text-align: center;
	margin-bottom: 2%;
}

.processing_power_list {
	width: 100%;
	border-collapse: collapse;
	/* セルの線を重ねる */
}

.processing_power_center {
	text-align: center;
	padding: 1% 0 0 0;
}

.processing_power_left {
	padding: 0.5% 0 0.5% 2%;
	width: 50%;
}

.processing_power_right {
	text-align: right;
	padding: 0.5% 2% 0.5% 0%;
	width: 50%;
}

.three_content {
	width: 32%;
}

.processing_power_red {
	background-color: #ed8b8b;
}

.processing_power_blue {
	background-color: #9ad4d3;
}

.processing_power_yellow {
	background-color: #f5f29a;
}

.processing_power_green {
	background-color: #bcddb3;
}

.processing_power_total {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 32%;
	margin: 3% 0 0 0;
}

.processing_total_right {
	text-align: right;
}

.processing_total_line {
	display: block;
	width: 100%;
	margin: 0% auto 4% auto;
	border: solid#545454 1px;
}

.processing_power_center2 {
	width: 36%;
	text-align: center;
}

.processing_power_left2 {
	padding: 0.5% 0 0.5% 2%;
}

.processing_power_right2 {
	text-align: right;
	padding: 0.5% 2% 0.5% 0%;

}

.list_title_two {
	margin: 4% 0 1% 2%;
}

.processing_power_total_two {
	width: 49%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 3% 0 0 0;
}

.two_content {
	width: 49%;
}

.processing_power_total_single {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 3% 0 0 0;
}

/* 事業系一般廃棄物 */

.body_of_letter {
	width: 88%;
	margin: 0 auto 2rem;
	line-height: 2em;
	border-collapse: collapse;
	/* セルの線を重ねる */
}


.link_button {
	width: 88%;
	color: #fff;
	background-color: #55b4a3;
	text-align: center;
	padding: 1% 0;
	margin: 3% auto 0 auto;
	font-size: 22px;
	border-radius: 6px;
}

/* 画像 */
.disposal_method {
	width: 80%;
	display: block;
	margin: 3% auto 0% auto;
}

/* 事業系一般廃棄物に分類される廃棄物一覧 */

.general_business_waste_list {
	width: 88%;
	margin: 0 auto;
}

.waste_list {
	border-collapse: collapse;
	/* セルの線を重ねる */
	font-size: 15px;
}

.waste_list_title {
	background-color: #858a8f;
	color: #fff;
}

.gray_back,
#gray_back {
	background-color: #e4e7e6;
}

.red {
	color: #e7211c;
}

.waste_list_left_title,
.waste_list_center_title,
.waste_list_right_title {
	text-align: center;
	padding: 2.5% 0;
}

.waste_list_left,
.waste_list_center {
	text-align: center;
	padding: 2% 2%;
}

.waste_list_right {
	padding: 2%;
}

.coution_text {
	text-align: right;
	margin: 1% 0;
}

/* 事業系一般廃棄物の適切な処理 */

.gbw_appropriate_img {
	display: block;
	width: 80%;
	margin: 0 auto;
}

/* 一般廃棄物 */

.general_list {
	width: 88%;
	margin: 3% auto;
	border-collapse: collapse;
	font-size: 15px;
}

.general_list th,
.general_list td {
	border: 1px solid #545454;
	padding: 8px;
}

.general_list_title,
.general_list th {
	background-color: #3683bb;
	color: #fff;
	text-align: center;
	padding: 2% 0;
}

.general_list_left_title {
	width: 20%;
}

.light_blue {
	background-color: #b9d8ed;
}

.light_blue2 {
	background-color: #e9f5fc;
}

.general_list_left,
.general_list_center,
.general_list_right {
	padding: 2% 0 2% 2%;
}

/* モバイル対応 */
@media (max-width: 768px) {
	.general_list {
		font-size: 12px;
		min-width: 600px;
	}

	.general_list th,
	.general_list td {
		padding: 6px 4px;
		word-wrap: break-word;
	}
}

/* 特別管理一般廃棄物 */

.general_waste_special_management {
	width: 88%;
	margin: 3% auto;
	border-collapse: collapse;
	font-size: 15px;
}

.general_waste_special_management th,
.general_waste_special_management td {
	border: 1px solid #545454;
	padding: 8px;
}

.waste_special_management_title {
	background-color: #f5f29a;
	text-align: center;
	padding: 1% 0;
}

#waste_special_management_toptitle {
	width: 18%;
}

.waste_special_management_sub {
	background-color: #fffef5;
	padding: 1%;
}

/* モバイル対応 */
@media (max-width: 768px) {
	.general_waste_special_management {
		font-size: 12px;
		min-width: 500px;
	}

	.general_waste_special_management th,
	.general_waste_special_management td {
		padding: 6px 4px;
		word-wrap: break-word;
	}
}

/* ショウエイ環境の一般廃棄物収集運搬実績 */

.general_waste_achievements {
	width: 88%;
	margin: 3% auto;
	border-collapse: collapse;
	/* セルの線を重ねる */
	border-color: #fff;
}

.waste_achievements_title {
	background-color: #bae2f2;
	text-align: center;
	padding: 1% 0;
}

.light_blue3 {
	background-color: #bae2f2;
}

.waste_achievements_sub_title {
	text-align: center;
	padding: 1% 0;
}

.waste_achievements_sub {
	text-align: right;
	padding: 1% 1% 1% 0;
}

.waste_achievements_title_orange {
	background-color: #f5b081;
	text-align: center;
	padding: 1% 0;
}

.orange {
	background-color: #f5b081;
}

.light_orange {
	background-color: #f8d2b2;
}




.collection_and_transportationimg {
	display: block;
	width: 88%;
	margin: 3% auto 0 auto;
}

.types_of_general_wasteimg {
	display: block;
	width: 88%;
	margin: 3% auto;
}

/* 一般廃棄物の主な処理方法 */

.text_side_image {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 88%;
	margin: 2% auto 3% auto;
}

.text_side_image p {
	width: 48%;
}

.text_side_image img {
	width: 48%;
}

/* 求人募集 */

.thickline_title {
	position: relative;
	width: 88%;
	margin: 3% auto;
	font-size: 24px;
	font-weight: 600;
}

.thickline_title::after {
	content: '';
	display: block;
	position: absolute;
	z-index: -999;
	bottom: 7px;
	width: 320px;
	height: 6px;
	/* 下線の太さ */
	background-color: #f5d934;
	/* 下線の色 */
}

.recruitment_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 88%;
	margin: 0 auto;
}

.recruitment_voice {
	width: 65%;
}

.recruitment_image {
	align-items: right;
	width: 32%;
}

.recruitment_img {
	width: 100%;
}

.link_massage {
	color: #2a489c;
}

.ecoaction_link {
	display: block;
	width: 88%;
	margin: 3% auto;
}

.ecoaction_button {
	display: block;
	width: 60%;
}


.intermediate_processing_block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 88%;
	margin: 0 auto;
}

.intermediate_processing_manifesto {
	width: 33%;
}

.intermediate_processing_text {
	width: 55%;
}

/* 中間処理に必要な資格 */

.intermediate_processing_list {
	width: 88%;
	margin: 3% auto;
	border-collapse: collapse;
	/* セルの線を重ねる */
}

.intermediate_processing_list_title {
	background-color: #b89b83;
}

.intermediate_processing_list_left,
.intermediate_processing_list_center1_title,
.intermediate_processing_list_center2_title,
.intermediate_processing_list_right {
	padding: 1%;
}

.intermediate_processing_list_left {
	width: 7%;

}

.intermediate_processing_list_center1_title {
	width: 35%;
}

.intermediate_processing_list_center2_title {
	width: 30%;
}

.intermediate_processing_list_right {
	width: 25%;
}

/* 中間処理におけるショウエイ環境の取り組み */

.three_reason_for_chosen {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 88%;
	margin: 2% auto;
	padding: 2% 0 4% 0;
	background-image: url(../img/three_box_block_back.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.three_box_block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}

.three_reason_box {
	z-index: 999;
	display: block;
	width: 31%;
	background-color: #fff;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.reason_for_chosen_title {
	z-index: 999;
	color: #36a596;
	font-size: 24px;
	margin: 0% 0% 2% 5%;
}

.three_reason_box img {
	display: block;
	width: 75%;
	margin: 8% auto;
}

.three_reason_title {
	text-align: center;
	margin-bottom: 8%;
}

.three_reason_text {
	width: 92%;
	margin: 0 auto 8% auto;
}

.processing_efforts_image {
	width: 86%;
	margin: 4% auto;
	display: block;
}

/**/

.image_side_text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 88%;
	margin: 2% auto 3% auto;
}

.image_side_text p {
	width: 54%;
}

.image_side_text img {
	width: 42%;
	height: auto;
}

/**/

.voices_from_workers_image,
.industrial_waste_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 88%;
	margin: 3% auto 2% auto;
}

.voices_from_workers_image img {
	width: 45%;
}

/**/

.required_for_image {
	display: block;
	width: 40%;
	margin: 0 0 3% 6%;
}

/* 会社概要 */

.title_under_line_nospace {
	position: relative;
	display: block;
	width: 98%;
	margin: 0 auto;
	border: solid#000000 1px;
}

.company_overview_space {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 88%;
	margin: 0 auto;
	font-size: 20px;
}

.company_overview_headline {
	width: 25%;
	border-right: 1px solid #000000;
	padding: 3% 0 0 3%;
}

.company_overview_content {
	width: 75%;
	padding: 3% 0 0 3%;
}

.company_overview_table {
	width: 94%;
	margin: 3% 0;
	border-collapse: collapse;
	font-size: 16px;
}

.company_overview_table th,
.company_overview_table td {
	border: 1px solid #545454;
	padding: 8px;
}

.company_overview_title {
	color: #fff;
	background-color: #3f9d5d;
	padding: 1% 0 1% 2%;
}

.waste_achievements_sub_title {
	width: 20%;
}

#greentitle_back {
	background-color: #bcdcb2;
}

.waste_achievements_sub_content {
	width: 80%;
	padding: 2%;
}

/* モバイル対応 */
@media (max-width: 768px) {
	.company_overview_table {
		font-size: 14px;
		min-width: 500px;
	}

	.company_overview_table th,
	.company_overview_table td {
		padding: 6px 4px;
		word-wrap: break-word;
	}
}

/* マニフェスト */

.midlesize_text {
	font-size: 18px;
}

.manifest_licence {
	width: 88%;
	margin: 3% auto;
	border-collapse: collapse;
	font-size: 16px;
}

.manifest_licence th,
.manifest_licence td {
	border: 1px solid #545454;
	padding: 8px;
}

.manifest_title {
	padding: 1% 2%;
	color: #fff;
	background-color: #3682ba;
}

.manifest_kinds_title {
	width: 22%;
	padding: 1% 2%;
	background-color: #b8d7ec;
}

.manifest_kinds {
	padding: 1% 2%;
}

/* モバイル対応 */
@media (max-width: 768px) {
	.manifest_licence {
		font-size: 14px;
		min-width: 600px;
	}

	.manifest_licence th,
	.manifest_licence td {
		padding: 6px 4px;
		word-wrap: break-word;
	}
}

/* 中間処理マトリックス表 */
.processing-matrix-table {
	width: 88%;
	margin: 3% auto;
	border-collapse: collapse;
	font-size: 15px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.processing-matrix-table th,
.processing-matrix-table td {
	border: 2px solid #545454;
	padding: 12px 8px;
	text-align: center;
	vertical-align: middle;
}

.matrix-header-main {
	background-color: #3683bb;
	color: #fff;
	font-weight: bold;
	width: 20%;
	font-size: 16px;
}

.matrix-header {
	background-color: #3683bb;
	color: #fff;
	font-weight: bold;
	width: 16%;
	font-size: 15px;
}

.matrix-factory-name {
	background-color: #b9d8ed;
	font-weight: bold;
	text-align: left;
	padding: 12px;
	line-height: 1.4;
}

.factory-permit {
	font-size: 12px;
	color: #444;
	font-weight: normal;
	display: block;
	margin-top: 4px;
}

.matrix-cell {
	background-color: #fff;
	padding: 12px 8px;
	min-height: 60px;
}

.matrix-available {
	background-color: #e8f5e8;
}

.matrix-unavailable {
	background-color: #f5f5f5;
}

.cell-note {
	font-size: 12px;
	color: #333;
	line-height: 1.4;
	word-wrap: break-word;
}

.matrix-available .cell-note {
	color: #2d5016;
	font-weight: bold;
}

.matrix-unavailable .cell-note {
	color: #999;
	font-style: italic;
}

.matrix-row-alt .matrix-factory-name {
	background-color: #e9f5fc;
}

.matrix-row-alt .matrix-available {
	background-color: #d4f4d4;
}

.matrix-row-alt .matrix-unavailable {
	background-color: #eeeeee;
}

/* モバイル対応 */
@media (max-width: 768px) {
	.processing-matrix-table {
		font-size: 13px;
		min-width: 700px;
	}

	.processing-matrix-table th,
	.processing-matrix-table td {
		padding: 8px 6px;
	}

	.matrix-header {
		font-size: 13px;
	}

	.matrix-factory-name {
		padding: 10px;
		font-size: 13px;
	}

	.factory-permit {
		font-size: 11px;
	}

	.cell-note {
		font-size: 11px;
	}
}

@media (max-width: 480px) {
	.processing-matrix-table {
		font-size: 12px;
		min-width: 600px;
	}

	.processing-matrix-table th,
	.processing-matrix-table td {
		padding: 6px 4px;
	}

	.matrix-header {
		font-size: 12px;
	}

	.matrix-factory-name {
		padding: 8px;
		font-size: 12px;
	}

	.factory-permit {
		font-size: 10px;
	}

	.cell-note {
		font-size: 10px;
	}
}



/* 資源集積所 */

.syoei_map_pc,
.syoei_map_sp {
	width: 88%;
	margin: 3% auto 4% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.syoei_map_pc iframe,
.syoei_map_sp iframe {
	display: block;
	width: 40%;
}

.syoei_map_images {
	display: block;
	width: 58%;
}

.syoei_mapimage_b {
	width: 100%;
}

.syoei_shot_image {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.syoei_mapimage_s {
	padding-left: 1%;
	width: 100%;
}

.syoei_map_sp {
	display: none;
}

/* 契約の手順 */

.about_the_contract_link {
	width: 50%;
	margin-left: 4%;
}

.contract_link_button {
	display: block;
	width: 40%;
	margin-left: 4%;
	margin-top: 2%;
}

/* 運搬車両一覧 */

.red {
	color: #ff0000;
}

.transport_vehicle_image {
	display: flex;
	flex-wrap: wrap;
	width: 88%;
	margin: 2% auto;
	font-size: 16px;
}

#space_between {
	justify-content: space-between;
}

#right_space {
	margin-right: 5%;
}

.transport_vehicle_block {
	width: 30%;

}

.transport_vehicle_block img {
	width: 100%;
}

/* 処理フロー */

.processing_flow_image {
	cursor: pointer;
	position: relative;
	width: 45%;
	margin-bottom: 4%;
}

.processing_flow_image img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.processing_flow_image::before {
	background: rgba(0, 0, 0, .7);
	/* マスクの色(黒の50%) */
	bottom: 0;
	content: '';
	height: auto;
	left: 0;
	opacity: 0;
	/* 最初は透明(非表示) */
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .4s ease;
	/* ゆっくりopacityのみへ変化させる */
	width: 100%;
}

.processing_flow_image:hover::before {
	opacity: 1;
	/* hoverしたら透過しない(表示させる) */
}

.processing_flow_image p {
	align-items: center;
	/* テキストの中央揃え */
	bottom: 0;
	color: #fff;
	/* テキストの色 */
	display: flex;
	/* テキストの中央揃え */
	justify-content: center;
	/* テキストの中央揃え */
	left: 0;
	margin: auto;
	position: absolute;
	font-size: 38px;
	right: 0;
	top: 0;
	width: 80%;
	/* テキストを横幅いっぱいにならないようにする */
}

/* 中間処理　粉砕 */

.intermediate_processing_crushing_box {
	width: 48%;
	margin-bottom: 3%;
}

.intermediate_processing_three_box {
	width: 32.5%;
	margin-bottom: 3%;
}

.intermediate_processing_three_box img {
	width: 100%;
}


.intermediate_processing_crushing_box img {
	width: 100%;
}

.intermediate_under_button,
.intermediate_under_button1,
.intermediate_under_button2,
.intermediate_under_button3,
.intermediate_under_button4,
.intermediate_under_button5,
.intermediate_under_button6,
.intermediate_under_button7 {
	width: 88%;
	margin: 0 auto 3% auto;
	background-color: #33ac9c;
	border-radius: 10px;
	cursor: pointer;
}

.intermediate_under_button p,
.intermediate_under_button1 p,
.intermediate_under_button2 p,
.intermediate_under_button3 p,
.intermediate_under_button4 p,
.intermediate_under_button5 p,
.intermediate_under_button6 p,
.intermediate_under_button7 p {
	color: #ffffff;
	padding: 2%;
	font-size: 22px;
}

.open_under_content,
.open_under_content1,
.open_under_content2,
.open_under_content3,
.open_under_content4,
.open_under_content5,
.open_under_content6,
.open_under_content7 {
	width: 88%;
	margin: 1% auto 2% auto;
}

.open_under_content img,
.open_under_content1 img,
.open_under_content2 img,
.open_under_content3 img,
.open_under_content4 img,
.open_under_content5 img,
.open_under_content6 img,
.open_under_content7 img {
	width: 100%;
	margin: 0% auto 2% auto;
}

/* 産廃　25品目 */

.industrial_waste_maintitle {
	width: 100%;
	font-size: 24px;
	margin-top: 6%;
	padding-left: 2%;
}

.industrial_waste_maintitle_under_line {
	position: relative;
	display: block;
	width: 88%;
	margin: -1% auto 5% 6%;

	border: solid#545454 1px;
}

.industrial_waste_subtitle {
	border: #33ad9d 6px solid;
	border-bottom: none;
	border-top: none;
	border-right: none;
	background-color: #e8e8e8;
	width: 88%;
	margin: 3% auto 0.5% auto;
	padding: 0.5% 0 0 2%;
	font-size: 20px;
}

.industrial_waste_images {
	display: block;
	width: 88%;
	margin: 0 auto;
}

.industrial_wastes_text {
	width: 88%;
	margin: 3% auto;
	font-size: 15px;
	line-height: 38px;
	letter-spacing: 2px;
}

/* 産業廃棄物 */

.flowchart_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 88%;
	margin: 4% auto 3% auto;
}

.center_title {
	font-size: 24px;
	display: block;
	margin: 4% auto;
	width: 28%;
	line-height: 27px;
}

.center_title span {
	color: #eeeeee;
	letter-spacing: -1px;
}

.leftside_number {
	width: 10%;
	margin-left: 4%;
}

.leftside_number img {
	width: 50%;
}

.rightside_content {
	width: 80%;
}

.right_content {
	position: relative;
	margin-bottom: 3%;
}

.right_content img {
	width: 100%;
}

#sh_images {
	display: none;
}

.right_content_text {
	position: absolute;
	top: 5%;
	left: 2%;
	line-height: 1.95;
	width: 96%;
}

.right_content_text span {
	font-size: 22px;
}

.waste_license_list_title {
	width: 22%;
	text-align: center;
}

.waste_license_list_subtitle {
	font-size: 15px;
	text-align: center;
	letter-spacing: 0px;
	padding: 0.5% 0;
}

.waste_license_list_check {
	font-size: 15px;
	letter-spacing: 0px;
	padding: 0.5% 0 0.5% 0.5%;
}

#titleblue {
	background-color: #dcf1ff;
}

#titlegreen {
	background-color: #e9fffb;
}

.industrial_waste_list_block {
	cursor: pointer;
	position: relative;
	width: 32%;
	margin-bottom: 4%;
}

.industrial_waste_list_block img {
	/*height: auto;
	width: 100%;*/
	height: 100%;
	width: 100%;
}

.industrial_waste_list_block::before {
	background: rgba(0, 0, 0, .4);
	/* マスクの色(黒の50%) */
	bottom: 0;
	content: '';
	height: auto;
	left: 0;
	opacity: 0;
	/* 最初は透明(非表示) */
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .4s ease;
	/* ゆっくりopacityのみへ変化させる */
	width: 100%;
}

.industrial_waste_list_block:hover::before {
	opacity: 1;
	/* hoverしたら透過しない(表示させる) */
}

.industrial_waste_list_block p {
	align-items: center;
	/* テキストの中央揃え */
	bottom: 0;
	color: #fff;
	/* テキストの色 */
	display: flex;
	/* テキストの中央揃え */
	justify-content: center;
	/* テキストの中央揃え */
	left: 0;
	margin: auto;
	position: absolute;
	font-size: 28px;
	right: 0;
	top: 0;
	width: 80%;
	/* テキストを横幅いっぱいにならないようにする */
	text-shadow: 3px 3px 6px black;
}

.link_button_sp {
	display: none;
}

#subtitle {
	padding: 2% 0;
}

.three_main_image_sp {
	display: none;
}

@media (max-width:1500px) {

	.sub_title {
		top: 22%;
		left: 20%;
	}

	.title {
		font-size: 38px;
	}
}

@media (max-width:1200px) {

	.waste_diversify p {
		font-size: 24px;
	}

	.right_content_text {
		line-height: 1.6;
	}

	.center_title {
		width: 100%;
		text-align: center;
	}

	.processing_flow_image p {
		font-size: 30px;
	}
}

@media (max-width:1024px) {

	.intermediate_processing_list_left_title {
		width: 12%;
	}

	.sub_title {
		top: 19%;
		left: 10%;
	}

	.right_content_text span {
		font-size: 18px;
	}

	.main_title {
		width: 90%;
	}

	/* customers */
	.row span {
		width: 17%;
	}

	.amuse {
		width: 26% !important;
	}

	/* .unscrupulous_trader */
	.unscrupulous_title img {
		width: 5%;
	}

	.right_content_text {
		line-height: 1;
	}

	.industrial_waste_list_block p {
		font-size: 20px;
	}


}

/* レスポンシブ表のスタイル */
.responsive-table {
	width: 100%;
	border-collapse: collapse;
	margin: 2% auto;
}

.responsive-table th,
.responsive-table td {
	border: 1px solid #545454;
	padding: 8px;
	text-align: left;
}

.responsive-table th {
	background-color: #3683bb;
	color: #fff;
	font-weight: bold;
}

/* モバイル用の表スタイル */
@media (max-width: 768px) {
	.responsive-table {
		font-size: 14px;
	}

	.responsive-table th,
	.responsive-table td {
		padding: 6px 4px;
		word-wrap: break-word;
	}

	/* 表を横スクロール可能にする */
	.table-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 2% 0;
	}

	/* 小さい画面では文字サイズを調整 */
	.responsive-table {
		font-size: 12px;
		min-width: 600px;
	}
}

@media (max-width:960px) {

	.main_image,
	.three_reason_for_chosen,
	.power_list_title,
	.three_content,
	.processing_power_total,
	.two_content,
	.processing_power_total_two {
		display: none;
	}

	.main_title {
		font-size: 20px;
	}

	.waste_diversify p {
		font-size: 18px;
	}

	.main_image_h {
		display: block;
		width: 100%;
		margin: 16% auto 0.3% auto;
	}

	.sub_title {
		top: 22%;
		left: 10%;
		font-size: 16px;
	}

	.title {
		font-size: 30px;
	}

	.industrial_waste_maintitle {
		margin-top: 16%;
		font-size: 18px;
	}

	.industrial_waste_subtitle {
		font-size: 17px;
	}

	/* 共通 */
	#work_list,
	.explanation,
	#low_cost_area,
	#same_day,
	#promise,
	#consultation,
	#dismantling_kind,
	#cheerful_accounting,
	#pre_survey,
	#asbestos,
	#customers,
	.inner_work_flow,
	.inner_customers,
	.inner_area,
	.inner_inquiry,
	#region,
	#about_work,
	.inner_unscrupulous,
	#about_company,
	#report {
		max-width: 720px;
	}



	.center_title {
		font-size: 18px;
	}

	.image_side_text img {
		height: 240px;
	}

	.image_side_text p {
		font-size: 15px;
	}

	.reason_for_chosen_title {
		font-size: 20px;
	}

	.three_box_block {
		font-size: 15px;
	}

	.intermediate_processing_manifesto {
		width: 45%;
	}

	.intermediate_processing_text {
		font-size: 15px;
		width: 50%;
	}

	.text_side_image p {
		width: 100%;
	}

	.text_side_image img {
		width: 100%;
		margin: 2% 0 0 0;
	}

	.link_button {
		font-size: 16px;
	}

	.main_title_massege {
		width: 92%;
	}

}

@media (max-width:730px) {

	.sub_title {
		top: 15%;
		left: 8%;
	}

	.title {
		font-size: 26px;
	}

	.waste_diversify p {
		font-size: 15px;
	}

	.waste_diversify img {
		width: 30%;
	}

	.rightside_content {
		width: 100%;
	}

	#pc_images,
	.right_content p {
		display: none;
	}

	#sh_images {
		display: block;
	}

	.leftside_number {
		display: none;
	}

	.transport_vehicle_block {
		width: 49%;
	}

	.company_overview_space {
		width: 98%;
		font-size: 16px;
	}

	.company_overview_headline {
		width: 18%;
		padding-left: 1%;
	}

	.company_overview_content {
		width: 80%;
		padding-left: 1%;
	}

	.underline_title {
		font-size: 16px;
	}

	.processing_flow_image p {
		font-size: 24px;
	}

	.image_side_text img {
		height: 240px;
		width: 50%;
	}

	.image_side_text p {
		width: 46%;
	}

	#subtitle {
		padding: 4% 0;
	}

	.three_reason_for_chosen {
		background-image: none;
	}

	.intermediate_processing_text span {
		display: none;
	}

	.intermediate_processing_manifesto {
		width: 55%;
	}

	.intermediate_processing_text {
		font-size: 15px;
		width: 43%;
	}

	.syoei_map_pc {
		display: none;
	}

	.syoei_map_sp {
		display: flex;
	}

	.syoei_map_images {
		display: block;
		width: 48%;
	}

}



@media (max-width:568px) {

	.sub_title {
		top: 12%;
		left: 4%;
		font-size: 15px;
	}

	.title {
		font-size: 20px;
	}

	h1,
	.line_title {
		font-size: 18px;
	}

	.intermediate_processing_list_left_title {
		width: 15%;
	}

	.body_of_letter {
		font-size: 15px;
	}

	/* main_visual */

	.industrial_waste_maintitle {
		width: 88%;
		font-size: 15px;
		margin-top: 24%;
	}

	.industrial_waste_subtitle {
		font-size: 16px;
	}

	.right_content_text {
		top: 2%;
	}

	.right_content_text span {
		font-size: 16px;
	}

	.transport_vehicle_block {
		width: 90%;
		margin: 0 auto;
	}

	.industrial_waste_list_block p {
		font-size: 16px;
		width: 90%;
	}

	.company_overview_table {
		width: 99%;
		font-size: 15px;
	}

	.intermediate_under_button p,
	.intermediate_under_button1 p,
	.intermediate_under_button2 p,
	.intermediate_under_button3 p,
	.intermediate_under_button4 p,
	.intermediate_under_button5 p,
	.intermediate_under_button6 p,
	.intermediate_under_button7 p {
		font-size: 16px;
	}

	.underline_title::after {
		width: 32px;
	}

	.processing_flow_image {
		width: 100%;
	}

	.processing_flow_image p {
		font-size: 24px;
	}

	.image_side_text img {
		height: auto;
		width: 100%;
	}

	.image_side_text p {
		margin-top: 4%;
		width: 100%;
	}

	.intermediate_processing_manifesto {
		width: 100%;
	}

	.intermediate_processing_text {
		width: 100%;
	}

	.thickline_title {
		font-size: 20px;
	}

	.thickline_title::after {
		width: 270px;
	}

	.recruitment_voice {
		width: 100%;
	}

	.recruitment_image {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 2% auto;
		width: 100%;
	}

	.recruitment_image img {
		width: 48%;
	}

	.link_button_sp {
		display: block;
		width: 88%;
		margin: 3% auto;
	}

	.link_button {
		display: none;
	}

	.disposal_method {
		width: 88%;
	}

	.main_title {
		width: 92%;
		margin: 5% auto;
	}

	.waste_diversify {
		margin: 4% auto;
	}

	.double_content img {
		padding: 4% 0;
	}

	.about_us_image {
		width: 88%;
		margin: 5% auto;
	}

	/* index携帯版のスライド */

	.three_main_image {
		display: none;
	}

	.three_main_image_sp {
		display: block;
		width: 92%;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}

	.three_main_image_sp img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}

	.three_main_image_sp .slide_wrap {
		width: 300%;
		position: absolute;
		display: flex;
		top: 0;
		left: 0%;
		z-index: 0;
		animation: three_main_image_sp 15s infinite;
		animation-delay: 2s;
	}

	.three_main_image_sp .slide_main {
		width: 100%;
		z-index: 1;
		animation: css-carousel-slider-main 15s infinite;
		animation-delay: 2s;
	}

	.three_main_image_sp .slide {
		width: 100%;
	}

	@keyframes three_main_image_sp {
		0% {
			transform: translateX(0);
		}

		27.3% {
			transform: translateX(calc(1 / 3 * -100%));
		}

		33.3% {
			transform: translateX(calc(1 / 3 * -100%));
		}

		60.6% {
			transform: translateX(calc(2 / 3 * -100%));
		}

		66.6% {
			transform: translateX(calc(2 / 3 * -100%));
		}

		94% {
			transform: translateX(calc(3 / 3 * -100%));
		}

		100% {
			transform: translateX(calc(3 / 3 * -100%));
		}

	}

	@keyframes slide_main {
		0% {
			transform: translateX(100%);
		}

		66.6% {
			transform: translateX(100%);
		}

		94% {
			transform: translateX(0%);
		}
	}

}

@media (max-width:440px) {

	#title_call {
		display: none;
	}

	.sub_title {
		top: 14%;
		left: 8%;
		font-size: 15px;
	}

	.title {
		font-size: 18px;
	}

	.industrial_waste_list_block p {
		font-size: 15px;
		width: 98%;
	}

	.waste_diversify img {
		display: none;
	}

	.intermediate_processing_three_box,
	.intermediate_processing_crushing_box {
		width: 100%;
	}

	.ecoaction_button {
		width: 100%;
		display: block;
		margin: 2% auto;
	}

	.contract_link_button {
		width: 60%;
		display: block;
	}

}

@media (max-width:420px) {

	h1,
	.line_title,
	.processing_subtitle {
		font-size: 16px;
	}

	.title {
		font-size: 18px;
	}

	.waste_achievements_sub_title {
		width: 23%;
	}

	.main_title {
		font-size: 16px;
	}

}