@charset "utf-8";
/*clr
-------------------------------------------------------------------------------------*/



/* pc
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
body{
	text-align: center;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-position:top center;
	background-size: cover;
	background-attachment: fixed;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.75;
	color:#333;
}
.font20px{font-size: 1.3em;}
a:link {color:#333333; text-decoration:none;}
a:visited {color:#505050;text-decoration:none;}
a:hover {color:#ccc; text-decoration:none;}
a:active {color:#505050;text-decoration:none;}
.fontSCD {color:#e97212;}


/* header
--------------------------------------------------------------------------------------*/
header {
	position: fixed;
  z-index: 8880;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
	border-bottom:10px solid #F79940; 
}

header #header{
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	padding: 1% 0;
	text-align:center;
}
header .inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
header #header h1 {
	position: relative;
  margin: 0;
  padding: 0;
  z-index: 8888;
}
header #header ul#headR {
  display: flex;
  margin: 0 0 0 auto;
}
header #header ul#headR li{
	margin-left: 2%;
	display: inline;
}
header #header ul#headR li:first-child {
  margin-left: 0;
}
#header.scroll {
  position: fixed;
  background: #EEE;
  animation-name: anime;
  animation-duration: 0.3s;
}
@keyframes anime {
	0% {opacity: 0;}
  100% {opacity: 1;}
}



/* nav
--------------------------------------------------------------------------------------*/
#nav {
	position: fixed;
  box-sizing: border-box;
	top: 150px;
	right: 0;
	z-index: 1232;
	background-color: #ebebeb;
	border-top: 3px solid #666666;
	border-left: 3px solid #666666;
	border-bottom: 3px solid #666666;
	border-radius: 20px 0 0 20px;
	padding: 1% 1%;
}
#nav2 {
	position: fixed;
  box-sizing: border-box;
	top: 430px;
	right: 0;
	z-index: 1233;
	background-color: #dd2c00;
	border-top: 3px double #fff;
	border-left: 3px double #fff;
	border-bottom: 3px double #fff;
	border-radius: 20px 0 0 20px;
	padding: 1% 1%;
}
#nav #menu,
#nav2 #menu2 {
	width: 100%;
}

#nav #menu li{
  display: block;
	text-align:left;
	margin-bottom: 2%;
	font-weight: 700;
}
#nav #menu li.menu_title {
	text-align: center;
	font-weight: 700;
	color: #666666;
}
#nav2 #menu2 li {
	width: 210px;
  display: block;
	text-align:left;
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1;
}
#nav #menu li a{
  width: 96%;
	padding: 2% 0 2% 25px;
  margin: 0;
	text-decoration:none;
	background:url("../img/common/arrowD.png") no-repeat 0px 3px;
	background-size: 18px 18px;
}
#nav2 #menu2 li a {
  width: 96%;
  padding: 0% 0 0% 25px;
  margin: 0;
  text-decoration:none;
  background:url("../img/common/arrowD.png") no-repeat 0px center;
  background-size: 20px 20px;
}
#nav #menu li a{color: #666666;}
#nav2 #menu2 li a{color: #fff;}

#nav #menu li a:hover {color: #D21700;}
#nav2 #menu2 li a:hover {color: #febeae;}
.slicknav_menu {display:none;}
#nav #menu li.spBtn{display:none !important;}


/* common
--------------------------------------------------------------------------------------*/
#wrapper{
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}

#wrapper section.containar{
	width: 100%;
  position: relative;
	/*padding-top: 110px;
	margin-top: -110px;*/
}
#wrapper .containar .box1000 {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	display: block !important;
	clear: both;
}
/*
#wrapper .containar .box {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	display: block !important;
	clear: both;
}*/


.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	/*align-items:center;*/
}
.flex.w86{
	width:86%;
	margin-left:7%; 
	margin-right:7%;
}
.flex .item2{
	width:calc(42%);
	box-sizing: border-box;
	margin:0 8% 5% 0;
}
.flex .item2:nth-child(2n){margin:0 0 8% 0;}

.flex .item3{
	width:calc(30%);
	box-sizing: border-box;
	margin:0 5% 5% 0;
}
.flex .item3:nth-child(3n){margin:0 0 5% 0;}

.flex .item6{
	width: calc(100% / 6 - 1%);
	box-sizing: border-box;
	margin:0 0.5% 0.5% 0.5%;
}

.flex .item2 img{
	width:100%;
	height: auto;
}

ul.lists{
}
.lists li{
text-align: left;
display: block;
}
ul.lists.sns li{
	text-align: center;
	margin-bottom: 4%;
}

