@charset "utf-8";
.c-breadcrumbs {
    border-bottom: none;
}
body.classroom.ver2 .c-breadcrumbs {
    border-bottom: 1px solid #ededed;
}
.class_wrap {
    padding: 60px 0 50px;
}
.classMv_wrap {
    background: url(../img/gakkenclassroom_mv.jpg) center center / cover no-repeat;
    background-color: #fff;
    border: 2px solid #66b821;
    border-radius: 10px;
    margin-bottom: 60px;
}
.classMv_in {
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.classMv_ttl {
    padding-left: 60px;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
}
.class_bnr {
    width: 800px;
    margin: 0 auto;
    margin-top: 60px;
}
.class_bnr a {
    display: block;
}
.claCnt_wrap {
    margin-bottom: 60px;
}
.claCnt_cv {
    margin-bottom: 60px;
}
.claCnt_ttl {
    background: #66b821;
    border-radius: 4px;
    position: relative;
    margin-bottom: 50px;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.claCnt_ttl.ver2 {
    margin-bottom: 30px;
}
.claCnt_ttl:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid #0000;
    border-top: 10px solid #66b821;
}
.claCnt_ttl .ttl {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
    text-align: center;
}
.claCnt_ttl .ttl span {
    font-size: 34px;
}
.claCnt_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.claCnt_box .box {
    margin-right: 36px;
}
.claCnt_box .txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.25;
}
.claCnt_box .txt span {
    color: #66b821;
}
.claCnt_box.ver2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.claCnt_box.ver2 .box {
    margin: 0 0 0 36px;
}
.claCnt_box .img img {
    border-radius: 10px;
}
.claCnt_txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.25;
}
.claCnt_lst + .claCnt_txt {
    margin-top: 30px;
}
.claCnt_lst li {
    background: #fff;
    border-radius: 10px;
}
.claCnt_lst .ttl {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #66b821;
    text-align: center;
}
.claCnt_lst .txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.25;
}
.claCnt_lst.ver1{
    padding-top: 30px;
}
.claCnt_lst.ver1 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.claCnt_lst.ver1 li:last-child {
    margin-bottom: 0;
}
.claCnt_lst.ver1 .ttl {
    width: 300px;
}
.claCnt_lst.ver1 .txt {
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
    box-sizing: border-box;
    padding: 19px 40px;
    position: relative;
}
.claCnt_lst.ver1 .txt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    border-left: 2px dotted #f1f1f1;
    box-sizing: border-box;
}
.claCnt_lst.ver1 .mds {
    color: #f882bf;
    font-weight: bold;
    margin-bottom: 5px;
}
.claCnt_lst.ver1 .mds span {
    display: inline-block;
    width: 50px;
    background: #f98ec5;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 6px 0;
    margin-right: 10px;
}
.claCnt_lst.ver2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.claCnt_lst.ver2 li {
    width: 300px;
    padding: 25px 20px;
    box-sizing: border-box;
}
.claCnt_lst.ver2.long li {
    width: 465px;
    margin-top: 30px;
}
.claCnt_lst.ver2 .ttl {
    line-height: 1.4;
    padding-bottom: 18px;
    margin-bottom: 14px;
    border-bottom: 2px dotted #f1f1f1;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
}
.claCnt_lst.ver2 .ttl span {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}
.claCnt_lst.ver2 .txt {
    line-height: 1.8;
}
.claCnt_grabox {
    padding-top: 60px;
}
.claCnt_grabox .ttl {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    color: #00b88f;
    text-align: center;
    margin-bottom: 20px;
}
.claCnt_grabox .txt {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin-bottom: 40px;
}
.claCnt_graph {
    text-align: center;
}
.claCnt_grabox .graph {
    text-align: center;
    margin-bottom: 8px;
}
.claCnt_grabox .add {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}
.claCnt_table {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.claCnt_table .tbl {
    width: 100%;
    background: #fff;
}
.claCnt_table .tbl th {
    width: 120px;
    height: 60px;
    background: #ff7d97;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    color: #fff;
}
.claCnt_table .tbl.ver2 th {
    background: #5cbddf;
}
.claCnt_table .tbl td {
    font-size: 19px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border-right: 2px dotted #f1f1f1;
    width: 115px;
    font-family: "Roboto", sans-serif;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
}
.claCnt_table .tbl td:last-child {
    border-right: none;
}
.claCnt_table .tbl td span {
    font-size: 17px;
    font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
.claCnt_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}
.claCnt_area li {
    width: 300px;
    background: #fff;
    border-radius: 4px;
}
.claCnt_area a {
    display: block;
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    padding: 36px 0;
    border-radius: 4px;
}
.claCnt_area li:nth-child(1) a {
    background: #fff;
    border: 1px solid #00a8bd;
    color: #00a8bd;
}
.claCnt_area li:nth-child(2) a {
    background: #fff;
    border: 1px solid #bcaacf;
    color: #bcaacf;
}
.claCnt_area li:nth-child(3) a {
    background: #fff;
    border: 1px solid #aace37;
    color: #aace37;
}
.claCnt_area li.on:nth-child(1) a {
    background: #00a8bd;
    color: #fff;
}
.claCnt_area li.on:nth-child(2) a {
    background: #bcaacf;
    color: #fff;
}
.claCnt_area li.on:nth-child(3) a {
    background: #aace37;
    color: #fff;
}
.claCnt_requ {
    background: #fff;
    border-radius: 4px;
    padding: 30px;
}
.claCnt_requ .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 2px dotted #f1f1f1;
}
.claCnt_requ .box:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.claCnt_requ .box dt span {
    display: block;
    width: 100px;
    background: #85c843;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 6px 0;
}
.claCnt_requ .box dd {
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
}
.claCnt_requ .box dd .lst li {
    padding-left: 1em;
    position: relative;
}
.claCnt_requ .box dd .lst li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #97d9f1;
}
.claCnt_requ .box dd span {
    font-size: 14px;
}
.claCnt_requ.area .box dd .lst li {
    padding-left: 0;
}
.claCnt_requ.area .box dd .lst li:before {
    content: none;
}
.claCnt_requ .city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 2px dotted #f1f1f1;
}
.claCnt_requ .city:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.claCnt_requ .city .ttl {
    width: 110px;
    font-size: 16px;
    font-weight: bold;
}
.claCnt_requ#area1 .city .ttl {
    color: #19b1c3;
}
.claCnt_requ#area2 .city .ttl {
    color: #bcaacf;
}
.claCnt_requ#area3 .city .ttl {
    color: #aace37;
}
.claCnt_requ#area1 .box dt span {
    background: #19b1c3 !important;
}
.claCnt_requ#area2 .box dt span {
    background: #bcaacf !important;
}
.claCnt_requ#area3 .box dt span {
    background: #aace37 !important;
}
.claCnt_requ.area {
    display: none;
}
.claCnt_requ.area.active {
    display: block;
}
.claCnt_requ .city .lst {
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
    box-sizing: border-box;
}
.claCnt_requ .city .lst li {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 2px dotted #f1f1f1;
}
.claCnt_requ .city .lst li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.claCnt_slide .slick-slide {
    width: 900px;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 30px;
}
.claCnt_slide li {
    background: #fff;
    border-radius: 4px;
}
.claCnt_slide li .flx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 30px;
}
.claCnt_slide .img img {
    border-radius: 10px;
}
.claCnt_slide .box {
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    box-sizing: border-box;
    padding-left: 40px;
}
.claCnt_slide .box .ttl {
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    color: #85c843;
    margin-bottom: 20px;
}
.claCnt_slide .box .name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
}
.claCnt_slide .box .txt {
    font-size: 16px;
    line-height: 1.8;
}
.claCnt_flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.claCnt_flow li {
    background: #fff;
    border-radius: 4px;
    padding: 18px 12px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.claCnt_flow .nmb {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #85c843;
    font-family: "Roboto", sans-serif;
    margin-bottom: 8px;
}
.claCnt_flow .txt {
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
}
/*gakkenclassroom*/
.classMv_wrap {
    background: url(../img/gakkenclassroom_mv.jpg) center center / cover no-repeat;
    border: 2px solid #66b821;
}
.claCnt_ttl:before {
    border-top: 10px solid #66b821;
}
.claCnt_ttl {
    background: #66b821;
}
.claCnt_requ .box dt span {
    background: #85c843;
}
.claCnt_box .txt span {
    color: #66b821;
}
.claCnt_lst .ttl {
    color: #66b821;
}
.claCnt_slide .box .ttl {
    color: #85c843;
}
.claCnt_flow .nmb {
    color: #85c843;
}
.slick-dots li.slick-active button {
    background: #85c843;
}
.slick-prev {
    left: -12px;
    background: url(../svg/arw_slide_l_class1.svg) no-repeat center;
    background-size: 14px auto;
}
.slick-next {
    right: -12px;
    background: url(../svg/arw_slide_r_class1.svg) no-repeat center;
    background-size: 14px auto;
}
/*mebae*/
body.mebae .classMv_wrap {
    background: url(../img/mebae_mv.jpg) center center / cover no-repeat;
    border: 2px solid #ac76b8;
}
body.mebae .claCnt_ttl:before {
    border-top: 10px solid #ac76b8;
}
body.mebae .claCnt_ttl {
    background: #ac76b8;
}
body.mebae .claCnt_requ .box dt span {
    background: #b483bf;
}
body.mebae .claCnt_box .txt span {
    color: #ac76b8;
}
body.mebae .claCnt_lst .ttl {
    color: #ac76b8;
}
body.mebae .claCnt_slide .box .ttl {
    color: #b483bf;
}
body.mebae .claCnt_flow .nmb {
    color: #b483bf;
}
body.mebae .slick-dots li.slick-active button {
    background: #b483bf;
}
body.mebae .slick-prev {
    left: -12px;
    background: url(../svg/arw_slide_l_class2.svg) no-repeat center;
    background-size: 14px auto;
}
body.mebae .slick-next {
    right: -12px;
    background: url(../svg/arw_slide_r_class2.svg) no-repeat center;
    background-size: 14px auto;
}
body.mebae .claCnt_flow li:before {
    right: -18px;
    background: url(../svg/class_arw2.svg) no-repeat center;
    background-size: auto 100%;
}
body.mebae .claCnt_flow li {
    width: 220px;
}
/*kotobapark*/
body.kotobapark .classMv_wrap {
    background: url(../img/kotobapark_mv.jpg) center center / cover no-repeat;
    border: 2px solid #10ade6;
}
body.kotobapark .claCnt_ttl:before {
    border-top: 10px solid #10ade6;
}
body.kotobapark .claCnt_ttl {
    background: #10ade6;
}
body.kotobapark .claCnt_requ .box dt span {
    background: #27b5e8;
}
body.kotobapark .claCnt_box .txt span {
    color: #10ade6;
}
body.kotobapark .claCnt_lst .ttl {
    color: #10ade6;
}
body.kotobapark .claCnt_slide .box .ttl {
    color: #27b5e8;
}
body.kotobapark .claCnt_flow .nmb {
    color: #27b5e8;
}
body.kotobapark .slick-dots li.slick-active button {
    background: #27b5e8;
}
body.kotobapark .slick-prev {
    left: -12px;
    background: url(../svg/arw_slide_l_class3.svg) no-repeat center;
    background-size: 14px auto;
}
body.kotobapark .slick-next {
    right: -12px;
    background: url(../svg/arw_slide_r_class3.svg) no-repeat center;
    background-size: 14px auto;
}
body.kotobapark .claCnt_flow li:before {
    right: -18px;
    background: url(../svg/class_arw3.svg) no-repeat center;
    background-size: auto 100%;
}
body.kotobapark .claCnt_flow li {
    width: 160px;
    padding: 18px 0;
}
body.kotobapark .claCnt_flow li:nth-child(2),
body.kotobapark .claCnt_flow li:nth-child(4) {
    width: 190px;
}
/*yojiclassroom*/
body.yoji .classMv_wrap {
    background: url(../img/yoji_mv.jpg) center center / cover no-repeat;
    border: 2px solid #f882bf;
}
body.yoji .claCnt_ttl:before {
    border-top: 10px solid #f882bf;
}
body.yoji .claCnt_ttl {
    background: #f882bf;
}
body.yoji .claCnt_requ .box dt span {
    background: #f98ec5;
}
body.yoji .claCnt_box .txt span {
    color: #f882bf;
}
body.yoji .claCnt_lst .ttl {
    color: #f882bf;
}
body.yoji .claCnt_slide .box .ttl {
    color: #f98ec5;
}
body.yoji .claCnt_flow .nmb {
    color: #f98ec5;
}
body.yoji .slick-dots li.slick-active button {
    background: #f98ec5;
}
body.yoji .slick-prev {
    left: -12px;
    background: url(../svg/arw_slide_l_class4.svg) no-repeat center;
    background-size: 14px auto;
}
body.yoji .slick-next {
    right: -12px;
    background: url(../svg/arw_slide_r_class4.svg) no-repeat center;
    background-size: 14px auto;
}
body.yoji .claCnt_flow li:before {
    right: -18px;
    background: url(../svg/class_arw4.svg) no-repeat center;
    background-size: auto 100%;
}
body.yoji .claCnt_flow li {
    width: 160px;
    padding: 18px 0;
}
body.yoji .claCnt_flow li:nth-child(2) {
    width: 200px;
}
body.yoji .claCnt_grabox .ttl {
    color: #f882bf;
    margin-bottom: 30px;
}
body.intoroduce .classMv_wrap {
    margin-bottom: 0;
    background: url(../img/intoroduce_mv.jpg) center center / cover no-repeat;
    border: 2px solid #01c69a;
}
body.intoroduce .claCnt_ttl:before {
    border-top: 10px solid #01c69a;
}
body.intoroduce .claCnt_ttl {
    background: #01c69a;
}
body.intoroduce .claCnt_flow .nmb {
    color: #01c69a;
}
body.intoroduce .claCnt_flow li:before {
    right: -18px;
    background: url(../svg/class_arw5.svg) no-repeat center;
    background-size: auto 100%;
}
body.english .classMv_wrap {
    background: url(../img/english_mv.jpg) center center / cover no-repeat;
    border: 2px solid #f5ca53;
}
body.english .claCnt_ttl:before {
    border-top: 10px solid #f5ca53;
}
body.english .claCnt_ttl {
    background: #f5ca53;
}
body.english .claCnt_ttl.pr:before {
    border-top: 10px solid #ac76b8;
}
body.english .claCnt_ttl.pr {
    background: #ac76b8;
}
body.english .claCnt_box .txt span {
    color: #da9a22;
}
body.english .claCnt_box .txt .st {
    font-size: 10px;
    vertical-align: top;
}
body.english .claCnt_lst .ttl {
    font-size: 20px;
    line-height: 1.5;
    color: #da9a22;
}
body.english .claCnt_requ .box dt span {
    background: #f6cf64;
}
body.english .claCnt_slide .box .ttl {
    color: #da9a22;
}

body.kotobapark .claCnt_lst.ver1 .ttl,
body.yoji .claCnt_lst.ver1 .ttl {
    width: 224px;
}
body.kotobapark .claCnt_lst.ver1 .txt,
body.yoji .claCnt_lst.ver1 .txt {
    width: -webkit-calc(100% - 224px);
    width: calc(100% - 224px);
}
body.mebae .claCnt_lst.ver1 .ttl {
    width: 370px;
}
body.mebae .claCnt_lst.ver1 .txt {
    width: -webkit-calc(100% - 370px);
    width: calc(100% - 370px);
}
/*20220928*/
.intorTop_wrap {
    margin: 50px 0 60px 0;
}
.intorTop-ttl {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    color: #00b88f;
    text-align: center;
}
.intorTop-txt {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.2;
    text-align: center;
    margin-top: 20px;
}
.intorTop-txt:before {
    content: "";
    position: absolute;
    display: block;
    width: 101px;
    height: 135px;
    top: 5px;
    right: 0;
    z-index: 10;
    background: url("../img/intoroduce_icn13.png") no-repeat 0 0;
}
.intorTop_list {
    display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
}
.intorTop_list li img {
    border-radius: 10px;
}
.want_list {
    display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.want_list li {
    display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 470px;
    height: 90px;
    font-size: 17px;
    font-weight: bold;
    margin-top: 20px;
    padding-left: 100px;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
}
.want_list li:nth-child(-n+2) {
    margin-top: 0;
}
.want_list li:before {
    content: "";
    position: absolute;
    display: block;
    width: 58px;
    height: 58px;
    top: 50%;
    left: 20px;
    margin-top: -29px;
    z-index: 10;
}
.want_list li.icn01:before {
    background: url("../img/intoroduce_icn1.png") no-repeat 0 0;
    background-size: 100% auto;
}
.want_list li.icn02:before {
    background: url("../img/intoroduce_icn2.png") no-repeat 0 0;
    background-size: 100% auto;
}
.want_list li.icn03:before {
    background: url("../img/intoroduce_icn3.png") no-repeat 0 0;
    background-size: 100% auto;
}
.want_list li.icn04:before {
    background: url("../img/intoroduce_icn4.png") no-repeat 0 0;
    background-size: 100% auto;
}
.introCrs_list {
    display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.introCrs_list li {
    width: 304px;
}
.introCrs-ttl {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
.clr-ylw .introCrs-ttl {
    color: #da9a22;
}
.clr-grn .introCrs-ttl {
    color: #66b821;
}
.clr-pnk .introCrs-ttl {
    color: #f882bf;
}
.introCrs-ttl:before {
    content: "";
    position: absolute;
    display: block;
    width: 271px;
    height: 53px;
    bottom: -30px;
    left: 50%;
    margin-left: -135px;
    z-index: 10;
}
.clr-ylw .introCrs-ttl:before {
    background: url("../img/balloon_ylw.png") no-repeat 0 0;
    background-size: 100% auto;
}
.clr-grn .introCrs-ttl:before {
    background: url("../img/balloon_grn.png") no-repeat 0 0;
    background-size: 100% auto;
}
.clr-pnk .introCrs-ttl:before {
    background: url("../img/balloon_pnk.png") no-repeat 0 0;
    background-size: 100% auto;
}
.introCrs-label {
    width: 290px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 22px 0;
    border-radius: 4px;
}
.clr-ylw .introCrs-label {
    background: #f5ca53;
}
.clr-grn .introCrs-label {
    background: #66b821;
}
.clr-pnk .introCrs-label {
    background: #f882bf;
}
.introCrs-txt {
    min-height: 170px;
    font-size: 16px;
    font-weight: bold;
    text-align: justify;
    padding: 0 7px;
}
.introCrs_img {
    margin-bottom: 30px;
}
.introCrs_img img {
    border-radius: 10px;
}
.introCrs_lst {
    min-height: 175px;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}
.introCrs_lst li {
    width: auto;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    padding-left: 20px;
}
.introCrs_lst li:last-child {
    margin-bottom: 0;
}
.clr-ylw .introCrs_lst li {
    color: #da9a22;
}
.clr-grn .introCrs_lst li {
    color: #66b821;
}
.clr-pnk .introCrs_lst li {
    color: #f882bf;
}
.introCrs_lst li:before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    z-index: 10;
}
.clr-ylw .introCrs_lst li:before {
    background: url("../svg/arw_round_r_y.svg") no-repeat 0 0;
    background-size: 100% auto;
}
.clr-grn .introCrs_lst li:before {
    background: url("../svg/arw_round_r_g.svg") no-repeat 0 0;
    background-size: 100% auto;
}
.clr-pnk .introCrs_lst li:before {
    background: url("../svg/arw_round_r_p.svg") no-repeat 0 0;
    background-size: 100% auto;
}
.introNeeds_img.is-ver2 {
    margin-top: 60px;
}
.introVoice_wrap {
    padding: 0 80px;
}
.introVoice_in {
    margin-bottom: 70px;
}
.introVoice_in:last-child {
    margin-bottom: 0;
}
.introVoice-ttl {
    position: relative;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    color: #01c69a;
    text-align: center;
}
.introVoice-ttl:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    border-bottom: 2px dotted #01c69a;
}
.introVoice-ttl span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 22px;
    background: #fdfce5;
}
.introVoice_lst {
    margin-top: 40px;
}
.introVoice_lst li {
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 20px;
    padding: 21px 30px 21px 120px;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}
.introVoice_lst li:last-child {
    margin-bottom: 0;
}
.introVoice_lst li:before {
    content: "";
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 20px;
    margin-top: -35px;
    z-index: 10;
}
.introVoice_lst li.icn01:before {
    background: url("../svg/classroom_teacher10.svg") no-repeat center;
    background-size: auto 100%;
}
.introVoice_lst li.icn02:before {
    background: url("../svg/classroom_teacher11.svg") no-repeat center;
    background-size: auto 100%;
}
.introVoice_lst li.icn03:before {
    background: url("../svg/classroom_teacher5.svg") no-repeat center;
    background-size: auto 100%;
}
.introVoice_lst li.icn04:before {
    background: url("../svg/classroom_teacher12.svg") no-repeat center;
    background-size: auto 100%;
}
.introVoice_lst li.icn05:before {
    background: url("../svg/classroom_teacher6.svg") no-repeat center;
    background-size: auto 100%;
}
.introVoice_lst li.icn06:before {
    background: url("../svg/classroom_teacher13.svg") no-repeat center;
    background-size: auto 100%;
}
.introVoice_lst li.icn07:before {
    background: url("../svg/classroom_teacher7.svg") no-repeat center;
    background-size: auto 100%;
}
.introVoice_lst li.icn08:before {
    background: url("../svg/classroom_teacher8.svg") no-repeat center;
    background-size: auto 100%;
}
/*20220929*/
.engTop_wrap {
    margin-bottom: 50px;
}
.engTop_link {
    display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 45px;
}
.engTop_link li {
    width: 460px;
    height: 200px;
}
.engTop_link li a {
    display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff url("../svg/arw_slide_d_class6.svg") no-repeat center bottom 30px;
    background-size: 24px auto;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 5%);
}
.engTop_link li a span {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 190px 0 0 0;
    background: url("../img/english_e-collab.png") no-repeat center center;
}
.engTop_link li:nth-child(2) a {
    background: #fff url("../svg/arw_slide_d_class2.svg") no-repeat center bottom 30px;
    background-size: 24px auto;
}
.engTop-txt {
    font-size: 18px;
    line-height: 2.2;
    font-weight: bold;
    text-align: center;
}
.engTop-txt span {
    color: #da9a22;
}
.engFlow-txt {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.2;
}
.engFlow_wrap {
    display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}
