@charset "utf-8";
/* CSS Document */
/*大学受験塾バナー*/
/*MAIN*/
.main {
  padding-bottom: 80px;
}
/*WORK INTRODUCTION*/
.work-introduction {
  width: 370px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  margin: 0 auto;
  padding: 130px 0 64px;
}
.work-introduction h1 {
  text-align: center;
}
.work-introduction__image {
  display: block;
  text-align: center;
  padding: 40px 0 34px;
  margin: 0 auto;
}
.work-introduction__image img {
  width: 370px;
}
.work-discription p {
  text-align: left;
  padding: 12px 0 12px;
}
.work-introduction_comment {
  text-align: justify;
  padding-top: 28px;
  margin: 0 auto;
}
/*More*/
.button-54 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 250px;
  margin: 0 auto;
  padding: .9em 3em .9em 2em;
  border: 1px solid #bf3f61;
  border-radius: 25px;
  background-color: #fff;
  color: #bf3f61;
  font-size: 1em;
}
.button-54::after {
  position: absolute;
  right: 2em;
  transform: translateY(-50%);
  transform-origin: left;
  width: 2em;
  height: .5em;
  background-color: #bf3f61;
  clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
  content: '';
  transition: transform .3s;
}
.button-54:hover::after {
  transform: translateY(-50%) scaleX(1.4);
}
.button-54 a {
  text-decoration: none;
  color: #bf3f61;
}
/*レスポンシブ対応*/
@media(min-width: 767px) { /*767px以上の時に発動*/
  .main {
    padding-bottom: 160px;
  }
  /*WORK INTRODUCTION*/
  .work-introduction {
    width: 1040px;
    margin: 0 auto;
    padding: 160px 0 64px;
  }
  .work-introduction h1 {
    font-size: 20px;
  }
  .work-introduction img {
    width: 1040px;
  }
  .work-discription {
    width: 1040px;
    margin: 0 auto;
  }
  .work-introduction_comment {
    width: 1040px;
    line-height: 2.4rem;
    margin: 0 auto;
  }
}