@charset "UTF-8";

._color-red,._color-red *{color: red;}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}


.tab{overflow:hidden;}
.tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;}
.tab li.select{background:#eee;}
.content li{background:#eee; padding:20px;}
.hide {display:none;}





.pages .pages-main h1{
  background-image: url(../img/business/h1-bg.png);
  background-repeat: no-repeat;
}

#business .business-box:nth-child(even){
  background-color: #538e55;
  color: #fff;
}

#business .business-box{
  padding: 30px 0;
}

#business .business-box h2{
  font-size:26px;
  font-weight: 100;
  vertical-align: top;
  margin-bottom: 16px;
}

#business .business-box h2:before,
#business .business-box h2:after{
  content:url(../img/common/title-line.png);
  display: inline-block;
  vertical-align: middle;
}
#business .business-box h2:before{
  margin-right: 10px;
}
#business .business-box h2:after{
  margin-left: 10px;
}

#business .business-box .inner-left img,
#business .business-box .inner-left p{
  display: inline-block;
  vertical-align: top;
}

#business .business-box .inner-right{
  text-align: left;
}

#business .business-box .inner-right table{
  border-collapse: separate;
  border-spacing: 5px;
  font-size: 13px;
}

#business .business-box .inner-right table th{
  font-weight: 100;
  border:1px solid #fff;
  box-sizing: border-box;
  padding: 2px 5px;
  width: 47%;
}


#business .business-box:nth-child(odd) .inner-right table th{
   border:1px solid #111;
}

#business .business-box h3{
  font-size:16px;
  font-weight: 100;
}
#business .business-box .inner-full{
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  margin:10px 0;
  padding:15px 0;
}
#business .business-box:nth-child(odd) .inner-full{
  border-top:1px solid #111;
  border-bottom:1px solid #111;
}


#business .business-box .slider{
  padding:20px 0;
}

#business .business-box .slider:after{
  border-top:1px solid #fff;
  content:" ";
  display: block;
  margin:30px auto 0 auto;
}

#business .business-box .inner-full2{
  margin-bottom:50px;
}

#business .business-box .last-h3{
  font-size:24px;
  border-top:1px solid #111;
  border-bottom:1px solid #111;
  padding:5px 0 5px 15px;

}
#business .business-box ul{
  margin-top: 20px;
  margin-bottom:80px;
}

#business .business-box ul li{
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
  text-align: center;
}

#business .business-box ul li img{
  display: block;
  margin:0 auto;
}

#business .business-box ul li span{
  background-color: #e7837d;
  width: 60%;
  margin:10px auto;
  display: block;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  font-weight: bold;
  padding: 3px 0
}


#business .last-box table{
  display: table;
  width: 80%;
  margin:20px auto;
  font-size:15px;
}

#business .last-box table th{
  background-color: #2e6232;
  color: #fff;
  border-right: 1px solid #fff;
  padding: 2px 0;
}

#business .last-box table td{
  text-align: center;
  padding: 5px 0;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px dashed #cfcfcf;
}
#business .last-box table .small{font-size: 12px;}
#business .last-box table td a{color: #333;}
#business .last-box table td a:hover{color: #468c4b;}
#business .last-box table tr:nth-child(odd) td {background-color: #f7f7f7;}
#business .last-box table tr:nth-child(even) td {background-color: #ffffff;}

#business .last-box h4{
  width: 80%;
  font-size:16px;
  margin:40px auto 0 auto;
  display: block;
}




/************スマホ************/
@media (max-width: 767px) {
#business .business-box .slider:after{
  width: 100%;
}

#business .business-box .inner-left img{
width: 60%;
display: block;
margin:10px auto;
}
#business .business-box .inner-right table{
  width: 100%;
  margin-bottom:20px;
}

#business .business-box .slider{
  padding:20px 0 0 0;
}
#business .business-box ul{
  margin-bottom:10px;
}
#business .business-box ul li{
  display: block;
  width: 60%;
  margin:10px auto;
}
#business .business-box ul li span{
  width: 100%;
}


#business .last-box table{
  width: 100%;
  font-size: 14px;
}




}



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



#business .business-box .inner-left{
  width: 55%;
  display: block;
  float: left;
}
#business .business-box .inner-right{
  width: 44%;
  display: block;
  float: right;
}

#business .business-box .inner-left img{
  width: 35%;
}
#business .business-box .inner-left p{
  width: 59%;
  font-size: 13px;
  letter-spacing: 0.05em;
}


#business .business-box .inner-right table th{
  width: 40%;
}


#business .business-box .slider:after{
  width: 95%;
}


#business .business-box ul li{
  width: 32.5%;
}
#business .last-box table{
  width: 90%;
}


}




/*************PC*************/
@media (min-width: 1200px) {

#business .business-box .inner-left{
  width: 55%;
  display: block;
  float: left;
}
#business .business-box .inner-right{
  width: 44%;
  display: block;
  float: right;
}

#business .business-box .inner-left img{
  width: 40%;
}
#business .business-box .inner-left p{
  width: 59%;
  font-size: 13px;
  letter-spacing: 0.05em;
}


#business .business-box .slider:after{
  width: 980px;
}


#business .business-box ul li{
  width: 32.5%;
}




}