@charset "UTF-8";
/*
 * [ css ] default.css
 * Date: 12/20/2018
 * Author: Copyright(C) Nippon Manpower Co., Ltd. All rights reserved.
 * 
 * NMP Career Consultant Growth Support Service
 * Default style
*/



/* ----------- *
  initialize
*/
html,body	{	height: 100%;}
body {	background-color: #FFF;	color: #000; text-align: center;	font-family: "Lato", "Noto Sans CJK JP", "Noto Sans JP L2", sans-serif;	-webkit-text-size-adjust: 100%;	word-wrap: break-word; overflow-wrap: break-word;}
body.fixed_pos	{	overflow: hidden;}
button,input,select,textarea {	font-size: 100%;	font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}
a:link,
a:visited { color: #06C; text-decoration: none;}

/** initialize @media **/
@media (min-width: 781px) {
	a:hover { color: #09F;	text-decoration: underline;}
	a:active { color: #F30;	text-decoration: underline;}
}
@media (max-width: 780px) {
	body {	min-width: 320px;}
}


/* ----------- *
  webfontloader
*/
html>body	{	height: 100%;	opacity: 0;}
html.wf-loading>body {	background: transparent url('/cc-portal/_assets/_img/mw_loading_icon.gif') no-repeat center center;	overflow: hidden;}
html.wf-active>body,
html.wf-inactive>body {	-webkit-transition: opacity 1s ease-out 0s;	transition: opacity 1s ease-out 0s;	opacity: 1;}



/* ----------- *
  common style
*/

/* anchor */
a.blank::after	{ content: "\e864";	position: relative;	top: -2px;	left: 3px;	font-size: 0.6875rem;	font-family: "mw_iconfont";}



/* ----------- *
  basic layout
*/

/** header#header 
  module.css - header module for the style details
**/
#header	{	position: fixed;	top:0;	left: 0; right: 0;	width: 100%;	padding: 24px 0;	background-color: rgba(255,255,255,0.7);	transition: all .3s ease-out 0s;	z-index: 4; will-change: transform;	backface-visibility: hidden;}
#header.transform	{	background-color: rgba(255,255,255,0.9);	padding: 8px 0;}


/** div#container 
**/
#container	{	position: relative;	padding-top: 88px;	background-color: transparent; z-index: 1;}


/** - main#content 
**/
#content	{	position: relative;}
#content::after {	content: ""; display: block; height: 0;	clear: both;}

/* main#content>section */
#content>section	{	position: relative;	padding: 80px 24px 120px;}
#content>section>header,
#content>section>div	{	position: relative;	width: 100%;	max-width: 1200px;	margin: 0 auto;}
/* - header */
#content>section>header>h1>*	{	display: block;	width: auto;	margin: 0 auto;}
#content>section>header>h1>span	{	position: absolute;	left: 50%;	top: -32px;	margin: 0;	transform: translateX(-50%);	font-weight: 700;	font-size: 1.125rem;	line-height: 1.1;	opacity: 0.4;}
#content>section>header>h1>span>span	{	display: none;}
#content>section>header>h1>em	{	font: normal 500 2.5rem/1.2	"Note Serif JP L1", serif; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
#content>section>header>p	{	margin-top: 16px;	font: normal 500 1rem/1.2	"Note Serif JP L1", serif;}
/* - div */
#content>section>div	{	padding-top: 64px;}
#content>section>div::after {	content: ""; display: block; height: 0;	clear: both;}
/* - section.subsection */
#content section.subsection>header>h2>*	{	display: block;	width: auto;	margin: 0 auto;}
#content section.subsection>header>h2>span	{	color: #999;	font-weight: 700;	font-size: 0.875rem;	line-height: 1.1;}
#content section.subsection>header>h2>span>span	{	display: none;}
#content section.subsection>header>h2>em	{	font: normal 500 1.5rem/1.2	"Note Serif JP L1", serif; text-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
#content section.subsection>header>h2>span+em	{	margin-top: 4px;}
#content section.subsection>div	{	padding-top: 24px;}


/** footer#footer 
  module.css - footer module for the style details
**/
#footer	{	position: relative;	width: 100%;	background-color: #81D305; z-index: 2;}


/** #pagetop_button
**/
#pagetop_button	{	position: fixed;	height: 66px;	width: 68px;	top: auto;	right: 0;	bottom: 0; left: auto;	z-index: 3;}
#pagetop_button a	{	position: relative;	display: block;	height: 56px;	width: 56px;	background-color: rgba(129,211,5,0.4);	border-radius: 100%;	color: #FFF;	text-decoration: none;	opacity: 0;	transition: all .3s ease-in-out 0s;}
#pagetop_button a>i	{	position: absolute;	display: block;	width: 32px;	height: 32px; top: 10px; left: 12px;	overflow: hidden;	transition: all .1s ease-out 0s;}
#pagetop_button a>i::before	{	margin: 0;	font-size: 2rem;	line-height: 1;}
#pagetop_button a>span	{	display: none;}
#pagetop_button.show a	{	opacity: 1;}
#pagetop_button.posfix	{	position: absolute;}
#pagetop_button.posfix a	{	background-color: rgba(129,211,5,1);}


/** basic layout @media **/
/*
@media (orientation: portrait){}
@media (orientation: landscape){}
@media (orientation: landscape) and (max-width: 960px){}
*/
@media (min-width: 781px) {
	/* #pagetop_button */
	#pagetop_button a:hover	{	background-color: rgba(129,211,5,1);}
	#pagetop_button a:hover>i	{	top: 4px;}
}
/*@media (max-width: 960px) {
}*/
@media (max-width: 780px) {
	/* #header */
	#header	{	padding: 16px 0;}
	
	/* #container */
	#container	{	padding-top: 64px;}
	
	/* #content */
	#content>section	{	padding: 80px 16px;}
	
	/* #pagetop_button */
	#pagetop_button	{	height: 58px;	width: 56px;}
	#pagetop_button a	{	height: 48px;	width: 48px;	background-color: rgba(129,211,5,1);}
	#pagetop_button a>i	{ top: 6px; left: 8px;}
	#pagetop_button.posfix a	{	background-color: rgba(129,211,5,0);}
}
@media (max-width: 640px) {
	/* #content */
	#content>section	{	position: relative;	padding: 64px 10px;}
	#content>section>header h1>span	{	top: -24px;	font-size: 1rem;}
	#content>section>header h1>em	{	font-size: 2rem;}
	#content>section>header>p	{	margin-top: 8px;	font-size: 1rem;}
	#content>section>div	{	padding-top: 56px;}
	#content section.subsection>header>h2>span	{	font-size: 0.8125rem;}
	#content section.subsection>header>h2>em	{	font-size: 1.25rem;}
	
	/* #pagetop_button */
	#pagetop_button	{	display: none;}
}
@media (max-width: 480px) {
	/* #content */
	#content>section>header h1>em	{	font-size: 1.625rem;}
	#content>section>header>p	{	font-size: 0.8125rem;}
	#content>section>div	{	padding-top: 48px;}
	#content section.subsection>header>h2>span	{	font-size: 0.75rem;}
	#content section.subsection>header>h2>em	{	font-size: 1.125rem;}
}



/* ----------- *
  utility
	_assets/_css/mw_style.css - 'utility' for the style details
*/

/* aside.social_buttons */
.social_buttons::after {	content: ""; display: block; height: 0;	clear: both;}
.social_buttons>ul	{	width:auto;}
.social_buttons>ul>li	{	float: left;	margin-left: 16px;	line-height: 0;	font-size: 0;}
.social_buttons>ul>li:first-child	{	margin-left: 0;}
.social_buttons a	{	display: block;	height: 24px;	width: 24px;	text-decoration: none;	line-height: 0.875rem;	font-size: 0.875rem;	transition: opacity .3s ease-in-out 0s;}
.social_buttons img	{	height: 100%;	width: 100%;}

/* .topics_list */
.topics_list li	{	border-top: solid 1px #DDD;	text-align: left;}
.topics_list li:last-child	{	border-bottom: solid 1px #DDD;}
.topics_list li a	{	position: relative;	display: block;	padding: 24px 24px 24px 160px;	background-color: transparent;	color: #000;	font-size: 1rem;	line-height: 1.2; text-decoration: none;	transition: all .3s ease-in 0s;}
.topics_list li a>span.date	{	position: absolute;	top: 24px;	left: 4px;	display: block;	color: #888;	white-space: nowrap;}
.topics_list li a>div>p	{	line-height: 1.4;}
.topics_list li a>div>p>em	{	font-style: normal;}
.topics_list li a>div span.texticon	{	padding: 3px 8px 4px;	margin: 4px 4px 0 0;	background-color: transparent;	border: solid 1px #999;	color: #666;}
.topics_list .empty	{	padding: 18px 0 24px;	color: #666;}

/* .topics_detail */
.topics_detail article	{	border-top: solid 1px #DDD;		border-bottom: solid 1px #DDD;	text-align: left;}
.topics_detail article>header h1	{	padding: 32px;	background-color: #F0FEDC;	font-weight: 400;	font-size: 1.75rem;	line-height: 1.2;}
.topics_detail article>header::after {	content: ""; display: block; height: 0;	clear: both;}
.topics_detail article>header p.icon	{	float: left;	padding-top: 10px;}
.topics_detail article>header p.icon>span.texticon	{	padding: 3px 8px 4px;	margin: 6px 6px 0 0;	background-color: transparent;	border: solid 1px #999;	color: #666;	font-size: 0.75rem !important;}
.topics_detail article>header p.date	{	float: right;	padding-top: 16px;	color: #888;	font-size: 1rem;	text-align: right;}
.topics_detail article>div	{	margin-top: 56px;	padding-bottom: 56px;}
.topics_detail article .body	{	color: #333;	font-size: 1.125rem;	line-height: 1.5;}


/** utility @media **/
@media (min-width: 781px) {
	/* .topics_list */
	.topics_list li a[href]:hover	{	background-color: rgba(240,254,220,0.5)/*#F0FEDC*/;	text-decoration: underline;}
	.topics_list li a[href]:active	{	background-color: #F0FEDC; text-decoration: none;	transition: all 0s linear 0s;}
}
@media (max-width: 960px) {
	/* .topics_list */
	.topics_list li a	{	padding: 16px 24px 16px 160px;}
	.topics_list li a>span.date	{	top: 16px;}
	/* .topics_detail */
	.topics_detail article>header p.icon,
	.topics_detail article>header p.date	{	float: none;}
}
@media (max-width: 780px) {
	/* .topics_detail */
	.topics_detail article>header h1	{	padding: 24px;	font-size: 1.5rem;}
	.topics_detail article>header p.icon>span.texticon	{	font-size: 0.6875rem !important;}
	.topics_detail article>div	{	margin-top: 48px;	padding-bottom: 48px;}
	.topics_detail article .body	{	font-size: 1.0625rem;}
}
@media (max-width: 640px) {
	/* .topics_list */
	.topics_list li a	{	padding: 16px 4px;	font-size: 0.875rem;}
	.topics_list li a>span.date	{	position: static;}
	.topics_list li a>div	{	margin-top: 6px;}
	.topics_list li a>div>span.texticon	{	font-size: 0.625rem !important;}
	
	/* .topics_detail */
	.topics_detail article>header h1	{	padding: 16px;	font-size: 1.25rem;}
	.topics_detail article>header p.icon	{	padding-top: 4px;}
	.topics_detail article>header p.icon>span.texticon	{	font-size: 0.625rem !important;}
	.topics_detail article>header p.date	{	font-size: 0.875rem;}
	.topics_detail article>div	{	margin-top: 40px;	padding-bottom: 40px;}
	.topics_detail article .body	{	font-size: 1rem;}
}
@media (max-width: 480px) {
	/* .topics_detail */
	.topics_detail article>header h1	{	font-size: 1.125rem;}
	.topics_detail article>header p.date	{	font-size: 0.8125rem;}
	.topics_detail article>div	{	margin-top: 32px;	padding-bottom: 32px;}
	.topics_detail article .body	{	font-size: 0.875rem;}
}



/* ----------- *
  button
*/
.button	{	position: relative;	display: inline-block;	background-color: #81D305;	border: solid 1px #81D305; color: #FFF;	font-size: 0.9375rem;	text-decoration: none;	transition: all .3s ease-out 0s;}
.button:link,
.button:visited { color: #FFF; text-decoration: none;}
.button>span:not([class])	{	display: inline-block;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	white-space: nowrap;}
/* white frame */
.button.wf	{	border-color: #FFF;}
/* transparent */
.button.tr	{	background-color: transparent;	border-color: transparent;}
.button.tr:link,
.button.tr:visited { color: #000;}
/* focus */
.button.focus	{	background-color: #81D305;	border: solid 1px #81D305; color: #FFF;}
/* fixed size  */
.button.fixed	{	height: 40px;	width: 200px;	border-radius: 20px;}
/* variable size defult  */
.button.variable	{	padding: 0 24px;}
/* .button:disabled * /
.button:disabled,
.button.disabled	{	border-width: 1px 0px 0px 1px;	border-color: #DDD;	box-shadow: none !important;}
*/

/** button @media **/
@media (min-width: 781px) {
	.button:not(.focus):hover	{	background-color: #D4FC97;	border-color: #D4FC97;	color: #000; text-decoration: none;}
	.button:not(.focus):active	{	background-color: #81D305;	color: #FFF; text-decoration: none;	transition: all 0s linear 0s;}
	.button.wf:not(.focus):active	{	background-color: rgba(0,0,0,0.2);	color: #FFF; text-decoration: none;	transition: all 0s linear 0s;}
}



/* ----------- *
  .forms
	** form item **
*/



/* ----------- *
  mw_modal_dialoge
	_assets/_css/mw_modal_dialoge.css - style details
*/

/* #mw_modal_overlay */
#mw_modal_overlay	{	z-index: 6;}

/* #mw_modal_dialoge */
#mw_modal_dialoge	{	z-index: 7;/*2147483647*/}



/* ----------- *
  funcrions
*/

/** #powerTip
  : jQuery plug-in [ jquery.powertip.js ]
**/
#powerTip {	padding: 6px 10px;	background-color: rgba(0, 0, 0, 0.9);	border-radius: 0;	font-size: 0.75rem;	line-height: 1.1;	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.40);	z-index: 5;}
#powerTip.n:before,	#powerTip.ne:before, #powerTip.nw:before,	#powerTip.nw-alt:before, #powerTip.ne-alt:before,	#powerTip.sw-alt:before, #powerTip.se-alt:before {	border-top-color: rgba(0, 0, 0, 0.9);}
#powerTip.e:before {	border-right-color: rgba(0, 0, 0, 0.9);}
#powerTip.s:before,	#powerTip.se:before, #powerTip.sw:before,	#powerTip.sw-alt:before, #powerTip.se-alt:before {	border-bottom-color: rgba(0, 0, 0, 0.9);}
#powerTip.w:before {	border-left-color: rgba(0, 0, 0, 0.9);}
#powerTip>em	{	font-style: normal;}
:lang(en) #powerTip	{	font-weight: bold;}



/*[F]*/