table.form{
	margin:0 15%;
	text-align: left;
}
.form th{
width: 8%;
padding: 15px 20px 15px 0;
font-weight: 700;
vertical-align: top;font-size: 1,.3em;
	white-space: nowrap;
}

.form td{
padding:15px 0 15px 20px;
vertical-align:top;
}

::-webkit-input-placeholder {color:#b6b6b6;} :-moz-placeholder {color:#b6b6b6;}
.form td input{margin-bottom:5px;}
input[type='submit'], input[type='button'], label, button, select {cursor: pointer;}
input, textarea {border: 1px solid #ccc; border-radius: 5px; margin: 0; padding:10px;}
input[type='radio'], input[type='checkbox']{margin-right: 1%;margin-left: 1em;}
input[type='radio']:first-child, input[type='checkbox']:first-child{margin-right: 1%;margin-left: 0;}
input[type='submit'],
#confirm_btn,
#back_btn,
#submit_btn{
	border-radius: 5px;
	background-color: #1D8DEE;
	color: #fff;
	letter-spacing:1em;
	padding-left: 2em;
	transition: all  0.3s ease;
}
input[type='submit'],
#confirm_btn:hover,
#back_btn:hover,
#submit_btn:hover{/*background-color: #badfff;*/opacity:0.60; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60)";}
input[type='text']{
  width: 90%;
	
}
input.text{width: 40%;}
select {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  background: #eee;
}

textarea {
	width: 90%;
  height: 8em;
  border-radius: 5px;
}



#footer {
	width: 100%;
	clear:both;
	margin: 0;
	padding: 1% 0;
	text-align:center;
  font-size: .8em;
}

/*youtube*/
#youtube{
  position: relative;
	text-align: center;
	padding: 160px 0 60px 0;
}

#video01 {
    width:680px;
    height:383px;
}

/*main*/
#main{
  position: relative;
	text-align: center;
	background: url("../img/index/mainBg.png") repeat;
	border-bottom:10px solid #f79940; 
}

#main #mainBox{
	max-width: 1000px;
	min-height: 560px;
	/*padding: 120px 0 0 0;*/
	margin: 0 auto 0 auto;/* 40+100 */
	display: block;
	clear: both;
	background: url("../img/index/main.png") no-repeat center bottom;
	background-size: 100% auto;
  position: relative;
}
#main #mainBox #mainBtn{
  position: absolute;
	right: 5%;
	bottom:10%;
	z-index: 888;
}


/*points*/
#points{
	padding: 0 0 2% 0;
	margin-top: -4%;
  position: relative;
	text-align: center;
}
#points h2{
	width: 90%;
	margin: 4% 5% 4% 5% !important;
	text-align: center;
	position: relative;
}
#points h2 img{
	width: 100%;
	height: auto;
}

/*selfcareerdock*/
#selfcareerdock{
	background-color: #e9f3fa;
}
#selfcareerdock h2{
	background: url("../img/index/points_h2_bg.png") repeat-x center center;
	z-index: 700;
	position: relative;
	margin: 0 0 2% 0;
}
#selfcareerdock .boxBorder{
	border: 3px solid #666;
	background-color: #fff;
	border-radius: 10px;
	margin:0 0 8% 0;
}

#selfcareerdock .boxBorder h3{
	width: 74%;
	margin: -3% 13% 5% 13%;
}
#selfcareerdock .boxBorder h3 img{
	width: 100%;
	height: auto;
}
#selfcareerdock .box1000 .width{
	width: 77%;
}
#selfcareerdock .box1000 .width.inner,
#career_consulting .box1000 .width.inner{
	margin-left: 15%;
	margin-right: 8%;
}
#selfcareerdock .boxBorder .inner{
	margin-left: 19.5%;
	margin-right: 18%;
}

#selfcareerdock .boxBorder .plan_image{
	margin-bottom: 4%;
}

#selfcareerdock .pdf_area{
	background-color: #d8eaf6;
	padding-top: 2%;
	padding-bottom: 2%;
}
#selfcareerdock .pdf_area .download{
	width: 80%;
	min-height: 180px;
	position: relative;
	margin: 0 auto;
	background:url("../img/index/download.png") no-repeat center center;
	background-size: contain;
}
#selfcareerdock .pdf_area .download img.btn{
	position: absolute;
	left: 30.5%;
	bottom: 2%;
}
#selfcareerdock h4{
	margin-bottom: 40px;
}

