@charset "UTF-8";
/* ------------------------------------------------------
	reset
-------------------------------------------------------- -*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style:normal;
	font-weight: normal;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
strong,b{
	font-weight: bold !important;
}
html{
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
img{
	vertical-align: bottom;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
caption, th{
	text-align: left;
}
a:focus {
	outline:none;
}
a{
	color: #00AF9A;
	text-decoration: none;
	cursor: pointer;
}
a:hover,a:focus{
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pc{display: block;}
.sp{display: none;}
h2.module_title{
	display: none;
}
/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
.cf:after{
  content: "";
  display: block;
  clear: both;
}
.cf {
  zoom:1;
}
.cb {
  clear: both;
}
.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix{
	display:inline-table;
	min-height:1%;
}
html .clearFix{
	* height:1%;
}
html {
	height: 100% !important;
}
/*----------------------------------------------------
Begin CMN
----------------------------------------------------*/
body {
	position: relative;
	width: 100%;
	min-width: 1280px;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.07em;
	color: #4c5669;
	background: #F8F7F0 url(/files/user/svg/body.svg?v=1456380929) center -1000px no-repeat;
	font-family: 'Lato', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	word-wrap:break-word;
}
.pageWrap:after{
  content: "";
  display: block;
  clear: both;
}
.pageWrap {
  zoom:1;
}
.mainWrap{
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

/*----------------------------------------------------
Begin header
----------------------------------------------------*/
header{
	position: relative;
	z-index: 99999;
}
header.under{
	height: 70px;
}
header .headWrap{
	top:0;
	position: fixed;
	width: 100%;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}
header .headWrap.cover{
	background: #fff;
}
header .headWrap.under{
	top:0;
	position: fixed;
	width: 100%;
	background: #fff;
}
header .headWrap.cover_out{
	top: -70px;
}
header .headerInrerWrap{
	padding: 20px 0;
}
header .cover .headerInrerWrap{
	padding: 15px 0;
}
header .under .headerInrerWrap{
	padding: 15px 0;
}
header h1{ 
	margin: 5px 0 10px;
	float: left;
	height: 50px;
	text-indent: -9999px;
}
header h1 a{
	display:block;
	width: 95px;/**PNGは190px**/
	height: 50px;/**PNGは100px**/
	background: url(/files/user/feeco/celsys_img/com_top_celsys_logo.png?v=1657233116) no-repeat; background-size: auto 100%;
}
header h1 a:hover{
	opacity: 1;
}
.headWrap.cover h1 a{
	background: url(/files/user/feeco/celsys_img/com_header_celsys_logo.png?v=1657233116) no-repeat; background-size: auto 100%;
}
.headWrap.under h1 a{
	background: url(/files/user/feeco/celsys_img/com_header_celsys_logo.png?v=1657233116) no-repeat; background-size: auto 100%;
}
header .header__right{
	padding-top: 10px;
	float: right;
}
nav{
	display: block ;
}
header .nav{ margin-top: 10px; padding-right: 80px;
	float: left;
}
header .nav li{
	float: left;
	margin-right: 23px;
}
header .nav li a{
	display:block;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	color: #9aa8be;
}
header .language{
    position: absolute; right: 10px; top: 20px;
}
header .language a{
	display: block;
	width: 73px;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #9aa8be;
	/*background: url(/files/user/img/cmn/language_off.png?v=1458015729) center no-repeat;*/
}

#page_top header .nav li a,
#page_top header .language a {
	color: #fff
}
#page_top header .headWrap.cover .nav li > a,
#page_top header .headWrap.cover .language a {
	color: #9aa8be
}

header .headWrap.en .nav li a{
	font-size: 15px;
}



/*
.headWrap.cover .language a{
	background: url(/files/user/img/cmn/language_cover_off.png?v=1458015729) center no-repeat;
}
.headWrap.under .language a{
	background: url(/files/user/img/cmn/language_cover_off.png?v=1458015729) center no-repeat;
}
*/

