@charset "utf-8";

@media screen and (max-width: 1349px) {
  /*--------------------------------------------
    TOP
  --------------------------------------------*/
  .slider_bnr .slick-prev {
    left: -1.5rem;
  }
  .slider_bnr .slick-next {
    right: -1.5rem;
  }
}

@media screen and (max-width: 1199px) {
  /*--------------------------------------------
    TOP
  --------------------------------------------*/
  .top_results .fx_results .conts_left .title {
    font-size: 6.8rem;
  }
  .fx_campus > * {
    width: calc((100% - 3rem) / 2);
  }

  /*--------------------------------------------
    department
  --------------------------------------------*/
  .box_ribonlabel > .conts {
    max-width: 60rem;
  }

  /*--------------------------------------------
    School TOP
  --------------------------------------------*/
  .sec_sc_staff .fx_course > .item > .title .inr {
    min-width: 20rem;
  }

  /*--------------------------------------------
    CONTACT
  --------------------------------------------*/
  input:not([type="radio"]):not([type="checkbox"]),
  select,
  textarea {
    padding: 0.5rem 0.8rem;
    /*font-size: 1.3rem;*/
  }
  .contact_f {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  /*--------------------------------------------
    TOP
  --------------------------------------------*/
  .top_key .key_conts .key_catch {
    font-size: 4.8rem;
    letter-spacing: 0.2rem;
  }
  .top_key .key_conts .key_sub {
    font-size: 2.2rem;
    letter-spacing: 0.1rem;
  }
  .top_key .key_conts .ul_topkey > li > a > span:first-child {
    width: 3.5rem;
    font-size: 2.4rem;
  }
  .top_key .key_conts .ul_topkey > li > a > span:last-child {
    font-size: 1.6rem;
  }
  .top_key .key_conts .ul_topkey > li > a > span:last-child > span::before {
    width: 1rem;
    height: 1.7rem;
    vertical-align: 0.1rem;
  }

  .slider_bnr .slick-slide.slick-center > a > .filter-greyscale {
    opacity: 0;
  }

  .ul_news > li > .news_item .time {
    width: 8rem;
  }
  .ul_news > li > .news_item .time::before {
    display: none;
  }
  .ul_news > li > .news_item .title {
    width: calc(100% - 30rem);
  }

  .top_results .fx_results {
    display: block;
  }
  .top_results .fx_results > * {
    width: 100%;
  }
  .top_results .fx_results .conts_left {
    margin-bottom: 2rem;
    text-align: center;
  }
  .top_results .fx_results .conts_left .catch {
    padding-left: 0;
  }

  .fx_campus {
    display: block;
  }
  .fx_campus > * {
    width: 100%;
  }
  .fx_campus > .imgbox {
    display: none;
  }

  /*--------------------------------------------
    department
  --------------------------------------------*/
  .sec_catch {
    padding-top: 4rem;
    border-top: 1px solid #e6e6e6;
  }
  .fx_catch {
    display: block;
  }
  .fx_catch > * {
    width: 100%;
  }
  .fx_catch > .conts .title {
    margin-bottom: 2rem;
    font-size: 3.6rem;
    letter-spacing: 0.1rem;
  }
  .fx_catch > .conts .text {
    line-height: 1.7;
  }
  .fx_catch > .imgbox {
    margin-top: 4rem;
  }

  .box_ribonlabel {
    padding-top: 0;
  }
  .box_ribonlabel > .wrap_ofi {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    padding-top: 55%;
  }
  .box_ribonlabel > .conts {
    max-width: 100%;
    padding: 3rem 3rem 4rem;
    border: 1px solid #e6e6e6;
  }
  .box_ribonlabel > .conts .ribon > span {
    font-size: 2rem;
  }
  .box_ribonlabel > .conts .ribon > span::before {
    left: -4.5rem;
  }
  .box_ribonlabel > .conts .ribon > span::after {
    left: -4.5rem;
    border-width: 0 1.5rem 1.5rem 0;
  }
  .box_ribonlabel > .conts .title {
    font-size: 2.4rem;
  }
  .box_ribonlabel > .conts .text {
    line-height: 1.7;
  }
  .fx_point > .item {
    width: calc((100% - 3rem) / 2);
  }
  .fx_point > .item .wrap_ofi .title {
    width: 80%;
    padding: 0.5rem 1rem 0.5rem 2rem;
    font-size: 2rem;
  }
  .fx_point > .item .text {
    margin-top: 1.5rem;
    line-height: 1.7;
    letter-spacing: 0.05rem;
  }
  .pass_voice::before,
  .pass_voice::after,
  .pass_voice > .inr::before,
  .pass_voice > .inr::after {
    width: 3rem;
    height: 3rem;
  }
  .pass_voice::before {
    border-top: 0.3rem solid #222;
    border-left: 0.3rem solid #222;
  }
  .pass_voice::after {
    border-top: 0.3rem solid #222;
    border-right: 0.3rem solid #222;
  }
  .pass_voice > .inr::before {
    border-left: 0.3rem solid #222;
    border-bottom: 0.3rem solid #222;
  }
  .pass_voice > .inr::after {
    border-right: 0.3rem solid #222;
    border-bottom: 0.3rem solid #222;
  }
  .pass_voice > .inr .ttl_pass .deco {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .pass_voice > .inr .ttl_pass .deco::before,
  .pass_voice > .inr .ttl_pass .deco::after {
    height: 20px;
  }
  .pass_voice > .inr .ttl_pass .deco .title {
    font-size: 4rem;
    letter-spacing: 0.1rem;
  }
  .pass_voice > .inr .ttl_pass .deco .title::before,
  .pass_voice > .inr .ttl_pass .deco .title::after {
    width: 4rem;
    height: 7rem;
  }
  .pass_voice > .inr .ttl_pass .deco .title::before {
    left: -6rem;
  }
  .pass_voice > .inr .ttl_pass .deco .title::after {
    right: -6rem;
  }
  .pass_voice > .inr .ttl_pass .deco .sub {
    font-size: 1.6rem;
  }
  .pass_voice > .inr .ttl_pass .deco .sub::before {
    width: 8rem;
  }
  .fx_pass.col2 > .item {
    width: calc((100% - 3rem) / 2);
  }
  .fx_pass.col3 > .item {
    width: calc((100% - 6rem) / 2);
  }
  .fx_pass.col4 > .item {
    width: calc((100% - 3rem) / 2);
  }

  .fx_course > .item {
    width: calc((100% - 3rem) / 2);
    padding: 4rem 3rem;
    border: 3px solid #1e2480;
  }
  .fx_course > .item > .label {
    width: 5.5rem;
    height: 5.5rem;
    padding-top: 2.1rem;
    letter-spacing: 0;
  }
  .fx_course > .item > .title,
  .fx_course > .item > .inr_maxw > .title {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    font-size: 2.4rem;
  }
  .fx_course > .item > .title::before,
  .fx_course > .item > .inr_maxw > .title::before {
    width: 8rem;
    height: 0.2rem;
  }
  .fx_course > .item > .text,
  .fx_course > .item > .inr_maxw > .text {
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }

  .sec_sns > .inner > .text > span {
    font-size: 1.6rem;
  }
  .sec_sns > .inner > .ul_sns > li > a {
    max-width: 8rem;
  }

  /*-------------------------------------
    SCHOOL
  --------------------------------------*/
  .fx_courselist > .item {
    width: calc((100% - 3rem) / 2);
  }
  .fx_courselist > .item .under_ttl02 {
    font-size: 1.4rem;
  }
  .fx_courselist > .item > ul {
    /*height: calc( 100% - 5.7rem );*/
    padding: 1.5rem;
  }
  .fx_courselist > .item > ul > li > a::before {
    line-height: 2;
  }

  .sec_notice .wrap_notice {
    padding: 8rem 3rem 4rem;
  }
  .sec_notice .slick-prev,
  .sec_notice .slick-next {
    top: -8rem;
  }
  .sec_notice .slick-prev {
    right: 9.1rem;
  }
  .sec_notice .slick-next {
    right: -3rem;
  }

  .box_bd_bl {
    padding: 0rem 3rem 4rem;
  }
  .box_bd_bl .title_wrap {
    margin-top: -4rem;
  }
  .box_bd_bl .title_wrap > .inr::before {
    transform: translateY(3.4rem);
  }
  .box_bd_bl .title_wrap > .inr > .en {
    font-size: 4rem;
  }
  .fx_blog > .item {
    width: calc(100% / 2);
  }

  .fx_sc_course > li {
    width: calc(100% / 2);
  }

  .sec_sc_consul > .wrap_ofi {
    display: none;
  }
  .sec_sc_consul > .inner > .conts {
    width: 100%;
  }

  .fx_sc_info > .conts {
    width: 100%;
    padding-right: 0;
  }
  .fx_sc_info > .imgbox {
    margin-top: 4rem;
    width: 100%;
  }

  .sec_sc_course_list .fx_sc_course_list > li {
    margin-top: 3rem;
    width: calc((100% - 3rem) / 2);
  }
  .sec_sc_course_list .fx_sc_course_list > li > a .wrap_ofi .ofi {
    width: calc(100% - 2.4rem);
    height: calc(100% - 2.4rem);
  }
  .sec_sc_course_list .fx_sc_course_list > li > a .conts {
    padding: 2rem 2rem 3rem;
  }
  .sec_sc_course_list .fx_sc_course_list > li > a .conts .title {
    font-size: 1.8rem;
  }
  .sec_sc_course_list .fx_sc_course_list > li > a .conts .text {
    line-height: 1.7;
  }

  /*-------------------------------------
    お問い合わせ
  --------------------------------------*/
  input:not([type="radio"]):not([type="checkbox"]),
  select,
  textarea {
    font-size: 1.8rem;
    padding: 1rem 0.8rem;
  }
  select {
    padding: 1rem 0.8rem;
  }
  .ios select {
    padding: 1.4rem 0.8rem;
  }

  .contact_f th .l_box,
  .contact_f th .r_box {
    float: none;
    margin-bottom: 1rem;
  }
  .contact_f .long {
    max-width: 90%;
  }
  .contact_f .middle {
    max-width: 70%;
  }
  .contact_f .short {
    max-width: 50%;
  }

  #contact_thanks .under_sec p {
    line-height: 2;
  }

  /*-------------------------------------
    理事長からの挨拶
  --------------------------------------*/
  #president .box .img_area {
    width: 25%;
  }
  #president .box .txt_area {
    width: 73%;
  }
  #president .box .txt_area p:first-child {
    line-height: 1.7;
  }

  /*-------------------------------------
    東京アカデミーグループの教育事業・社会貢献事業
  --------------------------------------*/
  #social-contribution ul.social_list li {
    padding: 2.5rem;
  }
  #social-contribution ul.social_list_02 li {
    padding: 2.5rem;
  }
  #social-contribution ul.social_list_02 li .wrapp .in_box:first-child {
    margin-right: 3rem;
  }
  #social-contribution ul.social_list_02 li .num {
    font-size: 2.3rem;
  }

  /*-------------------------------------
    学校関係者の皆様へ
  --------------------------------------*/
  #visitor .visitor_list.vir_dif li {
    width: 31%;
  }
  #visitor .visitor_list.vir_dif_02 li {
    width: 45%;
  }
  #visitor .visitor_list.vir_dif_02 li a {
    max-width: 100%;
  }

  /*-------------------------------------
    よくあるお問い合わせ
  --------------------------------------*/
  #faq .under_ttl01:hover {
    opacity: 0.6;
  }
  #faq .under_ttl02:hover {
    opacity: 0.6;
  }
  #faq .faq_list .open_btn:hover {
    opacity: 0.6;
  }
  #faq .faq_list .close_box a:hover {
    text-decoration: underline;
  }

  /*-------------------------------------
    TAネット―ワーク
  --------------------------------------*/
  #ta-network_new-graduate .fx_courselist > .item {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 767px) {
  /*-------------------------------------
    TOP
  --------------------------------------*/
  .top_key .key_conts .en_text {
    font-size: 19vw;
  }
  .top_key .key_conts .ul_topkey > li {
    width: 100%;
  }

  .slider_bnr .slick-dotted.slick-slider {
    margin-bottom: 3rem;
  }
  .slider_bnr .slick-dots {
    bottom: -3rem;
  }
  .slider_bnr .slick-dots li button:before {
    content: "";
    line-height: 1;
    width: 1rem;
    height: 1rem;
    border: 0.1rem solid #fff;
    background-color: #1e2480;
    border-radius: 50%;
    opacity: 1;
  }
  .slider_bnr .slick-dots li.slick-active button:before {
    width: 1rem;
    height: 1rem;
    border: 0.2rem solid #1e2480;
    background-color: #fff;
  }

  .ul_news > li > .news_item .cat {
    width: calc(100% - 8rem);
    padding-right: 0;
  }
  .ul_news > li > .news_item .cat > span {
    display: inline-block;
    min-width: 18rem;
  }
  .ul_news > li > .news_item .title {
    margin-top: 0.6rem;
    width: 100%;
  }

  .top_results .fx_results .conts_left .title {
    font-size: 4rem;
  }
  .top_results .fx_results .conts_left .catch {
    font-size: 3.2rem;
  }
  .top_results .fx_results .conts_right > ul > li .num > span {
    font-size: 5rem;
  }

  .fx_campus > .conts > dl {
    display: block;
  }
  .fx_campus > .conts > dl + dl {
    margin-top: 0.2rem;
  }
  .fx_campus > .conts > dl > dt {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.5rem 3.5rem;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.1rem;
  }
  .fx_campus > .conts > dl > dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 1.5rem;
    bottom: 0;
    margin: auto;
    width: 1.6rem;
    height: 0.2rem;
    background-color: #8b8a8a;
  }
  .fx_campus > .conts > dl > dt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    width: 0.2rem;
    height: 1.6rem;
    background-color: #8b8a8a;
  }
  .fx_campus > .conts > dl > dt.open::after {
    display: none;
  }
  .fx_campus > .conts > dl > dd {
    width: 100%;
    display: none;
  }
  .fx_campus > .conts > dl > dd > ul > li {
    margin-top: 0.2rem;
    margin-left: 0;
    width: 100%;
  }

  /*--------------------------------------------
    department
  --------------------------------------------*/
  .fx_point > .item .wrap_ofi .title {
    width: calc(100% - 1rem);
    /*font-size: 1.6rem;*/
  }
  .pass_voice > .inr {
    padding: 4rem 3rem 4rem;
  }
  .fx_pass.col2 > .item,
  .fx_pass.col3 > .item,
  .fx_pass.col4 > .item {
    width: 100%;
  }

  .fx_course {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .fx_course > .item {
    margin-top: 3rem;
    padding-top: 5rem;
    width: 100%;
  }
  .fx_course.clear > .item {
    padding-top: 3rem;
  }
  .fx_course > .item > .label {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 1rem;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
  }

  .sec_sns > .inner > .ul_sns > li > a {
    max-width: 6rem;
  }

  /*-------------------------------------
    SCHOOL
  --------------------------------------*/
  .fx_courselist > .item {
    margin-top: 2rem;
    width: 100%;
  }
  .fx_courselist > .item .under_ttl02 {
    padding-right: 1rem;
  }
  .fx_courselist > .item .under_ttl02 > .arrow {
    padding-right: 1.5rem;
  }
  .fx_courselist > .item .under_ttl02 > .arrow::before {
    right: 0.2rem;
  }
  .fx_courselist > .item > ul {
    padding: 1.2rem;
    height: auto;
  }
  .fx_courselist > .item > ul > li > a {
    padding-left: 2rem;
  }

  .sec_notice .wrap_notice {
    margin-top: 4rem;
    padding: 5rem 3rem 4rem;
  }
  .sec_notice .slick-prev,
  .sec_notice .slick-next {
    top: -5rem;
    width: 8rem;
    margin: auto;
    padding: 1rem 2rem;
  }
  .sec_notice .slick-prev {
    left: -3rem;
    right: auto;
  }
  .sec_notice .slick-next {
    right: -3rem;
  }

  .sec_sc_staff .fx_course {
    margin-top: -3rem;
  }

  .sec_sc_course_list .fx_sc_course_list > li {
    width: 100%;
  }

  /*-------------------------------------
    お問い合わせ
  --------------------------------------*/
  textarea {
    min-height: 14rem;
  }

  input:not([type="radio"]):not([type="checkbox"]),
  select,
  textarea {
    /*font-size: 1.5rem;*/
  }
  .contact_f th .l_box,
  .contact_f th .r_box {
    margin-bottom: 1.2rem;
    line-height: 1.3;
  }
  /*.contact_f tr:nth-child(4) td{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }*/
  .contact_f th,
  .contact_f td {
    display: block;
    width: 100%;
  }
  .contact_f .long,
  .contact_f .middle {
    max-width: 100%;
  }
  .contact_f .short {
    max-width: 23rem;
  }
  .contact_f th {
    padding: 1.5rem 1rem;
  }
  .contact_f td {
    padding: 1.5rem 1rem 1.8rem;
  }
  /*.contact_f tr:last-child td {
    padding-bottom: 0;
  }*/
  .contact_f span.postal_mark {
    padding: 1rem;
  }

  .submit_area > button {
    max-width: 45%;
    padding: 1.5rem 3.5rem;
  }
  .submit_area > button::before {
    right: 1.5rem;
  }

  /*-------------------------------------
    COMPANY
  --------------------------------------*/
  #company table.outline {
    width: 100%;
  }
  #company table.outline th.s_ttl {
    background: #e9e9e9;
  }
  #company table.outline th,
  #company table.outline td {
    display: block;
    width: 100%;
    padding: 1rem;
  }
  #company table.outline th:not(.s_ttl) {
    border: 1px solid #1e2480;
  }

  /*-------------------------------------
    プライバシーポリシー
  --------------------------------------*/
  .terms_box > p + h2,
  .terms_box > ul + h2,
  .terms_box > p + h3,
  .terms_box > ul + h3,
  .terms_box > p + h4,
  .terms_box > ul + h4 {
    margin-top: 2.5rem;
  }

  /*-------------------------------------
    理事長からの挨拶
  --------------------------------------*/
  #president .box {
    display: block;
  }
  #president .box .img_area {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
  }
  #president .box .txt_area {
    width: 100%;
  }

  /*-------------------------------------
    メディア情報
  --------------------------------------*/
  #media ul.media_list_02 {
    display: block;
  }
  #media ul.media_list_02 li {
    width: 100%;
  }

  /*-------------------------------------
    東京アカデミーグループの教育事業・社会貢献事業
  --------------------------------------*/
  #social-contribution ul.social_list {
    display: block;
  }
  #social-contribution ul.social_list li {
    margin-top: 1rem;
    width: 100%;
  }
  #social-contribution ul.social_list li:first-child {
    margin-top: 0;
  }
  #social-contribution ul.social_list_02 {
    display: block;
  }
  #social-contribution ul.social_list_02 li {
    margin-top: 1rem;
    width: 100%;
  }
  #social-contribution ul.social_list_02 li:first-child {
    margin-top: 0;
  }
  #social-contribution ul.social_list_02 li:first-child > .httl {
    margin-bottom: 1rem;
  }

  /*-------------------------------------
    社員への取り組み
  --------------------------------------*/
  #training .fx_col.left_img > .item:first-child {
    width: 100%;
  }
  .fx_col.left_img > .item:last-child {
    width: 100%;
  }

  /*-------------------------------------
    プライバシーポリシー
  --------------------------------------*/
  #privacy .pr_list .in_list {
    width: 100%;
  }

  /*-------------------------------------
    学校関係者の皆様へ
  --------------------------------------*/
  #visitor .visitor_list {
    flex-wrap: wrap;
  }
  #visitor .under_ttl04 {
    margin-bottom: 1rem;
  }
  #visitor .visitor_list.vir_dif_02 li,
  #visitor .visitor_list.vir_dif_02 li a {
    max-width: 90%;
    width: 100%;
    margin: auto;
  }
  #visitor .visitor_list.vir_dif li {
    margin-right: 1rem;
    margin-top: 1rem;
    width: 47%;
  }
  #visitor .visitor_list li:nth-child(even) {
    margin-right: 0;
  }
  #visitor .visitor_list li:nth-child(-n + 2) {
    margin-top: 0;
  }

  /*-------------------------------------
    よくあるお問い合わせ
  --------------------------------------*/
  #faq .faq_list .open_btn {
    padding: 0rem 5rem 1rem 0rem;
  }
  #faq .faq_list dd {
    padding: 1.5rem;
  }
  #faq .under_ttl01 {
    padding: 1.2rem 3.2rem 1.2rem 1.5rem;
  }
  #faq .under_ttl01:before,
  #faq .under_ttl02:before {
    right: 1rem;
    width: 2rem;
    height: 2rem;
  }
  #faq .faq_list .open_btn {
    padding: 0rem 3rem 1rem 0rem;
  }
  #faq .faq_list .open_btn:before {
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  #faq .faq_list .close_box img {
    width: 100%;
  }

  /*-------------------------------------
    TAネット―ワーク
  --------------------------------------*/
  #ta-network_company .tbl_gr tr > th {
    width: 30%;
  }

  #ta-network_work .list_flow {
    margin-bottom: 3rem;
  }
  #ta-network_work .list_flow li {
    display: block;
    padding: 1rem;
  }
  #ta-network_work .list_flow li .box {
    width: 100%;
    padding: 0.3rem 0;
    margin: 0 0 0.5rem 0;
  }

  #ta-network_new-graduate .item .under_ttl02 {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #ta-network_new-graduate .fx_courselist > .item {
    width: calc((100% - 2rem) / 2);
  }
  #ta-network_new-graduate .fx_courselist > .item:nth-child(3n) {
    margin-right: 2rem;
  }
  #ta-network_new-graduate .fx_courselist > .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 575px) {
  /*-------------------------------------
    TOP
  --------------------------------------*/
  .top_key .key_conts .key_catch {
    font-size: 4rem;
  }

  .top_results .fx_results .conts_left .title {
    font-size: 3rem;
  }
  .top_results .fx_results .conts_left .catch {
    font-size: 2.4rem;
  }
  .top_results .fx_results .conts_right > ul > li .name {
    font-size: 2rem;
  }
  .top_results .fx_results .conts_right > ul > li .name > span {
    margin-top: 0.5rem;
    font-size: 1.3rem;
  }
  .top_results .fx_results .conts_right > ul > li .num {
    padding: 0 2rem;
  }
  .top_results .fx_results .conts_right > ul > li .num > span {
    padding: 0.5rem 0.5rem 1rem;
    font-size: 3.6rem;
  }
  .top_results .fx_results .conts_right > ul > li .num::before {
    top: 2.5rem;
    font-size: 1.8rem;
  }

  .top_exam .box_exam_guide .inr {
    padding: 2rem;
  }
  .ttl_bd_sub {
    margin-bottom: 2rem;
  }
  .ttl_bd_sub > .box_ib > .title::before,
  .ttl_bd_sub > .box_ib > .title::after {
    width: 4rem;
  }
  .ttl_bd_sub > .box_ib > .sub {
    font-size: 3.4rem;
  }
  .top_exam .box_exam_guide .inr .text {
    font-size: 1.3rem;
    line-height: 2.2;
    letter-spacing: 0.05rem;
  }

  /*--------------------------------------------
    department
  --------------------------------------------*/
  .bg_deco_tb::before {
    height: 35rem;
  }
  .box_ribonlabel > .conts {
    padding: 0;
    border: 0;
    background-color: transparent;
  }
  .box_ribonlabel > .conts .ribon > span {
    width: 100%;
    padding: 1rem;
    text-align: center;
  }
  .box_ribonlabel > .conts .ribon > span::before {
    left: 0;
    right: 0;
  }
  .box_ribonlabel > .conts .ribon > span::after {
    display: none;
  }
  .fx_point > .item {
    margin-top: 4rem;
    width: 100%;
  }

  .pass_voice {
    margin-top: 4rem;
  }
  .pass_voice > .inr {
    padding: 3rem 2rem;
  }
  .pass_voice > .inr .ttl_pass .deco {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .pass_voice > .inr .ttl_pass .deco::before,
  .pass_voice > .inr .ttl_pass .deco::after {
    display: none;
  }
  .pass_voice > .inr .ttl_pass .deco .title {
    font-size: 3.2rem;
  }
  .pass_voice > .inr .ttl_pass .deco .title::before,
  .pass_voice > .inr .ttl_pass .deco .title::after {
    width: 3rem;
    height: 5rem;
  }
  .pass_voice > .inr .ttl_pass .deco .title::before {
    left: -4rem;
  }
  .pass_voice > .inr .ttl_pass .deco .title::after {
    right: -4rem;
  }
  .fx_pass > .item {
    margin-top: 2.5rem;
  }
  .fx_pass > .item > .label {
    margin-bottom: 1rem;
  }

  .sec_course.deco_top::before {
    height: 35rem;
  }
  .fx_course > .item {
    padding: 5rem 2rem 3rem;
  }
  .fx_course.clear > .item {
    padding-top: 3rem;
  }

  .sec_sns > .inner > .text {
    margin-bottom: 1rem;
  }
  .sec_sns > .inner > .ul_sns > li + li {
    margin-left: 3rem;
  }

  /*--------------------------------------------
    SCHOOL
  --------------------------------------------*/
  .sec_notice .wrap_notice {
    padding: 5rem 2rem 3rem;
  }
  .sec_notice .wrap_notice .slick-list .slick-slide > a {
    flex-wrap: wrap;
    padding: 2.5rem;
    border: 2px solid #cfd3d8;
  }
  .sec_notice .wrap_notice .slick-list .slick-slide > a .wrap_ofi {
    margin: 0 auto;
    width: 50%;
    padding-top: 35%;
  }
  .sec_notice .wrap_notice .slick-list .slick-slide > a .conts {
    width: 100%;
    margin-top: 1.5rem;
    padding-left: 0;
  }
  .sec_notice .slick-prev,
  .sec_notice .slick-next {
    top: -5rem;
  }
  .sec_notice .slick-prev {
    left: -2rem;
  }
  .sec_notice .slick-next {
    right: -2rem;
  }

  .box_bd_bl {
    padding: 0rem 2rem 3rem;
  }
  .fx_blog > .item {
    width: 100%;
    margin-top: 2rem;
  }
  .fx_courselist > .item .under_ttl02 {
    font-size: 1.6rem;
  }

  .fx_sc_course > li {
    width: 100%;
  }

  .fx_sc_info > .conts > .title {
    font-size: 2.8rem;
  }
  .fx_sc_info > .conts > .title .sm {
    font-size: 2.2rem;
  }
  .fx_sc_info > .conts > .sub_title {
    margin-top: 2rem;
  }

  .sec_sc_staff .fx_course > .item > .title .inr {
    min-width: 18rem;
  }
}