/* CSS Document */
.pc_view {
	display:none!important;
}
.sp_view {
	display:block!important;
}
.logos {
	flex-direction: column;
}
h1.no_wrap {
	padding-top: 20px!important;
}
.sub h2 {
	text-align: left;
}
.sub h3 {
	font-size: 120%;
    padding-left: 28px;
}
.sub h3::before {
    width: 10px;
    height: 100%;
    border-radius: 5px;
    top: 0px;
    left: 8px;
}
.sub .wrap_grp_mgr h3 span {
	display: block;
    text-align: right;
    font-size: 80%;
    color: var(--col_i_green);
}
.header_link_reha_logo_img {
	width: 40vw;
	display: block;
	margin: 5px auto;
}
.wrap_top_enthusiasm {
	width: 80%;
    margin-left: 10%;
}
/*.wrap_top_bns {
	display: block;
}*/
.top_enthusiasm {
	font-size: 110%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 35px;
}
.top_message {
	font-size: 6vw;
}
.top_bn_h2 {
	font-size: 120%;
	margin: 10px 10px;
}
.top_bn{
	width: 50%;
	height: 170px;
}
.top_bn_sub {
	display:none;
}
.top_bn_more {
	margin: 50px 5px 5px 10px;
    font-size: 80%;
    position: relative;
    left: 0;
    margin-top: 50px;
}

.top_bn:nth-of-type(1){ background-image:url(./../img/top_main_bn_01.png);}
.top_bn:nth-of-type(2){ background-image:url(./../img/top_main_bn_02.png);}
.top_bn:nth-of-type(3){ background-image:url(./../img/top_main_bn_03.png);}
.top_bn:nth-of-type(4){ background-image:url(./../img/top_main_bn_04.png);}
.top_bn:nth-of-type(1)::after ,
.top_bn:nth-of-type(4)::after {
background: rgb(140,194,32);
background: linear-gradient(90deg, rgba(140,194,32,1) 0%, rgba(140,194,32,0.196516106442577) 100%);}
.top_bn:nth-of-type(2)::after ,
.top_bn:nth-of-type(3)::after {
background: rgb(0,163,229);
background: linear-gradient(90deg, rgba(0,163,229,1) 0%, rgba(0,163,229,0.258140756302521) 100%);
}
.wrap_latest_info {
	padding: 1em;
}
.l_info_date {
	width: 100%;
}
.l_info_content {
	margin: 5px 0;
    width: 100%;
}
.wrap_working_environment {
	flex-direction: column;
}
.wk_env:nth-of-type(1){ order:1; }
.wk_env:nth-of-type(2){ order:2; }
.wk_env:nth-of-type(3){ order:4; }
.wk_env:nth-of-type(4){ order:3; }
.wk_env:nth-of-type(5){ order:5; }
.wk_env:nth-of-type(6){ order:6; }
.wk_env {
	width: 100%;
}
.wrap_message_fm_manager {
	flex-direction: column
}
.wrap_msg_mngr {
	width: 100%;
	order:2;
}
.wrap_img_mgr {
	width: 100%;
	order:1;
}
.top_latest_tr {
	width: 49.5%;
}
.wrap_top_latest_traning {
    flex-wrap: wrap;
}
.wrap_footer_links {
	flex-direction: column;
}
.footer_link {
	width: 100%;
	padding-bottom: 36px;
}
.footer_top_line_img {
	width: 200px;
}
.ft_link_p {
	text-align: center!important;
    margin: 4px 0!important;
}
.ft_link_p:nth-of-type(3){
	margin-top: 12px!important;
}
.tel_fax {
	text-align: center!important;
    display: block;
}
.footer_link:nth-of-type(1), 
.footer_link:nth-of-type(2) {
    border:none;
	border-bottom: 3px solid var(--col_i_blue);
}
.ft_link_h {
	text-align: center!important;
}
.ft_link_a {
	text-align: center;
}
.wrap_top_nav {
	display: none;
}
.fixed_header .wrap_logos {
	border-bottom: 1px solid #f0f0f0;
}
.wrap_h_menu {
	
}
.wrap_logos {
	position:relative;
}
.wrap_h_menu {
    position: absolute;
    top: 10px;
    right: 5px;
	z-index: 2002;
}
.msg_mngr_link {
	width: 90%;
}
.sub p {
	text-align: left;
    margin: 16px 0;
}
.sub h1 {
	padding-left: 8%;
    padding-right: 8%;
    font-size: 180%;
	margin-bottom: 64px;
}
.sub h1::before {
    width: 95%;
    height: 200px;
    position: absolute;
    left: 5%
}
.sub h1::after {
    width: 95%;
    height: 200px;
    position: absolute;
    left: calc( 5%  - 10px);
}
.sub h2 {
	font-size: 160%;
    border-bottom: 2px solid var(--col_i_blue);
}
.inner_report_button {
}
.report_btn_img {
    float: none;
}
.report_btn_content {
	float: none;
    padding: 0;
    width: 100%;
}
.report_btn_job {
	margin:0!important;
}
.report_btn_cat {
    text-align: center!important;
    font-size: 90%;
    margin: 5px 0!important;
    float: none;
    width: 100%;
    box-sizing: border-box;
}
.wrap_study_report {
    margin-top: 50px;
    padding: 0;
    border: none;
}
.report_btn_date {
	font-size: 80%;
    line-height: 2.2em;
}
.wrap_mgr_img {
	flex-wrap: wrap;
    padding: 20px;
	justify-content: center;
}
.wrap_member_img {
	width: 250px;
    height: 250px;
    border-radius: 150px;
    padding: 9px;
}
.member_name {
	width: 100%;
}
.member_name {
	width: 100%;
    text-align: center!important;
    font-size: 100%;
	padding: 0;
}
.wrap_mgr_msg {
	padding: 20px 10px;
    font-size: 90%;
	margin-bottom: 120px;
}
.mgr_interview {
	width: 100%;
}
.wrap_mgr_interview{
	flex-wrap: wrap;
}
.sub h3 {
	font-size: 120%;
    border-bottom: none;
}
.article_mgr_msg h3 {
	padding-bottom:0!important;
}
.recruit-inquiry {
	border-bottom: none!important;
}
.job_fair {
	padding-left: 0;
}
.qualifications-title-pt::before,
.qualifications-title-ot::before,
.qualifications-title-st::before {
	width: 10px!important;
    height: 100%!important;
    border-radius: 5px!important;
    top: 0px!important;
    left: 8px!important;
}
.pt .lic_dt::before,
.ot .lic_dt::before,
.st .lic_dt::before {
	top: 4px;
}
.about-top {
	background-image: url("../img/about-top-sp.png");
}
.top-recruit {
	background-image: url("../recruit_info/img/recruit_top-sp.png");
}
.education-top {
	background-image: url("../education/img/education-top-sp.png");
}
.top-pamphlet {
	background-image: url("../pamphlet/img/pamphlet-top-sp.png");
}

