@charset "UTF-8";

/******************************
common
******************************/


/*****************************
pagesec1
*****************************/
.pagesec1 .recycle,
.pagesec1 .recyclesp {
  margin: 0 auto;
  max-width: 800px;
}
.pagesec1 .recycle svg,
.pagesec1 .recyclesp svg{
  height: auto;
  width: 100%;
}
.pagesec1 .recycle svg .btn a,
.pagesec1 .recyclesp svg .btn a{
  opacity: 1;
}
.pagesec1 .recycle svg .btn a g,
.pagesec1 .recycle svg .btn a path,
.pagesec1 .recyclesp svg .btn a g,
.pagesec1 .recyclesp svg .btn a path{
  transition: .5s;
}
.pagesec1 .recycle svg .btn a:hover > g:first-of-type g,
.pagesec1 .recyclesp svg .btn a:hover > g:first-of-type g{
  fill: #8eb6eb;
}
.pagesec1 .recycle svg .btn a:hover > g:first-of-type path,
.pagesec1 .recyclesp svg .btn a:hover > g:first-of-type path{
  fill: #fff;
}
.pagesec1 .recycle svg .btn a:hover g[data-name="btn"] path,
.pagesec1 .recyclesp svg .btn a:hover g[data-name="btn"] path{
  fill: #389323;
}
.pagesec1 .recycle svg .btn a:hover g[data-name="btn"] path:first-of-type,
.pagesec1 .recyclesp svg .btn a:hover g[data-name="btn"] path:first-of-type{
  fill: #DBEEC7;
}
.pagesec1 .recyclesp{
  display: none;
}

@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec1 .recycle{
    display: none;
  }
  .pagesec1 .recyclesp{
    display: block;
  }
}

/*****************************
  pagesec2
*****************************/
.pagesec2 .outsourcing .fimgbox{
  width: 45%;
}
.pagesec2 .outsourcing .ftxtbox{
  width: 50%;
}
.pagesec2 .outsourcing .ftxtbox p{
  font-size: 1.8rem;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .pagesec2 .outsourcing .fimgbox{
    width: 40%;
  }
  .pagesec2 .outsourcing .ftxtbox{
    width: 55%;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec2 .outsourcing .fimgbox{
    margin: 0 auto 2rem;
    width: 80%;
  }
  .pagesec2 .outsourcing .ftxtbox{
    width: 100%;
  }
  .pagesec2 .outsourcing .ftxtbox p{
    font-size: 1.6rem;
  }
}