@charset "utf-8";
/* CSS information
file name  : common_pc.css
style info : PC表示用style */

@media screen and (min-width: 737px){

/* ---------------------------------------------
   header
------------------------------------------------ */
.header {
	border-bottom: 3px solid #3257ab ;
}
.header_wrap {
	position: relative ;
	width: 90% ;
	max-width: 960px ;
	padding-bottom: 15px ;
	margin: 0 auto ;
}
.header_control {
	position: relative ;
	float: left ;
	padding-top: 35px ;
	padding-bottom: 35px ;
}
.header_nav_btn,
.header_nav_close_wrap {
	display: none ;
}
.header_logo img {
	width: 150px ;
	height: auto ;
}
/* header menu */
.header_nav {
	clear: both ;
}
/* header link */
.header_nav_link {
	position: absolute ;
	top: 40px ;
	right: 0 ;
}
.header_nav_link li {
	float: left ;
	list-style-type: none ;
}
.header_nav_sitemap {
	padding-top: 15px ;
}
.header_nav_sitemap a {
	position: relative ;
	color: #333 ;
	font-size: 0.85rem ;
	text-decoration: none ;
	padding-left: 17px ;
}
.header_nav_sitemap a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	left: 0 ;
	display: block ;
	height: 7px ;
	width: 7px ;
	margin-top: -5px ;
	border-top: 2px solid #ebd8aa ;
	border-right: 2px solid #ebd8aa ;
	transform: rotate(45deg);
}
.header_nav_hap {
	padding-left: 30px ;
}
.header_nav_hap a {
	position: relative ;
	display: block ;
	color: #fff ;
	font-size: 0.85rem ;
	font-weight: bold ;
	text-decoration: none ;
	background-color: #218ced ;
	border-radius: 4px ;
	padding: 17px 35px 12px 18px ;
	box-shadow: 0 3px 0 0 #1180e5 ;
}
.header_nav_hap a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 11px ;
	display: block ;
	height: 8px ;
	width: 8px ;
	margin-top: -4px ;
	border-top: 2px solid #045ba9 ;
	border-right: 2px solid #045ba9 ;
	transform : rotate(45deg);
}
.header_nav_link .ico_other_link {
	display: none ;
}
.header_nav_close {
	display: none ;
}
/* header nav menu */
.header_nav_menu {
	position: relative ;
	width: 100% ;
}
.header_nav_menu:after {
	/* clearfix */
	content:"";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.header_nav_menu li {
	float: left ;
	list-style-type: none ;
}
.header_nav_menu a {
	position: relative ;
	display: block ;
	color: #333 ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	padding: 10px 0 ;
}
.header_nav_header_nav_home {
	width: 14% ;
}
.header_nav_corporation,
.header_nav_news,
.header_nav_service,
.header_nav_recruit,
.header_nav_contact {
	width: 17% ;
}
/* header menu border */
.header_nav_menu:before,
.header_nav_menu a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	display: block ;
	height: 1.2em ;
	width: 0 ;
	margin-top: -0.6em ;
	border-left: 1px solid #e2ce9c ;
}
.header_nav_menu:before {
	right: 0 ;
}
.header_nav_menu a:before {
	left: 0 ;
}

/* 21yeas logo */
.header_21years,
.header_anniversary-years {
	position: absolute ;
	top: 19px ;
	left: 170px ;
}


