@charset "Shift_JIS";



/*フォント指定：筑紫A丸ゴシック*/
body{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-style: normal;
	line-height:2.5em;
	font-weight: 400;
	font-color:#4c444d;
	background-image:url("../img/bg_img_pc.png");
	background-repeat:repeat;
	background-position:top;
}

body h1{
	font-family: ab-kokoro-no1, sans-serif;
	font-weight:400;
	font-style:normal;
}


body h2{
	font-family: ab-kokoro-no1, sans-serif;
	font-weight:400;
	font-style:normal;
	color:#be2221;
	text-align:center;
	font-size:1.5em;
	border-bottom:2px dashed #be2221;
	padding-bottom:0.2em;
}


.overflow_setting{ /*　スマホでの横揺れ防止　*/
	width:100%;
	overflow-x:hidden !important;
}






/*ナビゲーション全体の設定*/

.header{
	background-color:#ffffff;
	display:flex;
	justify-content:space-between;
	align-content:center;
	width:100%;
	height:auto;
	position:fixed;/* ヘッダー固定 */
	z-index:999;
	top:0;
	left:auto;
	border-bottom:3px solid #df6054;
	border-image:linear-gradient(to right,#de6054 0%,#f9c371);
	border-image-slice:1;
}

.logo_pc{
	backgound-color:#ffffff;
	align-items:center;
	display:block !important;
	max-width:100%;
	height:auto;
}

.logo_sp{   /*　PC表示の際に非表示　*/
	display:none !important;
}


.nav_pc{
	font-size:1em;
	background-color:#ffffff;
	color:#4c444d;
	text-align:center;
	white-space:nowrap;
}



.header_navi_sp{   /*　PC表示の際に非表示　*/
	display:none !important;
} 


/* 文字のみのナビゲーション */

.nav_pc ul{
	list-style:none;
	display:flex;
	justify-content:center;
}

.nav_pc ul ul{
	display:block;
}

.nav_pc ul li{
	position:relative;
}


.nav_pc ul li a{
	display:block;
	text-decoration:none;
	color:#4c444d;
	padding:36px 35px;
	transition:all.3s;
}


.nav_pc ul li a:last-child{
	color:#ffffff;
}



/*　募集要項（プルダウンメニュー）　*/

.nav_pc ul li li a{
	padding:20px 10px;
	color:#ffffff;
	font-weight:bold;
}


.nav_pc li.has-child{
	background-color:#DF6054;
	width:10vw;
	border-radius:10px;
	color:#ffffff;
}

.nav_pc li.has-child a{
	color:#ffffff;
	font-weight:bold;
}

.nav_pc li.has-child ul{
	position:absolute;
	left:0px;
	top:96px;
	z-index:4;
	background-color:#4c444d;
	width:15%;
	visibility:hidden;
	opacity:0;
	transition:all.3s;
	color:#ffffff;
}

.nav_pc li.has-child:hover > ul,
.nav_pc li.has-child ul li:hover > ul,
.nav_pc li.has-child:active > ul,
.nav_pc li.has-child ul li:active > ul{
	left:-15px;
	width:100%;
	visibility: visible;
  	opacity: 1;
}

.nav_pc li.has-child ul li a{
	color:#ffffff;
	border-bottom:solid 1px rgba(255,255,255,0.6);
}

.nav_pc li.has-child ul li:last-child a{
	border-bottom:none;
}


.nav_pc li.has-child ul li:nth-child(1) a:hover,　　　/*　看護師　No.1　*/
.nav_pc li.has-child ul li:nth-child(1) a:active{
	background-color:#f7c5c3;
	color:#4c444d;
}

.nav_pc li.has-child ul li:nth-child(2) a:hover,　　　/*　精神保健福祉士　No.2　*/
.nav_pc li.has-child ul li:nth-child(2) a:active{
	background-color:#c4d8d8;
	color:#4c444d;
}

.nav_pc li.has-child ul li:nth-child(3) a:hover,　　　/*　作業療法士　No.3　*/
.nav_pc li.has-child ul li:nth-child(3) a:active{
	background-color:#EFF2B4;
	color:#4c444d;
}

.nav_pc li.has-child ul li:nth-child(4) a:hover,　　　/*　医療事務　No.4　*/
.nav_pc li.has-child ul li:nth-child(4) a:active{
	background-color:#D2E5AC;
	color:#4c444d;
}

.nav_pc li.has-child ul li:nth-child(5) a:hover,　　　/*　本社勤務  CNo.5　*/
.nav_pc li.has-child ul li:nth-child(5) a:active{
	background-color:#BBAAD2;
	color:#4c444d;
}




/*　応募フォーム　*/


.entry_form{
	margin-left:0.5em;
	width:15vw;
	display:flex;
	background-color:#BE2221;
	margin-right:32px;
	border-radius:10px;
	color:#ffffff;
	font-size:1.2vw;
	font-weight:bold;
}

.entry_form img{
	width:auto;
	height:auto;
	padding-left:1em;
}



.entry_form:hover{
	background-color:#4c444d;
	color:#ffffff;
}


/*TOP画像　ファーストビュー*/

.top_img{
	text-align:center;
	margin-top:96px;
	background-image:url("../img/top_img_pc.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	height:800px;
}

.site_name{
	position:absolute;
	padding:80px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	margin:auto;
	width:30%;
	height:28%;
	background-color:#ffffff;
}

.site_name_contents{
	position:relative;
	height:100%;
	width:auto;
	margin:auto;
}


.site_name_contents p{
	font-family:ab-hanamaki, sans-serif;
	font-style:normal;
	text-align:left;
	font-size:2.2em;
	color:#ffffff;
	-webkit-text-stroke:2px #4c444d;
	text-stroke:2px #4c444d;
	display:inline-block;
	position:relative;
	
}



.site_name_contents h1{
	font-family: ab-kokoro-no1, sans-serif;
	font-style:normal;
	text-align:center;
	font-size:5vh;
	color:#df6054;
	padding-bottom:0.1em;
	
}

.site_name_contents h1::before{
	content:'';
	position:absolute;
	left:50%;
	bottom:38%;
	display:inline-block;
	width:60px;
	height:2px;
	-webkit-transform:translate(-50%);
	transform:translateX(-50%);
	background-color:#4c444d;
	border-radius:2px;
}


/*　募集要項を見る（TOP画下リンクリボン）　*/

.application_guidebook{
	background-color:#df6054;
	width:100%;
	margin-bottom:40px;
}

.application_guidebook_item{
	justify-content:center;
	display:flex;
	align-items:center;
	padding:30px;
}

.application_guidebook_item a{
	display:block;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	padding:0 24px;
}

.application_guidebook_item::after{
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	transform:rotate(45deg);
}


/*　オンライン対応お知らせ　*/

.online_talk{
	width:84%;
	margin:0 auto;
	max-width:800px;
	background-color:#ffffff;
	border:10px solid #e5e1d9;
	border-radius:1px;
	padding:20px;
}

.online_talk h1{
	text-align:center;
	padding-bottom:0.5em;
	border-bottom:2px dashed #df6054;
}

.online_talk p{
	padding:1em 20px;
}

.online_talk a{
	color:#df6054;
	padding:0 1em;
	font-weight:bold;
}


/* お知らせ　新規３件 */

.news_no1-3{
	width:85%;
	margin:0 auto;
	margin-top:24px;
	max-width:1200px;
	background-color:#ffffff;
	border-radius:10px;
	box-shadow:0 3px 6px 6px rgba(0,0,0,0.1);
	padding:20px;
}

.news_index{
	padding:0 160px;
}

.news_date{
	display:flex;
	font-weight:bold;
	align-content:center;
	margin-top:8px;
}

.news_date span{  /*　カテゴリ表示ボタン　*/
	margin-left:1em;
	height:5%;
	width:5em;
	font-size:0.8em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	background-color:#df6045;
	border-radius:3px;
}

.news_title{
	display:block;
	border-bottom:1px solid #4c444d;
	text-decoration:none;
	color:#4c444d;
	line-height:1.5em;
}


.news_button a{
	margin:0 auto;
	margin-top:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.5em 1em;
	width:400px;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	background-color:#4c444d;
}

.news_button a::after{
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	transform:rotate(45deg);
}


/* 現在採用中の募集職種 */

.recruitment_type{
	margin-top:48px;
	display:block;
	width:100%;
	height:auto;
	padding-bottom:40px;
	background-color:#F0F0F0;
	background-image:linear-gradient(right,#F0F0F0 80%,#e5e1d9 80%);
}

.recruitment_type_main{
	display:flex;
	max-width:1600px;
	margin:0 auto;
}


.recruitment_type_text{
	padding-top:80px;
	width:40%;
	margin-left:32px;
	margin-right:80px;
}


.recruitment_type_text h3{
	display:flex;
	align-items:center;
	font-weight:bold;
	font-family: ab-kokoro-no1, sans-serif;
	font-style:normal;
}

.recruitment_type_text h3::before{
	margin-right:30px;
	content:'';
	width:32px;
	height:3px;
	background-color:#de2221;
}

.recruitment_type_text h3::after{
	margin-left:30px;
	content:'';
	width:32px;
	height:3px;
	background-color:#de2221;
}



/*募集職種リンク画像一覧の制御*/


.recruitment_type_contents{
	padding-top:24px;
	padding-right:16px;
	width:60%;
	max-width:800px;
	display:flex;
	flex-wrap:wrap;
}


.recruitment_type_img{
	padding:0;
	width:32%;
}


.recruitment_type_img:not(:nth-child(3n+3)){
	margin-right:2%;
}

.recruitment_type_img:nth-child(n+4){
	margin-top:30px;
}

.img_pc{
	display:block !important;
}

.img_sp{
	display:none !important;
}



/*募集職種：看護師　リンク画像＋リボン*/

.recruitment_type_nurse{
	position:relative;
	margin-right:16px;
}


.recruitment_type_nurse h4{
	position:absolute;
	bottom:-40px;
	left:20%;
	height:40px;
	width:160px;
	line-height:32px;
	text-align:center;
	padding:0 40px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#b3424a;
	box-sizing:border-box;
	box-shadow:0 2px #4c444d;
	color:#ffffff;
}

.recruitment_type_nurse h4::before,.recruitment_type_nurse h4::after{
	position:absolute;
	content:'';
	width:0;
	height:0;
	z-index:1;
}

.recruitment_type_nurse h4::before{
	top:0;
	left:0;
	border-width:20px 0 20px 15px;
	border-color:transparent transparent transparent #F0F0F0;
	border-style:solid;
}

.recruitment_type_nurse h4::after{
	top:0;
	right:0;
	border-width:20px 15px 20px 0;
	border-color:transparent #F0F0F0 transparent transparent;
	border-style:solid;
}


/*募集職種：精神保健福祉士（MHSW）　リンク画像＋リボン*/

.recruitment_type_mhsw{
	position:relative;
	margin-right:16px;
}

.recruitment_type_mhsw h4{
	position:absolute;
	bottom:-40px;
	left:0;
	height:40px;
	width:240px;
	line-height:32px;
	text-align:center;
	padding:0 40px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#0f5474;
	box-sizing:border-box;
	box-shadow:0 2px #4c444d;
	color:#ffffff;
}

.recruitment_type_mhsw h4::before,.recruitment_type_mhsw h4::after{
	position:absolute;
	content:'';
	width:0;
	height:0;
	z-index:1;
}

.recruitment_type_mhsw h4::before{
	top:0;
	left:0;
	border-width:20px 0 20px 15px;
	border-color:transparent transparent transparent #F0F0F0;
	border-style:solid;
}

.recruitment_type_mhsw h4::after{
	top:0;
	right:0;
	border-width:20px 15px 20px 0;
	border-color:transparent #F0F0F0 transparent transparent;
	border-style:solid;
}




/*募集職種：作業療法士（OT）　リンク画像＋リボン*/


.recruitment_type_ot{
	position:relative;
	margin-right:16px;
}

.recruitment_type_ot h4{
	position:absolute;
	bottom:-40px;
	left:10%;
	height:40px;
	width:200px;
	line-height:32px;
	text-align:center;
	padding:0 40px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#b29649;
	box-sizing:border-box;
	box-shadow:0 2px #4c444d;
	color:#ffffff;
}

.recruitment_type_ot h4::before,.recruitment_type_ot h4::after{
	position:absolute;
	content:'';
	width:0;
	height:0;
	z-index:1;
}

.recruitment_type_ot h4::before{
	top:0;
	left:0;
	border-width:20px 0 20px 15px;
	border-color:transparent transparent transparent #F0F0F0;
	border-style:solid;
}

.recruitment_type_ot h4::after{
	top:0;
	right:0;
	border-width:20px 15px 20px 0;
	border-color:transparent #F0F0F0 transparent transparent;
	border-style:solid;
}


/*募集職種：医療事務（Medical Officer）　リンク画像＋リボン*/

.recruitment_type_mofficer{
	position:relative;
	margin-right:16px;
}

.recruitment_type_mofficer h4{
	position:absolute;
	bottom:-40px;
	left:10%;
	height:40px;
	width:200px;
	line-height:32px;
	text-align:center;
	padding:0 40px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#63822d;
	box-sizing:border-box;
	box-shadow:0 2px #4c444d;
	color:#ffffff;
}

.recruitment_type_mofficer h4::before,.recruitment_type_mofficer h4::after{
	position:absolute;
	content:'';
	width:0;
	height:0;
	z-index:1;
}

.recruitment_type_mofficer h4::before{
	top:0;
	left:0;
	border-width:20px 0 20px 15px;
	border-color:transparent transparent transparent #F0F0F0;
	border-style:solid;
}

.recruitment_type_mofficer h4::after{
	top:0;
	right:0;
	border-width:20px 15px 20px 0;
	border-color:transparent #F0F0F0 transparent transparent;
	border-style:solid;
}


/*募集職種：本社勤務（Headquarters Officer）　リンク画像＋リボン*/

.recruitment_type_hofficer{
	position:relative;
	margin-right:16px;
}

.recruitment_type_hofficer h4{
	position:absolute;
	bottom:-40px;
	left:10%;
	height:40px;
	width:200px;
	line-height:32px;
	text-align:center;
	padding:0 40px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#7159a6;
	box-sizing:border-box;
	box-shadow:0 2px #4c444d;
	color:#ffffff;
}

.recruitment_type_hofficer h4::before,.recruitment_type_hofficer h4::after{
	position:absolute;
	content:'';
	width:0;
	height:0;
	z-index:1;
}

.recruitment_type_hofficer h4::before{
	top:0;
	left:0;
	border-width:20px 0 20px 15px;
	border-color:transparent transparent transparent #F0F0F0;
	border-style:solid;
}

.recruitment_type_hofficer h4::after{
	top:0;
	right:0;
	border-width:20px 15px 20px 0;
	border-color:transparent #F0F0F0 transparent transparent;
	border-style:solid;
}




/*　代表メッセージ（副社長/Vice President コメント）　*/

.vpresident_message{
	width:85%;
	max-width:1100px;
	margin-top:48px;
	margin:0 auto;
}


.vpresident_message h2{
	width:80%;
	margin:0 auto;
	margin-bottom:24px;
	margin-top:48px;
}


.vpresident_message_box{
	display:flex;
	background-color:#e5e1d9;
	height:auto;
}

.vpresident_message_img{
	margin-top:5em;
	display:flex;
	align-items:center;
}

.vpresident_message_img img{
	transform:rotate(-10deg);
	margin:auto 0;
}

.vpresident_message_comment h4{
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	border-bottom:3px dashed #df6054;
	padding-bottom:1em;
	padding-top:2.5em;
	width:80%;
	max-width:640px;
	margin-left:48px;
}

.vpresident_message_comment p{
	width:80%;
	max-width:640px;
	margin-left:48px;
	margin-bottom:4em;
}


/* Work with Hot Navi！　採用情報はこちら */

.work_with_hotnavi{
	margin-top:48px;
	width:100%;
	height:440px;
	background-image:url("../img/recruit_bg_pc.png");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}

.work_with_hotnavi_contents{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:50%;
	max-width:640px;
	text-align:center;
}

.work_with_hotnavi_contents p{
	font-size:1.5em;
	font-weight:bold;
	color:#ffffff;
}
	
.work_with_hotnavi_button a{
	margin:0 auto;
	margin-top:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.5em 1em;
	width:400px;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	background-color:#df6054;
}

.work_with_hotnavi_button a::after{
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	transform:rotate(45deg);
}

	
/*　よくあるご質問＆応募フォーム　*/

.faq_entry{
	margin-top:40px;
	display:flex;
}

.faq {
	margin-bottom:2em;
	display:block;
	width:50%;
	left:0;
	align-items:center;
	background-color:#4c444d;
	text-align:center;
}

.faq_contents{
	padding-top:5%;
	padding-left:15%;
}

.faq a{
	font-size:2em;
	font-family: ab-kokoro-no1, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.entry {
	margin-top:40px;
	display:block;
	width:50%;
	right:0;
	align-items:center;
	background-color:#df6054;
	text-align:center;
}

.entry_contents{
	padding-top:5%;
	padding-right:15%;
}

.entry a{
	font-size:2em;
	font-family: ab-kokoro-no1, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
	


/*　フッター　*/

footer{
	margin-top:160px;
	background-color:#be2221;
	color:#ffffff;
	width:100%;
}

.footer_main{
	width:85%;
	max-width:1000px;
	padding:40px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

/* フッターロゴとサイトマップ */

.footer_pc{
	display:block !important;
}

.footer_sp{
	display:none !important;
}


.footer_logo_sitemap{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
	

/*　サイトマップ　*/

.footer_sitemap a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px;
	width:100%;
	font-family: ab-kokoro-no1, sans-serif;
	font-size:1.5em;
	color:#ffffff;
	text-decoration:none;
	border:2px solid #ffffff;
	border-radius:5px;
}

.footer_sitemap a::hover{
	background-color:#ffffff;
	color:#be2221;
}

/*　フッターリンクリスト（ナビゲーション）＆応募フォーム、電話ボタン＆営業時間　*/

.footer_navi_entry_tel_hours{
	display:flex;
	justify-content:space-between;
	align-content:center;
}


/*　フッターリンクリスト（ナビゲーション）　*/

.footer_navi li{
	list-style:none;
	font-size:1.2em;
	font-weight:bold;
	color:#ffffff;
	line-height:2.8em;

}

.footer_navi a{
	text-decoration:none;
	color:#ffffff;
}



/* 外部リンク（コーポレートサイト）	 */

.ex_link{
	text-decoration:none;
	color:#ffffff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	padding-right:32px;
	width:210px;
}

.ex_link::before{
	content:'';
	position:absolute;
	bottom:12px;
	right:24px;
	width:18px;
	height:12px;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
}

.ex_link::after{
	content:'';
	width:18px;
	height:12px;
	border:2px solid #ffffff;
}


/*　応募フォーム　*/

.footer_entry a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px;
	width:100%;
	font-family: ab-kokoro-no1, sans-serif;
	font-size:1.5em;
	color:#be2221;
	text-decoration:none;
	background-color:#ffffff;
	border-radius:20px;
	margin-bottom:8px;
}

.footer_entry a::after{
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #be2221;
	border-right:2px solid #be2221;
	transform:rotate(45deg);
}


/*　お電話でもご応募できます　*/


.footer_tel a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px;
	width:100%;
	text-decoration:none;
	background-color:#ffffff;
	border-radius:20px;
	margin-bottom:8px;
}

.footer_tel a::hover{
	background-color:rgba(255,255,255,0.8);
}



.footer_tel_text{
	font-family: ab-kokoro-no1, sans-serif;
	font-size:1em;
	color:#be2221;
	text-align:center;
}

.footer_tel_text span{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-style:normal;
	font-size:2.8em;
	font-weight:bold;
	color:#be2221;
} 


/*　営業時間　*/

.footer_hour{
	text-align:center;
	padding:0 16px;
	width:100%;
	color:#ffffff;
	border:2px solid #ffffff;
	border-radius:20px;
}

.footer_hour h4{
	margin:0 auto;
	font-family: ab-kokoro-no1, sans-serif;
	font-size:1.5em;
	border-bottom:1px solid #ffffff;
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:65%;
	max-width:250px;
}

.footer_hour {
	line-height:1em;
}



/*　プライバシーポリシー　*/

.privacy_policy{
	text-align:center;
}

.privacy_policy a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dashed #ffffff;
}

/*　copyright　*/

.copyright{
	width:100%;
	background-color:#df6054;
	text-align:center;
}

.copyright{
	padding:8px 0;
	font-family: ab-kokoro-no1, sans-serif;
	font-size:1em;
}


.btn_bottom_tel_mail{
	display:none !important;
}



/*　モバイル版（768px以下）の形状　※レスポンシブ化用タグ　　*/


@media only screen and (max-width:768px){
	
	
/* 下固定お問い合わせボタン */
	
.btn_bottom_tel_mail{
	font-family: ab-kokoro-no1, sans-serif;
	font-weight:bold;
	display:flex !important;
	width:100%;
	height:12%;
	background-color:rgba(255,255,255,0.8);
	position:fixed;
	z-index:500;
	bottom:0;
}

.btn_bottom_tel_mail_contents{
	height:90%;
	margin:0.5em;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.btn_bottom_tel a{
	margin-right:0.2em;
	display:block;
	text-align:center;
	align-items:center;
	padding:0.8em;
	width:40vw;
	height:5vh;
	max-width:350px;
	color:#ffffff;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
	background-color:#6FBDC9;
	border-radius:10px;
	font-size:4vw;
}

.btn_bottom_tel span{
	font-size:2vw;
	font-weight:normal;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
	

.btn_bottom_tel img{
	align-items:center;
}


.btn_bottom_mail a{
	margin-left:0.2em;
	display:flex;
	justify-content:space-between;
	text-align:center;
	align-items:center;
	padding:0.8em;
	width:40vw;
	height:5vh;
	max-width:350px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-color:#76BE79;
	border-radius:10px;
	font-size:3.8vw;
}
	
.btn_bottom_mail a::after{
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	transform:rotate(45deg);
}
	

	
	
/*　ヘッダー　*/	
	
.logo_sp{
	backgound-color:#ffffff;
	left:0;
	display:block !important;
	max-width:60%;
	height:auto;
}

.logo_pc{   /*　モバイル表示の際に非表示　*/
	display:none !important;
}
	
.header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:10vh;
}
	
.nav_pc{
		display:none !important;
}

.header_navi_sp{
	display:block !important;
}	
	
	
#g-nav.panelactive{
	position:fixed;
	z-index:1000;
	top:0;
	width:100vw;
	height:100vh;
}

.circle-bg{
	position:fixed;
	z-index:800;
	width:100px;
	height:100px;
	border-radius:50%;
	background-color:#be2221;
	transform:scale(0);
	right:-50px;
	top:calc(50% -50px);
	transition:all.6s;
}

.circle-bg.circleactive{
	transform:scale(50);
}
	
#g-nav-list{
	display:none;
	position:fixed;
	z-index:999;
	width:100vw;
	height:100vh;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
	
	
#g-nav.panelactive #g-nav-list{
	display:block;
}

#g-nav ul{
	display:block;
	flex-wrap:nowrap;
	width:100vw;
	opacity:0;
	z-index:999;
	list-style:none;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	top:0%;
	left:0%;
	transform:translateY(0%)translateX(-100%);
}
	
#g-nav.panelactive ul{
	opacity:1;		
}
	
#g-nav.panelactive ul li{
	animation-name:gnaviAnime;
	animation-duration:1s;
	animation-delay:.2s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes gnaviAnime{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
	
	
	
	
#g-nav li:not(:last-child){
	width:100vw;
	display:block;
	text-align:left;
	padding:1vh 1vw;
	border-bottom:1.5px dashed #ffffff;
}


#g-nav li a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	
}
	
