@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}
.name_c {  color: rgb(46, 41, 41)!important; }

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

.about_subsubtit sup {font-size: 10px;
    top: 10px; }
.b_txt { line-height: 1.8em; }

.figure_img { width: 900px; margin: 0 auto; margin-top: 50px; margin-bottom: 100px; }
.figure_img img { width: 100%; height: auto; }

.about_subtit { font-size: 20px; font-weight: bold; margin-bottom: 30px; color: #87c34e;  }


.logo_Hed_index { display: none; }
.stepBar {
display: flex;
width: 1000px;
position: relative;
margin: 30px auto 0;
text-align: center;
}
.stepBar li {
font-size: 18px;
list-style: none;
font-weight: bold;
position: relative;
width: 33.333%;
}
.stepBar li:after {
background: #87c34e;
content: "";
width: calc(100% - 24px);
height: 4px;
position: absolute;
left: calc(-50% + 12px);
top: 13px;
}
.stepBar li:first-child:after {
display: none;
}
.stepBar li span {
background: #87c34e;
color: #ffffff;
display: inline-block;
height: 24px;
font-size: 12px; 
margin-bottom: 15px;
line-height: 24px;
width: 24px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*.stepBar .visited:after {
  background: #4D648D;
}
.stepBar .visited span {
  background: #4D648D;
}*/


/*------------business----------*/

.b_list { width: 100%; margin: 0 auto;  }
.b_list li { width: 48%; float: left; margin-right: 4%; }
.b_list li:nth-child(2n+2) { margin-right: 0px; }
.b_list li:nth-of-type(2) { margin-top: 50px; }
.b_list li:nth-of-type(3) { margin-top: 50px; }
.b_list li:nth-of-type(4) { margin-top: 100px; }
.b_list_tit { color: #000; margin-bottom: 10px; font-size: 20px;  text-align: left; line-height: 2em; margin-top: 15px; }
.b_list_tit span.en { display: block; text-align: left; color: #87c34e; font-size: 25px;  }
.b_list_subtit { font-size: 16px; font-weight: bold; color: #87c34e; margin-bottom: 10px; }
.b_list_txt { line-height: 2em; }
/*-------idx_box02-------------*/
.idx_btn02 { position: relative; display: inline-block; font-size: 16px; font-weight: bold; margin-top: 30px; }
.idx_btn02::after { position: absolute; bottom: -4px; left: 0; content: ""; width: 100%; height: 2px; background: #87c34e;  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s; }
.b_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.b_list li a:hover .idx_btn02 { color: #87c34e;  }
.b_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.b_list li a:hover .idx_btn02 { color: #87c34e;  }

/*----------共通----------*/
#b_box { margin-bottom: 50px; }
#b_box .com_tit { text-align: center; }
.b_box { margin-bottom: 50px; }
.b_subbox { margin-bottom: 30px; }
.b_box01_txt { text-align: left; line-height: 1.8em; }
 
/*-----建築土木事業-------*/
.b_box .com_tit { text-align: left; margin-bottom: 30px; }
#first .b_box { margin-top: 50px; }
/*.b_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;  margin-bottom: 70px; margin-top: 100px; align-items: center; }
.b_box_titbox { width: 30%; }*/
.b_box_tit { font-size: 22px; font-weight: bold; margin-bottom: 15px; color: #43484a; text-align: center; }
.b_box_txtbox {  }
/*.b_box_txtbox::after { position: absolute; width: 180%; right: -500px; height: 100%; padding: 50px 0px; background: rgba(182,220,48,0.1); content: ""; display: block; top: -50px; z-index: -1; }*/
.b_box_txt { position: relative; line-height: 2.5em; text-align: center; }

.com_subtit { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 30px; }

.b_img01 { width: 100%; margin: 0 auto; margin-bottom: 15px; }
.b_img01 img { width: 100%; margin: 0 auto; height: auto; }
.b_img01_cp { font-size: 16px; padding-bottom: 15px; border-bottom: 1px dashed #000; margin-bottom: 15px; }
.b_box01_tit { font-size: 18px; font-weight: bold; color: #87c34e; margin-bottom: 15px; margin-top: 15px; }

.business01_box { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0 auto; }
.business01_boxL { flex-basis: 48%; max-width: 48%; }
.business01_box_img { width: 100%; margin: 0 auto; }
.business01_box_img img { width: 100%; height: auto; }

.business01_boxR { flex-basis: 48%; max-width: 48%; }
.business01_box_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.business01_box_list li { flex-basis: 48%; max-width: 48%; }
.business01_box_list li:nth-child(n+3) { margin-top: 20px; }
.business01_box_list_img { width: 100%; margin: 0 auto; }
.business01_box_list_img img { width: 100%; height: auto; }





/*----------生コン事業---------*/
#b_02_p { margin-bottom: 30px; }
.bb_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bb_txtbox { width: 40%; }
.bb_imgbox { width: 55%; }
.bb_img { width: 130%; margin-right: -300px; }
.bb_img img { width: 100%; height: auto; }
.b02_img01 { width: 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 100px; }
.b02_img01 img { width: 100%; height: auto; }
.b02_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 30px;  }
.b02_list li { width: 23.5%; margin-right: 2%; }
.b02_list li:nth-child(4n+4) { margin-right: 0px; }
.b02_list_img { width: 100%; margin: 0 auto 10px;  }
.b02_list_img img { width: 100%; height: auto; }
.b02_list_tit { font-weight: bold; text-align: center; }
.b02_list_txt { font-size: 14px; }
.b02_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 30px;  }
.b02_list2 li { flex-basis: 48%; max-width: 48%; margin: 0 auto; margin-right: 4%; }
.b02_list2 li:nth-child(2n+2) { margin-right: 0px; }

.item_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.item_list2 li { width: 48%; }

.item_list2_in { padding: 15px; border: 1px solid #ccc; }

.item_list2_in_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.item_list2_in_list li { width: 48%; }


.item_list3 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
.item_list3 li { width: 32%; }

#quality .item_list2 { margin-top: 30px; }

/*--------堵関事業---------*/
#items { margin-bottom: 80px; }
#items .com_table_tag { width: 100%; margin: 0 auto;  border-top: 1px solid #ccc; color: #43484a; margin-top: 
30px; }
#items .com_table_tag tr { border-bottom: 1px solid #ccc; }
#items .com_table_tag th { width: 30%; box-sizing: border-box; padding: 15px; }
#items .com_table_tag td { width: 70%; box-sizing: border-box; padding: 15px; }

/*----運送事業----*/

#b04_v {margin-top: 50px; }
#b04_v .item_list3 { margin-bottom: 30px; }

.com_tit { text-align: center; }
.box_txt { text-align: center; line-height: 1.8em; font-size: 16px; }

.idx_box02_list_tit_en { font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #87c34e; letter-spacing: .1em; }
.idx_box02_list { width: 100%; margin: 0 auto;  margin-top: 100px; display: flex; flex-wrap: wrap; align-items: top; }
.idx_box02_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.idx_box02_list li:nth-child(2n+2) { margin-right: 0px; }
.idx_box02_list li:nth-child(n+3) { margin-top: 50px; }
.idx_box02_list_txtbox { padding: 15px; box-sizing: border-box; width: 100%;  }
.idx_box02_list_tit { color: #000; margin-bottom: 25px; font-size: 18px;  text-align: left; line-height: 1.5em; margin-top: -30px;  margin-left: -15px; }
.idx_box02_list_tit span {  position: relative; z-index: 10; padding: 10px 15px;  background: #fff; }
.idx_box02_list_subtit { color: #87c34e; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.idx_box02_list_txt { color: #000; margin-bottom: 30px; }
/*.idx_box02_list li:nth-child(even) { background: rgb(46, 41, 41); }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit span { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_subtit { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_txt { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit span::after { color: #fff; }*/

.mix_s {
width: 100%;
position: relative;
overflow: hidden;
height: 20vw;
}

.mix_s a {
position: relative;
width: 100%;
height: 100%;
display: block;
}

.mix_box {
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.mix_01::before {
background: url(../images/index/b_img01.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_02::before {
background: url(../images/index/b_img02.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.mix_03::before {
background: url(../images/index/b_img03.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_04::before {
background: url(../images/index/b_img04.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

/*--------新デザイン--------*/
#business03_01 { margin-top: 100px; background: rgba(135,195,78,0.1); padding: 100px 0px; margin-bottom: 100px;  }
#business04_01 { margin-top: 100px; background: rgba(135,195,78,0.1); padding: 100px 0px; }

#business02_02 { background: rgba(135,195,78,0.1); padding: 100px 0px; margin-bottom: 100px; }
#business02_04 { background: rgba(135,195,78,0.1); padding: 100px 0px; margin-bottom: 100px; }
#business02_03 { margin-bottom: 100px; }

.b02_box02 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.b02_box02_imgbox { flex-basis: 50%; max-width: 50%; }
.b02_box02_txtbox { flex-basis: 45%; max-width: 45%; }
.b02_box02_img { width: 100%; margin: 0 auto; }
.b02_box02_img img { width: 100%; height: auto; }
.b02_list3 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 30px; justify-content: space-between; }
.b02_list3 li { width: 32%; }


.b_tit { font-size: 16px; font-weight: bold; text-align: left; margin-top: 15px; }

.works_btn { width: 600px; margin: 0 auto; }
.works_btn a { display: block; width: 100%; }
.works_btn_tit { text-align: center; font-weight: 500; margin: 0 auto; position: relative; font-size: 18px; }
.works_btn_tit span { background: rgb(46, 41, 41); padding: 15px 50px; color: #fff; }
.works_btn_titbox { width: 100%; height: 100%; display: flex; align-items: center; }
.mix_s_btn {
width: 100%;
position: relative;
overflow: hidden;
height: 200px;
}

.mix_s_btn a {
position: relative;
width: 100%;
height: 100%;
display: block;
}

.mix_s_btn_box {
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.works_btn_bg::before {
background: url("../images/business/work_bg.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.mix_s_btn:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.b04_box { margin-bottom: 80px; }
.b04_box_in { width: 100%; margin: 0 auto; }
.b04_box_in_imgbox { width: 100%; margin: 0 auto 30px; }
.b04_box_in_txtbox { width: 100%; margin: 0 auto; }
.b04_box_in_img { width: 100%; margin: 0 auto; }
.b04_box_in_img img { width: 100%; height: auto; }




}




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




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

.pager .prev { padding-bottom: 30px; width: 100%; }
.pager .next { width: 100%; margin-top: 30px; }

.pager .index { top: 50px; }

.stepBar {
width: 100%;
position: relative;
margin: 30px auto 0;
text-align: center;
}
.stepBar li {
font-size: 14px;
list-style: none;
font-weight: bold;
position: relative;
display: flex;
}
.stepBar li:after {
background: #87c34e;
content: "";
width: 4px;
height: 15px;
position: absolute;
left: 10px;
bottom: 0;
}
.stepBar li:last-child:after {
display: none;
}
.stepBar li span {
background: #87c34e;
color: #ffffff;
display: inline-block;
height: 24px;
font-size: 12px; 
margin-bottom: 15px;
line-height: 24px;
width: 24px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 10px; 
}
/*.stepBar .visited:after {
  background: #4D648D;
}
.stepBar .visited span {
  background: #4D648D;
}*/




.logo_Hed_index { display: none; }
.figure_img { width: 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 50px; }
.figure_img img { width: 100%; height: auto; }
/*------------business----------*/

.b_list { width: 100%; margin: 0 auto;  }
.b_list li { width: 100%;  }
.b_list li:nth-child(n+2) { margin-top: 30px;  }
.b_list_tit { color: #000; margin-bottom: 10px; font-size: 18px;  text-align: left; line-height: 2em; margin-top: 15px; }
.b_list_tit span.en { display: block; text-align: left; color: #87c34e; font-size: 25px;  }
.b_list_subtit { font-size: 16px; font-weight: bold; color: #87c34e; margin-bottom: 10px; }
.b_list_txt { line-height: 2em; }

.about_subtit { font-size: 20px; font-weight: bold; margin-bottom: 30px; color: #87c34e;  }


.idx_box02_list_tit_en { font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #87c34e; letter-spacing: .1em; }
.idx_box02_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;  justify-content: space-between; margin-top: 50px;  }
.idx_box02_list li { width: 100%; }
.idx_box02_list li:nth-child(n+2) { margin-top: 30px;  }
.idx_box02_list_txtbox { padding: 15px; }
.idx_box02_list_tit { color: #000; margin-bottom: 25px; font-size: 16px;  text-align: left; line-height: 1.5em; margin-top: -30px;  margin-left: -15px; }
.idx_box02_list_tit span {  position: relative; z-index: 10; padding: 10px 15px;  background: #fff; }
.idx_box02_list_tit span i { color: #87c34e; font-size: 16px;  }
.idx_box02_list_txt { color: #000; }
.idx_box02_list_subtit { color: #87c34e; font-weight: bold; font-size: 14px; margin-bottom: 10px; }

/*.idx_box02_list li:nth-child(even) { background: rgb(46, 41, 41); }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit span { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_subtit { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_txt { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit span::after { color: #fff; }*/

.mix_s {
position: relative;
overflow: hidden;
height: 60vw;
}

.mix_s a {
position: relative;
width: 100%;
height: 100%;
display: block;
}

.mix_box {
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.mix_01::before {
background: url(../images/index/b_img01.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_02::before {
background: url(../images/index/b_img02.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.mix_03::before {
background: url(../images/index/b_img03.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_04::before {
background: url(../images/index/b_img04.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  



/*-------idx_box02-------------*/
.idx_btn02 { position: relative; display: inline-block; font-size: 16px; font-weight: bold; margin-top: 30px; }
.idx_btn02::after { position: absolute; bottom: -4px; left: 0; content: ""; width: 100%; height: 2px; background: #87c34e;  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s; }
.b_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.b_list li a:hover .idx_btn02 { color: #87c34e;  }
.b_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.b_list li a:hover .idx_btn02 { color: #87c34e;  }


#b02_f2 .w48_l { margin-bottom: 50px; }

/*-----建築土木事業-------*/
.b_box .com_tit { text-align: left; margin-bottom: 30px; }
.b_box { width: 100%; margin: 0 auto; margin-bottom: 30px;  align-items: center; }
.b_box_titbox { width: 100%; }
.b_box_tit { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #43484a;  }
.b_box_txtbox { width: 100%; position: relative; }

.b_box_txt { position: relative; line-height: 2.5em; }

.com_subtit { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 30px; }

.b_img01 { width: 100%; margin: 0 auto; margin-bottom: 50px; }
.b_img01 img { width: 100%; margin: 0 auto; height: auto; }
.b_img01_cp { font-size: 14px; padding-bottom: 15px; border-bottom: 1px dashed #000; margin-bottom: 15px; }
.b_box01_tit { font-size: 16px; font-weight: bold; color: #87c34e; margin-bottom: 15px; margin-top: 15px;  }

.business01_box { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0 auto; }
.business01_boxL { flex-basis: 100%; max-width: 100%; }
.business01_box_img { width: 100%; margin: 0 auto; }
.business01_box_img img { width: 100%; height: auto; }

.business01_boxR { flex-basis: 100%; max-width: 100%; margin-top: 15px; }
.business01_box_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; }
.business01_box_list li { flex-basis: 48%; max-width: 48%; }
.business01_box_list li:nth-child(n+3) { margin-top: 10px; }
.business01_box_list_img { width: 100%; margin: 0 auto; }
.business01_box_list_img img { width: 100%; height: auto; }

/*----------生コン事業---------*/

.bb_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bb_txtbox { width: 40%; }
.bb_imgbox { width: 55%; }
.bb_img { width: 130%; margin-right: -300px; }
.bb_img img { width: 100%; height: auto; }
.b02_img01 { width: 100%; margin: 0 auto; margin-top: 30px;  }
.b02_img01 img { width: 100%; height: auto; }
.b02_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.b02_list li { width: 100%; margin: 0 auto; }
.b02_list li:nth-child(n+2) { margin-top: 15px; }
.b02_list_img { width: 100%; margin: 0 auto 10px;  }
.b02_list_img img { width: 100%; height: auto; }
.b02_list_tit { font-weight: bold; text-align: center; }

.b02_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.b02_list2 li { width: 48%; }

.item_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.item_list2 li { width: 100%; }
.item_list2 li:nth-child(n+2) { margin-top: 50px; }
.item_list3 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.item_list3 li { width: 32%; }

#quality .item_list2 { margin-top: 30px; }

/*--------堵関事業---------*/
#items { margin-bottom:50px;}
#items .com_table_tag { width: 100%; margin: 0 auto;  border-top: 1px solid #ccc; color: #43484a;  }
#items .com_table_tag tr { border-bottom: 1px solid #ccc; }
#items .com_table_tag th { width: 30%; box-sizing: border-box; padding: 5px; }
#items .com_table_tag td { width: 70%; box-sizing: border-box; padding: 5px; }

/*----運送事業----*/

#b04_v {margin-top: 50px; }
#b04_v .item_list3 { margin-bottom: 30px; }


/*--------新デザイン--------*/
#b_box { margin-bottom: 30px; }
#business03_01 { margin-top: 50px; background: rgba(135,195,78,0.1); padding: 50px 0px; margin-bottom: 50px;  }
#business04_01 { margin-top: 50px; background: rgba(135,195,78,0.1); padding: 50px 0px; }
#business02_02 { background: rgba(135,195,78,0.1); padding: 50px 0px; margin-bottom: 50px; }
#business02_04 { background: rgba(135,195,78,0.1); padding: 50px 0px; margin-bottom: 50px; }
#business02_03 { margin-bottom: 50px; }

.b02_box02 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.b02_box02_imgbox { width: 100%; margin: 0 auto; }
.b02_box02_txtbox { width: 100%; margin: 0 auto; }
.b02_box02_img { width: 100%; margin: 0 auto; margin-bottom: 30px; }
.b02_box02_img img { width: 100%; height: auto; }
.b02_list3 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 30px; justify-content: space-between; }
.b02_list3 li { width: 100%; }
.b02_list3 li:nth-child(n+2) { margin-top: 15px; }


.b_subbox { margin-bottom: 30px; }



.b04_box { margin-bottom: 50px; }
.b04_box_in { width: 100%; margin: 0 auto;  }
.b04_box_in_imgbox { flex-basis: 100%; max-width: 100%; margin-bottom: 30px;  }
.b04_box_in_txtbox { flex-basis: 100%; max-width: 100%; }
.b04_box_in_img { width: 100%; margin: 0 auto; }
.b04_box_in_img img { width: 100%; height: auto; }

.works_btn { width: 90%; margin: 0 auto; }
.works_btn a { display: block; width: 100%; }
.works_btn_tit { text-align: center; font-weight: 500; margin: 0 auto; position: relative; font-size: 14px; }
.works_btn_tit span { background: rgb(46, 41, 41); padding: 10px 30px; color: #fff; }
.works_btn_titbox { width: 100%; height: 100%; display: flex; align-items: center; }
.mix_s_btn {
width: 100%;
position: relative;
overflow: hidden;
height: 200px;
}

.mix_s_btn a {
position: relative;
width: 100%;
height: 100%;
display: block;
}

.mix_s_btn_box {
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.works_btn_bg::before {
background: url("../images/business/work_bg.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.mix_s_btn:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s
}

}