/* ---------------------------------------------
   footer
------------------------------------------------ */
.footer {
	text-align: center ;
	border-top: 3px solid #3257ab ;
	padding-bottom: 50px ;
}
/* footer nav menu */
.footer_nav_menu {
	position: relative ;
	width: 100% ;
	max-width: 960px ;
	margin: 0 auto ;
	list-style-type: none ;
}
.footer_nav_menu:after{
	/* clearfix */
	content:"";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer_nav_menu li {
	position: relative ;
	float: left ;
}
.footer_nav_corporation { width: 10% ;}
.footer_nav_office      { width: 10% ;}
.footer_nav_news        { width: 14% ;}
.footer_nav_service     { width: 14% ;}
.footer_nav_disclaimer  { width: 10% ;}
.footer_nav_recruit     { width: 10% ;}
.footer_nav_privacy     { width: 17% ;}
.footer_nav_contact     { width: 14% ;}
.footer_nav_menu a {
	display: block ;
	color: #333 ;
	font-size: 90% ;
	text-decoration: none ;
	padding: 18px 0 17px ;
}
/* footer menu border */
.footer_nav_menu:before,
.footer_nav_menu li:before {
	content:"";
	position: absolute ;
	top: 50% ;
	display: block ;
	height: 1.2em ;
	width: 0 ;
	margin-top: -0.6em ;
	border-left: 1px solid #ccc ;
}
.footer_nav_menu:before {
	right: 0 ;
}
.footer_nav_menu li:before {
	left: 0 ;
}
/* footer copyright */
.footer_copyright {
	border-top: 2px solid #dee5e9 ;
	padding-top: 40px ;
}
.footer_copyright_corp a {
	color: #333 ;
	font-size: 110% ;
	font-weight: bold ;
	text-decoration: none ;
}
.footer_copyright_copy {
	color: #555 ;
	font-size: 80% ;
	padding-top: 12px ;
}

/* ---------------------------------------------
   privacy
------------------------------------------------ */
.privacy {
	background-color: #fff ;
	padding: 35px 0 ;
}
.privacy_wrap {
	width: 100% ;
	max-width: 960px ;
	margin: 0 auto ;
}
.privacy_wrap:after{
	/* clearfix */
	content:"";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.privacy_privacy,
.privacy_kousei,
.privacy_wfp {
	position: relative ;
	float: left ;
	text-align: center ;
	border-left: 1px solid #dee5e9 ;
	padding-bottom: 5px ;
}
.privacy_privacy { width: 37% ;}
.privacy_kousei  { width: 31% ;}
.privacy_wfp     { width: 31% ; border-right: 1px solid #dee5e9 ;}
.privacy_privacy .privacy_certification_mark { height: 115px ; padding-top: 15px ;}
.privacy_kousei .privacy_certification_mark  { height: 103px ; padding-top: 27px ;}
.privacy_wfp .privacy_certification_mark     { height: 102px ; padding-top: 28px ;}

.privacy_privacy .privacy_certification_mark img{ width: 75px ; height: 75px ;}

.privacy_sentence {
}
.privacy_sentence_title {
	font-size: 92% ;
}
.privacy_sentence_txt {
	font-size: 75% ;
	line-height: 150% ;
	padding-top: 13px ;
}
.privacy_sentence_txt a {
	position: relative ;
	line-height: 3em ;
	padding-left: 14px ;
}
.privacy_sentence_txt a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	left: 0 ;
	display: block ;
	height: 0 ;
	width: 0 ;
	margin-top: -5px ;
	border: 5px solid transparent ;
	border-left-color: #aaa ;
}

/* ---------------------------------------------
   contents
------------------------------------------------ */
.contents {
	position: relative ;/* underIE7 */
	padding-bottom: 80px ;
}
.contents_article {
	position: relative ;
	width: 100% ;
	max-width: 960px ;
	padding: 50px 0 70px ;
	margin: 0 auto ;
	zoom: 1 ;
}
.contents_article:after {
	/* clearfix */
	content:"";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* contents title --------------- */
.contents_title {
	position: relative ;
	font-size: 160% ;
	font-weight: bold ;
	text-align: center ;
	border-bottom: 3px solid #dee5e9 ;
	padding-bottom: 20px ;
	margin-bottom: 20px ;
}
/* contents title underline */
.contents_title:before {
	content:"";
	position: absolute ;
	bottom: -3px ;
	left: 50% ;
	display: block ;
	height: 3px ;
	width: 200px ;
	margin-left: -100px ;
	background-color: #3257ab ;
}
.contents_news .contents_title:before { width: 200px ; margin-left: -100px ;}

/* 矢印リンク */
.contents_link_arrow01 {
	border: 1px solid #e5d19f ;
	border-radius: 3px ;
	background-color: #fffaec ;
}
.contents_link_arrow01 a {
	position: relative ;
	display: block ;
	color: #333 ;
	font-size: 110% ;
	font-weight: bold ;
	text-decoration: none ;
	padding: 16px 40px 14px 20px ;
}
.contents_link_arrow01 a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 15px ;
	display: block ;
	height: 8px ;
	width: 8px ;
	margin-top: -5px ;
	border-top: 3px solid #ebd8aa ;
	border-right: 3px solid #ebd8aa ;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.contents_link_arrow02 a {
	position: relative ;
	display: block ;
	color: #333 ;
	font-weight: bold ;
	text-decoration: none ;
	background-color: #fff ;
	padding: 25px 50px 22px 30px ;
	border: 1px solid #e0ca92 ;
	border-radius: 3px ;
}
.contents_link_arrow02 a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 17px;
	display: block ;
	height: 12px;
	width: 12px;
	margin-top: -8px;
	border-top: 3px solid #e4c77e;
	border-right: 3px solid #e4c77e;
	transform        : rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* TOPお知らせ */
.special_newscast {
	width: 80% ;
	max-width: 960px ;
	border: 2px solid #dee5e9 ;
	padding: 20px 15px 15px ;
	margin: 30px auto ;
}
.special_newscast_title {
	font-size: 110% ;
	position: relative ;
	border-bottom: 2px solid #dee5e9 ;
	padding-bottom: 8px ;
	margin-bottom: 15px ;
}
.special_newscast_title:after {
	content:"";
	position: absolute ;
	bottom: -2px ;
	left: 0 ;
	display: block ;
	width: 30% ;
	height: 2px ;
	background-color: #e24444 ;
}
.special_newscast_txt {
	font-size: 90% ;
	line-height: 130% ;
}
.special_newscast_txt strong {
	font-size: 110% ;
}





/*---------------------------------
 ページTOPボタンの実装 2017/11/13
---------------------------------*/
.page_top_botton{
	display:none;
	position:fixed;
	width:50px;
	height:50px;
	bottom:50px;
	right:80px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.page_top_botton a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}



































}