@charset "UTF-8";
/*************************************** 矢印
*****************************************/
/* career.scss
***************************************

career

*****************************************/
.career { /*************************************** //就職サポート ページ共通 ****************************************/ /*************************************** //就職サポート体制 ****************************************/ /*************************************** //卒業生就職状況 ****************************************/ /*************************************** //卒業生の主な就職先 ****************************************/ /*************************************** //アルバイトの探し方について ****************************************/ /*************************************** //就職活動レポート ****************************************/ /*************************************** //企業人事担当の皆様へ ****************************************/ /*************************************** //インターンシッププログラム ****************************************/ }
.career .career-page .fs-14 { font-size: 1.4rem; }
@media screen and (min-width: 1030px) { .career .career-page .ma100 { margin-bottom: 100px; } }
.career .career-page .copy { font-weight: normal; line-height: 150%; }
@media print, screen and (min-width: 1030px) { .career .career-page .copy { margin: 70px auto 50px; } }
@media screen and (max-width: 1029px) { .career .career-page .copy { margin: 40px auto; } }
.career .career-page .elm-block { display: block; }
.career .career-page .page_nav.jus-end ul { justify-content: flex-end; }
.career .career-page .page_nav.jus-end ul li a.org { background-color: #dba658; }
.career .career-page .text-red { color: #b40000; }
.career .career-page .link-blue { color: #2F569F; font-weight: bold; }
.career .career-page .link-icon { color: #2F569F; font-weight: bold; }
.career .career-page .line { border-bottom: 1px solid #777; }
.career .career-page .gray-box { background-color: #f5f5f5; padding: 40px; box-sizing: border-box; }
@media screen and (max-width: 1029px) { .career .career-page .gray-box { padding: 7% 5%; } }
.career .career-page .gray-box .txt-blue { color: #2F569F; }
.career .career-page .gray-box .title b { display: block; }
.career .career-page .gray-box .dot li { font-weight: bold; }
@media screen and (min-width: 1030px) { .career .career-page .gray-box .title_deco_list-flex_cont { flex-wrap: nowrap; } }
.career .career-page .gray-box .title_deco_list-flex_cont .title_deco { width: 100%; text-align: center; width: 100%; display: block; font-weight: bold; background-color: #fff; border: 1px solid #707070; }
@media screen and (max-width: 1029px) { .career .career-page .gray-box .title_deco_list-flex_cont .title_deco { width: 68px; margin-bottom: 10px; } }
.career .career-page .gray-box .title_deco_list-flex_cont .title_deco2 { width: auto; display: inline-block; padding-left: 10px; padding-right: 10px; }
.career .career-page .gray-box .title_deco_list-flex_cont dt { width: 68px; flex-shrink: 0; margin-right: 15px; }
@media screen and (max-width: 1029px) { .career .career-page .gray-box .title_deco_list-flex_cont dt { width: 100%; } }
.career .career-page .gray-box .title_deco_list-flex_cont dd { flex-shrink: 1; }
.career .career-page .table_area table { width: 100%; border-spacing: 0; border-right: solid 1px #707070; border-bottom: solid 1px #707070; text-align: center; }
.career .career-page .table_area table th, .career .career-page .table_area table td { border-top: solid 1px #707070; border-left: solid 1px #707070; padding: 15px 20px; vertical-align: middle; }
.career .career-page .table_area table th, .career .career-page .table_area table .bg-blue { background-color: #E1E8F5; font-weight: bold; }
.career .career-support .btn.pdf a { width: 575px; }
@media screen and (max-width: 1029px) { .career .career-support .btn.pdf a { width: 100%; max-width: 575px; } }
.career .career-support .btn.arrow a { width: 500px; }
@media screen and (max-width: 1029px) { .career .career-support .btn.arrow a { width: 100%; max-width: 550px; } }
.career .career-support .training .btn.pdf { margin-left: 5px; }
.career .career-support .training .btn.pdf a { width: 230px; margin-bottom: 10px; }
@media screen and (max-width: 1029px) { .career .career-support figure { margin-bottom: 20px; } }
.career .career-support figure figcaption { margin-top: 5px; font-size: 1.4rem; line-height: 130%; }
.career .career-alumini .page_nav { padding: 70px 0 60px; }
.career .career-alumini .situ_box .situ_cont:not(:last-child) { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #777; }
.career .career-alumini .chartset { margin-bottom: 50px; }
.career .career-alumini .chartset .data-box { width: 45%; }
@media screen and (max-width: 1029px) { .career .career-alumini .chartset .data-box { width: 100%; max-width: 400px; margin-bottom: 50px; } }
.career .career-alumini .chartset .data-box .business_list li { margin-bottom: 5px; }
.career .career-alumini .chartset .data-box .business_list li .job-name { width: calc(100% - 100px); padding-left: 25px; line-height: 130%; position: relative; }
.career .career-alumini .chartset .data-box .business_list li .job-name span { position: absolute; box-sizing: border-box; top: 1.5px; left: 0; border-style: solid; border-width: 0 0 0 16px; line-height: 1rem; display: inline-block; width: 16px; height: 16px; }
.career .career-alumini .chartset .data-box .business_list li .value { width: 50px; text-align: right; }
.career .career-alumini .chartset .chart-box { width: 40%; position: relative; overflow: hidden; }
@media screen and (max-width: 1029px) { .career .career-alumini .chartset .chart-box { margin-left: auto; margin-right: auto; width: 80%; } }
.career .career-alumini .chartset .chart-box canvas { width: 100% !important; height: 100% !important; }
.career .career-alumini .btn-flex_cont { justify-content: flex-end; }
.career .career-alumini .btn-flex_cont .btn { margin-left: 5px; margin-bottom: 10px; }
.career .career-company_list .company_menu { border: 1px solid #777; padding: 30px; }
@media screen and (max-width: 1029px) { .career .career-company_list .company_menu { padding: 20px 5%; } }
.career .career-company_list .company_menu li { color: #2F569F; font-weight: bold; margin-right: 40px; line-height: 200%; }
@media screen and (max-width: 1029px) { .career .career-company_list .company_menu li { margin-right: 20px; } }
.career .career-company_list .dot li { margin-bottom: 15px; }
@media print, screen and (min-width: 1030px) { .career .career-company_list .dot li { width: 32%; } }
@media screen and (max-width: 1029px) { .career .career-company_list .dot li { margin-right: 20px; } }
.career .career-company_list .dot::after { content: ""; display: block; width: 32%; }
.career .career-work .banner_box img { width: 390px; }
@media screen and (max-width: 1029px) { .career .career-work .banner_box img { width: 100%; max-width: 390px; } }
.career .career-work .gray-box .dot li { font-weight: normal; }
.career .career-report .report_btn-flex_cont { justify-content: flex-end; }
@media screen and (min-width: 1030px) { .career .career-report .report_btn-flex_cont .btn:first-child { margin-right: 5px; } }
.career .career-report .link-flex_cont { justify-content: flex-end; }
.career .career-report .link-flex_cont li { margin-left: 15px; }
.career .career-report .report-list li { padding: 45px 0; border-top: 1px solid #777; }
.career .career-report .report-list li:last-child { padding-bottom: 0; }
.career .career-report .report-list li .square-title.shafuku::before { background: #2EACA8; }
.career .career-report .report-list li .square-title.ningen::before { background: #659FCE; }
.career .career-report .report-list li .square-title.sports::before { background: #A474A6; }
.career .career-report .report-list li .square-title.nursing::before { background: #E57D6D; }
.career .career-report .report-list li .square-title.hoiku::before { background: #EC7996; }
.career .career-report .report-list li .report-flex_cont .pic-box { width: 53%; }
@media screen and (max-width: 1029px) { .career .career-report .report-list li .report-flex_cont .pic-box { width: 100%; } }
.career .career-report .report-list li .report-flex_cont .txt-box { width: 42%; }
@media screen and (max-width: 1029px) { .career .career-report .report-list li .report-flex_cont .txt-box { width: 100%; } }
.career .career-personnel .personnel-flex_cont .txt-box { width: 51%; }
@media screen and (max-width: 1029px) { .career .career-personnel .personnel-flex_cont .txt-box { width: 100%; } }
.career .career-personnel .personnel-flex_cont .pic-box { width: 44%; }
@media screen and (max-width: 1029px) { .career .career-personnel .personnel-flex_cont .pic-box { width: 100%; } }
.career .career-personnel .btn.pdf a { width: 560px; }
@media screen and (max-width: 1029px) { .career .career-personnel .btn.pdf a { width: 100%; max-width: 560px; } }
.career .career-personnel .form-flex_cont .txt-box { font-weight: bold; }
@media screen and (min-width: 1030px) { .career .career-personnel .form-flex_cont .txt-box { padding-top: 10px; } }
@media screen and (max-width: 1029px) { .career .career-personnel .form-flex_cont .txt-box { margin-bottom: 10px; width: 100%; } }
@media screen and (max-width: 1029px) { .career .career-personnel .form-flex_cont .btn-box { width: 100%; } }
.career .career-personnel .form-flex_cont .btn-box .btn.pdf a { width: 230px; margin-bottom: 10px; }
.career .career-personnel .form-flex_cont .btn-box .btn.pdf:first-child { margin-right: 5px; }
.career .career-personnel .flex-r img { border: 1px solid #777; max-width: 250px; }
.career .career-personnel .contact-box { border: 1px solid #777; padding: 45px 35px; box-sizing: border-box; }
@media screen and (max-width: 1029px) { .career .career-personnel .contact-box { padding: 8% 5%; } }
.career .career-internship .main_pic { text-align: center; margin-bottom: 100px; }
@media screen and (max-width: 1029px) { .career .career-internship .main_pic { margin-bottom: 50px; } }
.career .career-internship .main_pic img { width: 100%; max-width: 770px; }
.career .career-internship .internship-flex_cont .txt-box { width: 42%; }
@media screen and (max-width: 1029px) { .career .career-internship .internship-flex_cont .txt-box { width: 100%; } }
.career .career-internship .internship-flex_cont .pic-box { width: 53%; }
@media screen and (max-width: 1029px) { .career .career-internship .internship-flex_cont .pic-box { width: 100%; } }
.career .career-internship .gray-box .indent-txt { padding-left: 29px; font-weight: bold; }
@media screen and (min-width: 1030px) { .career .career-internship .gray-box .title_deco_list-flex_cont { flex-wrap: nowrap; } }
.career .career-internship .gray-box .title_deco_list-flex_cont dt { width: 110px; }
@media screen and (max-width: 1029px) { .career .career-internship .gray-box .title_deco_list-flex_cont dt .title_deco { width: 110px; } }