#g-nav li.has-child-sp ul{
	display:flex;
	flex-wrap: wrap;
	margin-left:4vw;
	top:0%;
	left:0%;
	transform:translateY(0)translateX(0);
}
	
	
#g-nav li.has-child-sp ul li{
	font-size:0.8em;
	border-bottom:none;
	color:#ffffff;
	text-decoration:none;
}

	
	
#g-nav li.has-block-sp ul{
	display:flex;
	list-style:none;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	top:0%;
	left:0;
	transform:translateY(0)translateX(-8vw);
}
	
	
#g-nav li.has-block-sp li{
	text-align:center;
	list-style:none;
	width:100%;
	padding:0;
	margin:0 auto;
	border-bottom:none;

}
	
#g-nav li.has-block-sp li a{
	display:block;
	color:#be2221;
	text-decoration:none;
	padding:10px 3px;
	background-color:#ffffff;
	font-weight:bold;
	width:23vw;
	height:8vh;
	font-size:0.8em;
	line-height:1.2em;
	margin-top:1vh;
}
	
#g-nav li.has-block-sp li a span{
	display:block;
}
	
	
	
	
	
	
	
	
/*　ハンバーガーメニュー　*/

.openbtn{
	position:absolute;
	top:15px;
	right:15px;
	z-index:9999;/*ボタンを最前面に*/
	cursor: pointer;
	width:12vw;
	height:6vh;
	background-color:#be2221;
	border-radius:10px;
}
 
