@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

/*--------hed_img------------*/

.logo_index { display: none; }

#hedImg {
background: url(../images/about/hed_img.jpg) center center no-repeat;
background-size: cover;
}

.about_box { margin-bottom: 70px; }

.work_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;  }
.work_list li { width: 23.5%; margin-right: 2%; position: relative; }
.work_list li:nth-child(4n+4) { margin-right: 0px;}
.work_list li:nth-child(n+5) { margin-top: 30px; }
.work_list_box { border: 1px solid  #d0121b; padding: 20px 15px; background: #fff; position: relative; z-index: 10; }
.work_list_box::before { background: url(../images/com/bg-dot.png) repeat center 7px;
border-radius: 10px;
content: '';
display: block;
opacity: .4;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -10; }
.work_list_tit { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 15px; }
.work_list_subtit { font-size: 16px; font-weight: bold; color: #d0121b; text-align: center; margin-bottom: 5px; }


.business_box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 auto 100px; }
.business_box00 { width: 100%; margin: 0 auto 100px; }

.business_txtbox { width: 48%; justify-content: center; align-items: center; margin-right: 4%; }
.business_imgbox { width: 48%; justify-content: center; align-items: center; }

.business_txtbox2 { width: 48%; justify-content: center; align-items: center;  }
.business_imgbox2 { width: 48%; justify-content: center; align-items: center; margin-right: 4%; }

/*-------------index--------*/

.read_btn a { font-size: 16px; color: #d0121b; position: relative; text-align: right; padding-right: 50px; margin-top: 50px; }
.read_btn a { color: #d0121b; font-size: 16px; font-weight: bold; display: block; }
.read_btn a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #d0121b; font-weight: bold; right: 20px;  font-size: 18px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.read_btn2 { text-align: center; position: relative; z-index: 100;}
.read_btn2 a span { font-size: 16px; color: #fff; position: relative; text-align: center; padding-right: 50px; margin-top: 30px; }
.read_btn2 a { color: #fff; font-size: 16px; font-weight: bold; display: block; }
.read_btn2 a span::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px;  font-size: 18px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn2 a:hover span::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.business_04_tit { font-size: 20px; text-align: center; font-weight: bold; margin-top: 50px; color: #fff; margin-bottom: 30px; letter-spacing: 0.2em; }

.business_box { width: 100%; margin: 0px auto 100px; }

.particles-wrap { width:  1000px; background: url(../images/business/img04.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden; border: 5px solid #d0121b; height: 200px; margin: 0 auto; }
#hoge { width: 100%; min-height: 200px; overflow: hidden; }
.particles-js-canvas-el { position: absolute; top: 0; left: 0; right: 0; }


/*-----------クレーンリース工事-----------*/

.business01_list { width: 100%; margin: 0 auto; }
.business01_list li { padding: 15px; color: #000; font-size: 16px; font-weight: 500; margin-bottom: 50px;  box-sizing: border-box; line-height: 2em;  }
/*.business01_list li:nth-of-type(1) { background: #7fa1c6; }
.business01_list li:nth-of-type(2) { background: #d0121b; }*/
.business01_list li i { font-size: 18px; margin-right: 15px;  display: block; float: left; padding: 10px; background: #d0121b; margin-top: 10px; color: #fff;margin-bottom: 30px; }

.comTitsub { position: relative; font-size: 25px; text-align: center; color: #d0121b; line-height: 1.8em; margin-bottom: 80px; }
.comTitsub::after { content: ""; display: block; position: absolute; width: 1px; height: 50px; left: 0; right: 0; margin: auto; background: #000; }

.business01_point { width: 100%; margin: 70px auto 0px; }
.business01_point li { width: 48%; float: left; margin-right: 4%; position: relative; }
.business01_point li:nth-child(2n+2) { margin-right: 0px; }
.point_img { width: 100%; margin: 0 auto 15px; }
.point_num { font-weight: bold; color: #d0121b; font-size: 40px; position: absolute; top: -25px; left: 0; right: 0; margin: auto; text-align: center; }
.point_tit { color: #d0121b; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.point_txt { text-align: left; }
.point_txt span { color: #d0121b; display: block; margin-top: 10px; }
.point_txt strong { display: block; margin-bottom: 10px;}
#flow { background: rgba(0,55,114,0.1); width: 100%; padding: 50px 0px; }

.flow_list { width: 100%; margin: 0 auto; }
.flow_list li { width: 90%; padding: 5%; margin-bottom: 10px; background: #fff; }
/*.flow_list li::before { position: absolute; right: 0; left: 0; bottom: -27px; width: 41px; height: 41px; margin: auto; z-index: 10!important; background: #d0121b; content: "\f078"; color: #fff; font-family: "Font Awesome 5 Free"; font-size: 16px; line-height: 41px; text-align: center; font-weight: bold; }*/
.flow_list li:last-child::before { display: none; }
.flow_tit { font-size: 18px; margin-bottom: 10px; font-weight: bold; }
.flow_tit span { color: #ad5011; font-size: 20px; padding-right: 10px; }
.flow_check_tit { margin-top: 10px; font-weight: 500; position: relative; padding-left: 25px; margin-bottom: 10px; }
.flow_check_tit::before { content: ""; position: absolute; top: 50%; left: 0; display: inline-block; margin-top: -2px; width: 20px; height: 2px; background: #ad5011; }

.arrow { width: 100%; position: relative; z-index: 10; }
.arrow::before { position: absolute; right: 0; left: 0; bottom: -80px; width: 41px; height: 41px; margin: auto; z-index: 10; background: #d0121b; content: "\f078"; color: #fff;font-family: "Font Awesome 5 Free"; font-size: 16px; line-height: 41px; text-align: center; font-weight: bold; display: block; }


.check_box { width: 100%; margin: 0 auto; }
.check_txtbox { width: 60%; float: left; }
.check_txt { position: relative;  padding-left: 20px; margin-bottom: 5px; }
.check_txt::before { position: absolute; left: 0!important; content: "□"!important; display: block; background: none; margin: 0px!important;  color: #000!important; width: auto!important; height: auto!important; color: #d0121b; }
.check_img { width: 35%; float: right; }
.check_img img { width: 100%; height: auto; }
.mini_txt { font-size: 12px; padding-left: 20px; margin-bottom: 5px;  }
.check_txt:last-child { margin-bottom: 0px; }

.area_box { width: 70%; margin: 0 auto; }
.area_img { width: 50%; float: left; }
.area_img img { width: 100%; height: auto; }
.area_txt { width: 45%; float: right; border: 5px solid #d0121b; padding: 30px; box-sizing: border-box; margin-top: 130px;  }

/*-----------杭打工事---------*/

.business_txt { text-align: left; font-size: 16px; line-height: 2em; }
.business02_list { width: 100%; margin: 50px auto 0px; }
.business02_list li { width: 32%; float: left; margin-right: 2%; }
.business02_list li:nth-child(3n+3) { margin-right: 0px; }
.business02_list_img { width: 100%; margin: 0 auto 10px; }
.business02_list_img img { width: 100%; height: auto; }
.business02_tit { font-size: 14px; text-align: center; font-weight: bold; color: #ad5011; }



/*-----------土留工事---------*/

.business_txt { text-align: left; font-size: 16px; line-height: 2em; }

.business03_list { width: 100%; margin: 50px auto 0px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.business03_list li { width: 48%; margin-right: 4%; position: relative; text-align: center; }
.business03_list li:nth-child(2n+2) { margin-right: 0px; }
.business03_list li::before { content:"\f6e3"; font-family: "Font Awesome 5 Free"; position: absolute; display: block; width: 40px; height: 40px; border-radius: 50%; background: #ad5011; color: #fff; font-weight: bold; left: 0; font-size: 1.5em; line-height: 40px; top: -5px; }
.business03_list_tit { font-size: 18px; font-weight: bold; color: #ad5011; padding-left: 50px; margin-bottom: 15px; text-align: left; }
.business03_list_txt { text-align: left; }
.business03_list li:nth-child(n+3) { margin-top: 15px; }

/*.business03_list { width: 100%; margin: 50px auto 0px; }
.business03_list li { width: 23.5%; float: left; margin-right: 2%; }
.business03_list li:nth-child(4n+4) { margin-right: 0px; }*/
.business03_list_img { width: 100%; margin: 0 auto 10px; }
.business03_list_img img { width: 100%; height: auto; }
.business03_tit { font-size: 14px; text-align: center; font-weight: bold; color: #ad5011; }

.pdf_img { width: 40px; margin: 0 auto; }
.pdf_img img { width: 100%; height: auto; }
.pdf_txt { text-align: center; }

.business03_img { width: 1000px; margin: 0 auto 100px; }
.business03_img img { width: 100%; height: auto; }


}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

/*--------------------*/

#hedImg {
background: url(../images/about/hed_img.jpg) center center no-repeat;
background-size: cover;
}



/*-------------index--------*/

.read_btn a { font-size: 14px; color: #d0121b; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; margin-bottom: 30px; }
.read_btn a { color: #d0121b; font-size: 14px; font-weight: bold; display: block; }
.read_btn a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #d0121b; font-weight: bold; right: 20px;  font-size: 16px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.read_btn2 { text-align: center; position: relative; z-index: 100;}
.read_btn2 a span { font-size: 14px; color: #fff; position: relative; text-align: center; padding-right: 50px; margin-top: 30px; }
.read_btn2 a { color: #fff; font-size: 14px; font-weight: bold; display: block; }
.read_btn2 a span::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; right: 20px;  font-size: 16px; top: 2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn2 a:hover span::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.business_04_tit { font-size: 16px; text-align: center; font-weight: bold; margin-top: 50px; color: #fff; margin-bottom: 30px; letter-spacing: 0.2em; }

.business_box00 { width: 100%; margin: 0px auto 50px; }
.business_box { width: 100%; margin: 0px auto 50px; }

.particles-wrap { width:  100%; background: url(../images/business/img04.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden; border: 5px solid #d0121b; height: 200px; margin: 0 auto; box-sizing: border-box; }
#hoge { width: 100%; min-height: 400px; overflow: hidden; }
.particles-js-canvas-el { position: absolute; top: 0; left: 0; right: 0; }


/*-----------クレーンリース工事-----------*/

.business_img { width: 100%; margin: 0 auto 30px; }
.business_img img { width: 100%; height: auto; }

.business01_list { width: 100%; margin: 0 auto; }
.business01_list li { padding: 15px; color: #000; font-size: 14px; font-weight: 500; margin-bottom: 30px;  box-sizing: border-box; line-height: 2em;  }
/*.business01_list li:nth-of-type(1) { background: #7fa1c6; }
.business01_list li:nth-of-type(2) { background: #d0121b; }*/
.business01_list li i { font-size: 18px; margin-right: 15px;  display: block; float: left; padding: 10px; background: #d0121b; margin-top: 10px; color: #fff;margin-bottom: 30px; }

.comTitsub { position: relative; font-size: 20px; text-align: center; color: #d0121b; line-height: 1.8em; margin-bottom: 80px; }
.comTitsub::after { content: ""; display: block; position: absolute; width: 1px; height: 30px; left: 0; right: 0; margin: auto; background: #000; }

.business01_point { width: 100%; margin: 0 auto; }
.business01_point li { width: 100%;  position: relative; margin-bottom: 50px; }
.business01_point li:nth-child(2n+2) { margin-right: 0px; }
.point_img { width: 100%; margin: 0 auto 15px; }
.point_num { font-weight: bold; color: #d0121b; font-size: 35px; position: absolute; top: -25px; left: 0; right: 0; margin: auto; text-align: center; }
.point_tit { color: #d0121b; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.point_txt { text-align: left; }
.point_txt span { color: #d0121b; display: block; margin-top: 10px; }
.point_txt strong { display: block; margin-bottom: 10px;}
#flow { background: rgba(0,55,114,0.1); width: 100%; padding: 50px 0px; }

.flow_list { width: 100%; margin: 0 auto; }
.flow_list li { width: 90%; padding: 7% 5%; position: relative; margin-bottom: 10px; background: #fff; }
.flow_list li::before { position: absolute; right: 0; left: 0; bottom: -27px; width: 41px; height: 41px; margin: auto; z-index: 1; background: #d0121b; content: "\f078"; color: #fff; font-family: "Font Awesome 5 Free"; font-size: 16px; line-height: 41px; text-align: center; font-weight: bold; }
.flow_list li:last-child::before { display: none; }
.flow_tit { font-size: 18px; margin-bottom: 10px; font-weight: bold; }
.flow_tit span { color: #ad5011; font-size: 20px; padding-right: 10px; }
.flow_check_tit { margin-top: 10px; font-weight: 500; position: relative; padding-left: 25px; margin-bottom: 10px; }
.flow_check_tit::before { content: ""; position: absolute; top: 50%; left: 0; display: inline-block; margin-top: -2px; width: 20px; height: 2px; background: #ad5011; }

.check_box { width: 100%; margin: 0 auto; }
.check_txtbox { width: 100%; margin-bottom: 30px; }
.check_txt { position: relative;  padding-left: 20px; margin-bottom: 5px; }
.check_txt::before { position: absolute; left: 0!important; content: "□"!important; display: block; background: none; margin: 0px!important;  color: #000!important; width: auto!important; height: auto!important; color: #d0121b; }
.check_img { width: 100%; margin: 0 auto 15px; }
.check_img img { width: 100%; height: auto; }
.mini_txt { font-size: 12px; padding-left: 20px; margin-bottom: 5px;  }
.check_txt:last-child { margin-bottom: 0px; }

.area_box { width: 100%; margin: 0 auto; }
.area_img { width: 80%; margin: 0 auto; }
.area_img img { width: 100%; height: auto; }
.area_txt { width: 90%;  border: 5px solid #d0121b; padding: 15px; box-sizing: border-box; margin: 0 auto; margin-top: 50px;  }

/*-----------杭打工事---------*/

.business_txt { text-align: left; font-size: 16px; line-height: 2em; }
.business02_list { width: 100%; margin: 50px auto 0px; }
.business02_list li { width: 100%; margin-bottom: 30px; }
.business02_list li:nth-child(3n+3) { margin-bottom: 0px; }
.business02_list_img { width: 100%; margin: 0 auto 10px; }
.business02_list_img img { width: 100%; height: auto; }
.business02_tit { font-size: 14px; text-align: center; font-weight: bold; color: #ad5011; }



/*-----------土留工事---------*/

.business_txt { text-align: left; font-size: 16px; line-height: 2em; }

.business03_list { width: 100%; margin: 50px auto 0px; }
.business03_list li { width: 100%; position: relative; text-align: center; }
.business03_list li::before { content:"\f6e3"; font-family: "Font Awesome 5 Free"; position: absolute; display: block; width: 30px; height: 30px; border-radius: 50%; background: #ad5011; color: #fff; font-weight: bold; left: 0; font-size: 1.2em; line-height: 30px; top: -5px; }
.business03_list_tit { font-size: 16px; font-weight: bold; color: #ad5011; padding-left: 40px; margin-bottom: 15px; text-align: left; }
.business03_list_txt { text-align: left; }
.business03_list li:nth-child(n+2) { margin-top: 15px; }

/*.business03_list { width: 100%; margin: 50px auto 0px; }
.business03_list li { width: 100%; margin-bottom: 30px; }
.business03_list li:nth-child(4n+4) { margin-bottom: 0px; }*/
.business03_list_img { width: 100%; margin: 0 auto 10px; }
.business03_list_img img { width: 100%; height: auto; }
.business03_tit { font-size: 14px; text-align: center; font-weight: bold; color: #ad5011; }

.pdf_img { width: 40px; margin: 0 auto; }
.pdf_img img { width: 100%; height: auto; }
.pdf_txt { text-align: center; }



.business03_img { width: 100%; margin: 0 auto 50px; }
.business03_img img { width: 100%; height: auto; }


.about_box { margin-bottom: 70px; }

.work_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;  }
.work_list li { width: 48%; margin-right: 4%; position: relative; }
.work_list li:nth-child(2n+2) { margin-right: 0px;}
.work_list li:nth-child(n+3) { margin-top: 30px; }
.work_list_box { border: 1px solid  #d0121b; padding: 20px 15px; background: #fff; position: relative; z-index: 10; }
.work_list_box::before { background: url(../images/com/bg-dot.png) repeat center 7px;
border-radius: 10px;
content: '';
display: block;
opacity: .4;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -10; }
.work_list_tit { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 15px; }
.work_list_subtit { font-size: 14px; font-weight: bold; color: #d0121b; text-align: center; margin-bottom: 5px; }









}