#selfcareerdock h5{
	margin-bottom: 20px;
	background-color: #81BEEA;
	color: #333333;
	font-size: 1.5em;
	text-align: center;
	border-radius: 5px;
	font-weight: 700;
	padding: 1% 1%;
}

/* case */
#case{
	padding: 5% 0 2% 0;
}
#case h2{
	margin-bottom: 5%;
}

#case dl{
	text-align: left;
	font-weight: 700;
}
#case dt{
	width: auto;
	font-size: 1.3em;
	margin-bottom: 10px;
}
#case dt span{
border: 2px solid;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 2% 3%;
}
#case dt span.dt_blue{border-color: #0083D8;color: #0083D8;}
#case dt span.dt_green{border-color: #008880;color: #008880;}
#case dt span.dt_pink{border-color: #CF006C;color: #CF006C;}
#case dd{	font-size: 1.1em;}
#case dd.more{background: url("../img/common/arrow2.png") no-repeat 0px 5px; background-size: 10px 16px; padding-left: 22px;}
#case dd.more a{color: #ff6600;}
#case dd.more a:hover{color: #fcce9c;}
#case dd.more a span{background: url("../img/common/blank2.png") no-repeat right 0px;background-size: 18px 15px; padding-right: 23px;}


/* welcome */
#welcome{
	background-color: #f7efe9;
	padding:0 0 5% 0;
	margin-top: 5%;
}
#welcome h2{
	text-align: center;
	background-color: #F79940;
	color: #fff;
	font-size: 2.7em;
	font-weight: 700;
	margin-bottom: 3%;
}
#welcome h3{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 3%;
	font-size: 2.7em;
	font-weight: 700;
	line-height: 1.2;
}
#welcome h3 span{
	border-bottom:5px solid #F79940;
	margin-top: 2px;
	display: inline-block;
}

/* company */
#company{
	background-color: #f7efe9;
	padding:0 0 240px 0;
}

#company h3{
	text-align: center;
	font-size: 2.7em;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 3%;
}
#company h3 span{
	border-bottom:5px solid #F79940;
	margin-top: 2px;
	display: inline-block;
}


/* career_consulting */
#career_consulting{
	background-color: #f9cda1;
	position: relative;
	text-align: center;
}

#career_consulting h2{
	margin-bottom: 3%;
}
#career_consulting h2 img{
	position:relative;
	margin-top: -180px;
}

#career_consulting .career_consultingBg{
	background-color: #f7efe9;
}
#career_consulting .career_consultingBg .career_consulting01 img{margin-top: -5%;}
#career_consulting .career_consultingBg .career_consulting02 img{}


/* voice*/
#voice{
	background-color: #F7EFE9;
	padding:0 0 140px 0;
}
#voice h2{
	text-align: center;
	margin-bottom: 5%;
	background-color: #F79940;
	color: #fff;
	font-size: 2.7em;
	font-weight: 700;
}
#voice h3{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 3%;
	font-size: 2.7em;
	font-weight: 700;
	line-height: 1.2;
}
#voice h3 span{
	border-bottom:5px solid #F79940;
	margin-top: 2px;
	display: inline-block;
}


/* contactus
--------------------------------------------------------------------------------------*/
#contactus{
	background-color: #e9f3fa;
	position: relative;
	padding-bottom: 5%;
}
#contactus h2{
	margin-bottom: 3%;
}
#contactus h2 img{
	position:relative;
	margin-top: -90px;
}
#contactus h3{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 3%;
	font-size: 2.7em;
	font-weight: 700;
	line-height: 1.2;
}
#contactus h3 span{
	border-bottom:5px solid #81BEEA;
	margin-top: 2px;
	display: inline-block;
}
#contactus form table{
	width: 70%;
	margin: 0 15%;
	text-align: left;
}




/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------
@media screen and (max-width: 1260px) {
html, body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size:16px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

#main #mainBox{
	max-width: inherit;
	padding: 1% 0 0 0;
	min-height:300px;
	margin: 0 0;
}
#wrapper .containar .box,
#wrapper .containar .box1000 {
	max-width:inherit;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
#points div{
	width: 90%;
	margin:auto 5%;
}
#points div img{
	width: 100%;
	height: auto;
}
.font20px{font-size: 100%;}
#nav, #nav #menu li.menu_title{display: none !important;}
.slicknav_menu {display:block;}
header #header #headR {display: none !important;}
}
@media (orientation: landscape){
html, body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size:16px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #0f0;
}

}

*/