/*PC TOP用 基本形
.nav .nav__01 a{
	width: 40px;
	background: url(/files/user/img/cmn/nav01_off.png?v=1458015729) center no-repeat;
}
.nav .nav__02 a{
	width: 91px;
	background: url(/files/user/img/cmn/nav02_off.png?v=1458015730) center no-repeat;
}
.nav .nav__03 a{
	width: 89px;
	background: url(/files/user/img/cmn/nav03_off.png?v=1458015730) center no-repeat;
}
.nav .nav__04 a{
	width: 56px;
	background: url(/files/user/img/cmn/nav04_off.png?v=1458015731) center no-repeat;
}
.nav .nav__05 a{
	width: 55px;
	background: url(/files/user/img/cmn/nav05_off.png?v=1458015731) center no-repeat;
}
*/
/*Nav TOP降りてきて上部に固定時
.headWrap.cover .nav .nav__01 a{
	background: url(/files/user/img/cmn/nav01_cover_off.png?v=1458015729) center no-repeat;
}
.headWrap.cover .nav .nav__02 a{
	background: url(/files/user/img/cmn/nav02_cover_off.png?v=1458015730) center no-repeat;
}
.headWrap.cover .nav .nav__03 a{
	background: url(/files/user/img/cmn/nav03_cover_off.png?v=1458015730) center no-repeat;
}
.headWrap.cover .nav .nav__04 a{
	background: url(/files/user/img/cmn/nav04_cover_off.png?v=1458015731) center no-repeat;
}
.headWrap.cover .nav .nav__05 a{
	background: url(/files/user/img/cmn/nav05_cover_off.png?v=1458015731) center no-repeat;
}
*/

/*Nav TOP 降りてきて上部に固定時 active処理
#page_top .headWrap.cover .nav .nav__01 a{
	background: url(/files/user/img/cmn/nav01_cover_on.png?v=1458015729) center no-repeat;
}
*/
/*nav下層でTOPに固定時
.headWrap.under .nav .nav__01 a{
	background: url(/files/user/img/cmn/nav01_cover_off.png?v=1458015729) center no-repeat;
}
.headWrap.under .nav .nav__02 a{
	background: url(/files/user/img/cmn/nav02_cover_off.png?v=1458015730) center no-repeat;
}
.headWrap.under .nav .nav__03 a{
	background: url(/files/user/img/cmn/nav03_cover_off.png?v=1458015730) center no-repeat;
}
.headWrap.under .nav .nav__04 a{
	background: url(/files/user/img/cmn/nav04_cover_off.png?v=1458015731) center no-repeat;
}
.headWrap.under .nav .nav__05 a{
	background: url(/files/user/img/cmn/nav05_cover_off.png?v=1458015731) center no-repeat;
}
*/
/*nav下層でTOPに固定時 active処理*/
#page_top .headWrap.under .nav .nav__01 a{
	color: #333;
}

#page_businessfield .headWrap .nav .nav__02 a,
#page_service .headWrap .nav .nav__02 a,
#page_studio_paint .headWrap .nav .nav__02 a,
#page_creative .headWrap .nav .nav__02 a{
	color: #333;
}

#page_solution .headWrap .nav .nav__03 a,
#page_clip_solutions .headWrap .nav .nav__03 a,
#page_topics_list8 .headWrap .nav .nav__03 a,
#page_topics_detail8 .headWrap .nav .nav__03 a,
#page_solution_news .headWrap .nav .nav__03 a{
	color: #333;
}
#page_company .headWrap .nav .nav__04 a,
#page_message .headWrap .nav .nav__04 a,
#page_overview .headWrap .nav .nav__04 a,
#page_topics_detail6 .headWrap .nav .nav__04 a{
	color: #333;
}
#page_employment_feeco .headWrap .nav .nav__05 a,
#page_employment_recruit .headWrap .nav .nav__05 a,
#page_recruit_detail .headWrap .nav .nav__05 a,
#page_employment_welfare .headWrap .nav .nav__05 a,
#page_employment_workspace .headWrap .nav .nav__05 a,
#page_special_detail .headWrap .nav .nav__05 a,
#page_entry .headWrap .nav .nav__05 a,
#page_employment_interview .headWrap .nav .nav__05 a,
#page_topics_detail7 .headWrap .nav .nav__05 a{
	color: #333;
}
#page_news .headWrap .nav .nav__06 a{
	color: #333;
}
#page_sustainability .headWrap .nav .nav__08 > a{
	color: #333;
}
#page_irinfo .headWrap .nav .nav__07 > a,
#page_irinfo_news .headWrap .nav .nav__07 > a,
#page_irinfo_groupnews .headWrap .nav .nav__07 > a,
#page_irinfo_yutai .headWrap .nav .nav__07 > a,
#page_irinfo_calendar .headWrap .nav .nav__07 > a,
#page_irinfo_profile .headWrap .nav .nav__07 > a,
#page_irinfo_questionnaire .headWrap .nav .nav__07 > a,
#page_irinfo_faq .headWrap .nav .nav__07 > a,
#page_irinfo_inquiry .headWrap .nav .nav__07 > a,
#page_irinfo_inquiry_form .headWrap .nav .nav__07 > a,
#page_irinfo_message .headWrap .nav .nav__07 > a,
#page_ir_message .headWrap .nav .nav__07 > a,
#page_irinfo_businessfield .headWrap .nav .nav__07 > a,
#page_irinfo_koukoku .headWrap .nav .nav__07 > a,
#page_irinfo_policy .headWrap .nav .nav__07 > a{
	color: #333;
}

