@charset "UTF-8";

@media screen and (max-width: 767px) {

  /* common */
  #changes-lp .pc {
    display: none;
  }

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

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

  #changes-lp .txt-link:hover {
    text-decoration: none;
    opacity: 1;
  }

  #changes-lp .common_tit {
    font-size: calc((32 / 750) * 100vw);
    margin-top: calc((57 / 750) * 100vw);
  }

  #changes-lp .common_tit::before {
    margin: 0 auto calc((11 / 750) * 100vw);
  }

  /* #mv */
  #changes-lp #mv {
    padding: 0 0 calc((97 / 750) * 100vw);
  }

  #changes-lp .mv_imgwrap {
    position: relative;
    z-index: 2;
  }

  #changes-lp .mv_tit {
    line-height: 1.54;
    margin-top: calc((75 / 750) * 100vw);
    margin-left: calc((-10 / 750) * 100vw);
  }

  .mv_tit_txt_l {
    font-size: calc((42/750)*100vw);
  }

  .mv_tit_txt_s {
    font-size: calc((32/750)*100vw);
  }

  .mv_tit_brush {
    top: calc((-114 / 750) * 100vw);
    width: calc((627 / 750) * 100vw);
    height: calc((236 / 750) * 100vw);
  }

  .mv_anchor-ul {
    margin-top: calc((80 / 750) * 100vw);
    padding: 0 calc((20 / 750) * 100vw);
  }

  .mv_anchor-ul>li {
    width: 32.4%;
  }

  .mv_anchor-ul_a:hover {
    opacity: 1;
  }

  .mv_anchor-ul_a_num {
    font-size: calc((36 / 750) * 100vw);
    top: calc((5 / 750) * 100vw);
  }

  .mv_anchor-ul>li:nth-child(1) .mv_anchor-ul_a_illwrap {
    top: calc((66 / 750) * 100vw);
    width: calc((90 / 750) * 100vw);
    left: 0;
  }

  .mv_anchor-ul>li:nth-child(2) .mv_anchor-ul_a_illwrap {
    top: calc((66 / 750) * 100vw);
    width: calc((85 / 750) * 100vw);
  }

  .mv_anchor-ul>li:nth-child(3) .mv_anchor-ul_a_illwrap {
    top: calc((66 / 750) * 100vw);
    width: calc((135 / 750) * 100vw);
  }

  .mv_anchor-ul_a_txtwrap {
    font-size: calc((24 / 750) * 100vw);
    line-height: 1.51;
    white-space: nowrap;
  }

  .mv_anchor-ul>li:nth-child(1) .mv_anchor-ul_a_txtwrap {
    top: calc((178 / 750) * 100vw);
    letter-spacing: -.04em;
  }

  .mv_anchor-ul>li:nth-child(2) .mv_anchor-ul_a_txtwrap,
  .mv_anchor-ul>li:nth-child(3) .mv_anchor-ul_a_txtwrap {
    top: calc((204 / 750) * 100vw);
  }

  .mv_anchor-ul_a_btn {
    padding: 0 1.93em;
    bottom: calc((29 / 750) * 100vw);
    width: calc((148 / 750) * 100vw);
  }

  .mv_anchor-ul_a_btn_txt {
    font-size: calc((30 / 750) * 100vw);
    top: .1em;
  }

  .mv_anchor-ul_a_btn_txt::after {
    width: calc((14 / 750) * 100vw);
    height: calc((14 / 750) * 100vw);
    top: calc((10 / 750) * 100vw);
    left: calc((76 / 750) * 100vw);
  }

  .mv_anchor-ul_a:hover .mv_anchor-ul_a_btn_txt::after {
    transform: translateX(0);
  }

  /* point¹²Í¨ */
  #changes-lp .point {
    margin-top: calc((-50 / 750) * 100vw);
  }

  #changes-lp .point_head,
  #changes-lp #point2 .point_head {
    padding: calc((98 / 750) * 100vw) calc((20 / 750) * 100vw) calc((72 / 750) * 100vw);
  }

  #changes-lp #point1 .point_head {
    background: url(/admission/arts/changes-lp/common/images/illust/point1_bg_sp.svg) no-repeat center top / cover;
  }

  #changes-lp .point_head_tit_sub {
    top: -54%;
  }

  #changes-lp .point_head_tit_sub_point {
    width: calc((61 / 750) * 100vw);
    margin: calc((-17 / 750) * 100vw) auto 0;
  }

  #changes-lp .point_head_tit_sub_num {
    font-size: calc((32 / 750) * 100vw);
    margin-top: calc((4 / 750) * 100vw);
  }

  #changes-lp .point_head_tit_desc {
    font-size: calc((40.9 / 750) * 100vw);
    white-space: nowrap;
  }

  #changes-lp .point_head_tit_desc_s {
    font-size: calc((36 / 750) * 100vw);
  }

  #changes-lp .point_head_whitebox {
    padding: 1.25em .5em 1.6em;
    border-radius: calc((20 / 750) * 100vw);
    margin: calc((40 / 750) * 100vw) auto 0;
    max-width: calc((625 / 750) * 100vw);
    border: 1px solid #000;
  }

  #changes-lp .point_head_whitebox_tit {
    font-size: calc((30 / 750) * 100vw);
    letter-spacing: .05em;
  }

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

  #changes-lp .point_head_pickup {
    margin-top: calc((80 / 750) * 100vw);
    padding-top: calc((20 / 750) * 100vw);
  }

  #changes-lp .point_head_pickup+.point_head_pickup {
    margin-top: calc((72 / 750) * 100vw);
  }

  #changes-lp #point2 .point_head_pickup+.point_head_pickup {
    margin-top: calc((76 / 750) * 100vw);
  }

  #changes-lp .point_head_pickup_tit {
    font-size: calc((33 / 750) * 100vw);
    line-height: 1.87;
  }

  #changes-lp .point_table {
    margin-top: calc((17 / 750) * 100vw);
  }

  #changes-lp #point2 .point_body .point_body_content._3 {
    margin-top: calc((61 / 750) * 100vw);
  }

  #changes-lp #point2 .point_body .point_body_content._4 {
    margin-top: calc((32 / 750) * 100vw);
  }

  #changes-lp .point_chuki-ul {
    margin-top: calc((1 / 750) * 100vw);
  }

  #changes-lp .point_chuki-ul>li {
    font-size: calc((24 / 750) * 100vw);
    line-height: 2;
  }

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

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

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

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

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

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

  #changes-lp .point_table.sp {
    display: table;
  }

  #changes-lp .point_table th,
  #changes-lp .point_table td {
    width: 100%;
    display: block;
  }

  #changes-lp .point_table th {
    border-right: 1px solid #285531;
    font-size: calc((24.5 / 750) * 100vw);
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    padding: 0.5em 0.1em;
  }

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

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

  #changes-lp .point_table td {
    border-left: 1px solid #285532;
    border-bottom: 1px solid #285532;
    padding: 0.8em 0.1em;
    letter-spacing: 0;
  }

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

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

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

  #changes-lp .point_table td.point_table_font_1 {
    font-size: calc((28 / 750) * 100vw);
    line-height: 1.45;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: .1em;
  }

  #changes-lp .point_btn {
    font-size: calc((24.8 / 750) * 100vw);
    width: calc((372 / 750) * 100vw);
    margin: calc((38 / 750) * 100vw) auto 0;
    padding: 0.5em;
    text-shadow: none;
    font-weight: 600;
  }

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

  #changes-lp .point_btn_txt {
    padding: 0 1.75em;
  }

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

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

  /* point1 */
  #changes-lp #point1 .point_body .common_tit::before {
    width: calc((77.8 / 750) * 100vw);
    height: calc((61.7 / 750) * 100vw);
  }

  #changes-lp #point1 .point_body {
    padding: calc((4 / 750) * 100vw) calc((36 / 750) * 100vw) calc((132 / 750) * 100vw);
  }

  /* point2 */
  #changes-lp #point2 .point_head {
    background: url(/admission/arts/changes-lp/common/images/illust/point2_bg_sp.svg) no-repeat center top / cover;
    padding-bottom: calc((71 / 750) * 100vw);
  }

  #changes-lp #point2 .common_tit {
    margin-top: calc((33 / 750) * 100vw);
  }

  #changes-lp #point2 .point_body .point_body_content._3 .common_tit::before {
    width: calc((77.8 / 750) * 100vw);
    height: calc((61.7 / 750) * 100vw);
  }

  #changes-lp #point2 .point_body .point_body_content._2 .common_tit::before {
    width: calc((76.8 / 750) * 100vw);
    height: calc((71.1 / 750) * 100vw);
  }

  #changes-lp #point2 .point_body {
    padding: calc((35 / 750) * 100vw) calc((36 / 750) * 100vw) calc((138 / 750) * 100vw);
  }

  #changes-lp #point2 .point_body_content._2 .point_table th,
  #changes-lp #point2 .point_body_content._2 .point_table td {
    display: table-cell;
  }

  #changes-lp #point2 .point_body_content._2 .point_table tr:nth-child(n+1) th {
    width: auto;
  }

  #changes-lp #point2 .point_body_content._2 .point_table tr:nth-child(n+1) th:first-child {
    width: 27.2%;
  }

  #changes-lp #point2 .point_table th {
    border-right: 1px solid #fff;
  }

  #changes-lp #point2 .point_body_content._2 .point_table th {
    padding: 0em 0.1em;
  }

  #changes-lp #point2 .point_table th:last-child {
    border-right: 1px solid #a32036;
  }

  #changes-lp #point2 .point_table th:first-child {
    border-left: 1px solid #a32036;
  }

  #changes-lp #point2 .point_table td {
    border-left: 1px solid #a32036;
    border-bottom: 1px solid #a32036;
    text-shadow: none;
    font-weight: 600;
  }

  #changes-lp #point2 .point_table td:last-child {
    border-right: 1px solid #a32036;
  }

  #changes-lp #point2 .point_body_content._2 .point_table td {
    padding: .35em 0.1em;
    letter-spacing: 0;
  }

  #changes-lp #point2 .point_body_content._3 .point_table th,
  #changes-lp #point2 .point_body_content._3 .point_table td,
  #changes-lp #point2 .point_body_content._4 .point_table th,
  #changes-lp #point2 .point_body_content._4 .point_table td {
    display: table-cell;
  }

  #changes-lp #point2 .point_body_content._3 .point_table tr:nth-child(2) td,
  #changes-lp #point2 .point_body_content._3 .point_table tr:nth-child(6) td,
  #changes-lp #point2 .point_body_content._4 .point_table tr:nth-child(2) td,
  #changes-lp #point2 .point_body_content._4 .point_table tr:nth-child(6) td {
    width: 50%;
  }

  #changes-lp #point2 .point_body_content._3 .point_table td.point_table_font_1,
  #changes-lp #point2 .point_body_content._4 .point_table td.point_table_font_1 {
    font-size: calc((24/750)*100vw);
  }

  #changes-lp #point2 .point_body_content._3 .point_table tr:nth-child(2) td {
    padding: .9em 0.1em;
  }

  #changes-lp #point2 .point_body_content._3 .point_table tr:nth-child(4) td {
    padding: 1.6em 0.1em;
  }

  #changes-lp #point2 .point_body_content._4 .point_table tr:nth-child(2) td {
    padding: .9em 0.1em;
  }

  #changes-lp #point2 .point_body_content._4 .point_table tr:nth-child(4) td {
    padding: 1.4em 0.1em;
  }

  /* point3 */
  #changes-lp #point3 .point_head {
    background: url(/admission/arts/changes-lp/common/images/illust/point3_bg_sp.svg) no-repeat center top / cover;
    padding-bottom: calc((68 / 750) * 100vw);
  }

  #changes-lp #point3 .point_body {
    padding: calc((40 / 750) * 100vw) calc((36 / 750) * 100vw) calc((100 / 750) * 100vw);
  }

  #changes-lp #point3 .point_head_whitebox_tit {
    font-size: calc((27 / 750) * 100vw);
  }

  #changes-lp #point3 .point_head_whitebox+.point_head_whitebox .point_head_whitebox_tit {
    font-size: calc((30 / 750) * 100vw);
  }

  #changes-lp #point3 .point_body .point_body_content._5 .common_tit::before {
    width: calc((77.7 / 750) * 100vw);
    height: calc((51.9 / 750) * 100vw);
  }

  #changes-lp #point3 .point_table th:last-child {
    border-right: 1px solid #2a64aa;
  }

  #changes-lp #point3 .point_body_content._5 .point_table td {
    padding: .75em 0.1em;
  }

  #changes-lp #point3 .point_table td:last-child {
    border-right: 1px solid #2a64aa;
  }

  #changes-lp #point3 .point_table td {
    border-left: 1px solid #2a64aa;
    border-bottom: 1px solid #2a64aa;
    text-shadow: none;
    font-weight: 600;
  }

  #changes-lp #point3 .point_btn {
    margin: calc((58 / 750) * 100vw) auto 0;
  }

  #changes-lp #point3 .point_body .point_body_content._6 .common_tit::before {
    width: calc((51 / 750) * 100vw);
    height: calc((63.3 / 750) * 100vw);
  }

  #changes-lp #point3 .point_body .point_body_content._6 {
    margin-top: calc((95 / 750) * 100vw);
  }

  #changes-lp #point3 .point_body_content._6 .point_table td {
    padding: .8em 0.1em;
  }

  #changes-lp #point3 .point_body_content._6 .point_btn {
    margin: calc((46 / 750) * 100vw) auto 0;
  }

  #changes-lp #point3 .point_body .point_body_content._7 .common_tit::before {
    width: calc((77.8 / 750) * 100vw);
    height: calc((61.7 / 750) * 100vw);
  }

  #changes-lp #point3 .point_body .point_body_content._7 {
    margin-top: calc((100 / 750) * 100vw);
  }

  #changes-lp #point3 .point_body_content._7 .point_table th,
  #changes-lp #point3 .point_body_content._7 .point_table td {
    display: table-cell;
  }

  #changes-lp #point3 .point_body_content._7 td {
    padding: .9em 0.1em;
  }

  #changes-lp #point3 .point_body_content._7 .point_table tr:nth-child(2) td,
  #changes-lp #point3 .point_body_content._7 .point_table tr:nth-child(6) td {
    width: 50%;
  }

  #changes-lp #point3 .point_body_content._7 .point_table td.point_table_font_1 {
    font-size: calc((24 / 750) * 100vw);
  }

  #changes-lp #point3 .point_body_content._7 .point_table tr:nth-child(4) td {
    padding: 1.6em 0.1em;
  }

  #changes-lp #point3 .point_body_content._7 .point_table tr:nth-child(6) td {
    padding: .65em 0.1em;
  }

  #changes-lp #point3 .point_body_content._7 .point_btn {
    margin: calc((42 / 750) * 100vw) auto 0;
  }

  #changes-lp #point3 .point_chuki-ul>li {
    text-shadow: none;
  }
}


@media screen and (max-width: 499px) {

  /* POINT¹²Í¨ */
  #changes-lp .point_head_tit_sub {
    top: -71%;
  }
}