@charset "UTF-8";
.br-m,
.br-t,
.br-tl{ display: none; }
.inside > .title{ color: #2d3539; font-size: 40px; font-weight: 700; letter-spacing: -0.05em; }
.inside > .sub_title{ color: #2d3539; font-size: 40px; letter-spacing: -0.05em;}
.iscream_ex_btn{ display: inline-block; padding: 0 30px; border-radius: 35px; background: #ff7800; color: #fff; font-size: 26px; font-weight: 700; line-height: 70px; }
.iscream_ex_btn::after{ content: ""; display: inline-block; width: 13px; height: 13px; box-sizing: border-box; border: solid 2px #fff; border-top: 0; border-left: 0; transform: translateY(-2px) rotate(-45deg); margin-left: 10px; }
.layout191022175926 > .item > .desc{ height: 78px; letter-spacing: -0.06em;}
.layout1{ display: flex; justify-content: space-between; margin-top: 90px; }
.layout1 .card{ display: flex; flex-wrap: wrap; align-content: space-between; width: 690px; height: 100%;}
.layout1 .card li{ width: 50%; height: 146px; }
.layout1 .card .wrap{ position: relative; height: 100%; margin: 0 15px; background-position: right bottom; background-repeat: no-repeat;}
.layout1 .card li:nth-child(1) .wrap{ background-image: url(/front/imgs/little_homelearn4-6/tab02_19.png); }
.layout1 .card li:nth-child(2) .wrap{ background-image: url(/front/imgs/little_homelearn4-6/tab02_20.png); }
.layout1 .card li:nth-child(3) .wrap{ background-image: url(/front/imgs/little_homelearn4-6/tab02_21.png); }
.layout1 .card li:nth-child(4) .wrap{ background-image: url(/front/imgs/little_homelearn4-6/tab02_22.png); }
.layout1 .card .wrap .title{ padding: 10px 0; font-size: 25px; font-weight:500; letter-spacing: -0.05em; line-height: 28px;}
.layout1 .card .wrap .title strong{ color: #13bfd8; font-size: 25px; font-weight:700; }
.layout1 .card .wrap .sub_title{ color: #808080; font-size: 17px; letter-spacing: -0.05em; }

.layout1 .badge-type .card .wrap{ display: flex; align-items: center; background: none !important; }
.layout1 .badge-type .card .wrap .badge{ display: flex; align-items: center;  width: 70px; margin-right: 15px; }
.layout1 .badge-type .card .wrap .title{ padding-top:0; font-size: 24px; }
.layout1 .badge-type .card .wrap .title strong{ color: #208ccd; }

.layout2{ display: flex; justify-content: center; align-items: center; margin-top: 60px; }
.layout2 .list{ margin-left: 30px;}

.list li{padding-left: 8px; color: #555555; font-size: 24px; line-height: 36px; letter-spacing: -0.05em; }
.list li:before { background: #555555; border-radius: 100%; width: 3px; height: 3px; margin-top: -2px; position: absolute; top: calc(30px / 2); left: 0px; content: ''; display: inline-block; }

.box{ margin-bottom: 90px; }
.box.box2 {margin-bottom: 0;}
.box .box_header{ margin-bottom: 30px; }
.tab_content2.content-eng .box .box_header {margin-bottom: 0;}
.box .box_header .badge{ margin-bottom: 25px; }
.box .box_header .title{ margin-bottom: 5px; color: #2d3539; font-size: 40px; font-weight: 500; letter-spacing: -0.05em; }
.tab_content2.content-eng .box .box_header .title {margin-bottom: 0;}
.box .box_header .sub_title{ color: #555555; font-size: 24px; font-weight: 300; letter-spacing: -0.05em; line-height: 32px; }
.box .box_header .sub_title strong{ font-weight: 400; }
.box .box_body p{ color: #555555; font-size: 24px; font-weight: 300; letter-spacing: -0.1em; line-height: 36px; }
.box .box_body p.report-txtt {
  color: #000;
  font-size: 22px;
  line-height: 29px;
  font-weight: 600;
}
.report-txtt .skyblue-pointer {color: #13bfd8;}
.box .box_body strong{ font-weight: 600; }
.tab_content2.content-eng .small-area-spacing {padding: 60px 0 0;}
.tab_content2.content-eng .small-area-spacing.spacing {padding-bottom: 101px;}
.tab_content2.content-eng .small-area-spacing.spacing2 {padding-bottom: 109px;}
/* tab_content1 */
.tab_content1 .sec1{ margin-top: 30px; }
.tab_content1 .sec2{ margin-top: 60px; }
.tab_content1 .sec3{ margin-top: 130px; }
.tab_content1 .sec4{ margin-top: 130px; }
.tab_content1 .sec5{ margin-bottom: 45px; }

.tab_content1 .sec4 .bg{ height: 395px; background: url(/front/imgs/little_homelearn4-6/tab01_10.png) no-repeat center; }
.tab_content1 .sec5 .inside{ padding: 60px 40px 70px; background: #ecf4ff; }

/* tab_content2 */
.tab_content2 .stit0{ margin-bottom: 30px; }
.tab_content2 .stit4{ font-size: 24px; line-height: 36px; letter-spacing: -0.09em; }

.tab_content2 .sec1{ margin-top: 80px; }
.tab_content2 .sec2{ margin-top: 85px; }
.tab_content2 .sec3{ margin-top: 130px; }
.tab_content2 .sec4{ margin-top: 130px; }
.tab_content2 .sec5{ margin-top: 130px; }
.tab_content2 .sec6{ margin-top: 130px; }

.tab_content2 .sec1 .stit4{ font-size: 32px; }
.tab_content2.content-eng .sec1 .stit4 {line-height: 44px;}
.tab_content2 .sec1 .img_box{ margin-top: 70px; } 
.tab_content2 .sec2 .item .title{ margin-bottom:20px; color: #000; font-size: 26px; }
.tab_content2 .sec2 .item .title img{ margin-right: 5px; vertical-align: middle; }
.tab_content2 .sec2 ul.triple-list {
  overflow: hidden;
  width: 960px;
  margin: 38px auto 80px auto;
}
.tab_content2.content-eng .sec2 ul.triple-list {
  width: 1164px;
  margin-bottom: 121px;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 {
  width: 1180px;
  margin: 36px auto 0;
}
.tab_content2 .sec2 ul.triple-list li {
  float: left;
  width: 32.81%;
  margin-left: 0.78%;
  padding: 23px;
  border: 1px solid #ddd;
}
.tab_content2.content-eng .sec2 ul.triple-list li {
  padding: 0;
}
.tab_content2 .sec2 ul.triple-list li:first-child {
  margin-left: 0;
}
.tab_content2 .sec2 ul.triple-list li .triple-title .title-txt {
  padding: 15px 0 18px;
  color: #333;
  font-size: 26px;
  font-weight: 500;
  line-height: 21px;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li {
  width: 380px;
  height: 370px;
  margin-left: 20px;
  padding: 30px 20px 26px;
  border: 2px solid #ddd;
  border-radius: 15px;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li:first-child {
  margin-left: 0;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box {
  padding: 14px 0 0;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2 {
  font-size: 25px;
  font-weight: 500;
  line-height: 21px;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2 p.small {
  font-size: 20px;
  font-weight: 300;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2.light-green,
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2.light-green p.small {
  color: #009fa8;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2.tomato,
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2.tomato p.small {
  color: #f84947;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2.orange,
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2.orange p.small {
  color: #ff6c00;
}
.tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-small-txt {
  padding-top: 28px;
  color: #808080;
  font-size: 18px;
  line-height: 25px;
}
.tab_content2 .box .box_body p.bottom-txt {
  padding-top: 18px;
  color: #808080;
  font-size: 18px;
  line-height: 25px;
}
.tab_content2.content-eng .box .box_body p.bottom-txt {
  padding-top: 10px;
  color: #555;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.tab_content2 .bottom-txt>strong {
  color: #333;
}
.box .box_body p.triple-list-con-title {
  padding-top: 10px;
  color: #ff7800;
  font-size: 32px;
  font-weight: 600;
}
ul.double-list {
  overflow: hidden;
  width: 959px;
  margin: 0 auto 60px;
}
ul.double-list li {
  position: relative;
  display: inline-block;
  /* width: 49.81%;
  margin-left: 0.78%; */
  border: 1px solid #ddd;
}
ul.double-list li:nth-child(1) {
  margin: 0 15px 15px 0;
}
ul.double-list li:nth-child(2) {
  margin: 0 0 15px 0;
}
ul.double-list li:nth-child(4) {
  margin: 0 0 0 15px;
}
ul.double-list li>img {
  display: block;
}
ul.double-list li .double-txt-frame {
  position: absolute;
  top: 16%;
  left: 9%;
  text-align: left;
}
ul.double-list li .double-txt-frame .double-frame-title {
  color: #000;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
}
ul.double-list li .double-txt-frame .double-frame-title .blue-pointer {
  color: #13bfd8;
  font-weight: 600;
}
ul.double-list li .double-txt-frame .double-frame-gray {
  padding-top: 7px;
  color: #808080;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
ul.double-list.double2 {
  width: 1181px;
  margin: 30px auto 99px;
}
ul.double-list.double2 li {
  float: right;
  width: 48%;
  border: 0;
}
ul.double-list.double2 li:first-child {
  float: left;
}
ul.double-list.double2 li:nth-child(1),
ul.double-list.double2 li:nth-child(2),
ul.double-list.double2 li:nth-child(3),
ul.double-list.double2 li:nth-child(4) {
  margin: 0 0 0 0;
}
.box .box_body p.triple-list-con-title-sub {
  padding: 0 0 30px;
  color: #010101;
  font-size: 25px;
  font-weight: 300;
  line-height: 36px;
}
.tab_content2.content-eng .box .box_body p.triple-list-con-title-sub {
  padding: 15px 0 33px;
}
.tab_content2.content-eng .img-frame img {
  display: block;
  margin: 0 auto;
}
.con-title-sub-img {
  padding: 70px 0 40px;
}
.box .box_body p.list-info-txt {
  width: 959px;
  margin: 0 auto;
  padding: 38px 0 83px;
  color: #333;
  font-size: 18px;
  font-weight: 300;
  line-height: 36px;
  text-align: right;
}
.caution-icon {
  display: inline-block;
  width: 13px;
  height: 14px;
  margin-right: 4px;
  background: url('/front/imgs/little_homelearn4-6/caution_icon.png') no-repeat center / contain;
}
.float-left-frame {
  overflow: hidden;
  width: 959px;
  margin: 0 auto;
}
.float-left-frame>div.left-frame-l {
  float: left;
  width: 50%;
  text-align: left;
}
.float-left-frame>div.right-frame-r {
  float: right;
}
ul.solo-frame-list {
  padding-top: 30px;
}
ul.solo-frame-list li {
  overflow: hidden;
  margin-top: 20px;
  text-align: left;
}
ul.solo-frame-list li>img,
ul.solo-frame-list li>p {
  display: inline-block;
  vertical-align: middle;
}
ul.solo-frame-list li:first-child {
  margin-top: 0;
}
.kit-img-box {
  padding-top: 54px;
}
.teenfor-img {
  padding-bottom: 60px;
}
.tab_content2.content-eng .sec2 ul.triple-list li {
  border: 0;
}
.tab_content2 .sec4 .desc{margin-bottom:50px !important;}
.tab_content2 .layout191022175926 > .item > .desc{ height:50px; }

/* tab_content3 */
.tab_content3 .stit0{ margin-bottom: 25px; }
.tab_content3 .stit4{ font-size: 25px; }

.tab_content3 .sec1{ margin-top: 80px; }
.tab_content3 .sec2{ margin-top: 90px; }
.tab_content3 .sec3{ margin-top: 150px; }
.tab_content3 .sec4{ margin-top: 150px; }

.tab_content3 .sec1 .stit4{ font-size: 32px; }
.tab_content3 .sec2 .img_box{ margin-top: 100px; }
.tab_content3 .sec3 .img_box{ margin-top: 45px; }
.tab_content3 .layout191022175926 > .item > .desc{ height:50px; }

/* tab_content4 */
.tab_content4 .sec1{ margin-top: 80px; }

.tab_content4 .sec1 .img_box{ margin-top: 30px; }
.tab_content4 .layout191022175926{ margin-top: 80px; }
.tab_content4 .sec2 .layout191022175926 > .item:last-child > .desc{ height:auto; margin-bottom: 20px; }

/* tab_content5 */
.tab_content5 .stit0{ margin-bottom: 25px; }
.tab_content5 .stit4{ font-size: 25px; }

.tab_content5 .sec1{ margin-top: 80px; }
.tab_content5 .sec2{ margin-top: 80px; }
.tab_content5 .sec3{ margin-top: 110px; }

.tab_content5 .sec1 .stit4{ font-size: 32px; }
.tab_content5 .sec1 .img_box{ margin-top: 80px; }
.tab_content5 .sec3 .img_box{ margin-top: 80px; }
.tab_content5 .sec3 p{ margin-top: 45px; color: #010101; font-size: 25px; font-weight: 300; line-height: 36px; letter-spacing: -0.05em; }
.tab_content2 img.show-tm.m{margin: 0 auto;}
.box_header.edit {margin-bottom: 0;}
@media (max-width: 1439px){
  .br-l{ display: none; }
  .br-tl{ display: block; }
  .layout1{ flex-wrap: wrap; justify-content: center; margin-top: 40px; }
  .layout1 .item:nth-child(1){ margin-bottom: 40px; }
  .layout1 .card{ justify-content: center; width: 750px; }
  .layout1 .card li{ width: 350px; margin-bottom: 20px; }
  .tab_content2.content-eng .sec2 ul.triple-list,
  ul.double-list.double2,
  .tab_content2.content-eng .sec2 ul.triple-list.list3 {
    width: 100%;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li {
    width: 32.81%;
    margin-left: 0.78%;
  }
}
@media (max-width: 1023px){
  .br-tl{ display: none; }
  .br-t{ display: block; }
  .inside > .title{ font-size: 36px; }
  .inside > .sub_title{ font-size: 32px; }
  .layout191022175926>.item{ display: block; }
  .layout191022175926 > .item > .desc{ height: auto !important; margin-bottom:20px; }
  .layout2{ flex-wrap: wrap; margin-top:50px;}
  .layout2 .list{margin:30px 0 0 50px; }
  .tab_content2 .sec2 ul.triple-list {
    display: none;
    width: 100%;
  }
  .tab_content2.content-eng .sec2 ul.triple-list {
    display: block;
  }
  .tab_content2 .sec2 ul.triple-list li {
    height: 370px;
  }
  .tab_content2 .sec2 ul.triple-list li .triple-title .title-txt {
    font-size: 21px;
    line-height: 28px;
  }
  .tab_content2 .box .box_body p.bottom-txt {
    font-size: 18px;
    line-height: 25px;
  }
  .tab_content2.content-eng .box .box_body p.bottom-txt.show-tm {
    padding: 46px 0 13px;
    font-size: 22px;
    line-height: 28px;
  }
  .tab_content2.content-eng .sec2 ul.triple-list {
    margin-bottom: 104px;
  }
  .tab_content2.content-eng .sec2 ul.triple-list li {
    height: auto;
  }
  ul.double-list {
    overflow: hidden;
    width: 100%;
    margin-top: 55px;
  }
  ul.double-list li {
    float: none;
    border: 0;
  }
  ul.double-list li:nth-child(1),
  ul.double-list li:nth-child(2),
  ul.double-list li:nth-child(3),
  ul.double-list li:nth-child(4) {
    margin: 0 0 0 0;
  }
  ul.double-list li img {
    margin: 0 auto;
  }
  ul.double-list li .double-txt-frame {
    top: 20%;
  }
  .box .box_body p.list-info-txt {
    width: 440px;
    padding: 8px 0 63px;
  }
  .float-left-frame>div.left-frame-l,
  .float-left-frame>div.right-frame-r {
    float: none;
    width: 100%;
    text-align: center;
  }
  .float-left-frame {
    width: 100%;
  }
  ul.solo-frame-list {
    display: inline-block;
  }
  .teenfor-img {
    padding-top: 35px;
  }
  .box .box_body p.report-txtt {
    padding-left: 7px;
  }
  .box .box_header .title {
    font-size: 34px;
    line-height: 44px;
  }
  .tab_content2 .sec2 ul.triple-list li {
    float: none;
    width: 100%;
  }
  .tab_content2.content-eng .box .box_body p.triple-list-con-title-sub {
    padding: 15px 0 24px;
  }
  ul.double-list.double2 li:first-child,
  ul.double-list.double2 li {
    float: none;
    width: 100%;
  }
  ul.double-list.double2 li:first-child {
    margin-bottom: 19px;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li {
    width: 100%;
    height: auto;
    border: 0;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2 {
    font-size: 30px;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-title2 p.small {
    font-size: 24px;
    line-height: 50px;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box.show-tm {
    padding: 0 0 17px;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li {
    padding: 15px 20px 0;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li:first-child {
    padding-top: 0;
  }
  .tab_content2.content-eng .sec2 ul.triple-list.list3 li .triple-txt-box .triple-small-txt {
    padding-top: 18px;
  }
  .activity-img {
    padding-top: 18px;
  }
  .tab_content2.content-eng .sec2 ul.triple-list {
    margin-top: 0;
  }
  .box_header.edit {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px){
  .br-t{ display: none; }
  .br-m{ display: block; }
  .layout1 .card{ width: 440px; }
  .layout1 .item:nth-child(1){ width: 440px; }
  .layout2{ justify-content: flex-start; }
  .layout2 .list{ margin:30px 0 0 10px;}
  .layout2 .list li{ font-size: 18px; }

  .box{ margin-bottom: 60px; }
  .box .box_header .title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .box .box_header .sub_title{ letter-spacing: -0.1em; font-size: 23px;}

  /* tab-content1 */
  .tab_content1 .sec3{ margin-top: 90px; }
  .tab_content1 .sec4{ margin-top: 90px; }
  .tab_content1 .sec1 .inside{width: auto;}
  .tab_content1 .sec5 .inside{width: auto;}
  .tab_content1 .sec4 .bg{ height: 251px; background-size: auto 251px;}

  /* tab_content2 */
  .tab_content2 .sec1{ margin-top: 60px; }
  .tab_content2 .sec3{ margin-top: 90px; }
  .tab_content2 .sec4{ margin-top: 90px; }
  .tab_content2 .sec5{ margin-top: 90px; }
  .tab_content2 .sec6{ margin-top: 90px; }
  .tab_content2 .sec1 .stit4{ font-size: 26px;}
  .tab_content2.content-eng .sec1 .stit4{ line-height: 34px;}
  .tab_content2 .layout191022175926{ margin-top: 50px; }

  /* tab_content3 */
  .tab_content3 .stit0{ margin-bottom: 15px; }
  .tab_content3 .stit4{ font-size: 24px; }
  .tab_content3 .sec1{ margin-top: 60px; }
  .tab_content3 .sec2{ margin-top: 60px; }
  .tab_content3 .sec3{ margin-top: 60px; }
  .tab_content3 .sec4{ margin-top: 60px; }
  .tab_content3 .sec1 .stit4{font-size: 26px;}
  .tab_content3 .sec2 .img_box{ margin-top: 40px; }

  /* tab_content4 */
  .tab_content4 .layout191022175926{ margin-top: 50px; }
 
  /* tab_content5 */
  .tab_content5 .sec1{ margin-top: 60px;}
  .tab_content5 .sec3{ margin-top: 60px;}
  .tab_content5 .sec1 .stit4{font-size: 26px; letter-spacing: -0.08em; }
  .tab_content5 .sec1 .img_box{ margin-top: 50px; }
  .tab_content5 .sec3 p{ margin-top: 30px; font-size: 18px; line-height: 32px; letter-spacing: -0.09em; }
}