/*英語時 nav PC TOP 基本形
.headWrap.en .nav .nav__01 a{
	width: 44px;
	background: url(/files/user/img/cmn/en/nav01_off.png?v=1458015746) center no-repeat;
}
.headWrap.en .nav .nav__02 a{
	width: 146px;
	background: url(/files/user/img/cmn/en/nav02_off.png?v=1458015746) center no-repeat;
}
.headWrap.en .nav .nav__03 a{
	width: 67px;
	background: url(/files/user/img/cmn/en/nav03_off.png?v=1458015747) center no-repeat;
}
.headWrap.en .nav .nav__04 a{
	width: 169px;
	background: url(/files/user/img/cmn/en/nav04_off.png?v=1458015747) center no-repeat;
}
.headWrap.en .nav .nav__05 a{
	width: 194px;
	background: url(/files/user/img/cmn/en/nav05_off.png?v=1458015747) center no-repeat;
}
*/

/*英語時 nav PC TOP 下層
.headWrap.en.under .nav .nav__01 a{
	background: url(/files/user/img/cmn/en/nav01_cover_off.png?v=1458015746) center no-repeat;
}
.headWrap.en.under .nav .nav__02 a{
	background: url(/files/user/img/cmn/en/nav02_cover_off.png?v=1458015746) center no-repeat;
}
.headWrap.en.under .nav .nav__03 a{
	background: url(/files/user/img/cmn/en/nav03_cover_off.png?v=1458015746) center no-repeat;
}
.headWrap.en.under .nav .nav__04 a{
	background: url(/files/user/img/cmn/en/nav04_cover_off.png?v=1458015747) center no-repeat;
}
.headWrap.en.under .nav .nav__05 a{
	background: url(/files/user/img/cmn/en/nav05_cover_off.png?v=1458015747) center no-repeat;
}
.headWrap.en.cover .nav .nav__01 a{
	background: url(/files/user/img/cmn/en/nav01_cover_off.png?v=1458015746) center no-repeat;
}
.headWrap.en.cover .nav .nav__02 a{
	background: url(/files/user/img/cmn/en/nav02_cover_off.png?v=1458015746) center no-repeat;
}
.headWrap.en.cover .nav .nav__03 a{
	background: url(/files/user/img/cmn/en/nav03_cover_off.png?v=1458015746) center no-repeat;
}
.headWrap.en.cover .nav .nav__04 a{
	background: url(/files/user/img/cmn/en/nav04_cover_off.png?v=1458015747) center no-repeat;
}
.headWrap.en.cover .nav .nav__05 a{
	background: url(/files/user/img/cmn/en/nav05_cover_off.png?v=1458015747) center no-repeat;
}
*/

/*英語時 下層 active表現*/
#page_top.on .headWrap.en .nav .nav__01 a{
	color: #333;
}
#page_service .headWrap.en.under .nav .nav__02 a,
#page_studio_paint .headWrap.en.under .nav .nav__02 a,
#page_creative .headWrap.en.under .nav .nav__02 a{
	color: #333;
}
#page_solution .headWrap.en.under .nav .nav__03 a,
#page_clip_solutions .headWrap.en.under .nav .nav__03 a,
#page_topics_list8 .headWrap.en.under .nav .nav__03 a,
#page_topics_detail8 .headWrap.en.under .nav .nav__03 a,
#page_solution_news .headWrap.en.under .nav .nav__03 a{
	color: #333;
}
#page_company .headWrap.en.under .nav .nav__04 a,
#page_message .headWrap.en.under .nav .nav__04 a,
#page_overview .headWrap.en.under .nav .nav__04 a,
#page_topics_detail6 .headWrap.en.under .nav .nav__04 a{
	color: #333;
}
#page_employment .headWrap.en.under .nav .nav__05 a,
#page_topics_detail9 .headWrap.en.under .nav .nav__05 a,
#page_topics_detail7 .headWrap.en.under .nav .nav__05 a,
#page_welfare .headWrap.en.under .nav .nav__05 a{
	color: #333;
}

