@charset "UTF-8";
/*=====営業品目===== */
/*=====Scss変数=====*/
/*@media only screen and (max-width:600px) {//600px以下
}
@media only screen and (max-width:979px) {//〜979pxまで
}
@media only screen and (min-width:980px) {//980px以上
}*/
.container {
  width: 90%;
  max-width: 980px;
  margin: 50px auto 0; }

#servicesPage .topBox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  @media only screen and (max-width: 600px) {
    #servicesPage .topBox {
      display: block; } }

#sssArea p,
#materialsArea p,
#processingArea p {
  width: 48%; }
  @media only screen and (max-width: 600px) {
    #sssArea p,
    #materialsArea p,
    #processingArea p {
      width: 100%; } }

@media only screen and (max-width: 600px) {
  #sssArea p + p,
  #materialsArea p + p,
  #processingArea p + p {
    margin-top: 15px; } }

#servicesPage .bottomBox {
  margin-top: 30px;
  padding: 12px 20px 20px;
  background-color: #eee; }

#servicesPage .bottomBox .flexbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

#sssArea li,
#materialsArea li,
#processingArea li {
  width: 30.6%;
  margin-top: 8px; }
  @media only screen and (max-width: 979px) {
    #sssArea li,
    #materialsArea li,
    #processingArea li {
      width: 48%; } }
  @media only screen and (max-width: 600px) {
    #sssArea li,
    #materialsArea li,
    #processingArea li {
      width: 100%; } }

#slidesArea {
  margin-top: 50px;
  padding: 50px 0 80px;
  background-image: linear-gradient(-45deg, #f1f9ff 25%, #e3f3ff 25%, #e3f3ff 50%, #f1f9ff 50%, #f1f9ff 75%, #e3f3ff 75%, #e3f3ff);
  background-size: 6px 6px;
  font-size: 0;
  line-height: 0; }

#slidesArea ul {
  width: 100%; }

#slidesArea li + li {
  margin: 0; }

#slidesArea li {
  padding-left: 15px;
  width: 320px;
  height: 199px !important; }

#slidesArea li:before {
  display: none; }