/* media screen and (min-width: 480px) and (max-width: 767px)  {
@media screen and (min-width: 600px){
デバイスが横向きの場合
@media (orientation: landscape){
 background-color: #ffa8c8;
}
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
html, body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size:16px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
.font20px{font-size: 100%;}
#nav, #nav #menu li.menu_title{display: none !important;}
.slicknav_menu {display:block;}
header #header #headR {display: none !important;}

}

@media screen and (width: 767px) {
html, body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size:16px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
#main #mainBox{
	max-width: inherit;
	padding: 1% 0 0 0;
	min-height:300px;
	margin: 0 0;
}

#wrapper .containar .box,
#wrapper .containar .box1000 {
	max-width:inherit;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 5%;
	padding-left: 5%;
}
#points div{
	width: 90%;
	margin:auto 5%;
}
#points div img{
	width: 100%;
	height: auto;
}

}

@media (orientation: portrait){
html, body{
	font-size:16px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
.font20px{font-size: 120%;}
#wrapper .box1000 {
	max-width:inherit;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
#selfcareerdock .box1000._ipadT p{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}

#nav, #nav #menu li.menu_title, #nav2{display: none !important;}
.slicknav_menu {display:block;}
header #header #headR {display: none !important;}
}

/*----------------------------------------------------------*/
/* タブレット用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-device-width: 481px) and (orientation:portrait) {
h2.forPc img{
	position: relative;
	margin-top:-40px !important;
	z-index: 7000 !important;
	margin-bottom: 30px;
}
}

/* sp
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {
html, body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size:13px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
.font20px{font-size: 120%;}

header {border-bottom:3px solid #F79940;}
#wrapper .containar .box,
#wrapper .containar .box1000 {
	max-width:inherit;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
#main #mainBox{
	max-width: inherit;
	width: 100%;
	padding: 0;
	min-height:280px;
	margin: 0;
	background: url("../img/index/mainS.png") no-repeat center bottom;
	background-size: 100% auto;
}
#main #mainBox #mainBtn{
		width: 20%;
	right: 2.5% !important;
	bottom:10%;
	position: absolute;
}
	#main #mainBox #mainBtn img{
		width: 100%;
		height: auto;
}

/*youtube*/
#youtube{
  position: relative;
	text-align: center;
	padding: 80px 0 20px 0;
	background-color: #E0E0E0;
}

#video01 {
    max-width:680px;
    width:100%;
    height:auto;
}


.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
	
#points div{
	width: 90%;
	margin:auto 5%;
}
#points div img{
	width: 100%;
	height: auto;
}
#selfcareerdock h2{
	background-size: auto 100%;
	margin-bottom: 5%;
}

#selfcareerdock h2 img{
	width: 94%;
	margin: 0 3% 1% 3%;
}

#selfcareerdock .box1000 p{
	width: 90% !important;
	padding:0 5% !important;
}
#selfcareerdock .box1000 p span{
	font-size: 100%;
}
#selfcareerdock .boxBorder{
	width: 100% !important;
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
	border-right: none;
	border-left: none;
	background-color: #fff;
	border-radius: 0;
}
#selfcareerdock .boxBorder h3{
	width: 94%;
	margin: -4% 3% 5% 3%;
}
	#selfcareerdock .box1000 .width{
	width: 100%;
}
#selfcareerdock .box1000 .width.inner,
#career_consulting .box1000 .width.inner{
	margin-left: 0;
	margin-right: 0;
}
	
	#selfcareerdock .plan_image	{
	width: 90%;
		margin: 0 5%;
	}
#selfcareerdock .plan_image img{
	width: 100%;
	height: auto;
}
#selfcareerdock .boxBorder .inner{
	margin-left: 0;
	margin-right: 0;
}
#selfcareerdock .boxBorder .inner.box2nd{
	width: 90%;
		margin: 0 5% 5% 5%;
}
#selfcareerdock .boxBorder .inner.box2nd .width47 img{
	width: 100%;
	height: auto;
}
#selfcareerdock .width67,
#selfcareerdock .width75,
#career_consulting .width60{
	width: 100% !important;
}
#selfcareerdock .pdf_area{
	width: 90%;
	padding: 5% 5%;
}
#selfcareerdock .pdf_area .download{
	width: 100%;
	min-height:inherit;
	position: relative;
	margin: 0;
	background:none;
}
#selfcareerdock .pdf_area .download img.btn{
	display: none;
}
#selfcareerdock .pdf_area img{
	width: 100%;
	height: auto;
}

#selfcareerdock .flex{
	display:block;
}
	
#selfcareerdock .flex .item3{
	width:calc(90%);
	margin:0 5% 5% 5%;
}
#selfcareerdock .flex .item3:nth-child(3n){margin:0 5% 5% 5%;}