/*==================================================
　5-2-1 3本線が×に
===================================*/
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn1{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:var(--col_i_blue);
	cursor: pointer;
	width: 50px;
    height:50px;
	border-radius: 5px;
}
.openbtn1.active {
	background: var(--col_i_green);
}
/*ボタン内側*/
.openbtn1 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background: #fff;
    width: 45%;
  }
.openbtn1 span:nth-of-type(1) {
	top:15px; 
}

.openbtn1 span:nth-of-type(2) {
	top:23px;
}

.openbtn1 span:nth-of-type(3) {
	top:31px;
}
/*activeクラスが付与されると線が回転して×に*/
.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 45%;
}
.openbtn1.active span:nth-of-type(2) {
	opacity: 0;/*真ん中の線は透過*/
}
.openbtn1.active span:nth-of-type(3){
    top: 30px;
    transform: translateY(-6px) rotate(45deg);
    width: 45%;
}


/*==================================================
ハンバーガーメニュー
==================================================　*/
.wrap_top_nav.active {
	display: block;
    position: fixed;
    z-index: 2001;
    top: 0;
    right: 0;
    width: 80vw;
    height: 100vh;
    background-color: rgba(0,163,229,0.8);
	transform: translateX(80vw);
	animation: 0.3s ani_hmenu 0.1s both;
}
@keyframes ani_hmenu{
	0% {  transform: translateX(80vw)}
	100% { transform: translateY(0)}
}

.active .uk-navbar-nav {
    flex-direction: column;
}
.h_menu_bg {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);

}
	/* スクロール禁止 */
.h_menu_bgr::-webkit-scrollbar {
	display: none;
}

