@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------  HOME  ---*/
#sp-m-block{
	display: none;
}
.home-box1{
	background: url("./img/home/home-back1.png");
	background-size: cover;
}
.home-box1-2{
	position: relative;
	height: auto;/* 1350px */
}
.home-box1-2::after{
	content: '';
	display: block;
	padding-top: 84%;
}
.home-title-en1{
	position: absolute;
	width: 34.4%;/* 550px */
	height: auto;
	top: 11%;/* 150px */
	right: 12.5%;/* 200px */
}
.home-title1{
	position: absolute;
	width: 41.25%;/* 660px */
	height: 4.4%;/* 60px */
	vertical-align: middle;
	background: rgb(2,104,55);
	text-align: right;
	color: #FFFFFF;
	font-size: 27px;/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 0.8% 1.9%;/* 16px 30px */
	top: 18.5%;/* 250px */
	left: 0;
}
.home-title1::after{
	position: absolute;
	content: '';
	display: block;
	width: 7%;
	height: 100%;/* 60px */
	top: 0;
	bottom: 0;
	right: -3.5%;
	background: rgb(2,104,55);
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.home-mark1{
	position: absolute;
	width: 31.3%;/* 500px */
	height: 14.5%;/* 200px */
	top: 26%;/* 350px */
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.home-service-list{
	position: absolute;
	width: 92.3%;/* 1200px */
	list-style: none;
	top: 35%;/* 500px */
	left: 0;
	right: 0;
	margin: auto;
}
.home-service-list li{
	display: inline-block;
	width: 31.6%;/* 380px */
	height: auto;/* 320px */
	margin: 1.6% 0.6%;/* 20px 7.5px */
	background: rgb(2,104,55);
}
.home-service-list li dl{
	width: 100%;
}
.home-service-list li dl dt{
	width: 100%;
	height: auto;/* 250px */
	overflow: hidden;
}
.home-service-list li dl dt img{
	width: 100%;
	height: auto;
}
.home-service-list li dl dd{
	width: 100%;
	height: 24%;
	padding: 3% 0;/* 11px 0*/
}
.home-sr{
	font-size: 22px;/* 22px */
	line-height: 1;
	color: #FFFFFF;
	text-align: center;
}
/*--------*/
.home-box2{
	background: rgb(104,104,104);
}
.home-box2-2{
	position: relative;
	height: auto;/* 780px */
}
.home-box2-2::after{
	content: '';
	display: block;
	padding-top: 60%;
}
.home-img1{
	position: absolute;
	width: 48.7%;/* 630px */
	height: auto;/* 420px */
	top: 23%;/* 180px */
	left: 0;/* 0 */
}
.home-mark2{
	position: absolute;
	width: 44.6%;/* 580px */
	padding: 20px;/* 20px */
	top: 28%;/* 220px */
	right: 0;/* 0 */
	color: #FFFFFF;
}
.home-title-en2{
	position: absolute;
	width: 46.5%;/* 270px */
	height: auto;/* 75px */
	top: 0;
	right: 37%;/* 290px */
}
.home-title2{
	position: absolute;
	width: 100%;/* 580px */
	height: 100%;/* 60px */
	vertical-align: middle;
	background: #FFFFFF;
	text-align: left;
	color: rgb(2,104,55);
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: clamp(1.438rem, 1.206rem + 0.48vw, 1.688rem);/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 1.2% 2.3%;/* 16px 30px */
	top: 90px;/* 90px */
	left: 0;
}
.home-title2::after{
	position: absolute;
	content: '';
	display: block;
	width: 7%;
	height: 100%;/* 60px */
	top: 0;
	bottom: 0;
	left: -3.5%;
	background: #FFFFFF;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.home-msg2{
	position: absolute;
	top: 180px;/* 180px */
}
/*--------*/
.home-box3{
	background: url("./img/home/home-back2.jpg");
	background-size: cover;
}
.home-box3-2{
	position: relative;
	height: auto;/* 750px */
}
.home-box3-2::after{
	content: '';
	display: block;
	padding-top: 53%;
}
.home-title-en3{
	position: absolute;
	width: 700px;/* 700px */
	height: auto;
	top: 210px;/* 210px */
	left: 190px;/* 190px */
}
.home-title3{
	position: absolute;
	width: 900px;/* 900px */
	height: 60px;/* 60px */
	vertical-align: middle;
	background: rgb(2,104,55);
	text-align: right;
	color: #FFFFFF;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 27px;/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 16px 40px;/* 16px 40px */
	top: 290px;/* 290px */
	left: 0;
}
.home-title3::after{
	position: absolute;
	content: '';
	display: block;
	width: 7%;
	height: 60px;/* 60px */
	top: 0;
	bottom: 0;
	right: -3.5%;
	background: rgb(2,104,55);
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
/*--------------*/
.home-box4{
	height: auto;/* 500px */
}
.home-service-list2{
	display: flex;
	flex-direction: row;
	width: 100%;
	list-style: none;
	height: auto;/* 440px*/
}
.home-service-list2 li{
	position: relative;
	width: 50%;
	height: auto;
}
.home-service-list2 li::after{
	display: block;
	content: '';
	padding-top: 68%;
}
.home-service-list2 li img{
	position: absolute;
	width: 100%;
	height: auto;
}
/*--------------------------------------------  リアアースソイル  ---*/
.soil-box1{
	position: relative;
	height: auto;/* 800px */
}
.soil-box1::after{
	content: '';
	display: block;
	padding-top: 50%;
}
.soil-img1{
	position: absolute;
	width: 67.9%;/* 1087px */
	height: auto;
	top: 0;
	right: 0;
}
.soil-mark1{
	position: absolute;
	top: 22.5%;/* 180px */
	left: 6.25%;/* 100px */
}
.soil-img1-2{
	width: 37.5%;/* 600px */
}
.soil-title1{
	margin-top: 1.9%;/* 15px */
}
/*---------*/
.soil-box2{
	background: rgb(2,104,55);
}
.soil-box2-2{
	position: relative;
	background: rgb(2,104,55);
	height: auto;/* 940px */
}
.soil-box2-2::after{
	content: '';
	display: block;
	padding-top: 72.3%;
}
.soil-title2{
	position: absolute;
	width: 100%;
	font-size: clamp(1.75rem, 1.518rem + 0.48vw, 2rem);/* 32px */
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	top: 11.7%;/* 110px */
}
.soil-point{
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;/* 1300px */
	margin: 3% auto 0;/* 40px auto 0*/
	list-style: none;
	top: 21.3%;/* 200px;*/
}
.soil-point li{
	width: 30%;/* 390px */
	height: 170px;/* 170px */
	background: #FFFFFF;
	margin: 15px;/* 15px */
}
/*-----------------------*/
.soil-point2{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.soil-point2 dt{
	position: relative;
	width: 23%;/* 90px */
	height: 170px;/* 170px */
}
.soil-point2 dt::after{
	content: '';
	display: block;
	padding-top: 43.6%;
}
.soil-point2 dd{
	width: 76.9%;/* 300px */
	height: auto;/* 170px */
	padding: 5% 10px 0;/* 26px 10px 0*/
}
.point-logo{
	position: absolute;
	display: block;
	width: 88%;/* 80px */
	height: 47%;/* 80px */
	border-radius: 50%;
	background: rgb(2,104,55);
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.point-title{
	font-size: clamp(1.25rem, 1.018rem + 0.48vw, 1.5rem);/* 24px */
	line-height: 1.5;
	font-weight: normal;
	text-align: center;
	color: rgb(2,104,55);
}
.soil-img2{
	position: absolute;
	width: 35.4%;/* 460px */
	height: auto;
	right: 0;
	bottom: 25px;/* 25px */
}
/*---------*/
.soil-box3{
	position: relative;
	padding: 8% 0 5.6%;/* 130px 0 90px */
	height: auto;
	background: url("./img/soil/soil-back1.jpg");
	background-size: cover;
}
.soil-title3{
	font-size: clamp(1.75rem, 1.518rem + 0.48vw, 2rem);/* 32px */
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.po-title{
	width: 100%;/* 1300px */
	padding: 12px 20px;/* 12px 20px */
	font-size: clamp(0.938rem, 0.706rem + 0.48vw, 1.188rem);/* 19px */
	line-height: 1;
	font-weight: normal;
	color: #FFFFFF;
	background: rgb(2,104,55);
	margin: 5.4% auto 0;/* 70px auto 0*/
}
/*-----------*/
.sample-box{
	padding: 30px 0;/* 30px 0*/
}
/*-------------  使用用途----*/
.sample{
	display: inline-block;
	width: 30%;/* 390px */
	height: auto;
	min-height: 440px;/* 40px */
	vertical-align: top;
	background: #E8E8E8;
	margin: 12px 1.15%;/* 12px 15px */
	padding: 2% 0.4%;/* 10px 6px */
}
.sample-img{
	display: block;
	width: 60%;/* 230px */
	height: auto;/* 230px */
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
	background: #FFFFFF;
}
.sample-page{
	width: 95%;
	margin: 10px auto 0;/* 10px auto 0*/
	list-style: none;
}
.sample-page a li{
	color: #FFFFFF;
	text-decoration: none;
}
.sample-page li{
	width: 100%;
	padding: 5px 6%;/* 5px 18px */
	margin: 8px auto;/* 8px auto */
	font-size: clamp(0.813rem, 0.581rem + 0.48vw, 1.063rem);/* 17px */
	color: #FFFFFF;
	line-height: 1.5;
	font-weight: normal;
	background: rgb(2,104,55);
	border-radius: 12px;
	overflow: hidden;
	transition: 1s;
}
.sample-page li:hover{
	background: #288c66;
}
/*------------------*/
.soil-box4{
	position: relative;
	padding: 6.25% 0 3.1%;/* 100px 0 50px */
}
.soil-title4{
	display: block;
	width: 61.5%;/* 800px */
	padding: 8px 20px;/* 8px 20px */
	margin: 2.3% auto;/* 30px auto */
	font-size: clamp(1.25rem, 1.018rem + 0.48vw, 1.5rem);/* 24px */
	line-height: 1;
	font-weight: normal;
	color: #FFFFFF;
	background: rgb(2,104,55);
}
.soil-deta1{
	display: block;
	width: 61.5%;/* 800px */
	height: auto;
	margin: auto;
}
/*------------------*/
.soil-box5{
	position: relative;
	padding: 30px 0 80px;
}
.soil-img3{
	position: absolute;
	width: 26%;/* 340px */
	height: auto;
	right: 0;
	bottom: 40px;/* 40px */
}
/*------------------*/
.soil-box6-1{
	background: rgb(2,104,55);
}
.soil-box6-2{
	padding: 100px 0;/* 100px 0 */
}
.soil-mark2{
	width: 92.3%;/* 1200px */
	margin: 50px auto 40px;/**/
	color: #FFFFFF;
}
.soil-title5{
	display: block;
	font-size: clamp(1.75rem, 1.518rem + 0.48vw, 2rem);/* 32px */
	line-height: 1.5;
	font-weight: bold;
}
.soil-mark3{
	width: 92.3%;/* 1200px */
	margin: 50px auto 40px;/* 50px auto 40px */
	color: #FFFFFF;
}
.soil-img4{
	width: 100%;/* 440px */
	height: auto;/*--- 300px */
}
.soil-title6{
	font-size: clamp(1.063rem, 0.831rem + 0.48vw, 1.313rem);/* 21px */
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 2px solid #FFFFFF;
}
/*---*/
.soil-mark4{
	width: 92.3%;/* 1200px */
	margin: 50px auto 40px;
	color: #FFFFFF;
}
/*----------*/
.aicle-point{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 92.3%;/* 1200px */
	margin: 70px auto;
}
.aicle-point dt{
	width: 26.6%;/* 320px */
}
.aicle-point dt img{
	width: 100%;
	height: auto;
}
.aicle-point dd{
	width: 73%;/* 880px */
	padding: 1.25% 2%;/* 15px 25px */
	color: #FFFFFF;
}
.aicle-point-title{
	font-size: clamp(1.063rem, 0.831rem + 0.48vw, 1.313rem);/* 21px */
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 2px solid rgb(2,104,55);
}
/*------------------------*/
.soil-box7{
	padding: 9.2% 0;/* 120px 0 70px */
}
.soil-mark5{
	display: flex;
	width: 92%;/* 1200px */
	margin: auto;
}
.soil-mark5 dt{
	position: relative;
	width: 36.6%;/* 440px */
}
.soil-mark5 dt img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.soil-mark5 dd{
	width: 63%;/* 760px */
	padding: 0 30px;/* 0 30px */
}
.soil-title7{
	display: inline-block;
	font-size: clamp(1.063rem, 0.831rem + 0.48vw, 1.313rem);/* 21px */
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 2px solid rgb(2,104,55);
}
.soil-check{
	width: 100%;
	list-style: circle;
	margin: 10px auto;/* 10px auto*/
	list-style-position: inside;
}
.soil-check li{
	padding: 3px 0;/* 3px */
}
/*---------*/
.soil-box8{
	padding: 3.1% 0 8%;/* 50px 0 130px */
}
/*----品質 ---*/
.tb_product_5{
	width: 61.5%;/* 800px */
	margin: auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.tb_product_5 tr{
	width: 100%;
	border-bottom: 1px solid #000000;
}
.tb_product_5 tr th{
	vertical-align: middle;
	background: rgb(214,232,202);
	font-weight: normal;
	border-right: 1px solid #000000;
	padding: 8px 10px;/* 8px 10px */
}
.tb_product_5 .sub{
	background: rgb(248,251,247);
}
.tb_product_5 tr td{
	padding: 8px 10px;/* 8px 10px */
}
/*--------------------------------------------  処理事業  ---*/
.dis-box1{
	position: relative;
	height: auto;/* 700px */
}
.dis-box1::after{
	content: '';
	display: block;
	padding-top: 53.4%;
}
.dis-img1{
	position: absolute;
	display: block;
	width: 37%;/* 480px */
	height: auto;/* 480px */
	top: 17%;/* 120px */
	left: 3.8%;/* 50px */
}
.dis-mark1{
	position: absolute;
	width: 53.8%;/* 700px */
	top: 28%;/* 200px */
	right: 0;
}
.dis-sousyoku1{
	position: absolute;
	width: 38%;/* 500px */
	height: auto;/* 260px */
	bottom: 14%;/* 100px */
	right: 0;
	z-index: -10;
}
/*-------*/
.dis-box2{
	padding: 4.6% 0 9%;/* 60px 0 120px */
}
.dis-title1{
	display: inline-block;
	font-size: clamp(1rem, 0.768rem + 0.48vw, 1.25rem);/* 20px */
	line-height: 1;
	color: #FFFFFF;
	padding: 0.7% 1.5%;/* 10px 20px */
	background: rgb(2,104,55);
}
/*------------------------  処理内容テーブル　-----*/
.dis-table{
	width: 76.9%;/* 1000px */
	margin: auto;
	border-collapse: collapse;
	border-spacing: 3px;
	border: 1px solid #a9a9a9;
}
.dis-table caption{
	width: 40%;/* 400px */
	background: rgb(2,104,55);
	padding: 10px 0;
	text-align: center;
	margin: 20px auto;/* 20px auto*/
	color: #FFFFFF;
}
.dis-table tr{
	border-bottom: 1px solid #a9a9a9;
}
.dis-table th{
	padding: 10px 0;/* 10px 0*/
	background: #dbebc4;
	border-left: 1px solid #a9a9a9;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}
.dis-table td{
	padding: 10px 0;/* 10px 0*/
	border-left: 1px solid #a9a9a9;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}
.dis-table .sub{
	background: #FFFFFF;
}
/*----------*/
.dis-box3{
	position: relative;
	background: rgb(104,104,104);
	height: auto;/* 700px */
}
.dis-box3::after{
	content: '';
	display: block;
	padding-top: 43.7%;
}
.dis-img2{
	position: absolute;
	width: 37.5%;/* 600px */
	height: auto;/* 440px */
	top: 25.7%;/* 180px */
	right: 6.9%;/* 110px */
}
.dis-title2{
	position: absolute;
	width: 46%;/* 740px */
	height: auto;/* 60px */
	vertical-align: middle;
	background: #FFFFFF;
	text-align: right;
	font-size: clamp(1.438rem, 1.206rem + 0.48vw, 1.688rem);/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 1% 1.8%;/* 16px 30px */
	top: 31%;/* 220px */
	left: 0;
}
.dis-title2::after{
	position: absolute;
	content: '';
	display: block;
	width: 7%;
	height: 100%;/* 60px */
	top: 0;
	bottom: 0;
	right: -3.5%;
	background: #FFFFFF;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.dis-mark2{
	position: absolute;
	width: 40.6%;/* 650px */
	color: #FFFFFF;
	top: 47%;/* 330px */
	left: 3.7%;/* 60px */
}
/*------------------------*/
.dis-box4{
	padding: 3% 0 10%;/* 50px 0 160px */
	background: rgb(104,104,104);
}
.dis-point1{
	display: flex;
	flex-direction: row;
	width: 81%;/* 1300px */
	margin: auto;
}
.dis-point1 dl{
	position: relative;
	width: 44.6%;/* 580px */
	height: auto;/* 540px */
	margin: 0 2.1%;/* 0 35px */
	background: #FFFFFF;
}
.dis-point1 dl dt{
	width: 100%;
	height: auto;/* 320px */
}
.dis-point1 dl dt img{
	width: 100%;
	height: auto;
}
.dis-point1 dl dd{
	padding: 0.9% 0.7%;/* 12px 10px */
}
.dis-point1-title{
	display: inline-block;
	padding: 7px 20px;/* 7px 20px */
	background: rgb(2,104,55);;
	font-size: clamp(0.875rem, 0.643rem + 0.48vw, 1.125rem);/* 18px */
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 10px;/* 10px */
}
/*-----------------------*/
.dis-box5{
	position: relative;
	height: 770px;/* 770px */
}
.dis-img3{
	position: absolute;
	width: 600px;/* 600px */
	height: 440px;/* 440px */
	top: 120px;/* 120px */
	left: 110px;/* 110px */
}
.dis-title3{
	position: absolute;
	width: 740px;/* 740px */
	height: 60px;/* 60px */
	vertical-align: middle;
	background: rgb(2,104,55);
	text-align: left;
	color: #FFFFFF;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 27px;/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 16px 30px;/* 16px 30px */
	top: 180px;/* 180px */
	right: 0;
}
.dis-title3::after{
	position: absolute;
	content: '';
	display: block;
	width: 7%;
	height: 60px;/* 60px */
	top: 0;
	bottom: 0;
	left: -3.5%;
	background: rgb(2,104,55);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.dis-mark3{
	position: absolute;
	width: 650px;/* 650px */
	top: 270px;/* 270px */
	right: 60px;/* 60px */
}
/*--------------------------*/
.dis-box6{
	background: rgb(2,104,55);
	padding: 10.6% 0;/* 170px 0*/
}
.dis-mark4{
	text-align: center;
}
.dis-title4{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: clamp(1.688rem, 1.57rem + 0.24vw, 1.875rem);/* 30px */
	font-weight: bold;
	font-style: normal;
	line-height: 1.5;
	color: #FFFFFF;
}
/*---
.dis-title4::before{
	content: '建設汚泥フロー';
	display: block;
	margin: auto;
	width: 300px;
	padding: 5px;
	text-align: center;
	background: #FFFFFF;
	font-size: 19px;
	font-weight: normal;
	color: #000000;
	margin-bottom: 15px;
	border-radius: 16px;
}
---*/
.flow-img1{
	display: block;
	width: 62%;/* 1000px */
	height: auto;
	margin: 3.7% auto 0;/* 60px auto 0*/
}
/*--------------------------------------------  再生砂  ---*/
.sand-box1-1{
	background: rgb(2,104,55);
}
.sand-box1-2{
	position: relative;
	height: auto;/* 650px */
	padding: 60px 0;
}
.sand-box1-2::after{
	content: '';
	display: block;
	padding-top: 42.3%;
}
/*---------------------*/
.sand-point1{
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 92.3%;/* 1200px */
	top: 300px;/* 300px */
	left: 0;
	right: 0;
	margin: auto;
}
.sand-point1 dt{
	width: 26.6%;/* 320px */
}
.sand-point1 dt img{
	width: 100%;
	height: auto;
}
.sand-point1 dd{
	width: 73.3%;/* 880px */
	padding: 1.25% 2%;/* 15px 25px */
	color: #FFFFFF;
}
.sand-po-title{
	font-size: 21px;/* 21px */
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 2px solid #FFFFFF;
}
/*---------------------*/
.sand-point2{
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 92.3%;/* 1200px */
	top: 620px;/* 620px */
	left: 0;
	right: 0;
	margin: auto;
}
.sand-point2 dt{
	width: 26.6%;/* 320px */
}
.sand-point2 dt img{
	width: 100%;
	height: auto;
}
.sand-point2 dd{
	width: 73%;/* 880px */
	padding: 1.25% 2%;/* 15px 25px */
	color: #FFFFFF;
}
.sand-po-title{
	font-size: clamp(1.063rem, 0.831rem + 0.48vw, 1.313rem);/* 21px */
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 2px solid rgb(2,104,55);
}
/*----------------------*/
.sand-box2-1{
	background: rgb(2,104,55);
}
.sand-box2-2{
	padding: 7.5% 0 10%;/* 120px 0 160px */
}
.sand-title1{
	width: 100%;
	font-size: clamp(1.75rem, 1.518rem + 0.48vw, 2rem);/* 32px */
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
/*----------再生砂の特徴 ------*/
.sand-point4{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;/* 1300px */
	margin: 3% auto 0;/* 40px auto 0*/
	list-style: none;
}
.sand-point4 li{
	width: 30%;/* 390px */
	height: 170px;/* 170px */
	background: #FFFFFF;
	margin: 15px;/* 15px */
}
/*-----------------------*/
.sand-point4-2{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.sand-point4-2 dt{
	position: relative;
	width: 23%;/* 90px */
	height: auto;/* 170px */
}
.sand-point4-2 dt::after{
	content: '';
	display: block;
	padding-top: 43.6%;
}
.sand-point4-2 dd{
	width: 76.9%;/* 300px */
	height: auto;/* 170px */
	padding: 6% 10px 0;/* 26px 10px 0*/
}
.sand-point-logo{
	position: absolute;
	display: block;
	width: 88%;/* 80px */
	height: auto;/* 80px */
	border-radius: 50%;
	background: rgb(2,104,55);
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.sand-point-title{
	font-size: clamp(1.25rem, 1.018rem + 0.48vw, 1.5rem);/* 24px */
	line-height: 1.5;
	font-weight: normal;
	text-align: center;
	color: rgb(2,104,55);
}
/*---------------------*/
.sand-point3{
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 92%;/* 1200px */
	top: 28.5%;/* 300px */
	left: 0;
	right: 0;
	margin: auto;
}
.sand-point3 dt{
	width: 26.6%;/* 320px */
}
.sand-point3 dt img{
	width: 100%;
	height: auto;
}
.sand-point3 dd{
	width: 73.3%;/* 880px */
	padding: 1.2% 2%;/* 15px 25px */
}
.sand-po-title2{
	font-size: clamp(1.063rem, 0.831rem + 0.48vw, 1.313rem);/* 21px */
	line-height: 1.5;
	font-weight: bold;
	color:  rgb(2,104,55);
	border-bottom: 2px solid rgb(2,104,55);
}
/*-----------------
.sand-point4{
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 1200px;
	top: 650px;
	left: 0;
	right: 0;
	margin: auto;
}
.sand-point4 dt{
	width: 320px;
}
.sand-point4 dt img{
	width: 100%;
	height: auto;
}
.sand-point4 dd{
	width: 880px;
	padding: 15px 25px;
}
.sand-po-title2{
	font-size: 21px;
	line-height: 1.5;
	font-weight: bold;
	color:  rgb(2,104,55);
	border-bottom: 2px solid #FFFFFF;
}
/*----------------------*/
.sand-box3-1{
	position: relative;
	padding: 5.3% 0 10%;/* 70px 0 130px */
}
.sand-flow{
	display: block;
	width: 42.3%;/* 550px */
	height: auto;
	margin: auto;
}
/*------------------------------------------------------  しゅんせつ工事-----*/
.const-box1{
	padding: 10% 0 12.3%;/* 130px 0 160px */
}
.const-mark1{
	width: 76.9%;/* 1000px */
	margin: auto;
}
.const-title{
	color:  rgb(2,104,55);
}
.const-img{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 87%;/* 1100px */
	margin: 5.4% auto;/* 70px auto*/
	list-style: none;
}
.const-img li{
	width: 30.9%;/* 340px */
	height: auto;
	margin: 0 1.1%;/* 0 13px */
}
.const-img li img{
	width: 100%;
	height: auto;
}
.const-work{
	display: block;
	width: 42.3%;/* 550px */
	height: auto;
	margin: 4.6% auto 0;/* 60px auto 0*/
}
/*---------------------------------------  運輸事業　-----*/
.tra-box1{
	padding: 10% 0;/* 130px 0*/
}
.tra-img1{
	display: block;
	width: 76.9%;/* 1000px */
	height: auto;/* 420px */
	margin: auto;
}
.tra-mark1{
	width: 76.9%;/* 1000px */
	margin: auto;
	padding: 3% 0;/* 40px 0*/
}
/*--------*/
.track-table{
	width: 900px;/* 700px */
	margin: 6% auto;/* 80px auto*/
	border: 1px solid #000000;
	border-collapse: collapse;
}
.track-table caption{
	font-size: 20px;/* 20px */
	padding: 5px 20px;/* 5px 20px */
	background: #B1F7E1;
}
.track-table tr{
	width: 100%;
	border-bottom: 1px solid #000000;
}
.track-table th{
	width: 300px;
	padding: 7px 20px;/* 7px 20px */
	border-right: 1px solid #000000;
	font-weight: normal;
	text-align: left;
}
.track-table td{
	width: 600px;
	padding: 7px 20px;/* 7px 20px*/
	border-right: 1px solid #000000;
	vertical-align: middle;
}
/*--------------------------------------------  会社器用　-------*/
.co-box2{
	padding: 11.5% 0;/* 150px 0*/
}
/*-----------------*/
.company-deta{
	width: 69.2%;/* 900px */
	margin: auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.company-deta caption{
	text-align: left;
}
.deta-title1{
	display: block;
	font-size: clamp(0.75rem, 0.518rem + 0.48vw, 1rem);/* 18px */
	line-height: 1;
	font-weight: bold;
}
.deta-title2{
	display: block;
	font-size: clamp(2.688rem, 2.456rem + 0.48vw, 2.938rem);/* 55px */
	line-height: 1.2;
	font-weight: bold;
	padding-bottom: 20px;/* 30px */
}
.company-deta tr{
	border-bottom: 1px solid #000000;
	line-height: 1.8;
}
.company-deta tr th{
	width: 25.5%;/* 230px */
	padding: 1.5%;/* 20px */
	font-weight: normal;
	vertical-align: middle;
	background:rgba(2,104,55,0.2);
}
.company-deta tr td{
	width: 74.4%;/* 670px */
	padding: 1.5%;/* 20px */
}
.co-work{
	width: 90%;
	list-style: decimal;
	margin: 0 auto 10px;
	list-style-position: inside;
}
.co-work li{
	padding: 3px 0;
}
/*--------- マニフェスト  ---------*/
.manifesto{
	width: 69.2%;/* 900px */
	margin: 5.4% auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.manifesto caption{
	width: 100%;
	padding: 10px;/* 10px */
	font-size: clamp(1rem, 0.768rem + 0.48vw, 1.25rem);/* 20px */
	text-align: left;
}
.manifesto tr{
	border-bottom: 1px solid #000000;
}
.manifesto th{
	border-right: 1px solid #000000;
	text-align: center;
	padding: 5px;
	font-weight: normal;
	background:rgba(2,104,55,0.2);
}
.manifesto td{
	border-right: 1px solid #000000;
	text-align: center;
	padding: 5px;
}
/*-----------------  アクセスマップ　-------*/
.ac-map{
	width: 69%;/* 900px */
	margin: auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.ac-map caption{
	width: 100%;
	padding: 10px;/* 10px */
	font-size: clamp(1rem, 0.768rem + 0.48vw, 1.25rem);/* 20px */
	text-align: left;
}
.ac-map tr{
}
.ac-map th{
	display: block;
	width: 100%;
	padding: 10px 20px;/* 10px 20px */
	background:rgba(2,104,55,0.2);
	font-weight: normal;
}
.ac-map td{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 44.7%;/* 400px*/
}
.ac-map td iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---------------------*/
.co-box3{
	background:rgba(245,245,245,0.6);
	height: auto;
}
.co-box3-2{
	padding: 11.5% 0;/* 150px 0*/
}
/*------------  沿革　--------*/
.history-deta{
	width: 76.9%;/* 1000px */
	margin: auto;
	border-collapse: collapse;
}
.history-deta caption{
	text-align: left;
}
.history-deta tr{
	border-bottom: 1px solid #00afcc;
	line-height: 1.8;
}
.history-deta tr th{
	width: 23%;/* 230px */
	padding: 1.5%;/* 20px */
	font-weight: normal;
	vertical-align: middle;
}
.history-deta tr td{
	width: 67%;/* 670px */
	padding: 1.5% 2.3%;/* 20px */
}
/*---------------------------------------------  採用情報　------*/
.rec-box1{
	padding: 10.7% 0 4.6%;/* 140px 0 60px */
}
.rec-mark1{
	width: 69%;/* 900px */
	margin: auto;
	text-align: center;
}
/*-----------------*/
.rec-box2{
	padding: 10.7% 0 10%;/* 140px 0 130px */
}
.recruit_table{
	width: 61.5%;/* 800px */
	margin: 2.3% auto 4.6%;/* 30px auto 60px */
	border: 1px solid #7D7D7D;
	border-collapse: collapse;
}
.recruit_table caption{
	text-align: left;
	font-size: clamp(0.625rem, 0.393rem + 0.48vw, 0.875rem);/* 14px */
}
.recruit_table .thead{
	background: rgb(214,232,202);
}
.recruit_table tr{
	border-bottom: 1px solid #7D7D7D;
}
.recruit_table th{
	width: 21.2%;/* 170px */
	padding: 1.8% 1.2%;/* 15px 10px */
	background: rgb(248,251,247);
	vertical-align: middle;
	font-weight: normal;
	border-right: 1px solid #7D7D7D;
}
.recruit_table td{
	padding: 1.8% 1.2%;/* 15px 10px */
	vertical-align: middle;
}
/*---------------------------------------  お問い合わせ　---*/
.con-box1{
	padding: 10% 0 ;/* 140px 0*/
}
.ft-form{
	width: 65.4%;/* 850px */
	margin: 3% auto;/* 40px auto*/
	border-collapse: collapse;
	color: #000000;
}
.ft-form tr{
	line-height: 1.5;
	border-bottom: 1px solid rgb(2,104,55);
}
.ft-form tr th{
	width: 23.5%;/* 200px */
	padding: 18px;/* 18px */
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.ft-form tr td{
	width: 67.4%;/* 650px */
	padding: 18px;/* 18px */
}
.ft-form select{
}
.ft-form .text{
	width: 90%;
	height: 40px;/* 40px */
	border-radius: 6px;
	border: none;
	background: #EBEBEB;
}
.ft-form .textarea{
	width: 90%;
	height: 200px;/* 200px */
	border-radius: 6px;/* 6px */
	border: none;
	background: #EBEBEB;
}
.required{
	display: inline-block;
	padding: 2px 5px;/* 2px 5px */
	background: #E30003;
	color: #FFFFFF;
	font-size: 11px;/* 11px */
	margin-left: 10px;/* 10px */
	vertical-align: middle;
}
.submit{
	background: rgb(2,104,55);
	color: #FFFFFF;
	padding: 3px 10px;/* 3px 10px */
	border: none;
}
/*------------------------------------------  リアアースソイルの使用例  -------*/
.pur-box{
	padding: 7% 0;/* 100px 0*/
}
.pur-box2{
	width: 69%;/* 900px */
	height: auto;
	min-height: 900px;
	margin: auto;
	overflow: hidden;
}
.pur-box2 img{
	display: block;
	width: 100%;
	margin: 20px auto;/* 20px auto*/
}