/* case */
#case{
	padding: 8% 0;
}
#case h2 img{
	width: 100%;
		height: auto;
}

#case .flex{
	display:block;
}
#case .flex.w86{
	width:100%;
	margin-left:0; 
	margin-right:0;
}
#case .flex.w86 .item2{
	width:calc(90%);
	box-sizing: border-box;
	margin:5% 5% 10% 5%;
}
#case .flex.w86 .item2:nth-child(2n){margin:5% 5% 10% 5%;}

#case dt{
	font-size: 120%;
}
#case dt span{
padding: 1% 2%;
}

#case dd{
	font-size: 120%;
}
#case dd.more{background: url("../img/common/arrow.png") no-repeat 0px 6px; background-size: 8px 12px; padding-left: 16px;}
#case dd.more a span{background: url("../img/common/blank.png") no-repeat right 3px;background-size: 15px 12px; padding-right: 20px;}

/* case */
#welcome{
	padding:0 0 5% 0;
}

#welcome h2{
	padding: 1.5% 0;
	font-size: 1.5em;
}
#welcome .width70,
#welcome .width74,
#welcome .width25{
	width: 90%;
	margin: 5%;
}
#welcome ._spW90{
	width:80%;
	padding: 5%;
}
#welcome ._spW90 .width55,
#welcome ._spW90 .width40{
	width:90%;
	margin: 0 5%;
	padding: 0;
}
#welcome ._spW90 .fL,
#welcome ._spW90 .fR{
		float: none;
		display: block;
	
}
ul.lists.sns{
	display: none;
}
#company h3,
#welcome h3{
	font-size: 1.4em;
}
#company h3 span,
#welcome h3 span{
	border-bottom:5px solid #F79940;
	margin-top: 2px;
	display: inline-block;
}


/* company */
#company{
	padding:0 0 23% 0;

}
#company .flex{
		width: 90%;
		margin: 5%;
	}
#company .flex .item6{
	width: calc(100% / 3 - 1%);
	box-sizing: border-box;
	margin:0 0.5% 0.5% 0.5%;
}
#company .flex .item6 img{
	width: 100%;
	height: auto;
}
/* career_consulting */
#career_consulting{
}

#career_consulting h2 img{
	width: 90%;
	margin: -23% 5% 5% 5%;
	height: auto;
}
#career_consulting ._spW90 p{
	padding:0 5%;
}
#career_consulting .career_consultingBg{
	padding: 0;
}	
#career_consulting .career_consultingBg .career_consulting01 img,
#career_consulting .career_consultingBg .career_consulting02 img{
	width: 90%;
	height: auto;
	margin-top: 5%;
	padding: 5%;
}
#career_consulting .box1000 .width.inner .mgB100{ margin-bottom: 40px !important;}

/* voice*/
#voice{
	background-color: #F7EFE9;
	padding:0 0 140px 0;
}
#voice h2{
	padding: 1.5% 0;
	font-size: 1.5em;
}
#voice .width70,
#voice .width25{
		width: 90%;
		margin: 5%;
}
#voice h3{
	font-size: 1.4em;
}
#voice h3 span{
	border-bottom:5px solid #F79940;
	margin-top: 2px;
	display: inline-block;
}

/* contactus*/
#contactus h2{
	margin-bottom: 3%;
}
#contactus h2 img{
	width: 100%;
	height: auto;
	margin-top: 0;
}
#contactus h3{
	font-size: 1.4em;
}
#contactus h3 span{
	border-bottom:5px solid #81BEEA;
	margin-top: 2px;
	display: inline-block;
}
#contactus form table{
	width: 90%;
	margin: 0 5%;
	text-align: left;
}
table.form{
	width:90% !important;
	margin: 0;
	padding: 0;
	text-align: left;
	clear:both;
}
.form th{
	width: auto !important;
	display: block;
	margin: 0 0 1% 0;
	padding:0;
	word-break: break-all;
	white-space: normal;
}

.form td{
	width: auto;
	display: block; 
	margin: 0;
	padding:0 0 5% 0;
	text-align:left;
}

input[type='text']{ width: 95%;}
input.text{width: 40%;}

textarea {
	width: 95%;
  height: 8em;
  border-radius: 5px;
}
.form td span{
		display: block;
}
h2.forSp.atM{
	position: relative;
	margin-top: -25px;
	z-index: 7000 !important;
	margin-bottom: 30px;
}
#selfcareerdock p span{font-size: 0.9em !important;}

}