/*×に変化*/ 
.openbtn span{
    display: inline-block;
    transition:all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #ffffff;
  	width: 45%;
}

.openbtn span:nth-of-type(1) {
	top:12px; 
}

.openbtn span:nth-of-type(2) {
	top:20px;
}

.openbtn span:nth-of-type(3) {
	top:28px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px)rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width:30%;
}	
	
	



.top_img{
	text-align:center;
	background-image:url("../img/top_img_sp.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	height:440px;	
	margin-top:10vh;
}
	
	

.site_name{
	position:absolute;
	top:28%;
	bottom:72%;
	left:0;
	right:100%;
	margin:0;
	width:40%;
	max-width:320px;
	height:25%;
	max-height:140px;
}
	
.site_name_contents{
	width:100%;
	height:auto;
	margin:0 auto;
}
	
	
.site_name_contents img{
	display:none;
}
	
	

.site_name_contents h1::before{
	content:'';
	position:absolute;
	left:50%;
	bottom:50%;
	display:inline-block;
	width:60px;
	height:1.2px;
	-webkit-transform:translate(-50%);
	transform:translateX(-50%);
	background-color:#4c444d;
	border-radius:2px;

}

.site_name_contents h1{
	font-family: ab-kokoro-no1, sans-serif;
	font-style:normal;
	text-align:center;
	font-size:3.8vw;
	color:#df6054;
	padding-bottom:1.5em;
}

	
.site_name_contents p{
	font-family:ab-hanamaki, sans-serif;
	font-style:normal;
	text-align:left;
	font-size:5.5vw;
	color:#ffffff;
	-webkit-text-stroke:1px #4c444d;
	text-stroke:1px #4c444d;

}
	

/*　オンライン対応お知らせ　*/

.online_talk{
	width:90%;
	margin:0 auto;
	max-width:750px;
	padding:4px;
}

.online_talk h1{
	font-size:4vw;
}

.online_talk p{
	padding:2px 8px;
	font-size:3vw;
}

.online_talk a{
	color:#df6054;
	padding:0 1em;
	font-weight:bold;
}
	
	
	
/* お知らせ　新規３件 */

.news_no1-3{
	width:90%;
	margin:0 auto;
	margin-top:48px;
	max-width:750px;
	background:none;
	box-shadow:none;
}

.news_index{
	padding:0 0;
}
	
.news_title{
	font-size:3.5vw;
	line-height:1.5em;
}

.news_button a{
	margin:0 auto;
	margin-top:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.5em 1em;
	width:80%;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	background-color:#4c444d;
}

.news_button a::after{
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	transform:rotate(45deg);
}


/*	募集中の職種　*/
	
.recruitment_type{
	display:block;
	width:100%;
	margin:24px auto 0 auto;
	max-width:750px;
	background:none;
}

.recruitment_type_main{
	display:block;
	width:100%;
	max-width:750px;
	margin-right:0;
	margin:0 auto;
}


.recruitment_type_text{
	padding-top:0px;
	width:100%;
	margin-left:0;
	text-align:center;
}

.recruitment_type_text p{
	font-size:3.5vw;
	line-height:2em;
}
	
.recruitment_type_text h3{
	justify-content:center;
}

/*募集職種リンク画像一覧の制御*/


.recruitment_type_contents{
	padding-top:24px;
	padding-right:0;
	width:100%;
	max-width:750px;
	display:block;
}


.recruitment_type_img{
	padding:0;
	width:32%;
	margin-top:10%;
}

.img_pc{
	display:none !important;
	}
	
.img_sp{
	display:block !important;
	max-width:760px;
	width:100%;
	text-align:center;
	margin-top:32px;
}
	
.recruitment_type_img:not(:nth-child(3n+3)){
	margin-right:0;
}

.recruitment_type_img:nth-child(n+4){
	margin-top:0;
}
	
	
	
/*募集職種 リンク画像＋リボン*/

.recruitment_type_nurse{
	margin-right:0;
}
	
.recruitment_type_nurse h4{
	position:absolute;
	bottom:-40px;
	left:0;
	right:0;
	margin:10px auto 20px auto;
}
		
	
.recruitment_type_mhsw{
	margin-right:0;
}
	
.recruitment_type_mhsw h4{
	position:absolute;
	bottom:-40px;
	left:0;
	right:0;
	margin:10px auto 20px auto;
}
	
.recruitment_type_ot{
	margin-right:0;
}
	
.recruitment_type_ot h4{
	position:absolute;
	bottom:-40px;
	left:0;
	right:0;
	margin:10px auto 20px auto;
}

.recruitment_type_mofficer{
	margin-right:0;
}
	
.recruitment_type_mofficer h4{
	position:absolute;
	bottom:-40px;
	left:0;
	right:0;
	margin:10px auto 20px auto;
}
	
.recruitment_type_hofficer{
	margin-right:0;
}
	
.recruitment_type_hofficer h4{
	position:absolute;
	bottom:-40px;
	left:0;
	right:0;
	margin:10px auto 20px auto;
}
	
	

/*　代表メッセージ（副社長/Vice President コメント）　*/

.vpresident_message{
	width:98%;
	max-width:750px;
}


.vpresident_message h2{
	width:98%;
}

.vpresident_message_box{
	display:block;
	padding-bottom:2em;
}

.vpresident_message_img{
	margin-top:0;
	align-items:center;
}

.vpresident_message_img img{
	transform:rotate(0);
	margin:16px auto 0 auto;
	width:85%;
	height:auto;
}

.vpresident_message_comment h4{
	font-size:0.9em;
	padding-bottom:1em;
	padding-top:0;
	width:95%;
	max-width:720px;
	text-align:center;
	margin:0 auto;
}

.vpresident_message_comment p{
	width:85%;
	max-width:720px;
	margin:2em auto;
	font-size:0.8em;
	line-height:2em;
}


	
/* Work with Hot Navi！　採用情報はこちら */

.work_with_hotnavi{
	display:block;
	justify-content:center;
	align-items:center;
	background-image:url("../img/recruit_bg_pc.png");
	background-position:center;
	width:100%;
	max-height:320px;
}

.work_with_hotnavi_contents{
	width:90%;
	max-width:720px;
	height:90%;
	margin:0 auto;
}
	
.work_with_hotnavi_contents img{
	margin-top:1em;
	width:25%;
}

.work_with_hotnavi_contents p{
	font-size:0.8em;
}
	
.work_with_hotnavi_button a{
	width:70%;
	font-size:1em;
	padding:0.2em 0.8em;
}

	
/*　よくあるご質問＆応募フォーム　*/


.faq_contents{
	padding-top:15%;
	padding-left:20%;
	padding-right:5%;
}

.faq a{
	font-size:1.2em;
}

.entry_contents{
	padding-top:15%;
	padding-right:20%;
	padding-left:5%;
}

.entry a{
	font-size:1.2em;
}
	
	
	
/*　フッター　*/

footer{

}

.footer_main{
	width:95%;
	max-width:760px;
	padding-left:0;
	padding-right:0;
}

/* フッターロゴとサイトマップ */
	
.footer_logo_sitemap{
	display:block;
	align-items:center;
}
	
	

.footer_pc{
	display:none !important;
}

.footer_sp{
	display:block!important;
	width:65%;
	max-width:400px;
	margin:0 auto;
	
}

.footer_sitemap{   /*　サイトマップを非表示にする　*/
	display:none !important;
}
	

/*　フッターリンクリスト（ナビゲーション）＆応募フォーム、電話ボタン＆営業時間　*/

.footer_navi_entry_tel_hours{
	display:inline-block;
	width:100%;
	justify-content:center;
	margin:0 auto;
}


/*　フッターリンクリスト（ナビゲーション）　*/

	
.footer_navi li{
	width:100%;
	justify-content:center;
	margin:0 auto;
	margin-left:-5vw;
}

	

.footer_navi li:not(:last-child){
	padding-bottom:0.6em;
	border-bottom:1px dashed #ffffff;
}

.footer_navi a{
	text-decoration:none;
	color:#ffffff;
	font-size:1em;
}
	
.footer_entry a{
	width:90%;
	font-size:1.1em;
}

.footer_tel a{
	width:90%;
	text-align:center;
	justify-content:space-between;
	align-items:center;
	font-size:1.2em;
}
	
.footer_tel a::after{
	content:'';
	width:10px;
	height:10px;
	border-top:2px solid #be2221;
	border-right:2px solid #be2221;
	transform: rotate(45deg);
}
	
.footer_tel span{
	display:none;
}

/*　営業時間　*/

.footer_hour{
	border:none;
	width:90%;
}

.footer_hour h4{
	border-bottom:none;
	font-size:1.5em;
}

.footer_hour {
	line-height:1em;
	font-size:0.8em;

}


.copyright{
	padding-bottom:5em;	
}
	


		
}