main#ej-shinsho {
  margin: 0 auto;
  max-width: 960px;
  padding: 400px 20px 0;
  position: relative;
  width: 100%
}

main#ej-shinsho:before {
  background: url(../image/logo_01.png) no-repeat center -120px;
  background-size: auto 100%;
  content: "";
  height: 663px;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 100vw
}

main#ej-shinsho h1 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center
}

main#ej-shinsho h1:after {
  background-color: #444;
  content: "";
  display: block;
  height: 2px;
  margin: 6px auto 0;
  width: 50px
}

main#ej-shinsho p.lead {
  margin-bottom: 100px
}

main#ej-shinsho .product-data {
  border: 10px solid #e3e3e3;
  -webkit-column-gap: 60px;
  column-gap: 60px;
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-template-rows: 1fr 50px;
  height: auto;
  margin-bottom: 50px;
  padding: 50px;
  position: relative;
  row-gap: 40px;
  width: 100%
}

main#ej-shinsho .product-data:before {
  border: 10px solid #111;
  content: "";
  height: calc(100% + 20px);
  left: -20px;
  position: absolute;
  top: -20px;
  width: calc(100% + 20px)
}

main#ej-shinsho .product-data img {
  display: block;
  grid-column: 1/2;
  grid-row: 1/2;
  height: auto;
  max-width: 100%
}

main#ej-shinsho .product-data .information {
  grid-column: 2/3;
  grid-row: 1/2
}

main#ej-shinsho .product-data .information h2 {
  font-size: 26px;
  font-weight: 700
}

main#ej-shinsho .product-data .information h3 {
  color: #919191;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 50px
}

main#ej-shinsho .product-data .information p {
  line-height: 1.8;
  margin-bottom: 30px
}

main#ej-shinsho .product-data .action-button {
  grid-column: 1/3;
  grid-row: 2/3;
  text-align: center
}

main#ej-shinsho .product-data .action-button a {
  background-color: #f4438d;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 16px 50px;
  position: relative
}

main#ej-shinsho .product-data .action-button a:after {
  background-color: #b5205e;
  border-radius: 0 0 5px 5px;
  bottom: -4px;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  width: 100%
}

main#ej-shinsho ul.ebook {
  -webkit-column-gap: 50px;
  column-gap: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 80px;
  max-width: 100%;
  position: relative;
  width: 960px
}

main#ej-shinsho ul.ebook:after {
  background-color: #f4f3f3;
  bottom: -30px;
  content: "";
  height: 80%;
  left: -20%;
  position: absolute;
  width: 140%;
  z-index: -1
}

main#ej-shinsho ul.ebook li h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center
}

main#ej-shinsho ul.ebook li a.thumbnail {
  display: block;
  margin-bottom: 20px
}

main#ej-shinsho ul.ebook li a.thumbnail img {
  height: auto;
  width: 100%
}

main#ej-shinsho ul.ebook li p {
  line-height: 1.8;
  margin-bottom: 30px
}

main#ej-shinsho ul.ebook li .detail-button {
  text-align: center
}

main#ej-shinsho ul.ebook li .detail-button a {
  background-color: #00769c;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 40px
}