/*英語時 TOP TOP降りてきて上部に固定時
#page_top .headWrap.en.cover .nav .nav__01 a{
	background: url(/files/user/img/cmn/en/nav01_cover_on.png?v=1458015746) center no-repeat;
}
#page_service .headWrap.en.cover .nav .nav__02 a{
	background: url(/files/user/img/cmn/en/nav02_cover_on.png?v=1458015746) center no-repeat;
}
#page_solution  .headWrap.en.cover .nav .nav__03 a{
	background: url(/files/user/img/cmn/en/nav03_cover_on.png?v=1458015746) center no-repeat;
}
#page_company .headWrap.en.cover .nav .nav__04 a{
	background: url(/files/user/img/cmn/en/nav04_cover_on.png?v=1458015747) center no-repeat;
}
#page_employment .headWrap.en.cover .nav .nav__05 a{
	background: url(/files/user/img/cmn/en/nav05_cover_on.png?v=1458015747) center no-repeat;
}
*/

/*header .nav:after{
	position: relative;
	top:-10px;
	content:"";
	width: 29px;
	height: 2px;
	margin-right: 23px;
	display: inline-block;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}*/
header .nav:after{
	position: relative;
	content:"";
	top: -2px;
	width: 21px;
	height: 20px;
	margin-right: 23px;
	display: inline-block;
	background: url(/files/user/img/cmn/bgbar_h01.png?v=1458265038) no-repeat;
}
.headWrap.cover .nav:after{
	background: url(/files/user/img/cmn/bgbar_h02.png?v=1458265038) no-repeat;
}
.headWrap.under .nav:after{
	background: url(/files/user/img/cmn/bgbar_h02.png?v=1458265038) no-repeat;
}
/*----------------------------------------------------
Begin header language
----------------------------------------------------*/
/*----.languageNav{
	margin-top: -62px;
	background: #F8F7F0;
	border-bottom: 1px solid #ced6e3;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}----*/
.languageNav{
	margin-top: -62px;
	background: #F8F7F0;
	border-bottom: 1px solid #F8F7F0;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}

.languageNav.on{
	margin-top: 0px;
}
.languageNav__wrap{
	width: 1280px;
    margin: 0 auto;
    height: 61px;
}
.languageNav__nav{
	float: right;
}
.languageNav__nav li{
	float: left;
	position: relative;
}
.languageNav__nav li a{
	display: block;
	text-align: center;
	padding: 20px 0px 14px;
}
.languageNav__nav li a.japanese{
	width: 103px;
}
.languageNav__nav li a.english{
	width: 114px;
}
.languageNav__nav li a img{
	vertical-align: middle;
}
.languageNav__nav li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 27px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #8c96a4;
}
.languageNav__nav li.active:after{
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #00AF9A;
}
.sp_language{
	display: none;
}
/*----------------------------------------------------
Begin breadList
----------------------------------------------------*/
ul.breadList{
	margin: 35px 0;
	overflow: hidden;
	font-size: 13px;
}
ul.breadList li{
	display: inline;
}

ul.breadList li:first-child a{
	color: #355584;
}
ul.breadList li a{
	font-size: 12px;
	color: #444444;
	text-decoration: underline;
}
ul.breadList li:after{
	content: ">";
	margin: 0 8px;
}
ul.breadList li:last-child:after{
	content: "";
}
/*----------------------------------------------------
Begin footer
----------------------------------------------------*/
/*----footer{
	background: #2c3645 url(/files/user/svg/fotter.svg?v=1456380930) center -100px no-repeat;
	color: #fff;
	font-size: 12px;
}---*/

footer{
	background: #24282B;
	color: #fff;
	font-size: 12px;
}