.engFlow_lst {
    width: 100%;
    max-width: 725px;
}
.engFlow_lst li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 6px;
}
.engFlow_lst li:last-child {
    margin-bottom: 0;
}
.engFlow_lst li .ttl {
    width: 267px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    color: #da9a22;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
}
.engFlow_lst.ver2 li .ttl {
    width: 234px;
}
.engFlow_lst li .ttl span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 32px;
}
.engFlow_lst li .ttl span:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 0;
    z-index: 10;
    margin-top: -14px;
}
.engFlow_lst li:nth-child(1) .ttl span:before {
    background: url("../img/english_icn01.png") no-repeat 0 0;
    background-size: 100% auto;
}
.engFlow_lst li:nth-child(2) .ttl span:before {
    background: url("../img/english_icn02.png") no-repeat 0 0;
    background-size: 100% auto;
}
.engFlow_lst li:nth-child(3) .ttl span:before {
    background: url("../img/english_icn03.png") no-repeat 0 0;
    background-size: 100% auto;
}
.engFlow_lst li:nth-child(4) .ttl span:before {
    background: url("../img/english_icn04.png") no-repeat 0 0;
    background-size: 100% auto;
}
.engFlow_lst li:nth-child(5) .ttl span:before {
    background: url("../img/english_icn05.png") no-repeat 0 0;
    background-size: 100% auto;
}
.engFlow_lst li:nth-child(6) .ttl span:before {
    background: url("../img/english_icn06.png") no-repeat 0 0;
    background-size: 100% auto;
}
.engFlow_lst li .txt {
    width: -webkit-calc(100% - 267px);
    width: calc(100% - 267px);
    box-sizing: border-box;
    padding: 14px 20px 14px 20px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.875;
}
.engFlow_lst.ver2 li .txt {
    width: -webkit-calc(100% - 234px);
    width: calc(100% - 234px);
    padding: 20px;
}
.engFlow_lst li .txt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    border-left: 2px dotted #f1f1f1;
    box-sizing: border-box;
}
.note_list {
    margin-top: 25px;
}
.note_list.ver2 {
    margin-top: 15px;
}
.note_list li {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 1em;
}
.note_list.ver2 li {
    font-size: 14px;
}
.note_list li span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
body.english .cv_wrap {
    margin-top: 60px;
}
.claCnt_slbox {
    padding-bottom: 20px;
}
.lnk_txt {
    font-size: 18px;
    font-weight: bold;
    line-height: 2.25;
    margin-top: 30px;
    text-align: center;
}
.lnk_txt a {
    text-decoration: underline;
    font-weight: bold;
}
@media (min-width: 896px) {
    .class_bnr a:hover {
        opacity: .8;
    }
    .claCnt_area a:hover {
        opacity: .8;
    }
    .claCnt_flow li:before {
        content: '';
        display: block;
        width: 10px;
        height: 16px;
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%);
        background: url(../svg/class_arw1.svg) no-repeat center;
        background-size: auto 100%;
    }
    .claCnt_flow li:last-child:before {
        content: none;
    }
    .claCnt_lst.ver2.long li:nth-child(-n+2) {
        margin-top: 0;
    }
    .claCnt_grabox .add.is-ver2 {
        width: 711px;
        margin-left: auto;
        margin-right: auto;
    }
    .lnk_txt a:hover {
        text-decoration: none;
    }
}
@media only screen and (max-width: 896px) {
    .class_wrap {
        padding: 0 20px 30px;
    }
    body.classroom.ver2 .class_wrap {
        padding: 30px 20px;
    }
    .classMv_wrap {
        background: #fff;
        border: none;
        border-top: 2px solid #01c69a;
        border-bottom: 2px solid #01c69a;
        border-radius: 0;
        margin: 0 -20px;
        margin-bottom: 30px;
        position: relative;
    }
    .classMv_wrap,
    body.kotobapark .classMv_wrap,
    body.yoji .classMv_wrap,
    body.intoroduce .classMv_wrap,
    body.english .classMv_wrap {
        background: #fff;
        border: none;
    }
    .classMv_wrap:before {
        content: '';
        display: block;
        width: 100%;
        height: 150px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .classMv_in {
        height: 210px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .classMv_ttl {
        padding: 0;
        font-size: 24px;
        line-height: 60px;
    }
    body.english .classMv_wrap {
        border-top: 2px solid #f5ca53;
        border-bottom: 2px solid #f5ca53;
    }
    body.yoji .classMv_wrap {
        border-top: 2px solid #f882bf;
        border-bottom: 2px solid #f882bf;
    }
    body.intoroduce .classMv_wrap {
        border-top: 2px solid #01c69a;
        border-bottom: 2px solid #01c69a;
    }
    body.english .classMv_wrap:before {
        overflow: hidden;
        background: #fff url(../img/sp/english_mv.jpg?date=20220929) top center no-repeat;
        background-size: 100% auto;
    }
    body.yoji .classMv_wrap:before {
        overflow: hidden;
        background: #fff url(../img/sp/yoji_mv.jpg) top center no-repeat;
        background-size: 100% auto;
    }
    body.intoroduce .classMv_wrap:before {
        overflow: hidden;
        background: #fff url(../img/sp/intoroduce_mv.jpg) top center no-repeat;
        background-size: 100% auto;
    }
    .class_bnr {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .class_bnr img {
        width: 100%;
        height: auto;
    }
    .claCnt_wrap {
        margin-bottom: 40px;
    }
    .claCnt_cv {
        margin-bottom: 40px;
    }
    .claCnt_ttl {
        margin-bottom: 30px;
        height: 52px;
    }
    .claCnt_ttl .ttl {
        font-size: 16px;
    }
    .claCnt_ttl .ttl span {
        font-size: 26px;
    }
    .claCnt_box {
        display: block;
    }
    .claCnt_box .box {
        margin-right: 0;
    }
    .claCnt_box.ver2 .box {
        margin: 0;
    }
    .claCnt_box .txt {
        font-size: 14px;
        line-height: 1.8;
    }
    .claCnt_box .img {
        margin-top: 20px;
    }
    .claCnt_box .img img {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }
    .claCnt_txt {
        font-size: 14px;
        line-height: 1.8;
    }
    .claCnt_lst + .claCnt_txt {
        margin-top: 20px;
    }
    .claCnt_lst li {
        background: #fff;
        border-radius: 10px;
    }
    .claCnt_lst .ttl {
        font-size: 16px;
    }
    .claCnt_lst .txt {
        font-size: 14px;
        line-height: 1.8;
    }
    .claCnt_lst.ver1{
        padding-top: 20px;
    }
    .claCnt_lst.ver1 li {
        display: block;
        margin-bottom: 15px;
        padding: 20px;
    }
    .claCnt_lst.ver1 .ttl {
        width: 100%;
        border-bottom: 2px dotted #f1f1f1;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .claCnt_lst.ver1 .txt {
        width: 100%;
        padding: 0;
    }
    .claCnt_lst.ver1 .txt:before {
        content: none;
    }
    .claCnt_lst.ver2{
        display: block;
    }
    .claCnt_lst.ver2 li {
        width: 100%;
        margin-bottom: 15px;
        padding: 20px;
    }
    .claCnt_lst.ver2 li:last-child {
        margin-bottom: 0;
    }
    .claCnt_lst.ver2.long li {
        width: 100%;
        margin-top: 0;
    }
    .claCnt_lst.ver2 .ttl {
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .claCnt_lst.ver2 .ttl span {
        font-size: 20px;
    }
    .claCnt_grabox {
        padding-top: 30px;
    }
    .claCnt_grabox .ttl {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .claCnt_grabox .txt {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    .claCnt_grabox .graph {
        margin-bottom: 8px;
    }
    .claCnt_grabox .graph {
        padding: 0 20px;
        margin: 0 -20px;
    }
    .claCnt_grabox .add {
        font-size: 12px;
        margin-top: 15px;
    }
    .claCnt_tabcv {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .claCnt_table {
        width: 960px;
        border-radius: 6px;
    }
    .claCnt_table .tbl th {
        width: 120px;
        height: 60px;
        background: #ff7d97;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.3;
        text-align: center;
        color: #fff;
    }
    .claCnt_table .tbl.ver2 th {
        background: #5cbddf;
    }
    .claCnt_table .tbl td {
        font-size: 19px;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        border-right: 2px dotted #f1f1f1;
        width: 115px;
        font-family: "Roboto", sans-serif;
        font-feature-settings: "palt";
        -webkit-font-feature-settings: "palt";
    }
    .claCnt_table .tbl td:last-child {
        border-right: none;
    }
    .claCnt_table .tbl td span {
        font-size: 17px;
        font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    }
    .claCnt_area {
        margin-bottom: 20px;
    }
    .claCnt_area li {
        width: 32%;
    }
    .claCnt_area a {
        font-size: 14px;
        padding: 20px 0;
    }
    .claCnt_requ {
        border-radius: 4px;
        padding: 20px 15px;
    }
    .claCnt_requ .box {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .claCnt_requ .box dt span {
        width: 80px;
        font-size: 12px;
    }
    .claCnt_requ .box dd {
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
        padding-left: 10px;
        font-size: 12px;
    }
    .claCnt_requ .box dd .lst li:before {
        top: 5px;
        width: 8px;
        height: 8px;
    }
    .claCnt_requ .city {
        display: block;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .claCnt_requ .city .ttl {
        width: 100%;
        font-size: 12px;
        margin-bottom: 6px;
    }
    .claCnt_requ .city .lst {
        width: 100%;
    }
    .claCnt_requ .city .lst li {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .claCnt_slide .slick-slide {
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        margin: 0;
    }
    .claCnt_slide li .flx {
        display: block;
        position: relative;
        padding: 15px;
    }
    .claCnt_slide .img {
        width: 80px;
        position: absolute;
        top: 15px;
        left: 15px;
        text-align: center;
    }
    .claCnt_slide .img img {
        width: 60px;
        height: auto;
        border-radius: 6px;
    }
    .claCnt_slide .box {
        width: 100%;
        padding-left: 0;
    }
    .claCnt_slide .box .ttl {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 10px;
        padding-left: 90px;
    }
    .claCnt_slide .box .name {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 0;
        padding-left: 90px;
    }
    .claCnt_slide .box .txt {
        font-size: 12px;
        line-height: 1.8;
        margin-top: 30px;
    }
    .claCnt_flow {
        display: block;
    }
    .claCnt_flow li {
        width: 100%;
        padding: 15px 0;
        margin-bottom: 20px;
    }
    .claCnt_flow li:last-child {
        margin-bottom: 0;
    }
    .claCnt_flow li:before {
        content: '';
        display: block;
        width: 16px;
        height: 10px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -15px;
        background: url(../svg/class_arw_btm1.svg) no-repeat center;
        background-size: 100% auto;
    }
    .claCnt_flow li:last-child:before {
        content: none;
    }
    .claCnt_flow .nmb {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .claCnt_flow .txt {
        font-size: 14px;
    }
    .claCnt_graph,
    .claCnt_grabox .graph {
        overflow: hidden;
        overflow: hidden;
    }
    .claCnt_flow li:before {
        background: url(../svg/class_arw_btm1.svg) no-repeat center;
        background-size: 100% auto;
    }
    .slick-prev {
        left: -20px;
        background: url(../svg/arw_slide_l_class1.svg) no-repeat center;
        background-size: 14px auto;
    }
    .slick-next {
        right: -20px;
        background: url(../svg/arw_slide_r_class1.svg) no-repeat center;
        background-size: 14px auto;
    }
    body.mebae .claCnt_flow li:before {
        right: 0;
        background: url(../svg/class_arw_btm2.svg) no-repeat center;
        background-size: auto 100%;
    }
    body.mebae .claCnt_flow li {
        width: 100%;
    }
    body.kotobapark .claCnt_flow li:before {
        right: 0;
        background: url(../svg/class_arw_btm3.svg) no-repeat center;
        background-size: auto 100%;
    }
    body.kotobapark .claCnt_flow li {
        width: 100%;
        padding: 15px 0;
    }
    body.kotobapark .claCnt_flow li:nth-child(2),
    body.kotobapark .claCnt_flow li:nth-child(4) {
        width: 100%;
    }
    body.yoji .claCnt_flow li:before {
        right: 0;
        background: url(../svg/class_arw_btm4.svg) no-repeat center;
        background-size: auto 100%;
    }
    body.yoji .claCnt_flow li {
        width: 100%;
        padding: 15px 0;
    }
    body.yoji .claCnt_flow li:nth-child(2) {
        width: 100%;
    }
    body.intoroduce .claCnt_flow li:before {
        right: 0;
        background: url(../svg/class_arw_btm5.svg) no-repeat center;
        background-size: auto 100%;
    }
    body.mebae .claCnt_lst.ver1 .ttl,
    body.mebae .claCnt_lst.ver1 .txt,
    body.kotobapark .claCnt_lst.ver1 .ttl,
    body.kotobapark .claCnt_lst.ver1 .txt,
    body.yoji .claCnt_lst.ver1 .ttl,
    body.yoji .claCnt_lst.ver1 .txt {
        width: 100%;
    }
    /*20220928*/
    .intorTop_wrap {
        margin: 25px 0 30px 0;
    }
    .intorTop-ttl {
        font-size: 18px;
    }
    .intorTop-txt {
        font-size: 14px;
        line-height: 2;
        margin-top: 10px;
        padding-bottom: 80px;
    }
    .intorTop-txt:before {
        top: inherit;
        bottom: 0;
        right: 10px;
        width: 51px;
        height: 68px;
        background: url(../img/sp/intoroduce_icn13.png) no-repeat 0 0;
        background-size: 51px auto;
    }
    .intorTop_list {
        margin-top: 30px;
    }
    .intorTop_list li {
        width: 24%;
    }
    .intorTop_list li img {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }
    .want_list li {
        width: 100%;
        height: auto;
        min-height: 70px;
        font-size: 14px;
        line-height: 1.6;
        padding: 15px;
        margin-top: 10px;
        padding-left: 80px;
    }
    .want_list li:nth-child(-n+2) {
        margin-top: 10px;
    }
    .want_list li:nth-child(1) {
        margin-top: 0;
    }
    .want_list li:before {
        width: 50px;
        height: 50px;
        left: 15px;
        margin-top: -25px;
    }
    .want_list li.icn01:before {
        background: url(../img/sp/intoroduce_icn1.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .want_list li.icn02:before {
        background: url(../img/sp/intoroduce_icn2.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .want_list li.icn03:before {
        background: url(../img/sp/intoroduce_icn3.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .want_list li.icn04:before {
        background: url(../img/sp/intoroduce_icn4.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .introCrs_list li {
        width: 100%;
        margin-bottom: 40px;
    }
    .introCrs_list li:last-child {
        margin-bottom: 0;
    }
    .introCrs-ttl {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 40px;
    }
    .introCrs-ttl:before {
        width: 226px;
        height: 44px;
        bottom: -28px;
        margin-left: -113px;
    }
    .clr-ylw .introCrs-ttl:before {
        background: url(../img/sp/balloon_ylw.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .clr-grn .introCrs-ttl:before {
        background: url(../img/sp/balloon_grn.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .clr-pnk .introCrs-ttl:before {
        background: url(../img/sp/balloon_pnk.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .introCrs-label {
        width: 100%;
        font-size: 15px;
        margin-bottom: 10px;
        padding: 8px 0;
        border-radius: 2px;
    }
    .introCrs-txt {
        min-height: inherit;
        font-size: 14px;
        padding: 0;
    }
    .introCrs_img {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .introCrs_img img {
        width: 100%;
        height: auto;
    }
    .introCrs_lst {
        min-height: inherit;
        padding: 15px;
        border-radius: 5px;
    }
    .introCrs_lst li {
        font-size: 13px;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .introCrs_lst li:before {
        width: 12px;
        height: 12px;
    }
    .introNeeds_img img {
        width: 100%;
        height: auto;
    }
    .introNeeds_img.is-ver2 {
        margin-top: 30px;
    }
    .introVoice_wrap {
        padding: 0;
    }
    .introVoice_in {
        margin-bottom: 40px;
    }
    .introVoice-ttl {
        font-size: 18px;
    }
    .introVoice-ttl:before {
        margin-top: -2px;
    }
    .introVoice-ttl span {
        padding: 0 15px;
    }
    .introVoice_lst {
        margin-top: 20px;
    }
    .introVoice_lst li {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 10px;
        padding: 11px 15px 11px 80px;
        border-radius: 5px;
    }
    .introVoice_lst li:before {
        width: 48px;
        height: 48px;
        left: 15px;
        margin-top: -24px;
    }
    .introVoice_lst li.icn01:before {
        background: url("../img/sp/intoroduce_icn5.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    .introVoice_lst li.icn02:before {
        background: url("../img/sp/intoroduce_icn6.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    .introVoice_lst li.icn03:before {
        background: url("../img/sp/intoroduce_icn7.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    .introVoice_lst li.icn04:before {
        background: url("../img/sp/intoroduce_icn8.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    .introVoice_lst li.icn05:before {
        background: url("../img/sp/intoroduce_icn9.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    .introVoice_lst li.icn06:before {
        background: url("../img/sp/intoroduce_icn10.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    .introVoice_lst li.icn07:before {
        background: url("../img/sp/intoroduce_icn11.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    .introVoice_lst li.icn08:before {
        background: url("../img/sp/intoroduce_icn12.png") no-repeat 0 0;
        background-size: 100% auto;
    }
    /*20220929*/
    .engTop_wrap {
        margin-bottom: 30px;
    }
    .engTop_link {
        margin-bottom: 25px;
    }
    .engTop_link li {
        width: 48%;
        height: 80px;
    }
    .engTop_link li a {
        font-size: 15px;
        padding-bottom: 5px;
        border-radius: 5px;
        background: #fff url("../svg/arw_slide_d_class6.svg") no-repeat center bottom 10px;
        background-size: 12px auto;
    }
    .engTop_link li a span {
        padding: 75px 0 0 0;
        background: url("../img/sp/english_e-collab.png") no-repeat center center;
        background-size: 125px auto;
    }
    .engTop_link li:nth-child(2) a {
        background: #fff url("../svg/arw_slide_d_class2.svg") no-repeat center bottom 10px;
        background-size: 12px auto;
    }
    .engTop-txt {
        font-size: 15px;
        line-height: 2;
    }
    .engFlow-txt {
        font-size: 14px;
        line-height: 2;
    }
    .engFlow_wrap {
        display: block;
        margin-top: 20px;
    }
    .engFlow_lst li {
        display: block;
        margin-bottom: 15px;
        padding: 20px;
        min-height: inherit;
        border-radius: 10px;
    }
    .engFlow_lst li .ttl {
        width: 100%;
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
        padding-left: 0;
        border-bottom: 2px dotted #f1f1f1;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .engFlow_lst.ver2 li .ttl {
        width: 100%;
    }
    .engFlow_lst li .ttl span {
        padding: 0 0 0 28px;
    }
    .engFlow_lst li .ttl span:before {
        width: 20px;
        height: 20px;
        margin-top: -11px;
    }
    .engFlow_lst li .txt {
        width: 100%;
        padding: 0;
        font-size: 14px;
        line-height: 1.8;
    }
    .engFlow_lst.ver2 li .txt {
        width: 100%;
        padding: 0;
    }
    .engFlow_lst li .txt:before {
        content: none;
    }
    .engFlow_img {
        margin-top: 30px;
        text-align: center;
    }
    .engFlow_img img {
        width: 100%;
        height: auto;
    }
    .note_list {
        margin-top: 15px;
    }
    .note_list.ver2 {
        margin-top: 15px;
    }
    .note_list li {
        font-size: 12px;
    }
    .note_list.ver2 li {
        font-size: 12px;
    }
    body.english .cv_wrap {
        margin-top: 30px;
    }
    body.english .claCnt_lst .ttl {
        font-size: 16px;
        line-height: 1.4;
    }
    .claCnt_slbox {
        padding-bottom: 15px;
    }
    .lnk_txt {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 20px;
        text-align: left;
    }
}
@media (max-width: 374px) {
    body.english .classMv_in {
        height: 170px;
    }
    body.english .classMv_ttl {
        font-size: 20px;
    }
    .engTop-txt {
        font-size: 14px;
    }
}