@charset "UTF-8";

* {
margin: 0;
padding: 0;
background-color: transparent;
font-weight: normal;
font-style: normal;
}

body {
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",verdana,arial,helvetica,clean,Sans-Serif;
font-size: 10pt;
line-height: 150%;
}

/* ヘッダー*/
#headerback {
height:250px;
width:100%;
min-width:1000px;
padding: 0px 0px 0px 0px;
background: url(../../image/content/header_back02.png) no-repeat center;
}




/* スライダーの上のボックス*/
#header {
height:250px;
width:1000px;
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
}




/* タイトル*/
#title {
height:60px;
width: 1000px;
background: url(../../image/fuji_logo.png) no-repeat right;
}



/* ヘッダートップメニュー*/


#header_topmenu {
height:30px;
width: 1000px;
}


#header_topmenu > section {
float: right;
margin: 0 auto;
padding: 0px 40px 0px 0px;
}

#header_topmenu nav a {
	display: inline-block;
	margin: 5px 8px;
	outline: none;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 13px;
}

#header_topmenu nav a:hover,
#header_topmenu nav a:focus {
	outline: none;
}



/* Effect 13: three circles */
#header_topmenu .cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}



#header_topmenu .cl-effect-13 a:hover::before,
#header_topmenu .cl-effect-13 a:focus::before {
	color: #000000;
	text-shadow: 10px 0 #000000, -10px 0 #000000;
}

#header_topmenu .cl-effect-13 a:hover,
#header_topmenu .cl-effect-13 a:focus {
	color: #ba7700;
}




/* ヘッダーメニュー
------------------------------------------------------------------------------------- */
#header_menu_box{

	text-align:left;
	margin:0;
	padding: 40px 0px 0px 250px;
	width:1000px;
	height:100px;
}

#header_menu img	{
	border: 0; 
	vertical-align: bottom; 
}

#header_menu, #header_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
} 
#header_menu	{
	width:480px;
	position:relative;
}
#header_menu li	{
	float:left;
	position:relative;
}

#header_menu a	{
text-decoration: none;
text-align: center;
}


/*  メニュー横幅・*/
.header_menu01{
	width:120px;
	height:40px;
	background: url(../../image/header_menu_home.png) no-repeat left top;
}

.header_menu01:hover{
	background-position:left bottom;
}

.header_menu02{
	width:120px;
	height:40px;
	background: url(../../image/header_menu_greeting.png) no-repeat left top;
}

.header_menu02:hover{
	background-position:left bottom;
}

.header_menu03{
	width:120px;
	height:40px;
	background: url(../../image/header_menu_info.png) no-repeat left top;
}

.header_menu03:hover{
	background-position:left bottom;
}

.header_menu04{
	width:120px;
	height:40px;
	background: url(../../image/header_menu_report.png) no-repeat left top;
}

.header_menu04:hover{
	background-position:left bottom;
}


/*  ヘッダーメニュー　sub */

.header_menu_sub01{
	margin:0px;
	width:120px;
	display: none;
	position: absolute;
	top:40px;
	left:0px;
}


.header_menu_sub01 li a {
	display: block;
	width:120px;
}



.header_menu_sub02{
	margin:0px;
	width:120px;
	display: none;
	position: absolute;
	top:40px;
	left:0px;
}


.header_menu_sub02 li a {
	display: block;
	width:120px;
}




.header_menu_sub03{
	margin:0px;
	width:120px;
	display: none;
	position: absolute;
	top:40px;
	left:0px;
}


.header_menu_sub03 li a {
	display: block;
	width:120px;
}

.header_menu_sub04{
	margin:0px;
	width:120px;
	display: none;
	position: absolute;
	top:40px;
	left:0px;
}


.header_menu_sub04 li a {
	display: block;
	width:120px;
}


#headerbox {
width: 1000px;
height:140px;
padding: 0px 0px 0px 0px;
}




/* メインバック
------------------------------------------------------------------------------------- */

#main {
clear: both;
width:100%;
min-width:1000px;
background: url(../../image/bodyback.png) repeat-y center; /*リピート*/
}


#content01 {
width: 1000px;
padding: 0px 0px 0px 0px;
margin-right: auto;
margin-left: auto;
}


#content01left {
width: 770px;
float: left;
text-align: left;
padding: 30px 0px 0px 0px;
}



/* タイトル
------------------------------------------------------------------------------------- */
#model_title {
padding: 0px;
width: 700px;
height: 65px;
background: url(../../image/career/model_title.png) no-repeat center;
}

#model_return_title {
	padding: 0px;
	width: 300px;
	height: 40px;
	background: url(../../image/career/career_model_title01.svg) no-repeat center;
}

#model_onoff_title {
	padding: 0px;
	width: 300px;
	height: 40px;
	background: url(../../image/career/career_model_title02.svg) no-repeat center;
}

