@charset "utf-8";
/* CSS Document */

.disp_sp { display: none;}
.disp_pc { display: inherit;}
@media only screen and (max-width: 767px)
{
.disp_sp { display: inherit;}
.disp_pc { display: none;}
}

.mt_30 { margin-top: 30px;}
.mb_70 { margin-bottom: 70px;}

/* --------------------------------
  本校独自のサポートプログラム
-------------------------------- */

section#support { width: 750px; margin: 60px auto 0 auto;;}
/*section#support dt { width: 472px; margin: 0 auto;}*/
section#support dt { font-size: 32px; font-weight: bold; color: #37ab9d; text-align: center;}
section#support dd { margin-top: 2em;}
section#support dd.point_img { width: 472px; margin: 2em auto 0 auto;}

section#support .support_points { margin-top: 50px;}
section#support .support_points h3 { width: 350px; margin: 0 auto;}
section#support .support_point_box01 { display: flex; gap:30px; margin-top: 2em;}
section#support .support_point_box01 img { width: 360px;}
section#support .support_point_box02 { margin-top: 60px;}
section#support .support_point_box02 h4 { width: 623px; margin: 0 auto 2em auto;}
section#support .support_point_box02 .program { display: flex; gap:40px; margin-top: 2em;}
section#support .support_point_box02 .program .program_box { width: 320px; padding: 20px; background-color: #fffae2; border: 1px solid #fffae2; border-radius: 8px;}
section#support .support_point_box02 .program .program_box .img_ph { width: 320px;}
section#support .support_point_box02 .program .program_box dt { width: 320px; margin-top: 1em; font-size: 14px;}
section#support .support_point_box02 .program .program_box dd { margin-top: 1em;}
section#support .support_points .support_btn_pc { width: 325px; margin: 3em auto;}
section#support .support_points .support_btn_pc a img { content: url("/assets/contents/images/standalone/project/shushokuryoku/pc/support_btn.png"); transition: 0.2s; }
section#support .support_points .support_btn_pc a:hover img { content: url("/assets/contents/images/standalone/project/shushokuryoku/pc/support_btn_on.png");}
section#support .support_points .support_btn_sp { display: none;}



@media only screen and (max-width: 767px)
{
section#support { width: 90%;}
/*section#support dt { width: 100%; }*/
section#support dt { width: 95%; margin: 0 auto; line-height: 1.25em; }
section#support dd.point_img { width: 95%; }

section#support .support_points h3 { width: 100%;}
section#support .support_point_box01 { display: block; gap:0;}
section#support .support_point_box01 img { width: 100%; display: block; margin-top: 1em;}
section#support .support_point_box02 h4 { width: 100%;}
section#support .support_point_box02 .program { display: block; gap:0; margin-top: 2em;}
section#support .support_point_box02 .program .program_box { width: 90%; padding: 5%; margin-top: 20px;}
section#support .support_point_box02 .program .program_box .img_ph { width: 100%;}
section#support .support_point_box02 .program .program_box dt { width: 100%;}
section#support .support_points .support_btn_pc { display: none;}
section#support .support_points .support_btn_sp { display: block; width: 95%; margin: 3em auto;}
}


/* --------------------------------
  日本工学院とは
-------------------------------- */
section#neec_eductaion { width: 100%; background-color: #fffae2; padding: 50px 0;}
section#neec_eductaion h3 { width: 660px; margin: 0 auto 30px auto;}
section#neec_eductaion .neec_eductaion_cnt { width: 660px; display: flex; gap:40px; margin-left:auto; margin-right: auto;}
section#neec_eductaion .neec_eductaion_cnt dl { width: 320px;}
section#neec_eductaion .neec_eductaion_cnt dd { margin-top: 2em;}
section#neec_eductaion .neec_eductaion_cnt .college_diagram { width: 300px;}

@media only screen and (max-width: 767px)
{
section#neec_eductaion { width: 100%; margin: 0;}
section#neec_eductaion h3 { width: 90%; margin: 0 5%;}
section#neec_eductaion .neec_eductaion_cnt { width: 100%; display: block; gap:0;}
section#neec_eductaion .neec_eductaion_cnt dl { width: 90%; margin: 0 auto 2em auto;}
section#neec_eductaion .neec_eductaion_cnt dd { margin-top: 2em;}
section#neec_eductaion .neec_eductaion_cnt .college_diagram { width: 90%; margin: 0 5% 1em 5%;}
}