@charset "utf-8";
/* CSS Document */
/*--------------------------
 books_共通
--------------------------*/
/* --- books-heading1 --- */
.books-heading1{
  text-align: center;
}
.books-heading1__title{
  position: relative;
  font-weight: bold;
  margin: 0;
}
.books-heading1__title::before{
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #d70c1e;
  content: "";
}
/* --- books-news --- */
.books-news-wrap {
  margin: 4rem 0 0;
  background-color: #f7f7f7;
}
.books-news-heading2 {
  margin: 0;
  font-weight: bold;
}
/* --- books-introduction --- */
.books-introduction-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.books-introduction-list > li {
  position: relative;
  font-weight: bold;
}
.books-introduction-list > li::before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #333;
  content: "";
}
.books-introduction-button .books-introduction-button__type--blank {
  text-align: center;
  display: block;
  background-color: #fff;
  border: 1px solid #d70c1e;
}
.books-introduction-button .books-introduction-button__type--blank::after {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: 7px;
  background: url("/recruit/img/books_ic01.svg") no-repeat left top/100%;
  content: "";
}
.books-introduction-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.books-introduction-info-list > li {
  position: relative;
}
.books-introduction-info-list > li::before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #333;
  content: "";
}
/*--------------------------
 books_PC
--------------------------*/
@media print,screen and (min-width:768px){
  .Main__content {
    max-width: none;
    padding-top: 4.7rem;
    padding-right: 0;
    padding-left: 0;
  }
  /* --- books-heading1 --- */
  .books-heading1__title{
    padding-bottom: 26px;
    font-size: 4rem;
  }
  .books-heading1__title::before{
    left: calc(50% - 50px);
    width: 100px;
  }
  /* --- books-news --- */
  .books-news-wrap .books-news-wrap__inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 3.6rem 30px;
  }
  .books-news-heading2 {
    font-size: 2.2rem;
  }
  .books-news {
    margin-top: 2.4rem;
  }
  .books-news .books-news__article {
    display: flex;
  }
  .books-news .books-news__article + .books-news__article {
    margin-top: 1.2rem;
  }
  .books-news .books-news__head {
    width: 8em;
    padding-right: 1.5rem;
  }
  .books-news .books-news__body {
    flex: 1;
  }
  .books-news .books-news__text {
    margin: 0;
  }
  .books-news .books-news__link:hover,
  .books-news .books-news__link--blank:hover {
    text-decoration: underline;
  }
  .books-news .books-news__link--blank::after {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 7px;
    background: url("/recruit/img/books_ic01.svg") no-repeat left top/100%;
    content: "";
  }
  /* --- books-introduction --- */
  .books-introduction {
    max-width: 1260px;
    margin: 3.6rem auto 0;
    padding: 0 30px;
  }
  .books-introduction__item + .books-introduction__item {
    margin-top: 10.4rem;
  }
  .books-introduction .books-introduction-media {
    display: flex;
  }
  .books-introduction .books-introduction-media .books-introduction-media__head {
    width: calc(100%/3);
  }
  .books-introduction .books-introduction-media .books-introduction-media__head + .books-introduction-media__body {
    flex: 1;
    margin-left: 3.9rem;
  }
  .books-introduction-list > li {
    padding-left: 2.8rem;
  }
  .books-introduction-caption {
    margin: 2.4rem 0 0;
  }
  .books-introduction-description {
    margin: 2.4rem 0 0;
  }
  .books-introduction-description > dt {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .books-introduction-description > dt + dd {
    margin-top: .6rem;
  }
  .books-introduction-description > dd {
    margin: 0;
  }
  .books-introduction-button-wrap {
    display: flex;
    flex-flow: row wrap;
    margin: 4.8rem auto 0;
    max-width: 923px;
  }
  .books-introduction-button {
    width: calc((100% - 9.7rem)/2);
    max-width: 413px;
    margin-top: 4.3rem;
    margin-left: 9.7rem;
  }
  .books-introduction-button:nth-child(-n+2) {
    margin-top: 0;
  }
  .books-introduction-button:nth-child(2n+1) {
    margin-left: 0;
  }
  .books-introduction-button .books-introduction-button__type--blank {
    padding: 1.2rem 3.6rem;
  }
  .books-introduction-button .books-introduction-button__type--blank:hover {
    background-color: #d70c1e;
    color: #fff;
  }
  .books-introduction-button .books-introduction-button__type--blank:hover::after {
    background-image: url("/recruit/img/books_ic01_on.svg");
  }
  .books-introduction-ranking {
    display: flex;
    margin-top: 7.2rem;
  }
  .books-introduction-ranking .books-introduction-ranking__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - 36px)/3);
    margin-left: 36px;
  }
  .books-introduction-ranking .books-introduction-ranking__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .books-introduction-ranking .books-introduction-ranking__text {
    margin: 0;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .books-introduction-ranking .books-introduction-ranking__box {
    flex-grow: 1;
    margin-top: 1.2rem;
    padding: 2rem;
    background-color: #f7f7f7;
  }
  .books-introduction-ranking .books-introduction-ranking__lead {
    margin: 0;
    font-size: 1.8rem;
  }
  .books-introduction-ranking .books-introduction-ranking__number {
    margin: 0;
    font-size: 3.7rem;
  }
  .books-introduction-info {
    width: 100vw;
    margin-top: 7.2rem;
    margin-left: calc(50% - 50vw);
    background-color: #f7f7f7;
  }
  .books-introduction-info .books-introduction-info__inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 3.6rem 30px;
  }
  .books-introduction-info .books-introduction-info-heading2 {
    font-size: 2.2rem;
    margin: 0;
  }
  .books-introduction-info .books-introduction-info-media {
    display: flex;
  }
  .books-introduction-info .books-introduction-info-media__head {
    width: 292px;
  }
  .books-introduction-info .books-introduction-info-media__head + .books-introduction-info-media__body {
    margin-left: 4.8rem;
  }
  .books-introduction-info .books-introduction-info-media__body {
    flex: 1;
  }
  .books-introduction-info .books-introduction-info-text {
    margin: 0;
    font-size: 1.6rem;
  }
  .books-introduction-info .books-introduction-info-text .books-introduction-info-text__link--blank:hover {
    text-decoration: underline;
  }
  .books-introduction-info .books-introduction-info-text .books-introduction-info-text__link--blank::after {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 7px;
    background: url("/recruit/img/books_ic01.svg") no-repeat left top/100%;
    content: "";
  }
  .books-introduction-info-list {
    margin-top: 2.8rem
  }
  .books-introduction-info-list > li {
    padding-left: 2.8rem;
  }
  .books-introduction-comment {
    margin-top: 7.2rem 0 0;
  }
  .books-introduction-comment > dt {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .books-introduction-comment > dt + dd {
    margin-top: .6rem;
  }
  .books-introduction-comment > dd {
    margin: 0;
  }
  .books-introduction-present {
    display: flex;
    margin-top: 4rem;
  }
  .books-introduction-present .books-introduction-present__head {
    width: calc(100% / 3);
  }
  .books-introduction-present .books-introduction-present__link:hover {
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .books-introduction-present .books-introduction-present__link img:hover {
    transform: scale(1.02);
  }
  .books-introduction-present .books-introduction-present__link img {
    transition: 0.5s ease-out;
  }
  .books-introduction-present .books-introduction-present__head + .books-introduction-present__body {
    margin-left: 2.4rem;
  }
  .books-introduction-present .books-introduction-present__title {
    margin: 0;
    font-size: 2.2rem;
    font-weight: bold;
  }
}
@media (min-width:768px) and (max-width:1500px) {
}
/*--------------------------
 entry_SP
--------------------------*/
@media only screen and (max-width:767.98px){
  .Main__content {
    padding-top: 3.6rem;
    padding-right: 0;
    padding-left: 0;
  }
  /* --- books-heading1 --- */
  .books-heading1__title{
    padding: 0 15px 15px;
    font-size: 2rem;
  }
  .books-heading1__title::before{
    left: calc(50% - 25px);
    width: 50px;
  }
  /* --- books-news --- */
  .books-news-wrap .books-news-wrap__inner {
    padding: 1.9rem 15px;
  }
  .books-news-heading2 {
    font-size: 1.9rem;
  }
  .books-news {
    margin-top: 1.8rem;
  }
  .books-news .books-news__article + .books-news__article {
    margin-top: 1.2rem;
  }
  .books-news .books-news__body {
    flex: 1;
  }
  .books-news .books-news__text {
    margin: 0;
  }
  .books-news .books-news__link:hover,
  .books-news .books-news__link--blank:hover {
    text-decoration: underline;
  }
  .books-news .books-news__link--blank::after {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 7px;
    background: url("/recruit/img/books_ic01.svg") no-repeat left top/100%;
    content: "";
  }
  /* --- books-introduction --- */
  .books-introduction {
    margin-top: 3.6rem;
    padding: 0 15px;
  }
  .books-introduction__item + .books-introduction__item {
    margin-top: 10.4rem;
  }
  .books-introduction .books-introduction-media__body {
    margin-top: 4.8rem;
  }
  .books-introduction-list > li {
    padding-left: 2.8rem;
  }
  .books-introduction-caption {
    margin: 2.4rem 0 0;
  }
  .books-introduction-description {
    margin: 2.4rem 0 0;
  }
  .books-introduction-description > dt {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .books-introduction-description > dt + dd {
    margin-top: .6rem;
  }
  .books-introduction-description > dd {
    margin: 0;
  }
  .books-introduction-button-wrap {
    margin-top: 4.8rem;
  }
  .books-introduction-button + .books-introduction-button {
    margin-top: 2.4rem;
  }
  .books-introduction-button .books-introduction-button__type--blank {
    padding: 1.2rem 3.6rem;
  }
  .books-introduction-ranking {
    margin-top: 4rem;
  }
  .books-introduction-ranking .books-introduction-ranking__item + .books-introduction-ranking__item {
    margin-top: 1.2rem;
  }
  .books-introduction-ranking .books-introduction-ranking__text {
    margin: 0;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .books-introduction-ranking .books-introduction-ranking__box {
    flex-grow: 1;
    margin-top: 1.2rem;
    padding: 2rem;
    background-color: #f7f7f7;
  }
  .books-introduction-ranking .books-introduction-ranking__lead {
    margin: 0;
    font-size: 1.8rem;
  }
  .books-introduction-ranking .books-introduction-ranking__number {
    margin: 0;
    font-size: 2.4rem;
  }
  .books-introduction-info {
    margin: 4.8rem -15px 0;
    background-color: #f7f7f7;
  }
  .books-introduction-info .books-introduction-info__inner {
    padding: 3.6rem 15px;
  }
  .books-introduction-info .books-introduction-info-heading2 {
    font-size: 1.8rem;
    margin: 0;
  }
  .books-introduction-info .books-introduction-info-media__head {
    text-align: center;
  }
  .books-introduction-info .books-introduction-info-media__head + .books-introduction-info-media__body {
    margin-top: .6rem;
  }
  .books-introduction-info .books-introduction-info-text {
    margin: 0;
    font-size: 1.4rem;
  }
  .books-introduction-info .books-introduction-info-text .books-introduction-info-text__link--blank:hover {
    text-decoration: underline;
  }
  .books-introduction-info .books-introduction-info-text .books-introduction-info-text__link--blank::after {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 7px;
    background: url("/recruit/img/books_ic01.svg") no-repeat left top/100%;
    content: "";
  }
  .books-introduction-info-list {
    margin-top: 2.8rem
  }
  .books-introduction-info-list > li {
    padding-left: 2.8rem;
  }
  .books-introduction-comment {
    margin: 2.4rem 0 0;
  }
  .books-introduction-comment > dt {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .books-introduction-comment > dt + dd {
    margin-top: .6rem;
  }
  .books-introduction-comment > dd {
    margin: 0;
  }
  .books-introduction-present {
    margin-top: 4rem;
  }
  .books-introduction-present .books-introduction-present__head + .books-introduction-present__body {
    margin-top: 1.2rem;
  }
  .books-introduction-present .books-introduction-present__title {
    margin: 0;
    font-size: 1.8rem;
    font-weight: bold;
  }
  
}