footer a{
	color: #fff;
}
/** FEECO202409 padding75→55px}**/
.footerBorder{
	border-bottom: 1px solid #424a58;
	max-width: 1280px;
	margin: 0 auto;
	padding: 55px 0 77px;
    display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.foot-width-large{}
/**
.footerArea{
	width: 1280px;
	margin: 0 auto;
	padding: 75px 0 77px;
	overflow: hidden;
}**/

footer #footer_btn_contact{ position: absolute; bottom:147px; right: 300px;z-index:9999; width: 180px;}
footer #footer_btn_contact a{ display: block;}
footer #footer_btn_contact a img{ width: 180px;}

.footerArea__col{ margin: 0 20px;}

/**feeco202409 margin-top追加**/
.footerArea__head{
	margin-top:20px;
	margin-bottom: 14px;
}
.footerArea__head a,
.footerArea__head span{
	font-weight: bold;
}
.footerArea__col ul li{
	line-height: 26px;
	font-size: 12px;
}
.footerArea__col ul li a{
	padding-left: 15px;
	background: url(/files/user/img/cmn/arrow_wh01.png?v=1458015728) no-repeat left center ;
}
.footerNav{
	width: 1280px;
	margin: 0 auto;
	padding: 27px 0 25px;
	font-size: 12px;
	overflow: hidden;
}
.footerNav ul{
	overflow: hidden;
	float: left;
    max-width: 900px;
	margin-top: 15px;
}
.footerNav ul li{
	float: left;
}
.footerNav ul li:after{
	content:"|";
	margin-right: 14px;
	margin-left: 14px;
	display: inline-block;
	color: #3d4753;
}
.footerNav ul li.last:after{
	margin-right: 0px;
	margin-left: 0px;
	content:"";
}
.footerNav .copyWrap{
	overflow: hidden;
}
.footerNav .copy{
	font-size: 11px;
	color: #9aa8be;
	font-weight: bold;
	float: left;
	margin-top: 15px;
	margin-left: 70px;
}
.footerNav .pmark{
	float: right;
}

.footerNav .pmark img{
max-width: 55px;
}
.footerNav .copy_under{
	font-size: 11px;
	color: #9aa8be;
	font-weight: bold;
	float: right;
	margin-top: 15px;
}

/*----------------------------------------------------
Begin Under_top_titlef SPでのみ出現する要素
----------------------------------------------------*/
.Under_top_title{
	display: none;
}
/*----------------------------------------------------
Begin 2colm
----------------------------------------------------*/
div.leftColM{
	width: 950px;
	float: left;
}
div.rightColM{
	width: 290px;
	float: right;
}
/*----------------------------------------------------
Begin sideNav
----------------------------------------------------*/
.rightColM .sideNav .head{
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 1.3em;
	padding: 15px 10px;
	background: #5f82b6;
}
.rightColM .sideNav ul li{
	border-bottom: 1px dotted #ccc;
}
.rightColM .sideNav ul li a{
	display: block;
	font-size: 13px;
	color: #000;
	padding: 17px 0 18px;
	line-height: 1.5;
	padding-left: 40px;
	background: #fff url(/files/user/img/cmn/sideNav_icon.png?v=1458015732) left 20px center no-repeat;
}
.rightColM .sideNav ul li.active a{
	background: #f4f6f9 url(/files/user/img/cmn/sideNav_icon.png?v=1458015732) left 20px center no-repeat;
}
/*----------------------------------------------------
Begin solution配下汎用見出し
----------------------------------------------------*/
.h03case02{
	padding-bottom: 9px;
	font-size: 16px;
	font-weight: bold;
	color: #0e3b7e;
	background: url(/files/user/img/solution/solution_case/h4_bg.png?v=1456571135) no-repeat left bottom;
	margin-bottom: 36px;
}
/*----------------------------------------------------
Begin contactBox
----------------------------------------------------*/
.contactBox{
	overflow: hidden;
	margin-bottom: 70px;
}
.contactBox__linkbox{
	width: 290px;
	margin-right: 10px;
	background: #24282B ;
}
.contactBox__linkbox-Inner{
	background: url(/files/user/img/solution/icon_arrow.png?v=1456571125) no-repeat left;
}
.contactBox__linkbox a{
	display: table-cell;
	width: 250px;
	line-height: 18px;
	padding: 34px 0 56px;
	padding-left: 40px;
	font-size: 16px;
	color: #fff;
	background: url(/files/user/img/solution/img_contactUs.png?v=1456571126) no-repeat left 41px top 60px;
}
.contactBox__conte{
	float: right;
	margin-right: 280px;
	display: inline-block;
	background: #fff;
	border:1px solid #d0d0d0;
	overflow: hidden;
	padding: 19px;
	padding-right: 3px;
}
.contactBox__leftCol{
	float: left;
	padding: 7px 0;
	padding-right: 17px;
	border-right: 1px solid #d0d0d0;
}
.contactBox__leftCol .telTitle{
	font-size: 14px;
	font-weight: bold;
}
.contactBox__leftCol .telNum{
	font-size: 30px;
	font-weight: bold;
}
.contactBox__rightCol{
	float: right;
	padding-left: 17px;
}
.contactBox__rightCol .telDetail{
	font-size: 14px;
	line-height: 1.5;
	padding: 3px 0;
	font-weight: bold;
}
/*----------------------------------------------------
Begin newsArea
----------------------------------------------------*/
.newsArea{
	width: 100%;
}
.newsArea .bgW{
	background: #fff;
}
/*-------
h2.newsh2{
	font-size: 38px;
	font-weight: 100;
	padding: 0 0 50px;
	text-align: center;
	line-height: 1;
    border-bottom: 4px solid #00AF9A; 

}-------*/
h2.newsh2{
	font-size: 38px;
	font-weight: 100;
	padding: 0 0 10px;
    margin: 0 auto 40px;
	text-align: center;
	line-height: 1;
    border-bottom: 4px solid #00AF9A; 
    width: 120px;

}
.newsArea dl{
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
	padding: 22px 0 21px;
	border-bottom: 1px solid #e9edf1;
}
.newsArea dl:first-child{
	border-top: 1px solid #e9edf1;
}
.newsArea dl dt{
	float: left;
	font-weight: bold;
	font-size: 15px;
}
.newsArea dl dt span{
	font-size: 15px;
	font-weight: bold;
	color: #9aa8be;
}
.newsArea dl dt span:before{
	position: relative;
	top: -3px;
	content:"";
	width: 43px;
	height: 2px;
	margin: 0 7px;
	display: inline-block;
	background: #dde1e5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.newsArea dl dt span:after{
	position: relative;
	top: -3px;
	content:"";
	width: 43px;
	height: 2px;
	margin: 0 7px;
	display: inline-block;
	background: #dde1e5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.newsArea dl dd{
	display: table-cell;
	font-size: 13px;
}
.newsArea dl dd.pdf a:after{
	position: relative;
	top: 4px;
	content: "";
	display: inline-block;
	width: 14px;
	height: 16px;
	background: url(/files/user/img/cmn/icon_pdf.png?v=1458015728) no-repeat bottom;
}
.newsArea dl dd.blank a:after{
	position: relative;
	top: 2px;
	content: "";
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left:10px;
	background: url(/files/user/img/cmn/icon_blank.png?v=1458015728) no-repeat bottom;
}
.newsArea dl dd a{
	display: table-cell;
	color: #4c5669;
}
.c-moreBtn {
	padding: 76px 0;
	text-align: center;
}
#page_top .c-moreBtn {
	padding: 51px 0 76px;
}
.c-moreBtn a:before {
	font-family: FontAwesome;
    content: "\f101";
    font-size: 24px;
    position: relative;
    top: 2px;
    left: -8px;
}
.c-moreBtn a {
    padding: 12px 20px 12px 28px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #00AF9A;
    color: #00AF9A;
    border-radius: 30px;
}
.c-moreBtn a:hover {
	color:#fff;
	background-color: #00AF9A;
}

