@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:770px) {
/*--------------------------------------------  HOME  ---*/
#sp-m-block{
	position: relative;
	display: block;
	width: 100%;
	height: 95vh;
	background: url("img/home/sp-m-img1.jpg");
	background-size: cover;
}
.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: 192.3%;/* 750px */
}
.home-title-en1{
	position: absolute;
	width: 50%;/* 550px */
	height: auto;
	top: 50px;/* 150px */
	right: 3%;/* 200px */
}
.home-title1{
	position: absolute;
	width: 55%;/* 660px */
	height: 5%;/* 60px */
	vertical-align: middle;
	background: rgb(2,104,55);
	text-align: right;
	color: #FFFFFF;
	font-size: 22px;/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 2.5%;/* 16px 30px */
	top: 80px;/* 250px */
	left: 0;
}
.home-title1::after{
	position: absolute;
	content: '';
	display: block;
	width: 10%;
	height: 100%;/* 60px */
	top: 0;
	bottom: 0;
	right: -5%;
	background: rgb(2,104,55);
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.home-mark1{
	position: absolute;
	width: 90%;/* 500px */
	height: 14.5%;/* 200px */
	top: 150px;/* 350px */
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.home-service-list{
	position: absolute;
	width: 95%;/* 1200px */
	list-style: none;
	top: 240px;/* 500px */
	left: 0;
	right: 0;
	margin: auto;
}
.home-service-list li{
	display: inline-block;
	width: 47%;/* 380px */
	height: auto;/* 320px */
	margin: 1.6% 1%;/* 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: 30%;
	padding: 2% 0;/* 11px 0*/
}
.home-sr{
	font-size: 15px;/* 22px */
	line-height: 1;
	color: #FFFFFF;
	text-align: center;
}
/*--------*/
.home-box2{
	background: rgb(104,104,104);
}
.home-box2-2{
	position: relative;
	height: auto;/* 780px */
	padding: 50px 0;/* 50px 0 */
}
.home-box2-2::after{
	display: none;
}
.home-img1{
	position: inherit;
	display: block;
	width: 90%;/* 630px */
	height: auto;/* 420px */
	top: inherit;/* 180px */
	left: inherit;/* 0 */
	right: inherit;
	margin: auto;
}
.home-mark2{
	position: inherit;
	width: 90%;/* 580px */
	padding: 20px 0;/* 20px */
	top: inherit;/* 220px */
	right: inherit;/* 0 */
	margin: auto;
	color: #FFFFFF;
}
.home-title-en2{
	position: inherit;
	width: 46.5%;/* 270px */
	height: auto;/* 75px */
	top: inherit;
	right: inherit;/* 290px */
}
.home-title2{
	position: relative;
	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: 22px;/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 1.2% 2.3%;/* 16px 30px */
	top: inherit;/* 90px */
	left: inherit;
}
.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: inherit;
	top: inherit;/* 180px */
	padding: 12px 0 0;
}
/*--------*/
.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: 151.3%;/* 590px */
}
.soil-img1{
	position: absolute;
	width: 100%;/* 1087px */
	height: auto;
	top: 0;
	right: 0;
}
.soil-mark1{
	position: absolute;
	width: 95%;
	top: 28.8%;/* 180px */
	left: 0;/* 100px */
	right: 0;
	margin: auto;
}
.soil-img1-2{
	width: 70%;/* 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: 282%;/* 1100px */
}
.soil-title2{
	position: absolute;
	width: 100%;
	font-size: 24px;/* 32px */
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	top: 5.3%;/* 50px */
}
.soil-point{
	position: absolute;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1300px */
	margin: 0 auto 0;/* 40px auto 0*/
	list-style: none;
	top: 11.3%;/* 200px;*/
	left: 0;
	right: 0;
}
.soil-point li{
	width: 100%;/* 390px */
	height: 50%;/* 170px */
	background: #FFFFFF;
	margin: 0 auto 25px;/* 15px */
}
/*-----------------------*/
.soil-point2{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.soil-point2 dt{
	position: relative;
	width: 23%;/* 90px */
	height: auto;/* 170px */
}
.soil-point2 dt::after{
	content: '';
	display: block;
	padding-top: 50%;
}
.soil-point2 dd{
	width: 76.9%;/* 300px */
	height: auto;/* 170px */
	padding: 8px 10px;/* 26px 10px 0*/
}
.point-logo{
	position: absolute;
	display: block;
	width: 70%;/* 80px */
	height: auto;/* 80px */
	border-radius: 50%;
	background: rgb(2,104,55);
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.point-title{
	font-size: 20px;/* 24px */
	line-height: 1.5;
	font-weight: normal;
	text-align: center;
	color: rgb(2,104,55);
}
.soil-img2{
	position: absolute;
	width: 50.4%;/* 460px */
	height: auto;
	right: 0;
	bottom: 15px;/* 25px */
}
/*---------*/
.soil-box3{
	position: relative;
	padding: 60px 0 50px;/* 130px 0 90px */
	height: auto;
	background: url("./img/soil/soil-back1.jpg");
	background-size: cover;
}
.soil-title3{
	font-size: 24px;/* 32px */
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.po-title{
	width: 90%;/* 1300px */
	padding: 3%;/* 12px 20px */
	font-size: 19px;/* 19px */
	line-height: 1;
	font-weight: normal;
	color: #FFFFFF;
	background: rgb(2,104,55);
	margin: 30px auto 0;/* 70px auto 0*/
}
/*-----------*/
.sample-box{
	padding: 30px 0;/* 30px 0*/
}
/*-------------  使用用途----*/
.sample{
	display: block;
	width: 90%;/* 300px */
	height: auto;
	min-height: inherit;/* 40px */
	vertical-align: top;
	background: #E8E8E8;
	margin: 12px auto;/* 12px 10px */
	padding: 10px 6px;/* 10px 6px */
}
.sample-img{
	display: block;
	width: 60%;/* 230px */
	height: auto;/* 230px */
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
	background: #FFFFFF;
}
.sample-page{
	width: 85%;
	margin: 20px auto 0;/* 10px auto 0*/
	list-style: none;
}
.sample-page a li{
	color: #FFFFFF;
	text-decoration: none;
}
.sample-page li{
	width: 100%;
	padding: 5px 20px;/* 5px 18px */
	margin: 15px auto;/* 8px auto */
	font-size: 17px;/* 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: 80%;/* 800px */
	padding: 8px 20px;/* 8px 20px */
	margin: 40px auto;/* 30px auto */
	font-size: 24px;/* 24px */
	line-height: 1;
	font-weight: normal;
	color: #FFFFFF;
	background: rgb(2,104,55);
	text-align: center;
}
.soil-deta1{
	display: block;
	width: 92%;/* 800px */
	height: auto;
	margin: 30px auto 0;
}
/*------------------*/
.soil-box5{
	position: relative;
	height: auto;/* 500px */
	padding: 60px 0;
}
.soil-img3{
	position: absolute;
	width: 40%;/* 340px */
	height: auto;
	right: 0;
	bottom: 20px;/* 40px */
}
/*------------------*/
/*------------------*/
.soil-box6-1{
	background: rgb(2,104,55);
}
.soil-box6-2{
	padding: 50px 0;/* 50px 0*/
}
.soil-mark2{
	width: 90%;/* 1200px */
	margin: 50px auto 40px;
	color: #FFFFFF;
}
.soil-title5{
	display: block;
	font-size: 29px;/* 29px */
	line-height: 1.5;
	font-weight: bold;
}
.soil-mark3{
	width: 90%;/* 1200px */
	margin: 50px auto 40px;
	color: #FFFFFF;
}
.soil-img4{
	width: 100%;/* 440px */
	height: auto;/*--- 300px */
}
.soil-title6{
	font-size: 21px;/* 21px */
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 2px solid #FFFFFF;
}
/*---*/
.soil-mark4{
	width: 90%;/* 1200px */
	margin: 50px auto 40px;
	color: #FFFFFF;
}
/*----------*/
.aicle-point{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1200px */
	margin: 70px auto;
}
.aicle-point dt{
	width: 100%;/* 320px */
}
.aicle-point dt img{
	display: block;
	width: 60%;
	height: auto;
	margin: auto;
}
.aicle-point dd{
	width: 100%;/* 880px */
	padding: 1.25% 2%;/* 15px 25px */
	color: #FFFFFF;
}
.aicle-point-title{
	font-size: 21px;/* 21px */
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 2px solid rgb(2,104,55);
}
/*------------------------*/
.soil-box7{
	padding: 70px 0;/* 120px 0 70px */
}
.soil-mark5{
	display: flex;
	flex-direction: column;
	width: 90%;/* 1200px */
	margin: auto;
}
.soil-mark5 dt{
	position: relative;
	width: 100%;/* 440px */
}
.soil-mark5 dt img{
	position: inherit;
	display: block;
	width: 100%;
	top: inherit;
	bottom: inherit;
	margin: auto;
}
.soil-mark5 dd{
	width: 100%;/* 760px */
	padding: 30px 0 0;/* 0 30px */
}
.soil-title7{
	display: inline-block;
	font-size: 21px;/* 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: 7px 0;/* 3px */
}
/*---------*/
.soil-box8{
	padding: 10px 0 70px;/* 50px 0 130px */
}
/*----品質 ---*/
.tb_product_5{
	width: 95%;/* 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 */
	padding: 70px 0 20px;
}
.dis-box1::after{
	display: none;
}
.dis-img1{
	position: inherit;
	display: block;
	width: 50%;/* 480px */
	height: auto;/* 480px */
	top: inherit;/* 120px */
	left: inherit;/* 50px */
	margin: auto;
}
.dis-mark1{
	position: inherit;
	width: 90%;/* 700px */
	top: inherit;/* 200px */
	right: inherit;
	margin: 20px auto;
}
.dis-sousyoku1{
	position: absolute;
	width: 38%;/* 500px */
	height: auto;/* 260px */
	bottom: 14%;/* 100px */
	right: 0;
	z-index: -10;
}
/*-------*/
.dis-box2{
	padding: 40px 0;/* 60px 0 120px */
}
.dis-title1{
	display: inline-block;
	font-size: 20px;/* 20px */
	line-height: 1;
	color: #FFFFFF;
	padding: 0.7% 1.5%;/* 10px 20px */
	background: rgb(2,104,55);
}
/*------------------------  処理内容テーブル　-----*/
.dis-table{
	width: 90%;/* 1000px */
	margin: auto;
	border-collapse: collapse;
	border-spacing: 2px;
	border: 1px solid #a9a9a9;
}
.dis-table caption{
	width: 100%;/* 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;
	border-left: 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;
	font-size: 13px;
}
.dis-table td{
	padding: 10px 0;/* 10px 0*/
	border-left: 1px solid #a9a9a9;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
}
.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: 700px;
}
.dis-img2{
	position: absolute;
	width: 90%;/* 600px */
	height: auto;/* 440px */
	top: 20.7%;/* 180px */
	right: 0;/* 110px */
	left: 0;
	margin: auto;
}
.dis-title2{
	position: absolute;
	width: 60%;/* 740px */
	height: auto;/* 60px */
	vertical-align: middle;
	background: #FFFFFF;
	text-align: right;
	font-size: 23px;/* 27px */
	font-weight: bold;
	line-height: 1;
	padding: 8px 20px;/* 16px 30px */
	top: 7%;/* 220px */
	left: 0;
}
.dis-title2::after{
	position: absolute;
	content: '';
	display: block;
	width: 12%;
	height: 100%;/* 60px */
	top: 0;
	bottom: 0;
	right: -6%;
	background: #FFFFFF;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.dis-mark2{
	position: absolute;
	width: 90%;/* 650px */
	color: #FFFFFF;
	top: 60%;/* 330px */
	left: 0;/* 60px */
	right: 0;
	margin: auto;
}
/*------------------------*/
.dis-box4{
	padding: 60px 0;/* 50px 0 160px */
	background: rgb(104,104,104);
}
.dis-point1{
	display: flex;
	flex-direction: column;
	width: 90%;/* 1300px */
	margin: auto;
}
.dis-point1 dl{
	position: inherit;
	width: 100%;/* 580px */
	height: auto;/* 540px */
	margin: 20px auto;/* 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: 15px;/* 12px 10px */
}
.dis-point1-title{
	display: inline-block;
	padding: 5px 15px;/* 7px 20px */
	background: rgb(2,104,55);;
	font-size: 18px;/* 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: 70px 0;/* 170px 0*/
}
.dis-mark4{
	text-align: center;
}
.dis-title4{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 23px;/* 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: 90%;/* 1000px */
	height: auto;
	margin: 35px auto 0;/* 60px auto 0*/
}
/*--------------------------------------------  再生砂  ---*/
.sand-box1-1{
	background: rgb(2,104,55);
}
.sand-box1-2{
	position: relative;
	height: auto;/* 1050px */
	padding: 30px 0;
}
.sand-box1-2::after{
	display: none;
}
/*---------------------*/
.sand-point1{
	position: inherit;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1200px */
	top: inherit;/* 300px */
	left: inherit;
	right: inherit;
	margin: 40px auto;
}
.sand-point1 dt{
	width: 100%;/* 320px */
}
.sand-point1 dt img{
	display: block;
	width: 90%;
	height: auto;
	margin: auto;
}
.sand-point1 dd{
	width: 100%;/* 880px */
	padding: 15px 10px;;/* 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: inherit;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1200px */
	top: inherit;/* 620px */
	left: inherit;
	right: inherit;
	margin: 40px auto 0;
}
.sand-point2 dt{
	width: 100%;/* 320px */
}
.sand-point2 dt img{
	display: block;
	width: 90%;
	height: auto;
	margin: auto;
}
.sand-point2 dd{
	width: 100%;/* 880px */
	padding: 15px 10px;/* 15px 25px */
	color: #FFFFFF;
}
.sand-po-title{
	font-size: 21px;/* 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: 40px 0;
}
.sand-title1{
	width: 100%;
	font-size: 24px;/* 32px */
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
/*------------------------- 　再生砂の特徴　----*/
.sand-point4{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1300px */
	margin: 20px auto 0;/* 40px auto 0*/
	list-style: none;
}
.sand-point4 li{
	width: 100%;/* 390px */
	height: 50%;/* 170px */
	background: #FFFFFF;
	margin: 0 auto 25px;/* 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: 50%;
}
.sand-point4-2 dd{
	width: 76.9%;/* 300px */
	height: auto;/* 170px */
	padding: 8px 10px;/* 26px 10px 0*/
}
.sand-point-logo{
	position: absolute;
	display: block;
	width: 70%;/* 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: 20px;/* 24px */
	line-height: 1.5;
	font-weight: normal;
	text-align: center;
	color: rgb(2,104,55);
}
/*---------------------*/
.sand-point3{
	position: inherit;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 90%;/* 1200px */
	top: inherit;/* 300px */
	left: inherit;
	right: inherit;
	margin: auto;
}
.sand-point3 dt{
	width: 100%;/* 320px */
}
.sand-point3 dt img{
	display: block;
	width: 90%;
	height: auto;
	margin: auto;
}
.sand-point3 dd{
	width: 100%;/* 880px */
	padding: 15px 10px;/* 15px 25px */
}
.sand-po-title2{
	font-size: 21px;/* 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: 60px 0 90px;/* 70px 0 130px */
}
.sand-flow{
	display: block;
	width: 85%;/* 550px */
	height: auto;
	margin: auto;
}
/*------------------------------------------------------  しゅんせつ工事-----*/
.const-box1{
	padding: 18% 0;/* 130px 0 160px */
}
.const-mark1{
	width: 90%;/* 1000px */
	margin: auto;
}
.const-title{
	color:  rgb(2,104,55);
}
.const-img{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 85%;/* 1100px */
	margin: 7.6% auto;/* 70px auto*/
	list-style: none;
}
.const-img li{
	width: 100%;/* 340px */
	height: auto;
	margin: 5% auto;/* 0 13px */
}
.const-img li img{
	width: 100%;
	height: auto;
}
.const-work{
	display: block;
	width: 90%;/* 550px */
	height: auto;
	margin: 7.7% auto 0;/* 60px auto 0*/
}
/*---------------------------------------  運輸事業　-----*/
.tra-box1{
	padding: 17% 0;/* 130px 0*/
}
.tra-img1{
	display: block;
	width: 90%;/* 1000px */
	height: auto;/* 420px */
	margin: auto;
}
.tra-mark1{
	width: 90%;/* 1000px */
	margin: auto;
	padding: 3% 0;/* 40px 0*/
}
/*--------*/
.track-table{
	width: 100%;/* 700px */
	margin: 9% 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{
	border-bottom: 1px solid #000000;
}
.track-table th{
	padding: 7px 10px;/* 7px 20px */
	border-right: 1px solid #000000;
	font-weight: normal;
	text-align: left;
}
.track-table td{
	padding: 7px 10px;/* 7px 20px*/
	border-right: 1px solid #000000;
	vertical-align: middle;
}
/*--------------------------------------------  会社器用　-------*/
.co-box2{
	padding: 70px 0;/* 150px 0*/
}
/*-----------------*/
.company-deta{
	width: 90%;/* 900px */
	margin: auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.company-deta caption{
	text-align: left;
}
.deta-title1{
	display: block;
	font-size: 16px;/* 18px */
	line-height: 1;
	font-weight: bold;
}
.deta-title2{
	display: block;
	font-size: 47px;/* 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{
	display: block;
	width: 100%;/* 230px */
	padding: 10px;/* 20px */
	font-weight: normal;
	vertical-align: middle;
	background:rgba(2,104,55,0.2);
	text-align: left;
}
.company-deta tr td{
	display: block;
	width: 100%;/* 670px */
	padding: 10px;/* 20px */
}
.co-work{
	width: 90%;
	list-style: decimal;
	margin: 0 auto 10px;
}
.co-work li{
	padding: 3px 0;
}
/*--------- マニフェスト  ---------*/
.manifesto{
	width: 90%;/* 900px */
	margin: 50px auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.manifesto caption{
	width: 100%;
	padding: 10px;/* 10px */
	font-size: 19px;/* 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;
	vertical-align: middle;
}
/*-----------------  アクセスマップ　-------*/
.ac-map{
	width: 90%;/* 900px */
	margin: auto;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.ac-map caption{
	width: 100%;
	padding: 10px;/* 10px */
	font-size: 19px;/* 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: 61.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: 60px 0 90px;/* 150px 0*/
}
/*------------  沿革　--------*/
.history-deta{
	width: 90%;/* 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{
	display: block;
	width: 100%;/* 230px */
	padding: 10px;/* 20px */
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}
.history-deta tr td{
	display: block;
	width: 100%;/* 670px */
	padding: 10px;/* 20px */
}
/*---------------------------------------------  採用情報　------*/
.rec-box1{
	padding: 17% 0;/* 140px 0 60px */
}
.rec-mark1{
	width: 90%;/* 900px */
	margin: auto;
	text-align: center;
}
/*-----------------*/
.rec-box2{
	padding: 17% 0 20%;/* 140px 0 130px */
}
.recruit_table{
	width: 90%;/* 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: 14px;/* 14px */
}
.recruit_table .thead{
	background: rgb(214,232,202);
}
.recruit_table tr{
	border-bottom: 1px solid #7D7D7D;
}
.recruit_table th{
	display: block;
	width: 100%;/* 170px */
	padding: 2.6% 3%;/* 15px 10px */
	background: rgb(248,251,247);
	vertical-align: middle;
	font-weight: normal;
	border-right: 1px solid #7D7D7D;
	text-align: left;
}
.recruit_table td{
	display: block;
	width: 100%;
	padding: 2.6% 3%;/* 15px 10px */
	vertical-align: middle;
}
/*---------------------------------------  お問い合わせ　---*/
.con-box1{
	padding: 20% 0 ;/* 140px 0*/
}
.ft-form{
	width: 90%;/* 850px */
	margin: 7% 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{
	display: block;
	width: 100%;/* 200px */
	padding: 4% 0;/* 18px */
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.ft-form tr td{
	display: block;
	width: 100%;/* 650px */
	padding: 4% 0;/* 18px */
}
.ft-form select{
}
.ft-form .text{
	width: 100%;
	height: 40px;/* 40px */
	border-radius: 6px;
	border: none;
	background: #EBEBEB;
}
.ft-form .textarea{
	width: 100%;
	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: 9px;/* 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: 16% 0;/* 100px 0*/
}
.pur-box2{
	width: 100%;/* 900px */
	height: auto;
	min-height: inherit;
	margin: auto;
	overflow: hidden;
}
.pur-box2 img{
	display: block;
	width: 80%;
	margin: 20px auto;/* 20px auto*/
}
}