@media screen and (max-width: 1300px) {
  .ly_cont {
    padding: 0 20px;
  }
  .bl_footer {
    padding: 60px 20px 65px;
  }
  .bl_headerNav {
    width: 500px;
  }
  .bl_headerNav ul:first-of-type {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .bl_headerNav ul:first-of-type li:nth-of-type(odd) {
    width: 255px;
  }
  .bl_headerNav ul:first-of-type li:nth-of-type(even) {
    width: 105px;
  }
  .bl_headerNav ul:first-of-type li:nth-of-type(n+2) {
    margin-left: 0;
  }
  .bl_headerNav ul:first-of-type li img {
    width: 30px;
  }
  .bl_headerNav a {
    font-size: 1.4rem;
  }
  .bl_headerL {
    width: calc(100% - 150px);
  }
  .bl_headerR {
    width: 180px;
    padding: 0 0 0 20px;
  }
  .bl_headerR a {
    font-size: 1.4rem;
  }
  .bl_headerR span::before {
    right: -68px;
  }
}
@media screen and (max-width: 1200px) {
  .hp_hituji {
    position: relative;
    top: 0;
    left: 0;
  }
  .bl_h4Wrap {
    text-align: center;
  }
  .el_corseBdeco {
    width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 8px;
  }
  body {
    font-size: 16px;
  }
  /****************************/
  /*		 header		   */
  /****************************/
  .bl_headerNav {
    width: auto;
  }
  .bl_headerNav ul:first-of-type {
    display: none;
  }
  .bl_headerR a {
    font-size: 14px;
  }
  /****************************/
  /*		  main			*/
  /****************************/
  h1 img {
    width: 90%;
  }
  .el_mainDeco01,
.el_mainDeco02 {
    width: 30.625%;
  }
  .el_h2::before,
.el_h2::after {
    width: 25px;
  }
  /** deco **/
  .bl_mainBottom {
    background-position: left -5% center, right -5% center;
  }
  .el_whatDeco__01 {
    width: 60px;
    left: 20px;
  }
  .el_whatDeco__02 {
    width: 120px;
    left: -5px;
    top: 90px;
  }
  .el_whatDeco__03 {
    width: 100px;
    left: 55px;
  }
  .el_whatDeco__04 {
    width: 120px;
    left: 10px;
    top: 290px;
  }
  .el_whatDeco__05 {
    width: 150px;
    left: 0;
  }
  .el_whatDeco__06 {
    width: 120px;
  }
  .el_whatDeco__07 {
    width: 90px;
    right: 20px;
  }
  .el_whatDeco__08 {
    width: 60px;
    right: 30px;
    top: 170px;
  }
  .el_whatDeco__09 {
    width: 60px;
    right: 50px;
    top: 230px;
  }
  .el_whatDeco__10 {
    width: 130px;
    right: -5px;
    top: 300px;
  }
  .el_whatDeco__11 {
    width: 170px;
    right: -2px;
    top: 450px;
  }
  .el_whatDeco__12 {
    width: 150px;
    right: -2px;
    top: 530px;
  }
  .el_whatDeco__fenceL,
.el_whatDeco__fenceR {
    width: 200px;
  }
  /** //deco **/
  /****************************/
  /*		   can			*/
  /****************************/
  .bl_canLeanDeco01 {
    left: 15px;
    width: 19.7%;
  }
  .bl_canLeanDeco02 {
    right: -50px;
    width: 30.9%;
  }
  /****************************/
  /*		  scene		   */
  /****************************/
  .el_sceneDeco01 {
    width: 21.875%;
  }
  .el_sceneDeco02 {
    width: 18.75%;
  }
  .el_button {
    max-width: 470px;
    padding: 20px;
  }
  .el_button span {
    padding: 0 0 0 35px;
  }
  .el_button:before {
    width: 25px;
  }
  /****************************/
  /*		  scene		   */
  /****************************/
  .el_aibokuDeco01,
.el_aibokuDeco02 {
    width: 20.3125%;
  }
  .el_balloon {
    width: 120px;
  }
  .el_dateDeco01 {
    width: 18.75%;
  }
  .el_dateDeco02 {
    width: 19.84375%;
  }
  .el_dateDeco03 {
    width: 15.625%;
  }
  /****************************/
  /*		  aiboku		  */
  /****************************/
  .hp_aFew::before {
    width: 130px;
  }
  .el_week {
    line-height: 1.9;
  }
  .bl_dateBottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_dateL {
    width: 100%;
    margin-bottom: 30px;
  }
  .bl_dateR {
    margin-top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .bl_dateR_l,
.bl_dateR_r {
    width: 48%;
  }
  .el_dateR_ttl.mt20 {
    margin-top: 0;
  }
  .el_dateR_ttl.spMt20 {
    margin-top: 20px;
  }
  .el_course__deco01 {
    width: 11.7857142857%;
  }
  .el_course__deco02 {
    width: 13.3928571429%;
  }
  .bl_course_guide01 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .bl_course_guide01 .bl_dateL {
    width: 60%;
    padding-right: 20px;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .bl_course_guide01 .bl_dateL img {
    width: 30%;
    margin-left: auto;
    display: block;
  }
  .bl_course_guide01 .bl_dateR {
    width: 40%;
    padding-left: 20px;
    display: block;
  }
  .el_corseBdeco {
    bottom: 40px;
    right: 130px;
  }
  .bl_aibokuWhiteBg {
    padding: 60px 3%;
  }
  .el_forDeco01 {
    width: 8.9285714286%;
  }
  .js_pageTop {
    width: 70px;
  }
  .js_pageTop img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .pcOnly,
p.pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
  /** font-size **/
  .el_h2 {
    font-size: 3rem;
    line-height: 1.5;
  }
  .el_h2::before,
.el_h2::after {
    width: 20px;
  }
  .el_h2::before {
    left: -30px;
  }
  .el_h2::after {
    right: -30px;
  }
  .el_button {
    font-size: 2.5rem;
  }
  .el_times p {
    font-size: 2.8rem;
  }
  .el_times p span {
    font-size: 4.1rem;
  }
  .el_h3 {
    font-size: 2rem;
  }
  .el_h3 span {
    font-size: 2.6rem;
  }
  .bl_canBottomInner .bl_txtWrap p:first-of-type {
    font-size: 2.2rem;
  }
  .el_dateTtl {
    font-size: 2.6rem;
    margin: 20px 0 30px;
    line-height: 1.5;
  }
  .el_dateTtl span {
    display: block;
  }
  /** //font-size **/
  .ly_section {
    padding: 60px 0;
  }
  .bl_mainBottom .el_h2 {
    font-size: 2.6rem;
  }
  .bl_mainBottom .el_mainTxt {
    font-size: 2rem;
  }
  /** main deco **/
  .bl_mainBottom {
    background-position: left -60px center, right -60px center;
  }
  .bl_mainBottom .el_h2Wrap,
.bl_mainBottom .el_mainTxt {
    position: relative;
    z-index: 2;
  }
  .el_whatDeco__01 {
    width: 50px;
    left: 10px;
  }
  .el_whatDeco__02 {
    width: 80px;
    top: 140px;
  }
  .el_whatDeco__03 {
    width: 100px;
    top: 210px;
    left: -47px;
  }
  .el_whatDeco__06 {
    width: 100px;
    top: auto;
    bottom: 0;
    left: 15px;
  }
  .el_whatDeco__07 {
    width: 65px;
    top: 10px;
    right: 15px;
  }
  .el_whatDeco__08 {
    width: 45px;
    right: 0;
  }
  .el_whatDeco__09 {
    width: 40px;
    right: 13px;
    top: 212px;
  }
  .el_whatDeco__11 {
    width: 125px;
    right: -2px;
    top: auto;
    bottom: 10px;
  }
  .el_whatDeco__12 {
    width: 110px;
    right: -10px;
    top: auto;
    bottom: 5px;
  }
  .el_whatDeco__04,
.el_whatDeco__05,
.el_whatDeco__10 {
    display: none;
  }
  .el_whatDeco__fenceL,
.el_whatDeco__fenceR {
    width: 150px;
  }
  /** main deco **/
  .bl_canImgWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
  }
  .bl_canImgInner {
    width: 70%;
  }
  .bl_canImgInner:nth-of-type(n+2) {
    margin-top: 20px;
  }
  .bl_canImgInner_iconL {
    left: 0;
    bottom: 30px;
  }
  .bl_canImgInner_iconR {
    right: 0;
    bottom: 30px;
  }
  .bl_canImgWrap02 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .bl_canImgWrap02 img {
    width: calc(50% - 7.5px);
  }
  .bl_canImgWrap02 img:last-of-type {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 55%;
    margin-bottom: 10px;
  }
  .bl_canLeanWrap {
    margin: 0 auto 60px;
  }
  .el_ribbonWrapInner img {
    max-width: 350px;
  }
  .bl_canBottomInner {
    padding: 40px 15px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_canBottomInner .bl_txtWrap p:nth-of-type(2) {
    margin-top: 10px;
  }
  .bl_headerR span {
    padding: 0px 0 0 20px;
  }
  .bl_headerR span:before {
    left: -61px;
  }
  .el_canBottomImg {
    margin-right: 0;
    width: 80%;
    margin-bottom: 30px;
  }
  .el_balloon {
    width: 105px;
  }
  .bl_scene .bl_imgWrap img:nth-of-type(n+5) {
    margin-top: 20px;
  }
  .col04 {
    width: calc(50% - 10px);
  }
  .bl_dateWrap {
    padding: 40px 20px 20px;
  }
  .el_dateDeco01 {
    left: 20px;
    -webkit-transform: none;
            transform: none;
    top: 30px;
    z-index: 2;
  }
  .el_dateDeco02 {
    right: 0;
  }
  .bl_dateDay {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0 20px 60px;
  }
  .bl_dateDay p:not(:last-of-type) {
    margin-right: 10px;
  }
  .bl_dateDay::before {
    width: 40px;
    top: 25px;
    left: 4px;
  }
  .bl_dateDay_unit:not(:last-of-type) {
    margin-right: 0;
  }
  .bl_dateDay_unit:last-of-type {
    margin-left: 0;
  }
  .hp_full::before {
    left: 0;
    right: 0;
  }
  .hp_full:first-of-type::after {
    width: 40px;
    left: -8px;
  }
  .hp_aFew::before {
    width: 120px;
    height: 40px;
    top: auto;
    bottom: -87px;
  }
  .hp_aFew::after {
    top: auto;
    bottom: -12px;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #FCEE21 transparent;
  }
  .bl_dateR {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_dateR_l,
.bl_dateR_r {
    width: 100%;
  }
  .bl_dateR_r {
    margin-top: 20px;
  }
  .bl_dlInner dt, .bl_dlInner dd {
    font-size: 16px;
  }
  .el_eachCorseTxt {
    line-height: 1.5;
  }
  .el_eachCorseTxt:nth-of-type(n+3) {
    margin-top: 10px;
  }
  .bl_course_guide01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_course_guide01 .bl_dateL {
    width: 100%;
    padding-bottom: 30px;
    border-right: none;
  }
  .bl_course_guide01 .bl_dateR {
    width: 100%;
    padding: 0;
  }
  .bl_course_guide02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_course_guide02 .col02 {
    width: 100%;
  }
  .bl_course_guide02 img {
    max-width: 100%;
    margin-top: 30px;
  }
  .bl_course_guide03 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_course_guide03 img {
    width: 70%;
  }
  .bl_ulWhite {
    margin-left: 0;
  }
  .el_partTtl {
    margin-bottom: 20px;
  }
  .el_partTtl p:first-of-type {
    width: calc(100% - 120px);
  }
  .el_partTtl p:nth-of-type(2) {
    width: 120px;
  }
  .bl_corseImgWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_corseImgWrap div {
    width: 100%;
  }
  .el_ungle {
    border-width: 20px 20px 0 20px;
    border-color: #ef6f86 transparent transparent transparent;
    margin: 10px 0;
  }
  .el_ungle__green {
    border-color: #90be20 transparent transparent transparent;
  }
  .el_ungle__blue {
    border-color: #4ec4f4 transparent transparent transparent;
  }
  .bl_corseImgWrap__center .el_ungle {
    margin: 10px 0;
  }
  .bl_forImgWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bl_forImgWrap img {
    width: 70%;
  }
  .bl_forImgWrap img:nth-of-type(n+2) {
    margin-top: 10px;
  }
  .bl_footerInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_footerInner_L {
    width: 100%;
    border-right: none;
  }
  .bl_footerInner_R {
    width: 100%;
    margin: 20px 0;
  }
  .el_footerButton {
    padding: 10px 0;
  }
  .el_footerButtonOuter {
    width: 90%;
  }
  .bl_footerCont {
    padding: 40px 20px;
  }
  .bl_footerInner {
    margin-top: 15px;
  }
  .el_corseBdeco {
    right: 100%;
    top: 0;
    bottom: auto;
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
  }
}
@media screen and (max-width: 560px) {
  html {
    font-size: 7px;
  }
  /** header **/
  .bl_headerL {
    width: 67%;
    padding: 10px;
  }
  .el_headerLogo {
    width: 100px;
  }
  .bl_headerNav img {
    width: 25px;
  }
  .bl_headerR {
    width: 33%;
    padding: 0;
  }
  .bl_headerR a {
    font-size: 12px;
  }
  .bl_headerR span:before {
    left: -40px;
    width: 26px;
  }
  /** //header **/
  .bl_main {
    margin-top: 45.7px;
  }
  .bl_mainTop {
    padding: 85px 0 60px;
  }
  h1 img {
    width: 100%;
  }
  .el_ribbonWrapInner img {
    max-width: 300px;
  }
  .el_dateDeco01 {
    width: 100px;
    left: -15px;
    top: -6px;
  }
  .el_corseBdeco {
    width: 60%;
    right: 100%;
    top: 0;
    bottom: auto;
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
    left: auto;
  }
  .el_h4__corseC {
    margin-top: 40px;
  }
  .bl_canLeanWrap {
    background-image: none;
  }
  .bl_canLeanDeco01 {
    left: 0;
  }
  .bl_canLeanDeco02 {
    right: -5px;
  }
  .bl_course_guide01 .bl_dateL {
    padding-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .el_eachCorseTxt span {
    display: block;
  }
  .bl_course_guide03 img {
    margin-bottom: 10px;
  }
  .el_forDeco01 {
    width: 50px;
    top: -5px;
    left: 0;
  }
  .bl_aiboku .el_h2Wrap {
    margin-bottom: 50px;
  }
  .el_dateDeco02 {
    width: 110px;
  }
  .el_dateDeco03 {
    display: none;
  }
  .el_course__deco01 {
    width: 60px;
    left: 0;
  }
  .el_course__deco02 {
    width: 80px;
    right: 0;
  }
  .bl_corseImgWrap img {
    display: block;
  }
  .bl_footerInner_R {
    margin: 0;
  }
}