.all-wrapper__contents-wrapper-full {
    width: 100%;
    float: left;
    margin: 70px auto 0px; }
    @media screen and (max-width: 1220px) {
      .all-wrapper__contents-wrapper-full {
        width: 100%;
        margin: 50px auto 50px; } }
    @media screen and (max-width: 1024px) {
      .all-wrapper__contents-wrapper-full {
        width: 100%;
        float: none;
        margin: 30px auto 60px; } }
        
  .all-wrapper__contents-wrapper-half2 {
    width: 50%;
    float: left;
    margin: 70px auto 0px; }
    @media screen and (max-width: 1220px) {
      .all-wrapper__contents-wrapper-half2 {
        width: 50%;
        margin: 50px auto 50px; } }
    @media screen and (max-width: 1024px) {
      .all-wrapper__contents-wrapper-half2 {
        width: 50%;
        margin: 30px auto 60px; } }
    @media screen and (max-width: 767px) {
      .all-wrapper__contents-wrapper-half2 {
        width: 100%;
        float: none;
        margin: 20px auto 60px; } }
        
  .all-wrapper__contents-wrapper-half {
    width: 37%;
    float: left;
    margin: 70px auto 0px; }
    @media screen and (max-width: 1220px) {
      .all-wrapper__contents-wrapper-half {
        width: 35%;
        margin: 50px auto 50px; } }
    @media screen and (max-width: 1024px) {
      .all-wrapper__contents-wrapper-half {
        width: 35%;
        margin: 30px auto 60px; } }
    @media screen and (max-width: 767px) {
      .all-wrapper__contents-wrapper-half {
        width: 100%;
        float: none;
        margin: 20px auto 60px; } }
  
 .al-book-list {
  padding: 35px;
  background-color: #f9f9f9;
  border: 10px solid #eee; }
  @media screen and (max-width: 767px) {
    .al-book-list {
      padding: 15px;
      border: 5px solid #eee; } }
  .al-book-list__item {
    padding-left: 0px;
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.3em;
    color: #333;
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "FP-ヒラギノ明朝 StdN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "メイリオ", Meiryo, "ＭＳ ゴシック", serif;
    letter-spacing: 0.1em;
    text-indent: 0; }
    @media screen and (max-width: 767px) {
      .al-book-list__item {
        padding-left: 0;
        margin-top: 5px;
        font-size: 15px;
        line-height: 1.6em;
        text-indent: 0;
        text-align: justify; } }
    .al-book-list__item:first-child {
      margin-top: 0; }
    .al-book-list__item__sub-text {
      font-size: 16px; }
      @media screen and (max-width: 767px) {
        .al-book-list__item__sub-text {
          font-size: 13px; } }
    .al-book-list__item__number {
      margin-right: 5px;
      font-size: 30px;
      font-style: italic;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        .al-book-list__item__number {
          margin-right: 5px;
          font-size: 20px;
          line-height: 1.4em; } }

.al-book-teacher-list__item {
  margin-top: 15px;
  padding-left: 1em;
  font-size: 16px;
  line-height: 1.5em;
  color: #333;
  text-indent: 0; }
  .al-book-teacher-list__item:first-child {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .al-book-teacher-list__item {
      margin-top: 10px;
      font-size: 14px; } }
.al-book-teacher-list__caution {
  margin-top: 15px;
  padding-left: 1em;
  font-size: 16px;
  line-height: 1.5em;
  color: #333;
  text-indent: 0;
  display: block; }
  @media screen and (max-width: 767px) {
    .al-book-teacher-list__caution {
      margin-top: 10px;
      font-size: 13px; } }

.al-book-link-list__item {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.5em;
  color: #333; }
  @media screen and (max-width: 767px) {
    .al-book-link-list__item {
      font-size: 14px; } }
  .al-book-link-list__item:first-child {
    margin-top: 0; }
  .al-book-link-list__item--check {
    margin-top: 15px;
    padding: 10px;
    background-color: #eee;
    background-image: url(../common/dot_white.png); }
    @media screen and (max-width: 767px) {
      .al-book-link-list__item--check {
        margin-top: 10px; } }
    .al-book-link-list__item--check__title {
      width: 70px;
      height: 22px;
      font-size: 16px;
      line-height: 22px;
      color: #fff;
      font-family: "Roboto", sans-serif !important;
      font-weight: 700;
      text-align: center;
      background-color: #6a2;
      float: left; }
      @media screen and (max-width: 767px) {
        .al-book-link-list__item--check__title {
          width: 50px;
          height: 18px;
          font-size: 13px;
          line-height: 18px; } }
    .al-book-link-list__item--check__text {
      margin-left: 10px;
      width: auto;
      font-size: 16px;
      line-height: 22px;
      color: #333;
      float: left; }
      @media screen and (max-width: 767px) {
        .al-book-link-list__item--check__text {
          font-size: 13px;
          line-height: 18px; } }
  .al-book-link-list__item__link-wrapper__item {
    margin-top: 5px;
    margin-left: 25px; }
    @media screen and (max-width: 767px) {
      .al-book-link-list__item__link-wrapper__item {
        margin-top: 7px;
        margin-left: 22px; } }
    .al-book-link-list__item__link-wrapper__item__link {
      padding-left: 1em;
      font-size: 15px;
      line-height: 1.3em;
      color: #333;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        .al-book-link-list__item__link-wrapper__item__link {
          font-size: 13px; } }
      .al-book-link-list__item__link-wrapper__item__link::before {
        content: '';
        top: 5px;
        left: 0;
        border-width: 4px 0 4px 7px;
        border-style: solid;
        border-color: transparent transparent transparent #6a2;
        position: absolute;
        transition: 0.5s; }
        @media screen and (max-width: 767px) {
          .al-book-link-list__item__link-wrapper__item__link::before {
            top: 5px;
            left: 2px;
            border-width: 3px 0 3px 6px; } }
      .al-book-link-list__item__link-wrapper__item__link:hover {
        color: #094; }
        .al-book-link-list__item__link-wrapper__item__link:hover::before {
          border-color: transparent transparent transparent #094; }

.all-wrapper__title .my-title-jp {
    color: #094;
    font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
    font-weight: 500;
    font-size: 32px;
    line-height: 1; }
    .all-wrapper__title .title-jp__ls100 {
      letter-spacing: 0.12em; }
    @media screen and (max-width: 1024px) {
      .all-wrapper__title .title-jp {
        font-size: 26px; } }
    @media screen and (max-width: 767px) {
      .all-wrapper__title .title-jp {
        font-size: 18px; } }

.cl-contact-wrapper__text__mail__al {
      width: 251.5px;
      height: 18px;}
      @media screen and (max-width: 767px) {
        .cl-contact-wrapper__text__mail__al {
          width: 222px;}}

.img_al-book{
  max-width: 350px;
  text-align: center;
  padding: 40px;
}  
.clear_box{
  clear : both;
}