#model_motivation_title {
	padding: 0px;
	width: 300px;
	height: 40px;
	background: url(../../image/career/career_model_title03.svg) no-repeat center;
}


/* アニメーションボタン
------------------------------------------------------------------------------------- */

.anime01{
	position: relative;
	width:250px;/*サイズは自由に変更*/
	height:50px;/*サイズは自由に変更*/
	border: double 6px #ffffff;
	color: #ffffff;
	font-size: 12pt;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background: url(../../image/career/color_pink.png) repeat; /*リピート*/
	border-radius: 50px;
	overflow: hidden;
	text-indent: -9999px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.anime01:hover{
	background: url(../../image/career/color_momo.png) repeat; /*リピート*/
}
.anime01:before{
	content:"申し込み";
	display:block;
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: -0.5em 0 0 0;
	color: #ffffff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.anime01:hover:before{
	color: #ffffff;
	top: 30%;
}
.anime01:after{
	content:"";
	display:block;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -7px;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top: 10px solid rgba(255,255,255,1);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	bottom:-20px;
}
.anime01:hover:after{
	bottom:0px;
}


#consultantlink a  {
padding: 15px 0px 0px 0px;
text-decoration: none;
display: inline-block;
width: 200px;
height: 34px;
border-radius: 34px;          /* 角丸 */
font-size: 12pt;        /* 文字サイズ */
text-align: center;      /* 文字位置 */
cursor: pointer;     /* カーソル*/
color: #ffffff;
border: double 6px #ffffff;    /*枠の指定*/
background: url(../../image/career/color_pink.png) repeat; /*リピート*/
}
#consultantlink a:hover  {
color: #ffffff;
border: double 6px #ffffff;    /*枠の指定*/
background: url(../../image/career/color_momo.png) repeat; /*リピート*/
}



#workinglink a  {
padding: 14px 0px 0px 0px;
text-decoration: none;
display: inline-block;
width: 280px;
height: 34px;
border-radius: 34px;          /* 角丸 */
font-size: 12pt;        /* 文字サイズ */
text-align: center;      /* 文字位置 */
cursor: pointer;     /* カーソル*/
color: #99cc66;
border: solid 2px #99cc66;    /*枠の指定*/
}
#workinglink a:hover  {
color: #ccff66;
border: solid 2px #ccff66;    /*枠の指定*/
}


/* ロールモデル非表示
------------------------------------------------------------------------------------- */
#model {
	display: none;
}

/* ロールモデルメニュー
#model_menu {
	display: flex;
}
------------------------------------------------------------------------------------- */
#model_menu table {
	border-collapse: collapse;
	width: 100%;
}

#model_menu th {
	padding: 5px;
	width: 100%;
	text-align:center
	}

#model_menu_link a  {
text-decoration: none;
display: inline-block;
width: 250px;
height: 80px;
}
#model_menu_link a:hover  {
opacity: 0.5;
}

#model_menu_link_xx a  {
	padding: 15px 0px 0px 0px;
	text-decoration: none;
	display: inline-block;
	width: 300px;
	height: 34px;
	border-radius: 34px;          /* 角丸 */
	font-size: 14pt;        /* 文字サイズ */
	text-align: center;      /* 文字位置 */
	cursor: pointer;     /* カーソル*/
	color: #ffffff;
	border: double 6px #ffffff;    /*枠の指定*/
	background: url(../../image/career/color_pink.png) repeat; /*リピート*/
}
#model_menu_link_xx a:hover  {
	color: #ffffff;
	border: double 6px #ffffff;    /*枠の指定*/
	background: url(../../image/career/color_momo.png) repeat; /*リピート*/
}




#model_menu_box01 {
	width: 254px;
	padding: 2px;
}
#model_menu_box01 a {
	height: 100px;
	width: 250px;
	background: url(../../image/career/career_model_button01.svg) no-repeat;
}
#model_menu_box01 a:hover {
	opacity:0.5;
}

#model_menu_box02 {
	width: 254px;
	padding: 2px;
}
#model_menu_box02 a {
	height: 100px;
	width: 250px;
	background: url(../../image/career/career_model_button02.svg) no-repeat;
}
#model_menu_box02 a:hover {
	opacity:0.5;
}

#model_menu_box03 {
	width: 254px;
	padding: 2px;
}
#model_menu_box03 a {
	height: 100px;
	width: 250px;
	background: url(../../image/career/career_model_button03.svg) no-repeat;
}
#model_menu_box03 a:hover {
	opacity:0.5;
}



/* ロールモデル紹介テーブル
------------------------------------------------------------------------------------- */
#model table {
border-collapse: collapse;
width: 100%;
}

#model td {
padding: 5px 10px 5px 10px;
font-size: 10pt;
width: 60px;
text-align: center;
vertical-align: center;
border-bottom: dashed 1.5px #d2b48c;
}