.h_menu_bg.active {
	display: block;
}
.active .uk-navbar-nav>li {
	width: 100%;
}
.active .uk-navbar-nav>li>a {
	border-left: none;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-weight: normal;
    min-height: 60px;
}
.active .uk-navbar-nav>li:last-of-type>a {
    border-right: none;
}
.h_menu_close_btn {
	display: block;
    color: #fff;
    font-size: 26vw;
    text-align: center;
    margin-top: 80px;
    position: absolute;
    bottom: 10px;
    right: 14vw;
}
.gototop {
	width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
	display: none;
}
.edu_1st_study {
	width: 100%!important;
}
.sub article::after {
    left: 10%;
    width: 80%;

}
.report_btn_h2 {
	font-size: 100%!important;
    /*white-space: nowrap;*/
	border-bottom: none!important;
}
.report_btn_h2_sub2 {
    white-space: break-spaces;
    padding-left: 0;
    margin-top: 4px;
}
.report_btn_more {
	font-size:80%;
	color: var(--col_i_blue);
}
.report_modal_h2 {
	margin-top: 12px;
    font-size: 100%!important;
    padding: 0;
}
.report_modal_h2 .report_btn_h2_sub2 {
    font-size: 110%!important;
    text-align: left;	
}
.report_modal_img {
	width: 300px;
}
.report_modal_img:nth-of-type(2) {
	margin-top:8px;
	margin-left:0;
}
.report_modal_h3 {
    font-size: 120%!important;
    padding-left: 0!important;
    text-align: center;
    margin-top: 90px;
}
.report_modal_h3::before {
	top: -50px!important;
    left: calc( 50% - 25px )!important;
}
.wrap_main_header {
	padding: 50px 0;
}
.study_filter_list {
	font-size: 90%;
    padding: 10px;
    margin-right: 10px;
}
.study_filter {
	padding: 10px;
}
.study_report {
    margin-top: 40px;
    transition: all 0.3s;
    padding: 5px;
    background-color: #00a3e50f;
    border-bottom: 1px solid var(--col_i_blue);
}
.grp_mgr_img {
	width: 200px;
    max-width: 200px;
    display: block;
	margin: 0 auto 24px;
    float: none;
}
.grp_mgr_boss {
    width: 200px;
    left: calc( 50vw - 100px - 16px );
    top: calc( 200px - 16px );
    text-align: center!important;
}
.wrap_grp_mgr_info {
	padding-top: 00px;
    width: 100%;
    font-size: 100%;
	padding-left: 0;
}
.motto_content {
	padding-top: 50px;
    width: 100%;
	font-size: 100%;
}
.grp_mgr_info_td ul {
	padding-left: 32px;
}
.grp_mgr_info_th {
	font-size: 100%;
}
.grp_mgr_info_tbl {
	border-spacing: 0 8px;	
}
.grp_mgr_info_tbl:nth-of-type(2) {
	margin-top: 0px;
}
.grp_mgr_info_td li {
	font-size: 95%;
    padding: 4px 4px 4px 0;
}
.grp_mgr_info_td li::after {
    top: 0.8em;
}
.sub .mgr_msg_h2 {
	font-size:120%;
	border-bottom-width: 2px;
}
.mgr_facility_filter_li {
	width: 100%;
    margin-bottom: 4px;
    text-align: left;
}
.mgr_facility_filter_li:nth-of-type(3n),
.mgr_facility_filter_li:nth-of-type(3n+2) {
	margin-left: 0;
}
.wrap_mgr_facility_filter {
	margin: 50px 0;
}
.au_top_bn_ul {
	flex-wrap: wrap;
}
.au_top_bn_li {
	width: 100%;
}
.school_tbl td {
	text-align: left!important;
    padding: 10px;
}
.h3_motto {
	margin-top: 100px!important;
}
.wrap_dpt_mgr_msg {
}
.dpt_mgr_img {
	width: 50%;
    max-width: 50%;
}
.dpt_mgr_name {
	width: 50%;
    font-size: 90%!important;
    text-align: center!important;
}
.inner_dpt_mgr_msg {
	padding: 16px;
    width: 90%;
}
.dpt_mgr_msg_p {
	margin-top: 0!important;
    line-height: 1.7em;
    font-size: 95%;
}
.wrap_school {
	margin-top: 20px;
}
.study_menu_h3 {
    text-align: left!important;
    padding-bottom: 60px;
    padding-top: 8px!important;
}
.study_menu_p {
	top: inherit;
    bottom: 0px;
    font-size: 100%;
}
.wrap_study_detail {
	padding: 20px 10px;
}
.wrap_study_purpose {
	padding: 20px 10px;
    font-size: 80%;
	background-color: #fff;
}
.study_info_times,
.study_info_method {
	width: 49%;
    font-size: 100%;
    text-align: center!important;
}
.study_info_link {
	width: 98%;
    font-size: 100%;
}
.wrap_study_menu {
	margin-top: 60px;
    padding: 2px;
    /* border: 1px solid var(--col_i_blue_sub); */
    border-radius: 3px;
    background-color: var(--col_i_sumi_100);
}
.wrap_latest_study_report {
    flex-wrap: wrap;
	align-items: top;
}
.latest_study_report {
	width: calc( 50% - 3px );
    margin-bottom: 6px;
}
.latest_study_report_info {
    font-size: 90%!important;
}
.latest_study_report_h {
	font-size: 100%!important;
    text-align: center!important;
}
.wrap_bubble_sep span {
	width: 15px;
    height: 15px;
}
.study_menu_h {
	border-radius: 0;
}
.wrap_benefit_img {
	width: 100%;
}
.benefit_img {
	width: 49%;
}
.faq_q {
    padding: 70px 10px 20px 10px;
    font-size: 100%;
    text-align: center!important;
}
.faq_q::after {
	width: 100%;
    top: 0;
}
.faq_a {
    padding: 70px 10px 20px 10px;
    font-size: 100%;
}
.faq_a::after {
    width: 100%;
    top: 20px;
    left: 0;
}
.wrap_job {
	margin:0;
	width: 100%;
}
.job_experienced {
	width: 20%;
	padding: 0 2px;
}
.job_inexperienced {
	width: 20%;
	padding: 0 2px;	
}
.job_facility {
	width: 60%;
    padding: 16px 2px;
    font-size: 90%;
}
.job_experienced span,
.job_inexperienced span {
	font-size:90%;
}
.sml {
	font-size:85%!important;
}
.recruit_link {
	width: 100%;
}
.recruit_tel_link {
	text-align: left!important;
}
.wrap_licensce {
	width: 100%;
    padding: 4px 8px;
}
.lic_dt {
	width: 100%;
	padding-top: 4px;
}
.lic_dd {
	width: 100%;
    margin-right: 0;
    border-bottom: 1px dotted var(--col_i_sumi_500);
    padding-bottom: 4px;
}
.lic_dt::before {
	content:none;
}
.h3_quali {
	display: block;
    text-align: center;
    width: 200px;
    box-sizing: border-box;
}
.school_tbl {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.job_link_internship_bn {
	margin: 100px auto 20px;
}

.wk_env_h3 {
	text-align: center!important;
    padding: 30px 0 0px;
}
.wk_env_p {
	text-align: left!important;
    margin: 12px 36px 50px;
}
.msg_mngr_h3 {
	text-align: center!important;
}

.img_type_1 ,
.img_type_2 ,
.img_type_3 {
	background-image:none;
}
.wk_env {
	min-height: auto;
	padding:0;
}
.wk_env_img {
	display: block;
}
.job_experienced span a::after,
.job_inexperienced span a::after {
	content: none;
}
.job_experienced span a,
.job_inexperienced span a {
    margin: 0 0 8px;
    display: block;
    text-decoration: underline;
}
.wrap_ext_presen {
    background-color: var(--col_i_ot_sub2);
    margin-bottom: 10px;	
}

.sub .ext_presen_society {
    width: 100%;
    padding-left: 1em;
    margin-bottom: 0;
	padding: 8px 8px 8px 1em;
	margin-top: 0;
}
.sub .ext_presen_date {
	background-color:transparent;
    color: var(--col_l_color);
    text-align: right;
    margin-top: 0;
	margin: 3px 3px 8px 0;
}
.sub .ext_presen_tittle {
    padding-left: 1em;
    margin-bottom: 10px;
    padding-right: 1em;
}
.sub .ext_presen_presenter_hosp {
	width: 50%;
	text-align: right;
	font-size: 90%;
}
.sub .ext_presen_presenter_name {
	width: 50%;
	text-align: right;
	font-size: 90%;
}
.sub .teacher .ext_presen_date {
	background-color:transparent;
    color: var(--col_l_color);
    text-align: right;
    margin-top: 0;
}
.aboutus_top_image {
	width: 100%;
	max-width:100%;
}
.sub .aboutus_top_msg {
	text-align: left;
	width: 100%;
	max-widht: 100%;
}
.sub .aboutus_top_msg br{
	display:none;
}
.job_intro_img {
	width: 80%;
	display: block;
	margin: 10px auto;
}
.wrap_job_intro_p {
	width: 100%;
}
.our_member_dl {
	margin: 50px 0;
}
.our_member_dt {
	width: 65%;	
	margin-bottom: 3px;
}
.our_member_dd {	
	width: 35%;	
	margin-bottom: 3px;
}
.our_member_dt.pt { order:1;}
.our_member_dt.ot { order:3;}
.our_member_dt.st { order:5;}
.our_member_dt.hfp{ order:7;}
.our_member_dt.rpt{ order:9;}
.our_member_dd.pt { order:2;}
.our_member_dd.ot { order:4;}
.our_member_dd.st { order:6;}
.our_member_dd.hfp{ order:8;}
.our_member_dd.rpt{ order:10;}