@media(max-width:560px) {
  main#ej-shinsho {
    padding: 170px 20px 0
  }

  main#ej-shinsho:before {
    background: url(../image/logo_01.png) no-repeat center -20px;
    background-size: auto 100%;
    content: "";
    height: 200px;
    left: 50%;
    position: absolute;
    top: 36px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100vw
  }

  main#ej-shinsho h1 {
    font-size: 24px
  }

  main#ej-shinsho p.lead {
    margin-bottom: 30px
  }

  main#ej-shinsho .product-data {
    border: 5px solid #e3e3e3;
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
    margin: 0 auto 30px;
    padding: 20px 10px;
    row-gap: 0;
    width: 96%
  }

  main#ej-shinsho .product-data img,
  main#ej-shinsho .product-data:before {
    display: none
  }

  main#ej-shinsho .product-data .information h2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 10px
  }

  main#ej-shinsho .product-data .information h3 {
    margin-bottom: 20px
  }

  main#ej-shinsho ul.ebook {
    -webkit-column-gap: 0;
    column-gap: 0;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 50px
  }

  main#ej-shinsho ul.ebook:after {
    display: none
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVqLXNoaW5zaG8uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImVqLXNoaW5zaG8uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGNoYXJzZXQgXCJVVEYtOFwiO1xuXG5tYWluI2VqLXNoaW5zaG8ge1xuICBtYXJnaW46IDAgYXV0bztcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgcGFkZGluZzogNDAwcHggMjBweCAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlXG59XG5cbm1haW4jZWotc2hpbnNobzpiZWZvcmUge1xuICBiYWNrZ3JvdW5kOiB1cmwoaHR0cHM6Ly9jZG4yLmFsYy5jby5qcC9zYS9lam8vYXNzZXRzL2ltYWdlL3BhZ2VzL3NoaW5zaG8vbG9nb18wMS5wbmcpIG5vLXJlcGVhdCBjZW50ZXIgLTEyMHB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGF1dG8gMTAwJTtcbiAgY29udGVudDogXCJcIjtcbiAgaGVpZ2h0OiA2NjNweDtcbiAgbGVmdDogNTAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSk7XG4gIHdpZHRoOiAxMDB2d1xufVxuXG5tYWluI2VqLXNoaW5zaG8gaDEge1xuICBmb250LXNpemU6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlclxufVxuXG5tYWluI2VqLXNoaW5zaG8gaDE6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDQ0O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAycHg7XG4gIG1hcmdpbjogNnB4IGF1dG8gMDtcbiAgd2lkdGg6IDUwcHhcbn1cblxubWFpbiNlai1zaGluc2hvIHAubGVhZCB7XG4gIG1hcmdpbi1ib3R0b206IDEwMHB4XG59XG5cbm1haW4jZWotc2hpbnNobyAucHJvZHVjdC1kYXRhIHtcbiAgYm9yZGVyOiAxMHB4IHNvbGlkICNlM2UzZTM7XG4gIC13ZWJraXQtY29sdW1uLWdhcDogNjBweDtcbiAgY29sdW1uLWdhcDogNjBweDtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyNTBweCAxZnI7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogMWZyIDUwcHg7XG4gIGhlaWdodDogYXV0bztcbiAgbWFyZ2luLWJvdHRvbTogNTBweDtcbiAgcGFkZGluZzogNTBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICByb3ctZ2FwOiA0MHB4O1xuICB3aWR0aDogMTAwJVxufVxuXG5tYWluI2VqLXNoaW5zaG8gLnByb2R1Y3QtZGF0YTpiZWZvcmUge1xuICBib3JkZXI6IDEwcHggc29saWQgIzExMTtcbiAgY29udGVudDogXCJcIjtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgKyAyMHB4KTtcbiAgbGVmdDogLTIwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtMjBweDtcbiAgd2lkdGg6IGNhbGMoMTAwJSArIDIwcHgpXG59XG5cbm1haW4jZWotc2hpbnNobyAucHJvZHVjdC1kYXRhIGltZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBncmlkLWNvbHVtbjogMS8yO1xuICBncmlkLXJvdzogMS8yO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1heC13aWR0aDogMTAwJVxufVxuXG5tYWluI2VqLXNoaW5zaG8gLnByb2R1Y3QtZGF0YSAuaW5mb3JtYXRpb24ge1xuICBncmlkLWNvbHVtbjogMi8zO1xuICBncmlkLXJvdzogMS8yXG59XG5cbm1haW4jZWotc2hpbnNobyAucHJvZHVjdC1kYXRhIC5pbmZvcm1hdGlvbiBoMiB7XG4gIGZvbnQtc2l6ZTogMjZweDtcbiAgZm9udC13ZWlnaHQ6IDcwMFxufVxuXG5tYWluI2VqLXNoaW5zaG8gLnByb2R1Y3QtZGF0YSAuaW5mb3JtYXRpb24gaDMge1xuICBjb2xvcjogIzkxOTE5MTtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW4tYm90dG9tOiA1MHB4XG59XG5cbm1haW4jZWotc2hpbnNobyAucHJvZHVjdC1kYXRhIC5pbmZvcm1hdGlvbiBwIHtcbiAgbGluZS1oZWlnaHQ6IDEuODtcbiAgbWFyZ2luLWJvdHRvbTogMzBweFxufVxuXG5tYWluI2VqLXNoaW5zaG8gLnByb2R1Y3QtZGF0YSAuYWN0aW9uLWJ1dHRvbiB7XG4gIGdyaWQtY29sdW1uOiAxLzM7XG4gIGdyaWQtcm93OiAyLzM7XG4gIHRleHQtYWxpZ246IGNlbnRlclxufVxuXG5tYWluI2VqLXNoaW5zaG8gLnByb2R1Y3QtZGF0YSAuYWN0aW9uLWJ1dHRvbiBhIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y0NDM4ZDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDAgYXV0bztcbiAgcGFkZGluZzogMTZweCA1MHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmVcbn1cblxubWFpbiNlai1zaGluc2hvIC5wcm9kdWN0LWRhdGEgLmFjdGlvbi1idXR0b24gYTphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNiNTIwNWU7XG4gIGJvcmRlci1yYWRpdXM6IDAgMCA1cHggNXB4O1xuICBib3R0b206IC00cHg7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGhlaWdodDogNnB4O1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlXG59XG5cbm1haW4jZWotc2hpbnNobyB1bC5lYm9vayB7XG4gIC13ZWJraXQtY29sdW1uLWdhcDogNTBweDtcbiAgY29sdW1uLWdhcDogNTBweDtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyO1xuICBtYXJnaW4tYm90dG9tOiA4MHB4O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDk2MHB4XG59XG5cbm1haW4jZWotc2hpbnNobyB1bC5lYm9vazphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNGYzZjM7XG4gIGJvdHRvbTogLTMwcHg7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGhlaWdodDogODAlO1xuICBsZWZ0OiAtMjAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxNDAlO1xuICB6LWluZGV4OiAtMVxufVxuXG5tYWluI2VqLXNoaW5zaG8gdWwuZWJvb2sgbGkgaDIge1xuICBmb250LXNpemU6IDI0cHg7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlclxufVxuXG5tYWluI2VqLXNoaW5zaG8gdWwuZWJvb2sgbGkgYS50aHVtYm5haWwge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJvdHRvbTogMjBweFxufVxuXG5tYWluI2VqLXNoaW5zaG8gdWwuZWJvb2sgbGkgYS50aHVtYm5haWwgaW1nIHtcbiAgaGVpZ2h0OiBhdXRvO1xuICB3aWR0aDogMTAwJVxufVxuXG5tYWluI2VqLXNoaW5zaG8gdWwuZWJvb2sgbGkgcCB7XG4gIGxpbmUtaGVpZ2h0OiAxLjg7XG4gIG1hcmdpbi1ib3R0b206IDMwcHhcbn1cblxubWFpbiNlai1zaGluc2hvIHVsLmVib29rIGxpIC5kZXRhaWwtYnV0dG9uIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyXG59XG5cbm1haW4jZWotc2hpbnNobyB1bC5lYm9vayBsaSAuZGV0YWlsLWJ1dHRvbiBhIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNzY5YztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXNpemU6IDE2cHg7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAxMHB4IDQwcHhcbn1cblxuQG1lZGlhKG1heC13aWR0aDo1NjBweCkge1xuICBtYWluI2VqLXNoaW5zaG8ge1xuICAgIHBhZGRpbmc6IDE3MHB4IDIwcHggMFxuICB9XG5cbiAgbWFpbiNlai1zaGluc2hvOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZDogdXJsKGh0dHBzOi8vY2RuMi5hbGMuY28uanAvc2EvZWpvL2Fzc2V0cy9pbWFnZS9wYWdlcy9zaGluc2hvL2xvZ29fMDEucG5nKSBuby1yZXBlYXQgY2VudGVyIC0yMHB4O1xuICAgIGJhY2tncm91bmQtc2l6ZTogYXV0byAxMDAlO1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgaGVpZ2h0OiAyMDBweDtcbiAgICBsZWZ0OiA1MCU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMzZweDtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUpO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUpO1xuICAgIHdpZHRoOiAxMDB2d1xuICB9XG5cbiAgbWFpbiNlai1zaGluc2hvIGgxIHtcbiAgICBmb250LXNpemU6IDI0cHhcbiAgfVxuXG4gIG1haW4jZWotc2hpbnNobyBwLmxlYWQge1xuICAgIG1hcmdpbi1ib3R0b206IDMwcHhcbiAgfVxuXG4gIG1haW4jZWotc2hpbnNobyAucHJvZHVjdC1kYXRhIHtcbiAgICBib3JkZXI6IDVweCBzb2xpZCAjZTNlM2UzO1xuICAgIC13ZWJraXQtY29sdW1uLWdhcDogMDtcbiAgICBjb2x1bW4tZ2FwOiAwO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWFyZ2luOiAwIGF1dG8gMzBweDtcbiAgICBwYWRkaW5nOiAyMHB4IDEwcHg7XG4gICAgcm93LWdhcDogMDtcbiAgICB3aWR0aDogOTYlXG4gIH1cblxuICBtYWluI2VqLXNoaW5zaG8gLnByb2R1Y3QtZGF0YSBpbWcsXG4gIG1haW4jZWotc2hpbnNobyAucHJvZHVjdC1kYXRhOmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZVxuICB9XG5cbiAgbWFpbiNlai1zaGluc2hvIC5wcm9kdWN0LWRhdGEgLmluZm9ybWF0aW9uIGgyIHtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgbGluZS1oZWlnaHQ6IDEuMztcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4XG4gIH1cblxuICBtYWluI2VqLXNoaW5zaG8gLnByb2R1Y3QtZGF0YSAuaW5mb3JtYXRpb24gaDMge1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHhcbiAgfVxuXG4gIG1haW4jZWotc2hpbnNobyB1bC5lYm9vayB7XG4gICAgLXdlYmtpdC1jb2x1bW4tZ2FwOiAwO1xuICAgIGNvbHVtbi1nYXA6IDA7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgICByb3ctZ2FwOiA1MHB4XG4gIH1cblxuICBtYWluI2VqLXNoaW5zaG8gdWwuZWJvb2s6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IG5vbmVcbiAgfVxufVxuIl19 */