#model td p {
padding: 5px 0px 0px 0px;
height: 25px;
width: 60px;
border-radius: 12px; /* 角丸 */
color: #ffffff;
background-color: #ec6d71;
}

#model th.one {
padding: 5px 5px 15px 5px;
font-size: 10pt;
width: 145px;
text-align: center;
vertical-align: center;
border-bottom: dashed 1.5px #d2b48c;
}

#model th.two {
padding: 5px 5px 15px 5px;
font-size: 11pt;
width: 400px;
color: #666666;
text-align: left;
vertical-align: center;
border-bottom: dashed 1.5px #d2b48c;
}

#model th.three {
padding: 5px 10px 5px 20px;
font-size: 10pt;
color: #666666;
text-align: left;
vertical-align: center;
border-bottom: dashed 1.5px #d2b48c;
}


#personal {
padding: 0px 0px 0px 0px;
font-size: 10pt;
width: 150px;
height:70px;
}

#personal a  {
padding: 15px 0px 0px 0px;
text-decoration: none;
display: inline-block;
width: 150px;
height: 30px;
border-radius: 30px;          /* 角丸 */
font-size: 12pt;        /* 文字サイズ */
text-align: center;      /* 文字位置 */
cursor: pointer;     /* カーソル*/
color: #38a1db;
border: solid 2px #38a1db;    /*枠の指定*/
}

#personal a:hover  {
color: #89c3eb;
border: solid 2px #89c3eb;    /*枠の指定*/
}



/* model_list
------------------------------------------------------------------------------------- */
#model_list {
	padding: 5px 5px 5px 5px;
	font-size: 13pt;
}
	
#model_list table {
	border-collapse: collapse;
	width: 100%;
}
	
#model_list th.one {
	padding: 20px 5px;
	font-size: 12pt;
	color: #fff;
	text-align: center;
	vertical-align: center;
	background-color: #f09199;
	border-right: dashed 1px #fff;
}

#model_list th.two {
	padding: 20px 5px;
	font-size: 12pt;
	color: #424242;
	text-align: center;
	vertical-align: center;
	writing-mode: tb-rl;
	white-space: nowrap;
	background-color: #ffd6d6;
	border-right: dashed 1px #fff;
}

#model_list td.one {
	padding: 20px 5px;
	font-size: 12pt;
	color: #424242;
	text-align: center;
	vertical-align: center;
	background-color: #f8f4e6;
	border-right: dashed 1px #d2b48c;
}

#model_list td.two {
	padding: 20px 5px;
	font-size: 12pt;
	color: #424242;
	text-align: center;
	vertical-align: center;
	background-color: #fffff9;
	border-right: dashed 1px #d2b48c;
}

#model_list td.three {
	padding: 20px 5px;
	font-size: 12pt;
	color: #424242;
	text-align: center;
	vertical-align: center;
	background-color: #f8f4e6;
	border-top: dashed 1px #d2b48c;
	border-right: dashed 1px #d2b48c;
}





/* 個人紹介テーブル
------------------------------------------------------------------------------------- */
#personal_subtitle {
padding: 5px 5px 5px 5px;
font-size: 13pt;
color: #f09199;
border-bottom: dotted 2px #f09199;
}

#personal_intro table {
border-collapse: collapse;
width: 100%;
}

#personal_intro th.one {
padding: 5px 15px 15px 5px;
font-size: 11pt;
width: 155px;
text-align: center;
vertical-align: top;
}

#personal_intro td.one01 {
padding: 5px 0px 5px 10px;
font-size: 11pt;
color: #404040;
width: 70px;
text-align: left;
vertical-align: top;
}

#personal_intro td.one02 {
padding: 5px 10px 5px 0px;
font-size: 11pt;
color: #404040;
width: 400px;
text-align: left;
vertical-align: top;
}

#personal_intro th.two01 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: left;
vertical-align: top;
border-right: dashed 1.5px #d2b48c;
background-color: #f8f4e6;
}

#personal_intro td.two01 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: left;
vertical-align: top;
background-color: #f8f4e6;
}

#personal_intro th.two02 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: left;
vertical-align: top;
border-right: dashed 1.5px #d2b48c;
background-color: #fffff9;
}

#personal_intro td.two02 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: left;
vertical-align: top;
background-color: #fffff9;
}

#personal_intro th.three01 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
width: 110px;
text-align: center;
vertical-align: top;
border-right: dashed 1.5px #f5ecf4;
background-color: #d1bada;
}

#personal_intro td.three01 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: center;
vertical-align: top;
background-color: #d1bada;
}

#personal_intro th.three02 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: left;
vertical-align: top;
border-right: dashed 1.5px #bcbace;
background-color: #f5ecf4;
}

#personal_intro td.three02 {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: left;
vertical-align: top;
background-color: #f5ecf4;
}