/*  NEW news design 2019/09   */
.p-news {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.6;
	padding-top: 5px;
	max-width: 1280px;
	margin: 0 auto;
}
#page_bsreader .p-news {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.p-news a {
	display: block;
	height: 100%;
	color: #4c5669;
	padding-bottom: 15px;
	box-sizing: border-box;
}
body:not(#page_irinfo_groupnews) .p-news__item {
	width: calc(25% - 21px);
	border: 1px solid #efefef;
	border-radius: 5px;
	-webkit-box-shadow:0 0 12px 6px rgba(0,0,0,.08);
	box-shadow:0 0 12px 6px rgba(0,0,0,.08);
	background-color: #fff;
	margin-top: 12px;
	margin-bottom: 13px;
}
body:not(#page_irinfo_groupnews) .p-news__item:not(:nth-child(4n)) {
	margin-right: 25px;
}
.p-news__img {
	line-height: 0;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	position: relative;
	padding-top: 56.25%;
}
.p-news__img img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.p-news__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 20px 15px 15px;
}
.p-news__date {
	font-weight: bold;
	font-size: 16px;
}
.p-news__ct {
	padding: 0 6px;
	color: #fff;
	border-radius: 5px;
	line-height: 25px;
}
.p-news__ct.-info {
	background-color: #9e9e9e;
}
.p-news__ct.-news {
	background-color: #536278;
}
.p-news__title {
	padding: 0 15px;
}
.p-news__title.-topList {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 70px;
}

