@charset "utf-8";
@media screen and (max-width:1000px) {
  .service {
    background: linear-gradient(90deg,#fff 0%,#fff 700px,#7e7e7e 700px,#7e7e7e 100%);
  }
  .servicebox_text:before {
    left: -38px;
  }
}
@media screen and (min-width:769px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .pc {
    display: none;
  }
  .cpbox {
    max-width: 608px;
    width: 92%;
    height: 300px;
  }
  ul.cvbtn {
    flex-direction: column;
  }
  ul.cvbtn li {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .about {
    padding: 200px 4%;
    box-sizing: border-box;
    background: url(../img/about_bg_sp.jpg) no-repeat;
    background-size: cover
  }
  .service {
    background: linear-gradient(180deg,#fff 0%,#fff 400px,#7e7e7e 400px,#7e7e7e 100%);
  }
  .servicebox {
    width: 78%;
    flex-direction: column;
  }
  .servicebox_text {
    width: 100%;
  }
  .servicebox_text:before {
    left: -34px;
    top: -20px;
  }
  .servicebox_img {
    width: 100%;
  }
  .nayami {
    background: url("../img/nayami_bg_sp.jpg") no-repeat;
  }
  .point_list {
    display: flex;
    flex-wrap: wrap;
  }
  .point_list li {
    width: 48%;
    margin-bottom: 20px;
  }
  .content_list li {
    width: 48%;
  }
  .yoseue_list {
    flex-direction: column;
  }
  .yoseue_list li {
    width: 100%;
  }
  .hachi_list {
    flex-direction: column;
  }
  .hachi_list li {
    width: 100%;
  }
  ul.cvbtn02 {
    flex-direction: column;
    max-width: 600px;
    width: 92%
  }
  ul.cvbtn02 li {
    margin: 10px 0;
    width: 100%;
  }
  .leaf_l {
    width: 140px;
  }
  .leaf_r {
    width: 140px;
  }
  .product {
    padding: 60px 4%;
    box-sizing: border-box;
  }
  .product_list li {
    width: 50%;
	  padding: 0 8px;
  }
	.category {
		left: 10px;
	}
  .works {
    width: 100%;
    padding: 60px 0;
    background: #e9e9e9;
  }
  .worksbox {
    flex-direction: column;
  }
  .worksbox_text {
    width: 100%;
  }
	.works_name {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		border: none;
		padding: 0;
	}
  .worksbox_img {
    width: 100%;
  }
  .lum-gallery-button:after {
    border-top: 4px solid #000!important;
  }
  .lum-previous-button:after {
    border-left: 4px solid #000!important;
    box-shadow: none!important;
  }
  .lum-next-button:after {
    border-right: 4px solid #000!important;
    box-shadow: none!important;
  }
  .lum-gallery-button:after {
    border-top: 4px solid #000!important;
  }
}
@media screen and (max-width:360px) {
  h2 img {
    width: 100%;
  }
}