@charset "UTF-8";

@media screen and (max-width: 700px) {
  #lesson1 + .contents_box01.block_image_1 .wrapper_item .inner_item_img a,
  #lesson2 + .contents_box01.block_image_1 .wrapper_item .inner_item_img a,
  #lesson3 + .contents_box01.block_image_1 .wrapper_item .inner_item_img a {
    pointer-events: none;
    display: none;
  }
  #lesson1 + .contents_box01.block_image_1 .wrapper_item .inner_item_img img,
  #lesson2 + .contents_box01.block_image_1 .wrapper_item .inner_item_img img,
  #lesson3 + .contents_box01.block_image_1 .wrapper_item .inner_item_img img {
    display: none;
  }
  #lesson1 + .contents_box01.block_image_1 .wrapper_item .inner_item_img:after {
    content: "";
    display: block;
    background: url(/common/upload_data/smile-english-centernet/image/20250207090547.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 100%;
    height: 580px;
    position: relative;
  }
  #lesson2 + .contents_box01.block_image_1 .wrapper_item .inner_item_img:after {
    content: "";
    display: block;
    background: url(/common/upload_data/smile-english-centernet/image/20250207090558.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 100%;
    height: 580px;
    position: relative;
  }
  #lesson3 + .contents_box01.block_image_1 .wrapper_item .inner_item_img:after {
    content: "";
    display: block;
    background: url(/common/upload_data/smile-english-centernet/image/20250207090551.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 100%;
    height: 580px;
    position: relative;
  }
}
#lesson4 + .composite_box01 .content_wrapper,
#lesson5 + .composite_box01 .content_wrapper {
    background: #fff;
    padding: 48px 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 8px #bfbfbf;
}
#lesson4 + .composite_box01 .inner_item,
#lesson5 + .composite_box01 .inner_item {
    position: relative;
    padding-right: 2%;
    margin-left: 2% !important;
}
#lesson4 + .composite_box01 .inner_item::after,
#lesson5 + .composite_box01 .inner_item::after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    background: #d5d5d5;
    right: 0;
}
#lesson4 + .composite_box01 .inner_item:last-child::after,
#lesson5 + .composite_box01 .inner_item:last-child::after {
    content: none;
}
#lesson4 + .composite_box01 .inner_item>a {
    width: 50%;
    margin: 0 auto;
    pointer-events: none;
}
#lesson5 + .composite_box01 .inner_item>a {
    width: 70%;
    margin: 0 auto;
    pointer-events: none;
}
#lesson4 + .composite_box01 .inner_item_img img,
#lesson5 + .composite_box01 .inner_item_img img {
    object-fit: contain;
}
#lesson4 + .composite_box01 .heading.block_header_4 .h,
#lesson5 + .composite_box01 .heading.block_header_4 .h {
    color: var(--i_btn_color);
    font-size: 2rem;
}
@media screen and (max-width: 700px) {
    #lesson4 + .composite_box01 .inner_item::after,
    #lesson5 + .composite_box01 .inner_item::after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 1px;
        background: #d5d5d5;
        bottom: -20px;
    }
}