/* search  */
.p-search {
	font-size:16px;
	margin-bottom:30px;
}
.p-search__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom:15px;
	line-height: 1.3;
}
.p-search__type {
	width: 90px;
	border: 1px solid #9e9e9e;
	color: #9e9e9e;
	text-align:center;
	margin-right: 15px;
	white-space: nowrap;
	padding: 5px 10px;
}
.p-search__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.p-search__item a {
	color: #9e9e9e;
	display: block;
	margin-right: 10px;
	padding: 5px 10px;
}
.p-search__item a.-is_current {
	background-color:#9e9e9e;
	color: #fff;
	border-radius:6px;
}


/*----------------------------------------------------
Begin youtubeBox
----------------------------------------------------*/
.youtubeBox{
	margin: 0 auto;
	width: 640px;
	height: 360px;
	border:1px solid #ccc;
}
/*----------------------------------------------------
Begin top btn
----------------------------------------------------*/
/*ver02*/
.topBtn {
    position:relative;
    width:100%;
    max-width:1280px;
    height:0;
    margin:0 auto;
}
.topBtn a {
    position: fixed;
    bottom: 0px;
    left:auto;
    display: block;
    width: 60px;
    height:60px;
    margin-left:1220px;
}
/*----------------------------------------------------
Begin pager
----------------------------------------------------*/
div.pager{
    position: relative;
    overflow: hidden;
    padding: 45px 15px 27px;
    background: #f6f6f6;
    margin-bottom: 100px;
    border-bottom: 1px solid #e9edf1;
}
div.pager .summary{
	text-align: center;
	margin-bottom: 20px;
}
div.pager ul{
    padding-top: 3px;
    display: table;
    overflow: hidden;
    margin:0 auto;
}
div.pager ul li{
    margin-right: 8px;
    margin-bottom: 8px;
    float: left;
}
div.pager ul li a{
    display: block;
    text-align: center;
    border:1px solid #e6e6e6;
    border-radius: 5px;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    background: #fff;
    width: 28px;
    height: 28px;
}
div.pager ul li a:active{
    background: #fbfbfb;
}
div.pager ul li.active a{
    color: #fff;
    background: #495467;
    border:none;
    width: 30px;
    height: 30px;
}
/*----------------------------------------------------
Begin SITEMAP
----------------------------------------------------*/
.sitemap{
	overflow: hidden;
	margin-bottom: 50px;
}
.sitemap .hsmap01{
	font-size: 34px;
    font-weight: bold;
    color: #0e3b7e;
    margin-top: 10px;
    margin-bottom: 35px;
}

