@charset "UTF-8";

@media screen and (max-width: 767px) {
  #tokutaisei-lp .pc {
    display: none;
  }

  #tokutaisei-lp .sp {
    display: block;
  }

  #tokutaisei-lp {
    font-size: 12px;
    width: auto;
    min-width: 300px;
    overflow: hidden;
  }

  #tokutaisei-lp .common_tit {
    font-size: 1.35em;
    margin-top: 1.3em;
    text-shadow: 0px 0px 0px rgba(40, 85, 49, 1);
  }

  /* #mv */
  #tokutaisei-lp #mv {
    height: calc((726/750)*100vw);
  }

  #tokutaisei-lp .mv_txt {
    top: calc((-34 / 750)* 100vw);
    width: calc((557 / 750)* 100vw);
  }

  /*hashtag*/
  #tokutaisei-lp .hashtag_item_a::before {
    display: none;
  }

  #tokutaisei-lp .hashtag_item_txt {
    font-size: 2.25em;
  }

  #tokutaisei-lp .hashtag_item_img {
    width: calc((89/750)*100vw);
    margin: 0 calc((20/750)*100vw);
    min-width: inherit;
  }

  #tokutaisei-lp #hashtag {
    padding: 0.5em 0 0.9em;
  }

  #tokutaisei-lp .hashtag_box {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 4px, transparent 2px, transparent 3px);
    background-size: 8px 1px;
  }

  #tokutaisei-lp .hashtag_item_a {
    padding: 1em 0;
  }

  #tokutaisei-lp .hashtag_item_a:hover {
    background-color: inherit;
  }

  #tokutaisei-lp .hashtag_item_a:hover::before {
    background-color: inherit;
    transition: none;
  }

  #tokutaisei-lp .hashtag_item_a:hover .hashtag_item_txt {
    color: #000;
  }

  #tokutaisei-lp .hashtag_box_hover:hover .hashtag_list_right,
  #tokutaisei-lp .hashtag_box_hover:hover .hashtag_list_left {
    animation-play-state: inherit;
  }

  #tokutaisei-lp #scrollControlButton {
    margin: 0 1.5em 0 auto;
  }

  #tokutaisei-lp #scrollControlButton :hover {
    opacity: 1;
  }

  /*scholarship*/
  #tokutaisei-lp #scholarship {
    padding: 1.6em 1.5em 1.3em;
  }

  #tokutaisei-lp .scholarship_tit {
    font-size: 1.7em;
    line-height: 1.63;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
  }

  #tokutaisei-lp .scholarship_item_wrap {
    display: block;
    margin-top: 1em;
  }

  @-moz-document url-prefix() {
    body.win #tokutaisei-lp .scholarship_item_inner {
      top: 10%;
    }
  }

  #tokutaisei-lp .scholarship_item {
    width: auto;
  }

  #tokutaisei-lp .scholarship_txt_cate {
    font-size: 1em;
    margin: 1em auto 0;
  }

  #tokutaisei-lp .scholarship_txt_money {
    font-size: calc((42/750)*100vw);
  }

  #tokutaisei-lp .scholarship_txt_times {
    font-size: calc((42/750)*100vw);
  }

  #tokutaisei-lp .scholarship_txt_year {
    font-size: calc((29/750)*100vw);
  }

  #tokutaisei-lp .scholarship_txt_sum {
    font-size: calc((117/750)*100vw);
  }

  body.iPhone #tokutaisei-lp .scholarship_txt_sum {
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
    letter-spacing: -0.05em;
  }

  body.iPhone #tokutaisei-lp .scholarship_txt_sum._2 {
    letter-spacing: -0.15em;
  }

  #tokutaisei-lp .scholarship_txt_limited {
    font-size: calc((42/750)*100vw);
  }

  /*payamount*/
  #tokutaisei-lp .payamount .common_tit::before {
    width: calc((59/750)*100vw);
    height: calc((55/750)*100vw);
  }

  #tokutaisei-lp .payamount_table.pc {
    display: none;
  }

  #tokutaisei-lp .payamount_table.sp {
    display: table;
    margin-top: 1em;
  }

  #tokutaisei-lp .payamount_table+.payamount_table {
    margin-top: 1.5em;
  }

  #tokutaisei-lp .payamount_table th,
  #tokutaisei-lp .payamount_table td {
    width: 100%;
  }

  #tokutaisei-lp .payamount_table th {
    font-size: 1.25em;
    padding: 1.6em 0.5em;
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
  }

  #tokutaisei-lp .payamount_table th:first-child {
    border-left: 1px solid #285532;
  }

  #tokutaisei-lp .payamount_table th:last-child {
    border-right: 1px solid #285532;
  }

  #tokutaisei-lp .payamount_table td {
    border-left: 1px solid #285532;
    border-bottom: 1px solid #285532;
    padding: 2.3em 0.5em;
    text-shadow: 0px 0px 0px rgba(40, 85, 49, 1);
  }

  #tokutaisei-lp .payamount_table td::before {
    border-width: 7em 7em 0 0;
  }

  #tokutaisei-lp .payamount_table td:last-child {
    border-right: 1px solid #285532;
  }

  #tokutaisei-lp .payamount_table td.empty {
    padding: 0.8%;
    font-size: 0;
  }

  #tokutaisei-lp .payamount_sum {
    font-size: 1.68em;
  }

  #tokutaisei-lp .payamount_table_triangle {
    font-size: 1em;
    transform: scale(0.9) rotate(-45deg);
    text-shadow: 0px 0px 0px rgba(40, 85, 49, 1);
  }

  #tokutaisei-lp .payamount_table_triangle._4,
  #tokutaisei-lp .payamount_table_triangle._5,
  #tokutaisei-lp .payamount_table_triangle._6 {
    left: 0.2em;
    top: 1.2em;
  }

  #tokutaisei-lp .payamount_chuki {
    font-size: 1em;
    letter-spacing: 0;
    line-height: 1.71;
    margin-top: 0.6em;
  }

  /*point*/
  #tokutaisei-lp .point {
    background: url(/admission/arts/expenses/tokutaisei-lp/common/images/illust/bg_point_sp.jpg) no-repeat center top/contain;
    padding: 2.4em 1.5em 3.2em;
  }

  #tokutaisei-lp #point01 .point_cate_img {
    width: calc((160/750)*100vw);
  }

  #tokutaisei-lp #point02 .point_cate_img {
    width: calc((146/750)*100vw);
  }

  #tokutaisei-lp .point_tit_img {
    margin-top: 1.6em;
  }

  #tokutaisei-lp #point01 .point_tit_img {
    width: calc((528/750)*100vw);
  }

  #tokutaisei-lp #point02 .point_tit_img {
    width: calc((552/750)*100vw);
  }

  #tokutaisei-lp .point_content._1 .common_tit::before {
    width: calc((77.7/750)*100vw);
    height: calc((51.9/750)*100vw);
  }

  #tokutaisei-lp .point_content._2 .common_tit::before {
    width: calc((77.8/750)*100vw);
    height: calc((61.7/750)*100vw);
  }

  #tokutaisei-lp .point_content._3 .common_tit::before {
    width: calc((51/750)*100vw);
    height: calc((63.3/750)*100vw);
  }

  #tokutaisei-lp .point_content {
    margin-top: calc((142/750)*100vw);
  }

  #tokutaisei-lp .point_content+.point_content {
    margin-top: 3.45em;
  }

  #tokutaisei-lp .point_table.pc {
    display: none;
  }

  #tokutaisei-lp .point_table.sp {
    display: table;
    margin-top: 1em;
  }

  #tokutaisei-lp .point_table th.w50,
  #tokutaisei-lp .point_table td.w50 {
    width: 50%;
    box-sizing: border-box;
  }

  #tokutaisei-lp .point_table th {
    font-size: 1.02em;
    text-shadow: 0px 0px 0px rgba(4255, 255, 255, 1);
  }

  #tokutaisei-lp .point_table th:nth-child(1),
  #tokutaisei-lp .point_table th:nth-child(2),
  #tokutaisei-lp .point_table th:nth-child(3),
  #tokutaisei-lp .point_table th:nth-child(4) {
    width: 100%;
    box-sizing: border-box;
  }

  #tokutaisei-lp .point_table th:first-child {
    border-left: 1px solid #285531;
  }

  #tokutaisei-lp .point_table th:last-child {
    border-right: 1px solid #285531;
  }

  #tokutaisei-lp .point_table th.w50:nth-child(1) {
    border-right: 1px solid #fff;
  }

  #tokutaisei-lp .point_table th.w50:nth-child(2) {
    border-left: 1px solid #285531;
  }

  #tokutaisei-lp .point_table td {
    border-left: 1px solid #285532;
    border-bottom: 1px solid #285532;
    padding: 0.7em 0.1em;
  }

  #tokutaisei-lp .point_content._2 .point_table td {
    padding: 1em 0.1em;
  }

  #tokutaisei-lp .point_content._3 .point_table td {
    padding: 1em 0.1em;
  }

  #tokutaisei-lp .point_table td:last-child {
    border-right: 1px solid #285532;
  }

  #tokutaisei-lp .point_table td.point_table_font_1 {
    font-size: 1.18em;
    text-shadow: 0px 0px 0px rgba(40, 85, 49, 1);
  }

  #tokutaisei-lp .point_table td.point_table_font_1._2 {
    font-size: 1em;
    line-height: 1.45;
    text-shadow: 0px 0px 0px rgba(40, 85, 49, 1);
  }

  #tokutaisei-lp .point_table td.point_table_font_2 {
    font-size: 1em;
    line-height: 1.45;
    text-shadow: 0px 0px 0px rgba(40, 85, 49, 1);
  }

  #tokutaisei-lp .point_table td.point_table_font_3 {
    font-size: 1.02em;
    padding: 0.9em 0.1em;
    text-shadow: 0px 0px 0px rgba(40, 85, 49, 1);
  }

  #tokutaisei-lp .point_btn {
    font-size: 1em;
    border-radius: 5px;
    width: calc((360/750)*100vw);
    margin: 2em auto 0;
    padding: 0.5em;
    text-shadow: none;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
  }

  #tokutaisei-lp .point_btn:hover {
    opacity: 1;
  }

  #tokutaisei-lp .point_btn_txt {
    padding-right: calc((20/750)*100vw);
  }

  @-moz-document url-prefix() {
    body.win #tokutaisei-lp .point_btn_txt {
      padding-right: calc((20/750)*100vw);
    }
  }

  #tokutaisei-lp .point_btn_txt::before {
    width: calc((16/750)*100vw);
    height: calc((16/750)*100vw);
    top: calc((-1/750)*100vw);
    bottom: 0;
    transition: none;
    margin: auto;
  }

  @-moz-document url-prefix() {
    body.win #tokutaisei-lp .point_btn_txt::before {
      width: calc((16/750)*100vw);
      height: calc((16/750)*100vw);
    }
  }

  #tokutaisei-lp .point_btn:hover .point_btn_txt::before {
    transform: translateX(0);
  }

  #tokutaisei-lp .point_flow {
    margin-top: calc((142/750)*100vw);
  }

  #tokutaisei-lp .point_flow_box {
    border-radius: 5px;
    padding: 2.1em 0.5em 1.8em;
  }

  #tokutaisei-lp .point_flow_box._4 {
    padding: 2.1em 1em 1.8em;
  }

  #tokutaisei-lp .point_flow_box_icn._1 {
    width: calc((58.4/750)*100vw);
  }

  #tokutaisei-lp .point_flow_box_icn._2 {
    width: calc((52.5/750)*100vw);
  }

  #tokutaisei-lp .point_flow_box_icn._3 {
    width: calc((93/750)*100vw);
  }

  #tokutaisei-lp .point_flow_box_icn._4 {
    width: calc((77.8/750)*100vw);
  }

  #tokutaisei-lp .point_flow_box_txt {
    font-size: 1.24em;
    margin-top: 0.7em;
  }

  #tokutaisei-lp .point_flow_box._3 .point_flow_box_txt {
    letter-spacing: 0;
    margin-top: 1em;
  }

  #tokutaisei-lp .point_flow_box._4 .point_flow_box_txt {
    letter-spacing: .11em;
    margin-top: 1em;
  }

  #tokutaisei-lp .point_flow_box_chuki {
    font-size: 1em;
    line-height: 1.56;
  }

  #tokutaisei-lp .point_flow_box._3 .point_flow_box_chuki,
  #tokutaisei-lp .point_flow_box._4 .point_flow_box_chuki {
    letter-spacing: 0.11em;
  }

  #tokutaisei-lp .point_flow_arrow_1,
  #tokutaisei-lp .point_flow_arrow_2,
  #tokutaisei-lp .point_flow_arrow_3,
  #tokutaisei-lp .point_flow_arrow_4 {
    width: calc((67.3/750)*100vw);
  }

  #tokutaisei-lp .point_flow_arrow_2,
  #tokutaisei-lp .point_flow_arrow_3 {
    margin: -1px 0 0 32.9%;
  }

  #tokutaisei-lp .point_flow_arrow_4 {
    right: 22.3%;
  }

}


@media screen and (max-width: 500px) {
  #tokutaisei-lp .point_flow {
    margin-top: calc((110/750)*100vw);
  }
}