@charset "UTF-8";
/* CSS Document */
.section-about {
	margin-bottom: 80px;
}
.section-about h2 {
  padding: 60px 0;
  font-size: 3.2rem;
}
.section-about__main {
  background-color: #FFFFFF;
}
.section-about__main-image {
  width: 80vw;
	max-width:1160px;
  margin-bottom: 40px;
  object-fit: cover;
}
.section-about__main p {
	text-align: left;
  width: 480px;
  letter-spacing: -1px;
  font-size: 1.6rem;
  line-height: 3.0rem;
  margin: 0 auto;
}

@media(max-width:1160px) {
	.section-about {
	margin-bottom: 50px;
}
	.section-about h2 {
   padding: 40px 0;
    margin: 0;
    font-size: 2.0rem;
}
  .section-about__main-image {
    margin-bottom: 30px;
  }
  .section-about__main p {
	  width: 80vw;
    font-size: 1.4rem;
	  max-width: 423px;
	  margin: 0 auto;
    line-height: 1.6rem;
	  text-align: left;
  }
}
.section-about__work h4 {
  font-size: 2.4rem;
  margin: 50px 0;
}
.section-about__work h5 {
  margin-bottom: 10px;
}
.section-about__work-list ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1440px;
 padding: 0 140px;
  margin: 0 auto 60px;
}
.section-about__work-list ul li {
 margin: 0 auto 20px;
  width: 200px;
}
.section-about__work-list ul li img {
 width: 150px;
  object-fit: cover;
}
.section-about__work-list ul li p {
	text-align: left;
  width: 150px;
  margin: 0 auto;
}
.section-about_items p {
	padding: 0 10vw;
	margin-bottom: 60px;
}
@media(max-width:1160px) {
  .section-about__work h3 {
    font-size: 1.6rem;
    margin: 30px 0;
  }
  .section-about__work h4 {
	   font-size: 1.5rem;
    margin-bottom: 15px;
  }
	.section-about__work-list ul {
  margin-bottom: 40px;
		padding: 0 40px;
}
  .section-about__work-list ul li img {
    margin-bottom: 15px;
    object-fit: cover;
  }
  .section-about__work-list ul li p {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 15px;
  }
	.section-about_items p {
		 font-size: 1.4rem;
    line-height: 1.6rem;
	margin-bottom: 40px;
}
}
.section-about__production h3 {
  font-size: 2.4rem;
  margin-bottom: 60px;
}
.slider-for__img img {
  margin: 0 auto 50px;
  width: 60vw;
	max-height:600px;
	max-width: 1000px;
  object-fit: cover;
}
.slider-nav {
	max-width: 1160px;
  margin: 0 auto;
}
.slider-nav__img {
  margin: 0 10px;
}
.slider-nav img {
  width: 100%;
  height: 200px;
  margin-bottom: 50px;
  object-fit: cover;
}
@media(max-width:1160px) {
  .section-about__production h3 {
    font-size: 1.6rem;
    margin: 4vw 0;
  }
.slider-for__img  img {
    width: 80vw;
    margin-bottom: 5vw;
  }
	.slider-nav img {
  width: 100%;
  height: 5vh;
  margin-bottom: 5vw;
  object-fit: cover;
}
}