.sitemap .hsmap02{
    padding-bottom: 18px;
    font-size: 26px;
    font-weight: bold;
    color: #27262f;
    border-bottom: 1px solid #2c3645;
    margin-bottom: 25px;
}
.sitemap .left_colS{
	float: left;
	width: 620px;
	margin-right: 40px;
}
.sitemap .right_colS{
	float: left;
	width: 620px;
}
.sitemap .sitemapList{
	margin-bottom: 30px;
}
.sitemap .sitemapList li{
	margin-bottom:10px;
}
.sitemap .sitemapList li a{
	padding-left: 40px;
	background: url(/files/user/img/cmn/sideNav_icon.png?v=1458015732) left 20px center no-repeat;
}
.sitemap .sitemapList li.blank a:after {
    position: relative;
    top: 2px;
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 14px;
    height: 12px;
    background: url(/files/user/img/cmn/icon_blank.png?v=1458015728) no-repeat bottom;
}
/*----------------------------------------------------
Begin editor
----------------------------------------------------*/
#newsTitle {
    font-size: 125%;
    font-weight: bold;
}
/*ニュースリリース配下*/
.editors {
    width: 990px;
    padding: 0 50px;
    margin: 30px auto;
}
.editors h2{
    font-size: 200%;
    font-weight: bold;
    margin: 0 0 20px;
}
.editors h3{
    font-size: 150%;
    margin: 0 0 10px;
}
.editors ol{
    list-style-type: decimal;
    margin: 0 0 20px 20px;
}
.editors ul{
    list-style-type: disc;
    margin: 0 0 20px 20px;
}
.editors table{
    width: 90%;
    margin: 0 auto;
}
.editors tr{
    border: solid 1px #ddd;
}
.editors th{
    font-weight: bold;
    background: #eee;
    border: solid 1px #ddd;
    padding: 5px;
}
.editors td{
    border: solid 1px #ddd;
    padding: 5px;
}
.editors b{
    font-weight: bold !important;
}
.editors strong{
    font-weight: bold !important;
}
.editors strong span{
    font-weight: bold !important;
}
.editors1 em{
	font-style: italic;/*英文のみ効く*/
}
/*導入事例詳細様エディタースタイル*/
.editors2 ol{
    list-style-type: decimal;
    margin: 0 0 20px 20px;
}
.editors2 ul{
    list-style-type: disc;
    margin: 0 0 20px 20px;
}
.editors2 em{
	font-style: italic;/*英文のみ効く*/
}
.editors2 b{
    font-weight: bold !important;
}
.editors2 strong{
    font-weight: bold !important;
}
.editors2 strong span{
    font-weight: bold !important;
}
.editors2 table{
    width: 100%;
    margin-bottom: 40px;
    background: #fff;
}
.editors2 tr{
    border: solid 1px #ddd;
}
.editors2 th{
    font-weight: bold;
    background: #eee;
    border: solid 1px #ddd;
    padding: 10px;
}
.editors2 td{
    border: solid 1px #ddd;
    padding: 10px;
}

/*汎用エディタースタイル 社員インタビュー 採用（リクルート）*/
.editors3 ol{
    list-style-type: decimal;
    margin: 0 0 20px 20px;
}
.editors3 ul{
    list-style-type: disc;
    margin: 0 0 20px 20px;
}
.editors3 table{
    width: 100%;
    margin: 0 auto 40px;
    background: #fff;
}
.editors3 tr{
    border: solid 1px #ddd;
}
.editors3 th{
    font-weight: bold;
    background: #eee;
    border: solid 1px #ddd;
    padding: 10px;
}
.editors3 td{
    border: solid 1px #ddd;
    padding: 10px;
}
.editors3 b{
    font-weight: bold !important;
}
.editors3 strong{
    font-weight: bold !important;
}
.editors3 strong span{
    font-weight: bold !important;
}
.editors3 em{
	font-style: italic;/*英文のみ効く*/
}
/*youtube処理*/
.editors iframe{
	width: 640px !important;
	height: 360px !important;
}
.editors2 iframe{
	width: 640px !important;
	height: 360px !important;
}
.editors3 iframe{
	width: 640px !important;
	height: 360px !important;
}
/* 採用情報 詳細様tabel */
.editors3  table.employment_tbl01{
    width: 900px;
    margin: 40px auto ;
    background: #fff;
    border-spacing: 1px;
    border-collapse: separate;
    border:5px solid;
}
.editors3 .employment_tbl01 tr{
    border: solid 1px #ddd;
}
.editors3 .employment_tbl01 th{
    font-weight: bold;
    background: #eee;
    border: solid 1px #000;
    padding: 10px;
}
.editors3 .employment_tbl01 td{
    border: solid 1px #000;
    padding: 10px;
}
.editors3 .employment_tbl01 td hr{
	margin: 20px 0 10px;
}


/*----------------------------------------------------
Begin kv titles
----------------------------------------------------*/
.kvtiteleWrap{
	position: relative;
	width: 100%;
	margin-top: -300px;
	height: 300px;
}
.kvtitele{
	position: absolute;
	width: 100%;
	margin-left: -800px;
	margin-top: -14px;
	text-align: center;
	top: 49%;
	left: 50%;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.08em;
	font-size: 36px;
	text-shadow:  0px 0px 15px rgba(51,51,51,0.6);
}


#page_creative span.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

/*----------------------------------------------------
ウインドウ幅を狭めた際の余白　2024/09/19　FEECO
----------------------------------------------------*/
.box50 {padding:0 50px;}


@media only screen and (max-width : 600px) {
	/*スマホ用*/

.box50 {padding:0 0px;}

}