#personal_intro th.four {
padding: 5px 10px;
font-size: 11pt;
color: #404040;
text-align: left;
vertical-align: top;
}











/* コンテンツライト
------------------------------------------------------------------------------------- */

#content01right {
width: 230px;
float: right;
text-align: left;
padding: 30px 0px 0px 0px;
}


/* キャリアライトメニュー
------------------------------------------------------------------------------------- */

#career_right_title {
clear: both;
width: 230px;
overflow: hidden;
padding: 0px 0px 0px 0px;
}

#career_right_title li {
list-style-type: none;
padding: 0;
}

#career_right_title li a {
text-indent: -9999px;
display: block;
text-decoration: none;
}

#career_right_title li#career a {
height: 150px;
width: 230px;
background: url(../../image/career/career_right_title.png) no-repeat left top;
}

#career_right_title li#career a:hover {
background-position:left bottom;
}








#career_right {
padding: 0px 0px 0px 10px;
}

#right_slide ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#right_slide01 {
  padding: 0px 5px 0px 0px;
  width:200px;
  height: 40px;
background: url(../../image/career/career_right01.png) no-repeat center;
}

#right_slide02 {
  padding: 0px 5px 0px 0px;
  width:200px;
  height: 40px;
background: url(../../image/career/career_right02.png) no-repeat center;
}

#right_slide03 {
  padding: 0px 5px 0px 0px;
  width:200px;
  height: 40px;
background: url(../../image/career/career_right03.png) no-repeat center;
}

#right_slide04 {
  padding: 0px 5px 0px 0px;
  width:200px;
  height: 40px;
background: url(../../image/career/career_right04.png) no-repeat center;
}

#right_slide05 {
  padding: 0px 5px 0px 0px;
  width:200px;
  height: 40px;
background: url(../../image/career/career_right05.png) no-repeat center;
}



/*サイドメニュー
------------------------------------------------------------------------------------- */

#sidemenu {
clear: both;
width: 230px;
overflow: hidden;
padding: 0px 0px 0px 0px;
}

#sidemenu li {
list-style-type: none;
padding: 0;
}

#sidemenu li a {
text-indent: -9999px;
display: block;
text-decoration: none;
}

#sidemenu li#home a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_home.png) no-repeat left top;
}

#sidemenu li#home a:hover {
background-position:left bottom;
}

#sidemenu li#greeting a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_greeting.png) no-repeat left top;
}

#sidemenu li#greeting a:hover {
background-position:left bottom;
}

#sidemenu li#info a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_info.png) no-repeat left top;
}

#sidemenu li#info a:hover {
background-position:left bottom;
}

#sidemenu li#report a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_report.png) no-repeat left top;
}

#sidemenu li#report a:hover {
background-position:left bottom;
}

#sidemenu li#career a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_career.png) no-repeat left top;
}

#sidemenu li#career a:hover {
background-position:left bottom;
}

#sidemenu li#compatible a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_compatible.png) no-repeat left top;
}

#sidemenu li#compatible a:hover {
background-position:left bottom;
}

#sidemenu li#medical a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_medical.png) no-repeat left top;
}

#sidemenu li#medical a:hover {
background-position:left bottom;
}

#sidemenu li#inquiry a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_inquiry.png) no-repeat left top;
}

#sidemenu li#inquiry a:hover {
background-position:left bottom;
}

#sidemenu li#access a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_access.png) no-repeat left top;
}

#sidemenu li#access a:hover {
background-position:left bottom;
}

#sidemenu li#link a {
height: 50px;
width: 230px;
background: url(../../image/saidmenu_link.png) no-repeat left to
}

#sidemenu li#link a:hover {
background-position:left bottom;
}







#content01bottom {
clear: both;
width: 1000px;
padding: 0px 0px 0px 0px;
margin-right: auto;
margin-left: auto;
}








/* メインボトム
------------------------------------------------------------------------------------- */

#mainbottom {
clear: both;
height:70px;
width:100%;
min-width:1000px;
padding: 0px 0px 0px 0px;
background: url(../../image/main_bottom.png) no-repeat center;
}


/* フッターを幅いっぱいにする為のボックス
------------------------------------------------------------------------------------- */

#footerbg {
clear: both;
width:100%;
min-width:1000px;
margin-right: auto;
margin-left: auto;
background: url(../../image/footer_back.png) repeat; /*リピート*/
}

/* フッター
------------------------------------------------------------------------------------- */

#footertop        {
padding: 5px 0px 3px 0px;
color: #996633;
width: 1000px;
margin-right: auto;
margin-left: auto;
text-decoration: none;
text-align: center;
}

/* フッター*/
#footer {
width: 1000px;
margin-right: auto;
margin-left: auto;
color: #666666;
text-align: center;
}

#footer a {
color: #666666;
text-decoration: none;
}