#pc-contact { display: none;}

@media screen and (min-width: 769px) {
  #technicalhighschool { font-size: 1.14vw;}
  #technicalhighschool .kv { position: relative; padding: 8.1vw 0 13.9vw; background: url(../../img/technicalhighschool/kv_bg.png) top center no-repeat; background-size: 100% auto;}
  #technicalhighschool .kv .ttl { position: relative; z-index: 4; width: 88.2%;}
  #technicalhighschool .kv .icon { position: absolute; z-index: 3; width: 20.9%; bottom: 2.6vw; right: 8.2%;}

  /* bg_blu */
  #technicalhighschool .bg_blu { position: relative; z-index: 2; margin-top: -8.9vw; padding: 14vw 0 15.7vw; background: url(../../img/technicalhighschool/bg_blu_pc.png) top center no-repeat; background-size: 100% 100%;}
  #technicalhighschool .bg_blu h2 { width: 36vw; max-width: 505px; margin: 0 auto 50px;}
  #technicalhighschool .bg_blu h3 { font-size: min(250%, 40px); width: max-content; text-align: center; color: #0056B7; font-weight: 900; margin: 0 auto 20px; background:linear-gradient(transparent 60%, #E3FA33 60%);}
  #technicalhighschool .bg_blu .cell_inner { position: relative; width: 85.7%; max-width: 1200px; margin: 0 auto 0;}

  #technicalhighschool .bg_blu .cell { position: relative; z-index: 1; background: #fff; border-radius: 10px; margin: 0 auto;}
  #technicalhighschool .bg_blu .cell.cell01 { padding: 55px 0vw;/*padding: 4.2vw 4.2vw;*/ width: 82.6%; max-width: 992px;}
  #technicalhighschool .bg_blu .cell.cell02 { padding: 55px 0vw;/*padding: 4.2vw 4.6vw;*/ width: 100%; max-width: 1200px;}
  #technicalhighschool .bg_blu .arrow { width: 3.4%; max-width: 48px; margin: 1.7vw auto;}
  #technicalhighschool .bg_blu .cell_inner .arrow_cell { position: relative;}
  #technicalhighschool .bg_blu .cell_inner .arrow_cell .img_arrow { position: absolute; z-index: 3; top: -1.7vw; right: 72px; width: 15.2vw; max-width: 200px;}
  #technicalhighschool .bg_blu .txt_lead { font-size: min(112.5%, 18px); width: max-content; text-align: center; color: #0056B7; margin: 0 auto 0vw; font-weight: 500;}

  #technicalhighschool .bg_blu .list_faculty { display: flex; justify-content: space-between; margin: 0 auto 40px; width: 74vw; max-width: 1012px;}
  #technicalhighschool .bg_blu .list_faculty li { position: relative; padding: 0 0 0 25px; text-align: center; margin: 20px auto 0; width: max-content; font-size: min(112.5%, 18px); font-weight: bold;}
  #technicalhighschool .bg_blu .list_faculty li::after { position: absolute; display: block; content: ""; width: 20px; height: 20px; background: url(../../img/technicalhighschool/link_arrow.png) no-repeat; background-size: 100% 100%; left: 0; top: 0; bottom: 0; margin: auto;}
  #technicalhighschool .bg_blu .list_faculty li a { color: #0056B7;}
  #technicalhighschool .bg_blu .list_faculty li:hover a { opacity: 0.5;}
  #technicalhighschool .bg_blu .list_faculty li:hover::after { width: 20px; height: 20px; background: url(../../img/technicalhighschool/link_arrow_hover.png) no-repeat; background-size: 100% 100%;}

  #technicalhighschool .bg_blu .point_cell { position: relative; border-radius: 10px; padding: 60px 0vw;/*padding: 4.6vw 4.6vw;*/ width: 76.3vw; max-width: 1066px; margin: 0 auto;}
  #technicalhighschool .bg_blu .point_cell.p_blu { background: #D9F7FF;}
  #technicalhighschool .bg_blu .point_cell.p_ylw { background: #E3FA33; margin-top: 30px;}
  #technicalhighschool .bg_blu .point_cell .icon_point { position: absolute; top: -20px; left: -20px; width: 9.7vw; max-width: 136px; }
  #technicalhighschool .bg_blu .point_cell .txt_subtttl { text-align: center; font-size: min(137.5%, 22px); font-weight: bold; color: #0056B7; margin: 0 auto 20px;}
  #technicalhighschool .bg_blu .point_cell h4 { width: max-content; text-align: center; font-size: min(162.5%, 26px); font-weight: 900; color: #0056B7; margin: 0 auto 20px; padding: 0 0 3px; border-bottom: 4px solid #0056B7;}
  #technicalhighschool .bg_blu .point_cell .list_plan { display: flex; justify-content: center; margin: 0 auto 20px;}
  #technicalhighschool .bg_blu .point_cell .list_plan li { font-size: min(112.5%, 18px); font-weight: 500; color: #0056B7; margin: 0 16px 0px;}
  #technicalhighschool .bg_blu .point_cell .list_plan li span { font-weight: bold;}
  #technicalhighschool .bg_blu .point_cell .txt01 { text-align: center; font-size: min(112.5%, 18px); font-weight: 500; color: #0056B7; margin: 0 auto 30px;}

  #technicalhighschool .bg_blu .voice_cell { position: relative; background: #fff; padding: 3.5vw 0; border-radius: 10px; width: 66.7vw; max-width: 934px; margin: 0 auto;}
  #technicalhighschool .bg_blu .point_cell.p_blu .voice_cell { margin-top: 45px;}
  #technicalhighschool .bg_blu .voice_cell .icon_vocie { position: absolute; width: 13.9vw; max-width: 195px; left: -4.6vw; top: -2.3vw;}
  #technicalhighschool .bg_blu .voice_cell .flcell { display: flex; justify-content: space-between; width: 58.7vw; max-width: 823px; margin: 0 auto;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft { width: 75%;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .ttl { font-size: min(125%, 20px); font-weight: 900; color: #0056B7; margin: 0 0 10px;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .txt { font-size: min(100%, 16px); font-weight: 500; color: #0056B7; margin: 0 0 10px; line-height: 1.875;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .name { font-size: min(87.5%, 14px); font-weight: 500; color: #0056B7; margin: 0 0 0px; text-align: right; line-height: 1;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .name span { font-size: 114%;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fright { width: 19.6%;}

  #technicalhighschool .bg_blu .youngest_cell { position: relative; background: #fff; padding: 3.5vw 0; margin: 0 auto 40px; border-radius: 10px; width: 66.7vw; max-width: 934px;}
  #technicalhighschool .bg_blu .youngest_cell .flcell { display: flex; justify-content: space-between; width: 58.7vw; max-width: 823px; margin: 0 auto;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fleft { width: 33.6%;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fleft p { display: flex; justify-content: center; align-items: center; width: 100%; height: 10.9vw; max-height: 153px; background: url(../../img/technicalhighschool/youngest_bg.png) top center no-repeat; background-size: 100% auto; font-size: min(137.5%, 22px); font-weight: 900; color: #0056B7; line-height: 1.45; text-align: center;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fcenter { width: 19.6%;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fright { width: 42%;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fright th { font-size: min(112.5%, 18px); font-weight: bold; color: #0056B7; text-align: right; width: 20%;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fright td { font-size: min(112.5%, 18px); color: #0056B7; width: calc(80% - 8px); padding-left: 8px; font-weight: 500;}

  #technicalhighschool .skipgrade_cell { display: flex; align-items: center; width: 66.7vw; max-width: 934px; margin: 27px auto 0;}
  #technicalhighschool .skipgrade_cell .fleft { width: 10%; margin-right: 3%;}
  #technicalhighschool .skipgrade_cell .fright { width: 83%;}
  #technicalhighschool .skipgrade_cell .fright ul { display: flex; flex-wrap: wrap;}
  #technicalhighschool .skipgrade_cell .fright ul li { width: 25%; font-size: min(100%, 16px); font-weight: 500; color: #0056B7; margin: 2px 0 2px;}

  #technicalhighschool .results_cell { position: relative; background: #D9F7FF; padding: 40px 0; border-radius: 10px; margin: 27px auto 0; width: 76.3vw; max-width: 1066px;}
  #technicalhighschool .results_cell .flcell { display: flex; justify-content: space-between; align-items: center; width: 66.7vw; max-width: 934px; margin: 0px auto 0;}
  #technicalhighschool .results_cell .flcell .fleft { display: flex; justify-content: center; align-items: center; text-align: center; width: 27.4%; height: 6.2vw; max-height: 87px; font-size: min(125%, 20px); font-weight: bold; color: #0056B7; line-height: 1.5; background: #fff; border-radius: 10px;}
  #technicalhighschool .results_cell .flcell .fcenter { width: 35%; display: flex; align-items: center;}
  #technicalhighschool .results_cell .flcell .fright { width: 35%; display: flex; align-items: center;}
  #technicalhighschool .results_cell .flcell .ttl { font-size: min(125%, 20px); font-weight: bold; color: #0056B7; margin-right: 4px; line-height: 1;}
  #technicalhighschool .results_cell .flcell .num { font-size: min(312.5%, 50px); font-weight: 900; color: #0056B7; line-height: 0.6;}
  #technicalhighschool .results_cell .flcell .num span { font-size: min(230%, 120px); letter-spacing: -0.05em; margin-right: 8px;}

  /* system */
  #technicalhighschool .system { position: relative; z-index: 1; margin-top: -8.9vw; padding: 15.9vw 0 14.6vw; background: url(../../img/technicalhighschool/system_bg.png) top center no-repeat; background-size: 100% auto;}
  #technicalhighschool .system h2 { width: 43.6%; max-width: 611px; margin: 0 auto 50px;}
  #technicalhighschool .system > .list_system { display: flex; justify-content: space-between; width: 85.7%; max-width: 1200px; margin: 0 auto 0;}
  #technicalhighschool .system > .list_system > li { position: relative; width: 31.3%; background: #D9F7FF; padding: 55px 0; border-radius: 10px;}
  #technicalhighschool .system .list_system li .icon { position: absolute; top: -30px; right: -52px; width: 10.9vw; max-width: 153px; }
  #technicalhighschool .system .list_system li h3 { display: flex; flex-direction: column; align-items: center; text-align: center; font-size: min(187.5%, 30px); font-weight: 900; line-height: 1.53; color: #0056B7; margin: 0 auto 25px;}
  #technicalhighschool .system .list_system li h3 span { background:linear-gradient(transparent 60%, #E3FA33 60%);}
  #technicalhighschool .system .list_system li .lead { text-align: center; font-size: min(112.5%, 18px); font-weight: bold; color: #0056B7; line-height: 1.7; margin: 0 auto 20px;}
  #technicalhighschool .system .list_system li .txt_recommend { display: flex; justify-content: center; align-items: center; width: 20vw; max-width: 282px; height: 2.8vw; max-height: 40px; background: #fff; border-radius: 20px; text-align: center; font-size: min(125%, 20px); font-weight: 900; color: #0056B7; line-height: 1; margin: 0 auto 20px;}
  #technicalhighschool .system .list_system li .list_recommend { width: 20vw; max-width: 282px; min-height: 160px; margin: 0 auto;}
  #technicalhighschool .system .list_system li .list_recommend li { position: relative; padding: 0 0 0 1.5em; margin: 0 0 5px; font-size: min(112.5%, 18px); font-weight: 500; color: #0056B7; line-height: 1.7;}
  #technicalhighschool .system .list_system li .list_recommend li::after { display: block; position: absolute; content: "●"; left: 0; top: 0; color: #fff;}

  /* bg_blu02 */
  #technicalhighschool .bg_blu02 { position: relative; z-index: 2; margin-top: -8.9vw; padding: 15.1vw 0 16.8vw; background: url(../../img/technicalhighschool/bg_blu02_pc.png) top center no-repeat; background-size: 100% 100%;}

  /* btn_cell */
  #technicalhighschool .btn_cell { margin: 0 auto 0; width: 41.5vw; max-width: 582px;}
  #technicalhighschool .bg_blu .btn_cell { margin: 115px auto 0;}
  #technicalhighschool .btn_cell li { margin: 0 0 30px;}
  #technicalhighschool .btn_cell li:last-child { margin: 0 0 0px;}
  #technicalhighschool .btn_cell li a.btn_blu { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 8.4vw; max-height: 118px; background: #0056B7; color: #fff; border-radius: 10px; font-size: min(175%, 28px); font-weight: 900; text-align: center; line-height: 1.07;}
  #technicalhighschool .btn_cell li a.btn_blu::after { display: block; position: absolute; content: ""; width: 14px; height: 22px; background: url(../../img/technicalhighschool/arrow_wht.png) no-repeat; background-size: 100% 100%; right: 32px; top: 0; bottom: 0; margin: auto;}
  #technicalhighschool .btn_cell li a.btn_blu:hover { background: #E3FA33; color: #0056B7;}
  #technicalhighschool .btn_cell li a.btn_blu:hover::after { width: 14px; height: 22px; background: url(../../img/technicalhighschool/arrow_blu.png) no-repeat; background-size: 100% 100%;}
  #technicalhighschool .btn_cell li a.btn_wht { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 5.7vw; max-height: 80px; background: #fff; color: #0056B7; border-radius: 10px; font-size: min(175%, 28px); font-weight: 900; text-align: center; line-height: 1.07;}
  #technicalhighschool .btn_cell li a.btn_wht::after { display: block; position: absolute; content: ""; width: 14px; height: 22px; background: url(../../img/technicalhighschool/arrow_blu.png) no-repeat; background-size: 100% 100%; right: 32px; top: 0; bottom: 0; margin: auto;}
  #technicalhighschool .btn_cell li a.btn_wht:hover { background: #E3FA33; color: #0056B7;}

  /* link_arrow */
  #technicalhighschool .link_arrow { position: relative; padding: 0 0 0 25px; text-align: center; margin: 20px auto 0; width: max-content; font-size: min(112.5%, 18px); font-weight: bold;}
  #technicalhighschool .link_arrow::after { position: absolute; display: block; content: ""; width: 20px; height: 20px; background: url(../../img/technicalhighschool/link_arrow.png) no-repeat; background-size: 100% 100%; left: 0; top: 0; bottom: 0; margin: auto;}
  #technicalhighschool .link_arrow a { color: #0056B7;}
  #technicalhighschool .link_arrow:hover a { opacity: 0.5;}
  #technicalhighschool .link_arrow:hover::after { width: 20px; height: 20px; background: url(../../img/technicalhighschool/link_arrow_hover.png) no-repeat; background-size: 100% 100%;}


  .pcOnly { display: block !important;}
  .spOnly { display: none !important;}
}
@media screen and (min-width: 1401px) {
  #technicalhighschool .bg_blu .voice_cell .icon_vocie { width: 195px; left: -66px; top: -42px;}
}
@media screen and (max-width: 768px) {
  #technicalhighschool { font-size: 3.7vw;}
  #technicalhighschool .kv { position: relative; padding: 22.8vw 0 38.6vw; background: url(../../img/technicalhighschool/kv_bg_sp.png) top center no-repeat; background-size: 100% auto;}
  #technicalhighschool .kv .ttl { position: relative; z-index: 4; width: 97.8%;}
  #technicalhighschool .kv .icon { position: absolute; z-index: 3; width: 51.2%; bottom: 0vw; right: 5.3%;}

  /* bg_blu */
  #technicalhighschool .bg_blu { position: relative; z-index: 2; margin-top: -10.1vw; padding: 19.7vw 0 29.3vw; background: url(../../img/technicalhighschool/bg_blu_sp.png) top center no-repeat; background-size: 100% 100%;}
  #technicalhighschool .bg_blu h2 { width: 74.6%; max-width: 505px; margin: 0 auto 9.3vw;}
  #technicalhighschool .bg_blu h3 { font-size: 214%; width: max-content; text-align: center; color: #0056B7; font-weight: 900; margin: 0 auto 20px;}
  #technicalhighschool .bg_blu h3 span { background:linear-gradient(transparent 60%, #E3FA33 60%);}
  #technicalhighschool .bg_blu .cell_inner { position: relative; width: 88%; margin: 0 auto 0;}

  #technicalhighschool .bg_blu .cell { position: relative; z-index: 1; background: #fff; border-radius: 10px; margin: 0 auto;}
  #technicalhighschool .bg_blu .cell.cell01 { padding: 9.6vw 4.2vw; width: 100%;}
  #technicalhighschool .bg_blu .cell.cell02 { padding: 9.6vw 5.8vw; width: 100%;}
  #technicalhighschool .bg_blu .cell.cell02:last-of-type { padding: 9.6vw 5.8vw 5.8vw; width: 100%;}
  #technicalhighschool .bg_blu .arrow { width: 12.8vw; margin: 5.3vw auto;}
  #technicalhighschool .bg_blu .cell_inner .arrow_cell { position: relative;}
  #technicalhighschool .bg_blu .cell_inner .arrow_cell .img_arrow { position: absolute; z-index: 3; top: -5.3vw; right: -6%; width: 28.8vw;}
  #technicalhighschool .bg_blu .txt_lead { font-size: 128%; width: max-content; text-align: center; color: #0056B7; margin: 0 auto 0vw; font-weight: 500;}

  #technicalhighschool .bg_blu .list_faculty { display: flex; flex-direction: column; margin: 0 auto 40px; width: 84%;}
  #technicalhighschool .bg_blu .list_faculty li { position: relative; padding: 0 0 0 25px; text-align: left; margin: 10px 0 0; width: max-content; font-size: 128%; font-weight: bold; }
  #technicalhighschool .bg_blu .list_faculty li::after { position: absolute; display: block; content: ""; width: 20px; height: 20px; background: url(../../img/technicalhighschool/link_arrow.png) no-repeat; background-size: 100% 100%; left: 0; top: 0; bottom: 0; margin: auto;}
  #technicalhighschool .bg_blu .list_faculty li a { color: #0056B7;}

  #technicalhighschool .bg_blu .point_cell { position: relative; border-radius: 10px; padding: 9.3vw 4.0vw;}
  #technicalhighschool .bg_blu .point_cell.p_blu { background: #D9F7FF;}
  #technicalhighschool .bg_blu .point_cell.p_ylw { background: #E3FA33; margin-top: 50px;}
  #technicalhighschool .bg_blu .point_cell .icon_point { position: absolute; top: -3.7vw; left: -8vw; width: 23.4vw;}
  #technicalhighschool .bg_blu .point_cell .txt_subtttl { text-align: center; font-size: 128%; line-height: 1.7; font-weight: bold; color: #0056B7; margin: 0 auto 5.3vw;}
  #technicalhighschool .bg_blu .point_cell h4 { width: max-content; text-align: center; font-size:142%; line-height: 2.0; font-weight: 900; color: #0056B7; margin: 0 auto 5.3vw; padding: 0 0 3px;}
  #technicalhighschool .bg_blu .point_cell h4 span { border-bottom: 4px solid #0056B7;}
  #technicalhighschool .bg_blu .point_cell .list_plan { display: flex; flex-direction: column; align-items: center; margin: 0 auto 3.0vw;}
  #technicalhighschool .bg_blu .point_cell .list_plan li { font-size: 114%; font-weight: 500; color: #0056B7; margin: 0 auto 5px; text-align: center; }
  #technicalhighschool .bg_blu .point_cell .list_plan li span { font-weight: bold;}
  #technicalhighschool .bg_blu .point_cell .txt01 { text-align: center; font-size: 120%; font-weight: 500; color: #0056B7; margin: 0 auto 4.0vw;}

  #technicalhighschool .bg_blu .voice_cell { position: relative; background: #fff; padding: 8.0vw 6.0vw; border-radius: 10px;}
  #technicalhighschool .bg_blu .point_cell.p_blu .voice_cell { margin-top: 8.0vw;}
  #technicalhighschool .bg_blu .voice_cell .icon_vocie { position: absolute; width: 40.8vw; left: -4.0vw; top: -8.0vw;}
  #technicalhighschool .bg_blu .voice_cell .flcell { display: flex; flex-direction: column;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft { width: 100%;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .ttl { font-size: 138%; font-weight: 900; color: #0056B7; margin: 0 0 4.0vw; line-height: 1.4; text-align: center;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .txt { font-size: 110%; font-weight: 500; color: #0056B7; margin: 0 auto 4.0vw; line-height: 1.42; width: 94%;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .name { display: flex; flex-direction: column; align-items: center; font-size: 105%; font-weight: 500; color: #0056B7; margin: 0 auto 0px; text-align: center; line-height: 1.5;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fleft .name span { font-size: 120%;}
  #technicalhighschool .bg_blu .voice_cell .flcell .fright { width: 82%; margin: 4.0vw auto 0;}

  #technicalhighschool .bg_blu .youngest_cell { position: relative; background: #fff; padding: 8.0vw 7.0vw; margin: 8.0vw 0 6.0vw; border-radius: 10px;}
  #technicalhighschool .bg_blu .youngest_cell .flcell { display: flex; flex-direction: column;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fleft { width: 100%;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fleft p { display: flex; justify-content: center; align-items: center; width: 100%; height: 30.1vw; background: url(../../img/technicalhighschool/youngest_bg.png) top center no-repeat; background-size: 100% auto; font-size: 128%; font-weight: 900; color: #0056B7; line-height: 1.45; text-align: center;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fcenter { width: 80%; margin: 2.8vw auto 5.3vw;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fright { width: 100%;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fright table tr { display: flex; flex-wrap: wrap;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fright th { font-size: 100%; font-weight: bold; color: #0056B7; width: 100%;}
  #technicalhighschool .bg_blu .youngest_cell .flcell .fright td { font-size: 100%; color: #0056B7; width: 100%; font-weight: 500;}

  #technicalhighschool .skipgrade_cell { display: flex; flex-direction: column; margin-top: 8.0vw;}
  #technicalhighschool .skipgrade_cell .fleft { width: 22.4vw; margin: 0 auto 5.3vw;}
  #technicalhighschool .skipgrade_cell .fright { width: 100%;}
  #technicalhighschool .skipgrade_cell .fright ul { display: flex; flex-wrap: wrap; flex-direction: column; width: max-content; margin: 0 auto;}
  #technicalhighschool .skipgrade_cell .fright ul li { width: 100%; font-size: 114%; font-weight: 500; color: #0056B7; margin: 2px 0 2px;}

  #technicalhighschool .results_cell { position: relative; background: #D9F7FF; padding: 2.8vw 0vw 14.6vw; border-radius: 10px; margin: 5.3vw auto 0;}
  #technicalhighschool .results_cell .flcell { display: flex; flex-direction: column;}
  #technicalhighschool .results_cell .flcell .fleft { display: flex; justify-content: center; align-items: center; text-align: center; width: 69.3vw; height: 23.2vw; font-size: 142%; font-weight: bold; color: #0056B7; line-height: 1.5; background: #fff; border-radius: 10px; margin: 0 auto 8.0vw;}
  #technicalhighschool .results_cell .flcell .fcenter { width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 10.6vw;}
  #technicalhighschool .results_cell .flcell .fright { width: 100%; display: flex; flex-direction: column; align-items: center;}
  #technicalhighschool .results_cell .flcell .ttl { font-size: 142%; font-weight: bold; color: #0056B7; margin-bottom: 5.3vw; line-height: 1;}
  #technicalhighschool .results_cell .flcell .num { font-size: 350%; font-weight: 900; color: #0056B7; line-height: 0.6;}
  #technicalhighschool .results_cell .flcell .num span { font-size: 240%; letter-spacing: -0.05em; margin-right: 8px;}

  /* system */
  #technicalhighschool .system { position: relative; z-index: 1; margin-top: -9.6vw; padding: 24vw 0 22.6vw; background: url(../../img/technicalhighschool/system_bg_sp.png) top center no-repeat; background-size: 100% auto;}
  #technicalhighschool .system h2 { width: 88vw; margin: 0 auto 8.0vw;}
  #technicalhighschool .system > .list_system { display: flex; flex-direction: column; width: 88%; margin: 0 auto 0;}
  #technicalhighschool .system > .list_system > li { position: relative; width: 100%; background: #D9F7FF; padding: 10.6vw 6.6vw; border-radius: 10px; margin-bottom: 8.0vw;}
  #technicalhighschool .system > .list_system > li:last-child { margin-bottom: 0vw;}
  #technicalhighschool .system .list_system li .icon { position: absolute; top: -5.3vw; right: -5.3vw; width: 31.4vw;}
  #technicalhighschool .system .list_system li h3 { display: flex; flex-direction: column; align-items: center; text-align: center; font-size: min(187.5%, 30px); font-weight: 900; line-height: 1.53; color: #0056B7; margin: 0 auto 25px;}
  #technicalhighschool .system .list_system li h3 span { background:linear-gradient(transparent 60%, #E3FA33 60%);}
  #technicalhighschool .system .list_system li .lead { text-align: center; font-size: 128%; font-weight: bold; color: #0056B7; line-height: 1.7; margin: 0 auto 20px;}
  #technicalhighschool .system .list_system li .txt_recommend { display: flex; justify-content: center; align-items: center; width: 100%; height: 10.6vw; background: #fff; border-radius: 20px; text-align: center; font-size: min(125%, 20px); font-weight: 900; color: #0056B7; line-height: 1; margin: 0 auto 20px;}
  #technicalhighschool .system .list_system li .list_recommend { width: 100%; margin: 0 auto;}
  #technicalhighschool .system .list_system li .list_recommend li { position: relative; padding: 0 0 0 1.5em; margin: 0 0 5px; font-size: min(112.5%, 18px); font-weight: 500; color: #0056B7; line-height: 1.7;}
  #technicalhighschool .system .list_system li .list_recommend li::after { display: block; position: absolute; content: "●"; left: 0; top: 0; color: #fff;}

  /* bg_blu02 */
  #technicalhighschool .bg_blu02 { position: relative; z-index: 2; margin-top: -8.9vw; margin-bottom: 8.0vw; padding: 26.6vw 0 29.3vw; background: url(../../img/technicalhighschool/bg_blu02_sp.png) top center no-repeat; background-size: 100% 100%;}

  /* btn_cell */
  #technicalhighschool .btn_cell { margin: 0 auto 0; width: 88vw;}
  #technicalhighschool .bg_blu .btn_cell { margin: 18.6vw auto 0;}
  #technicalhighschool .btn_cell li { margin: 0 0 4.5vw;}
  #technicalhighschool .btn_cell li:last-child { margin: 0 0 0px;}
  #technicalhighschool .btn_cell li a.btn_blu { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 18.4vw; background: #0056B7; color: #fff; border-radius: 10px; font-size: 142%; font-weight: 900; text-align: center; line-height: 1.07;}
  #technicalhighschool .btn_cell li a.btn_blu::after { display: block; position: absolute; content: ""; width: 10px; height: 16px; background: url(../../img/technicalhighschool/arrow_wht.png) no-repeat; background-size: 100% 100%; right: 16px; top: 0; bottom: 0; margin: auto;}
  #technicalhighschool .btn_cell li a.btn_wht { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 12vw; background: #fff; color: #0056B7; border-radius: 10px; font-size: 142%; font-weight: 900; text-align: center; line-height: 1.07;}
  #technicalhighschool .btn_cell li a.btn_wht::after { display: block; position: absolute; content: ""; width: 10px; height: 16px; background: url(../../img/technicalhighschool/arrow_blu.png) no-repeat; background-size: 100% 100%; right: 16px; top: 0; bottom: 0; margin: auto;}

  /* link_arrow */
  #technicalhighschool .link_arrow { position: relative; padding: 0 0 0 25px; text-align: center; margin: 20px auto 0; width: max-content; font-size: 128%; font-weight: bold;}
  #technicalhighschool .link_arrow::after { position: absolute; display: block; content: ""; width: 20px; height: 20px; background: url(../../img/technicalhighschool/link_arrow.png) no-repeat; background-size: 100% 100%; left: 0; top: 0; bottom: 0; margin: auto;}
  #technicalhighschool .link_arrow a { color: #0056B7;}
  #technicalhighschool .link_arrow:hover a { opacity: 0.5;}
  #technicalhighschool .link_arrow:hover::after { width: 20px; height: 20px; background: url(../../img/technicalhighschool/link_arrow_hover.png) no-repeat; background-size: 100% 100%;}

  .pcOnly { display: none !important;}
  .spOnly { display: block !important;}
}