@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  tablet_common.css
style info :  基本構造（common.css） 960px以上
=================================================================== */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:700');
@import url('https://fonts.googleapis.com/css2?family=Italianno&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');



@font-face {
  font-family: "ipaMincyo";
  font-display: swap;
  src: url('../../font/ipap.eot?');
  /* IE9 Compat Modes */
  src: url('../../font/ipap?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../../font/ipap.woff?') format('woff');
  /* Modern Browsers */

}

.font_large {
  /*font-size:110%;*/
  margin: 0 !important;
}

.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", 'Noto Serif JP', "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", cursive, serif;
  transform-origin: 0px 0px 0px;
  transform: scale(1.001, 1);
}

.bold {
  font-weight: bold;
}

.wid45 {
  width: 45%;
}

.wid50 {
  width: 50%;
}

.wid60 {
  width: 60%;
}

.wid65 {
  width: 65%;
}



.serif.bold {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", 'Noto Serif JP', "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", cursive, serif;
  transform-origin: 0px 0px 0px;
  transform: scale(1.001, 1);
  font-weight: bold;
}

img,
object,
embed {
  max-width: 100% !important;
  height: auto !important;
}

img {
  -ms-interpolation-mode: bicubic;
}

.display_ph {
  display: none;
}

.alignright {
  text-align: right;
}

.aligncenter {
  text-align: center;
}

.display_ta {
  display: none;
}

.pc_none {
  display: none;
}

body {
  background: #fff;
  font-size: 15px;
  line-height: 175%;
  letter-spacing: 0.5px;
  background: url("../images/common_pc/header_bg_retina.png") repeat-x scroll 0 0 transparent;
  background-size: 2400px 152px;
}

#wrapper {
  width: 100%;
}

#header {
  width: 1024px;
  height: 102px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.header_text {
  color: #FFF;
  height: 20px;
  width: 600px;
  font-size: 95%;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  position: absolute;
  left: 160px;
  top: 36px;
  transform-origin: 0px 0px 0px;
  transform: scale(1.001, 1);
}

.header_btn {
  height: 10px;
  width: 270px;
  position: absolute;
  top: 3px;
  right: 0px;
  line-height: 100%;
}

.header_btn li.header_btn01 {
  float: left;
  text-align: center;
  padding: 0;
}

.header_btn li.header_btn02 {
  float: right;
  text-align: right;
  padding: 0 0 0 20px;
  border-left: 1px #3e4c5d solid;
}

.header_btn li a {
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 2px;
}

.header_btn li a:hover {
  text-decoration: underline;
}

#mdd_overlay {
  background: #000;
  opacity: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100;
}

ul.mdd_lv1.header_btn {
  z-index: 200;
}

.header_btn ul.mdd_lv2 {
  background-color: #E4E4E4;
  color: #000000;
  display: none;
  left: -100%;
  list-style-position: outside;
  margin: 0;
  padding: 20px;
  position: absolute;
  top: 15px;
  width: 590px;
}

ul.mdd_lv1.header_btn li:hover ul.mdd_lv2 {
  display: block;
}

.header_btn ul.mdd_lv2 li {
  height: 50px;
  width: 162px;
  float: left;
}

.group01,
.group02,
.group04,
.group05 {
  height: 50px;
  width: 162px;
  margin-right: 15px;
  padding-right: 14px;
  border-right: #CCC 1px solid;
}

.group06 {
  height: 50px;
  width: 162px;
}


.group01,
.group02,
.group03 {
  margin-bottom: 15px;
}

.logo {
  width: 140px;
  height: 44px;
  left: 2px;
  position: absolute;
  top: 40px;
}

.logo_ttl {
  width: 315px;
  left: 140px;
  position: absolute;
  top: 32px;
}

.header_nav {
  height: 14px;
  width: 186px;
  position: absolute;
  top: 38px;
  right: 0px;
  clear: both;
}

.header_nav li {
  float: left;
}

.header_nav li img {
  float: right;
}

.header_nav01 {
  padding-right: 18px;
  height: 14px;
  width: 55px
}

.header_nav02 {
  height: 14px;
  width: 113px;
}

.header_formbtn {
  box-sizing: border-box;
  position: absolute;
  right: 0px;
  top: 43px;
  height: 40px;
  width: 230px;
  -webkit-font-smoothing: antialiased;
}

.header_formbtn_link:not(:root) {
  text-decoration: none;
  box-sizing: border-box;
  font-family: 'Noto Serif JP', serif;
  display: flex;
  align-items: center;
  gap: 6px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30f00',endColorstr='#990d00');
  background-color: #e30f00;
  border-radius: 6px;
  border: 1px solid #d02718;
  color: #fff;
  padding: 15px 12px;
  font-weight: 700;
  height: 40px;
  letter-spacing: 1px;
  position: relative;
  box-shadow: inset 0px 1px 0px 0px #f5978e;
  text-decoration: none;
  text-shadow: 0px 1px 0px #810e05;
  width: 230px;
  transform: scale(1.001, 1);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f10), color-stop(1, #b60f00));
  font-size: 16px;
  line-height: 40px;
}
.header_formbtn_link_label {
  box-sizing: border-box;
  background-color: #9c2c10;
  padding: 4px 6px;
  font-size: 13px;
  white-space: nowrap;
  color: #fff;
  flex-shrink: 0;
  height: 22px;
  line-height: 14px;
  text-shadow: none;
  font-weight: 700;
  letter-spacing: 2px;
  width: 40px;
  border-radius: 2px;
}
.header_formbtn_link_text {
  padding-left: 5px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  line-height: .85;
  color: #fff;
}



#nav {
  width: 100%;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}

#nav ul {
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

#nav ul li {
  float: left;
}

/*#nav ul li a {
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 50px;
	background: url(../images/common_pc/nav2.png) no-repeat;
}*/
#nav ul li a {
  display: block;
  overflow: hidden;
  height: 0px;
  padding-top: 50px;
  background: url(../images/common_pc/nav_retina.png) no-repeat;
  background-size: 1024px 100px;
}

#nav .nav01,
#nav .nav01c {
  position: absolute;
  left: 0px;
  width: 147px;
}

#nav .nav01 a {
  background-position: 0px 0px;
  width: 147px;
}

#nav .nav01 .dorp_ul {
  width: 146px;
}

#nav .nav01c .dorp_ul {
  width: 146px;
}

#nav .nav01 a {
  background-position: 0px 0px;
}

#nav .nav02,
#nav .nav02c {
  position: absolute;
  left: 147px;
  width: 146px;
}

#nav .nav02 a {
  background-position: -147px 0;
  width: 147px;
}

#nav .nav02 .dorp_ul {
  width: 145px;
}

#nav .nav02c .dorp_ul {
  width: 145px;
}

#nav .nav03,
#nav .nav03c {
  position: absolute;
  left: 293px;
  width: 146px;
}

#nav .nav03 a {
  background-position: -293px 0px;
  width: 146px;
}

#nav .nav03 .dorp_ul {
  width: 145px;
}

#nav .nav03c .dorp_ul {
  width: 145px;
}

#nav .nav04,
#nav .nav04c {
  position: absolute;
  left: 439px;
  width: 146px;
}

#nav .nav04 a {
  background-position: -439px 0px;
  width: 146px;
}

#nav .nav05,
#nav .nav05c {
  position: absolute;
  left: 585px;
  width: 147px;
}

#nav .nav05 a {
  background-position: -585px 0;
  width: 147px;
}

#nav .nav06,
#nav .nav06c {
  position: absolute;
  left: 731px;
  width: 147px;
}

#nav .nav06 a {
  background-position: -731px 0;
  width: 147px;
}

#nav .nav06 .dorp_ul {
  width: 144px;
}

#nav .nav06c .dorp_ul {
  width: 144px;
}

#nav .nav07,
#nav .nav07c {
  position: absolute;
  left: 877px;
  width: 147px;
}

#nav .nav07 a {
  background-position: -877px 0;
  width: 147px;
}

#nav .nav07 .dorp_ul {
  width: 147px;
}

#nav .nav07c .dorp_ul {
  width: 147px;
}

#nav .nav01 a:hover,
#nav .nav01c a {
  background-position: 0px -50px;
  width: 147px;
}

#nav .nav02 a:hover,
#nav .nav02c a {
  background-position: -147px -50px;
  width: 147px;
}

#nav .nav03 a:hover,
#nav .nav03c a {
  background-position: -293px -50px;
  width: 146px;
}

#nav .nav04 a:hover,
#nav .nav04c a {
  background-position: -439px -50px;
  width: 146px;
}

#nav .nav05 a:hover,
#nav .nav05c a {
  background-position: -585px -50px;
  width: 147px;
}

#nav .nav06 a:hover,
#nav .nav06c a {
  background-position: -731px -50px;
  width: 147px;
}

#nav .nav07 a:hover,
#nav .nav07c a {
  background-position: -877px -50px;
  width: 147px;
}

#nav ul.dorp_ul {
  top: 0;
  left: 0px;

  position: relative;
  z-index: 2;
  box-shadow: #3d3d3d 3px 4px 7px;
}

#nav ul.dorp_ul li {
  float: none;
  border-bottom: 1px solid #CCCCCC;
  line-height: 40px;
  font-size: 75%;
  background: #fbfaf1;
}

#nav ul.dorp_ul li a {
  background: url(../images/common/nav_icon.png) no-repeat 5px center;
  height: 40px;
  padding: 0;
  text-decoration: none;
  text-indent: 20px;
}

#nav ul.dorp_ul li a.nav_blank {
  background: url(../images/common/nav_blank.png) no-repeat 5px center;
  height: 40px;
  padding: 0;
  text-indent: 20px;
  text-decoration: none;
}

#nav ul.dorp_ul li a:hover {
  background: url(../images/common/nav_icon.png) no-repeat 5px center;
  height: 40px;
  padding: 0;
  text-indent: 20px;
  text-decoration: underline;
}

#nav ul.dorp_ul li a:hover.nav_blank {
  background: url(../images/common/nav_blank.png) no-repeat 5px center;
  height: 40px;
  padding: 0;
  text-indent: 20px;
  text-decoration: underline;
}

#contents {
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  overflow: hidden;
  z-index: 0;
}

#contents_left {
  width: 230px;
  float: right;
  overflow: hidden;
}

#contents_right {
  width: 775px;
  float: left;
  overflow: hidden;
}

#main_sub {
  width: 100%;
  height: 100px;
  margin-bottom: 15px;
  min-width: 1024px;
}

#main_sub h1,
#main_sub .imgtitle {
  width: 1024px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
}

#main_sub h1 img,
#main_sub .imgtitle img {
  margin-top: 35px;
}


#main_sub p.subttl {
  width: 1024px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
}

#main_sub p.subttl img {
  margin-top: 35px;
}



.recruit_ttl {
  background: url(../images/recruit/main_bg.jpg) no-repeat center top #0c0c0c;
  background-size: 1200px;

}

.profile_ttl {
  background: url(../images/profile/main_bg.jpg) no-repeat center top #000;
  background-size: 1200px;
}

.mailmagazine_ttl {
  background: url(../images/mailmagazine/main_bg.jpg) no-repeat center top #270700;
  background-size: 1200px;
}

.service_ttl {
  background: url(../images/service/main_bg.jpg) no-repeat center top #321f00;
  background-size: 1200px;
}

.story_ttl {
  background: url(../images/story/main_bg.jpg) no-repeat center top #321f00;
  background-size: 1200px;
}

.introduce_ttl {
  background: url(../images/introduce/main_bg.jpg) no-repeat center top #163b5b;
  background-size: 1200px;
}

.career_ttl {
  background: url(../images/career/main_bg.jpg) no-repeat center top #604a15;
  background-size: 1200px;
}

.faq_ttl {
  background: url(../images/faq/main_bg.jpg) no-repeat center top #000;
  background-size: 1200px;
}

.arr {
  background: url(../images/common/icon.png) no-repeat left center;
  padding-left: 20px;
}

.arr_mono {
  background: url(../images/common/icon_mono.png) no-repeat left center;
  padding-left: 20px;
}


#footer {
  background: url(../images/common_pc/footer_bg.png) repeat-x;
  height: 430px;
  letter-spacing: auto;
  margin-top: 30px;
  margin-bottom: -25px;
  font-size: 85%;
  color: #FFF;
}

#footer a {
  color: #FFF;
}

#footer_inner {
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  height: 430px;
}

#breadcrumbs_header {
  font-size: 85%;
  /*height: 15px;*/
  line-height: 15px;
  margin: 0px auto 0 auto;
  width: 1024px;
}

#breadcrumbs_header li {
  float: left;
  margin-right: 15px;
  background: url(../images/common/breadcrumb_separator02.png) no-repeat left center;
  padding-left: 20px;
}

#breadcrumbs_header li a {
  text-decoration: none;
}

#breadcrumbs_header .breadcrumbs_home {
  background: url(none);
  padding: 0px;
}

#breadcrumbs {
  line-height: 40px;
  height: 40px;
  position: absolute;
  width: 900px;
  left: 0px;
  top: 0px;
  font-size: 90%;
}

#breadcrumbs li {
  float: left;
  margin-right: 20px;
  background: url(../images/common/breadcrumb_separator.png) no-repeat left center;
  padding-left: 20px;
}

#breadcrumbs li a {
  text-decoration: none;
}

#breadcrumbs .breadcrumbs_home {
  background: url(none);
  padding: 0px;
}


.sp-img {
  width: 350px;
  height: auto;
}

.flr .sp-img {
  width: 115px;
}

.link_btn .sp-img {
  width: 115px;
}

.box01_details .sp-img {
  width: 95px;
}

.to_top02 .sp-img {
  width: 75px;
}

.box01_banner_box .sp-img {
  width: 100%;
}

.pimg {
  width: auto;
}

.consultant_box02 .sp-img {
  width: 225px;
}



#directorynav {
  width: 1024px;
  height: 330px;
  position: absolute;
  top: 65px;
  left: 0px;
}

#directorynav li {
  margin-bottom: 2px
}

#directorynav li a {
  font-size: 80%;
  text-decoration: underline;
}

#directorynav h3 {
  margin-bottom: 10px;
}

.column_first {
  float: left;
  width: 170px;
}

.column_second_a {
  float: left;
  width: 170px;
}

.column_third {
  float: left;
  width: 170px;
}

.column_forth {
  float: left;
  width: 170px;
}

.column_fifth {
  float: left;
  width: 170px;
}

.column_sixth {
  float: left;
  width: 170px;
}

.to_top {
  height: 9px;
  width: 75px;
  position: absolute;
  top: 9px;
  right: 0px;
}

.to_top02 {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.to_top02 a {
  float: right;
}

small.copyright {
  /* width: 359px; */
  height: 0px;
  right: 0px;
  position: absolute;
  bottom: 25px;
  font-size: 75%;
  /* background: url(../images/common/copyright.png) no-repeat; */
  padding-top: 9px;
  /* overflow: hidden;  */

}

.search_box {
  width: 727px;
  padding: 20px 23px;
  border-collapse: collapse;
  border-left: solid 1px rgb(204, 204, 204);
  border-right: solid 1px rgb(204, 204, 204);
  border-bottom: solid 1px rgb(204, 204, 204);
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}

.search_top_link_w {
  width: 100%;
  margin-bottom: 20px;
}

.search_top_link_w .s_link_l {
  font-size: 90%;
  width: 50%;
  float: left;

}

.search_top_link_w .s_link_l a {
  line-height: 1em;
  padding: 7px 0 5px 25px;
  display: inline-block;
  width: 120px;
  text-decoration: none;
}

.search_top_link_w .s_link_r {
  text-align: right;
  font-size: 90%;
  width: 50%;
  float: right;
}

.star_icon {
  background: url(../images/job/star_icon.png) no-repeat left 3px;
  background-size: 15px 15px;
}

.new_icon {
  background: url(../images/job/new_icon.png) no-repeat left 4px;
  background-size: 14px 14px;
}

.folder_icon1 {
  background: url(../images/job/folder_icon1.png) no-repeat left top;
  background-size: contain;
  padding-left: 28px !important;
}

.folder_icon2 {
  /*background: url(../images/job/folder_icon2.png) no-repeat left top;*/
  background-size: contain;
}


.search_box h3 {
  margin-bottom: 10px;
  width: 100%;
  float: left;
}

.search_box a.search_ttl_btn {
  background: url(../images/home/search_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 140px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
}

.search_box a:hover.search_ttl_btn {
  background: url(../images/home/search_ttl_btn.png) no-repeat 0px -20px;
}

.search_box .search_textbox {
  background-color: #FFF;
  border: 0 none;
  height: 20px;
  padding: 5px;
  text-align: left;
  width: 559px;
  border: solid 1px #C6C6C6;
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}

.search_box .search_btn01 {
  background: transparent url(../images/home/search_btn.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 145px;
  float: left;
  margin-bottom: 15px;
}

.search_box .search_btn02 {
  background: transparent url(../images/common_pc/search_boxbtn.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 727px;
  float: left;
}

.search_box .clear_btn {
  background: transparent url(../images/common_pc/search_boxclearbtn.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 26px;
  text-indent: -9999px;
  width: 145px;
  float: right;
  margin-right: 1px;
}

.side_nav .clear_btn {
  background: transparent url(../images/common_pc/search_boxclearbtn2.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 20px;
  text-indent: -9999px;
  width: 199px;
  margin: 0;
  margin: 11px auto 0 auto;
}

.search_box .clear_btn:hover {
  //opacity:0.5;
}

.search_box .search_text p {
  width: 581px;
  float: left;
}

.search_box .search_checkbox_outer {
  width: 743px;
  float: left;
}

.search_box .search_checkbox {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 13px;
}

.search_box .search_checkbox dt {
  line-height: 28px;
  font-weight: bold;
}

.search_box .search_checkbox dd {
  padding-left: 15px;
  padding-right: 25px;
  line-height: 28px;
  display: inline-block;
}

.search_box .search_checkbox label {
  cursor: pointer;
}

.search_box .search_conditions {
  background-color: #FFF;
  border: 0 none;
  width: 60px;
  float: left;
}

/*----- accordion CSS Documen -----*/
.search_box .accordion {
  width: 727px;
  margin-bottom: 5px;
  float: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
  margin-top: 5px;
}

.search_box .accordion dt {
  background: none repeat scroll 0 0 #EEF3F9;
  border: 1px solid #93A7D7;
  color: #B00940;
  cursor: pointer;
  display: block;
  font-size: 95%;
  height: 30px;
  width: 725px;
}

.search_box .accordion dt p {
  height: 14px;
  line-height: 14px;
  margin-left: 10px;
  margin-top: 8px;
}

.search_box .accordion dt.hover {
  background: #FFF;
  border: 1px solid #CCCCCC;
}

.search_box .accordion dt .slider_icon {
  background: url(../images/home/slider_icon.png) no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 0;
  margin-right: 10px;
  overflow: hidden;
  padding-top: 14px;
  width: 96px;
}

.search_box .accordion dt.hover .slider_icon {
  background: url(../images/home/slider_icon.png) no-repeat scroll 0px -14px;
}

.search_box .accordion dd {
  width: 685px;
  padding: 16px 20px 5px 20px;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.search_box .conditions_in {
  width: 720px;
  float: left;
  border-bottom: 1px dotted #CCCCCC;
  margin-bottom: 15px;
}

.conditions_in .ph_wd {
  width: 180px;
}

.search_box .conditions_in li.keyword01 {
  width: 360px;
  float: left;
  margin-bottom: 15px;
}

.search_box .conditions_in li.keyword02 {
  float: left;
  font-size: 90%;
  margin-bottom: 15px;
  width: 720px;
}

.search_box . li ul {
  float: left;
  margin: 10px 0px 0px 0;
  width: 720px;
}

.search_box .conditions_in li ul li {
  float: left;
  margin-right: 10px;
  width: 225px;
}

.search_box .particular_in {
  width: 720px;
  float: left;
}

.search_box .particular_in li {
  width: 230px;
  float: left;
  margin-bottom: 6px;
}

.search_box .particular_in label {
  cursor: pointer;
}

/*
.search_nav {
	width: 100%;
	overflow: hidden;
}
.search_nav .search_swich {
	height: 42px;
	display: block;
	float: left;
	text-indent: -1000px;
	border-top: solid 1px rgb(204,204,204);
}
.search_nav .search_li {
	width: 66%;
	background: url(../images/job/search.jpg) no-repeat 10px 15px;
}
.search_nav .list_li {
	width: 34%;
	background: url(../images/job/list.jpg) no-repeat 10px 15px;
}
.search_nav .off {
	-webkit-box-shadow: 2px -2px 1px 0px rgba(200,200,200,0.3) inset;
	-moz-box-shadow: 2px -2px 1px 0px rgba(200,200,200,0.3) inset;
	box-shadow: 2px -2px 1px 0px rgba(200,200,200,0.3) inset;
}
*/
.search_nav .search_b {}

.search_nav .list_b {}





.pagenavi_box {
  width: 727px;
  padding: 15px 23px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}

.pagination {
  /*border-bottom: 1px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;*/
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  width: 727px;
}

.pagination .pages {
  display: none;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #D7D7D7;
  text-decoration: underline;
  /* no underline */
  color: #111111:
}

.pagination a:hover,
.digg a:active {
  border: 1px solid #D7D7D7;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #1B2A4C;
  font-weight: bold;
  background-color: #1B2A4C;
  color: #FFF;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #EEE;
  color: #DDD;
}

.pagenavi_box02 {
  width: 743px;
  padding: 15px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}

.pagination02 {
  overflow: hidden;
  text-align: center;
  width: 350px;
  float: left;
  padding: 2px
}

.pagination02 a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #D7D7D7;
  text-decoration: underline;
  /* no underline */
  color: #111111:
}

.pagination02 a:hover,
.digg a:active {
  border: 1px solid #D7D7D7;
}

.pagination02 span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #1B2A4C;
  font-weight: bold;
  background-color: #1B2A4C;
  color: #FFF;
}

.pagination02 span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #EEE;
  color: #DDD;
}

.pagenavi_box02 .ttl05_left {
  float: left;
  margin-right: 25px;
  width: 180px;
}

.pagenavi_box02 .ttl05_right {
  float: right;
  width: 180px;
}


.ttl_txt {
  letter-spacing: 0;
  color: #000;
  padding-bottom: 0px;
  border-bottom: 1px #333 solid;
  font-family: serif;
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: 0 !important;
  font-size: 20px;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  transform-origin: 0px 0px 0px;
  transform: scale(1.001, 1);
  font-weight: bold;
}

.ttl_txt::before {
  display: inline-block;
  content: "■";
  font-size: 24px;
  transform: scale(0.3, 1);
  color: #333333;
  text-align: left;
  position: relative;
  left: -10px;
  margin-right: -10px;
}

.ttl_txt span.ht_txt_gold {
  font-style: italic;
  font-size: 30px;
  color: #946f1e;
  font-weight: 700;
}

.ttl_txt span.eng_caption {
  font-family: "Josefin Sans";
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #888;
  letter-spacing: 1px;
  margin-left: 10px;
}

.ttl_txt_nobdr {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  color: #000;
  padding-bottom: 0px;
  font-family: serif;
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: 0 !important;
  transform-origin: 0px 0px 0px;
  transform: scale(1.001, 1);
}


.ttl_txt2 {
  letter-spacing: 3px;
  color: #000;
  padding-bottom: 0px;
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: 0 !important;
  font-size: 22px !important;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
}


.btn_gold {
  background-color: #946f1e;
  color: #fff !important;
  padding: 6px;
  border-radius: 4px;
  font-size: 12px;
  text-decoration: none !important;
}

.btn_gold:hover {
  background-color: #664b0f;
}

.txt_gold {
  color: #946f1e;
}


a.btn_red {
  -moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
  box-shadow: inset 0px 1px 0px 0px #f5978e;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e30f00), color-stop(1, #990d00));
  background: -moz-linear-gradient(center top, #e30f00 5%, #990d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30f00', endColorstr='#990d00');
  background-color: #e30f00;
  border-radius: 6px;
  text-indent: 0;
  border: 1px solid #d02718;
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px 1px 0px #810e05;
  display: inline-block;
  transform-origin: 0px 0px 0px;
  transform: scale(1.001, 1);
  text-align: center;
  padding: 10px 16px;
  width: 70%;
}

a.btn_red:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #990d00), color-stop(1, #e30f00));
  background: -moz-linear-gradient(center top, #990d00 5%, #e30f00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990d00', endColorstr='#e30f00');
  background-color: #990d00;
}


.ttl01 {
  border-bottom: 1px solid #999999;
  height: 36px;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.ttl01 h1 img {
  float: left;
}


.ttl01 h2 img {
  float: left;
}



.ttl01 a {
  float: right;
}

.ttl01_mbnon {
  border-bottom: 1px solid #999999;
  height: 30px;
  width: 100%;
}

.ttl01_mbnon h1 img {
  float: left;
}

.ttl01_mbnon h2 img {
  float: left;
}


.ttl01_mbnon a {
  float: right;
}

.ttl02 {
  background: url(../images/common/subttl_bg.png) repeat;
  height: 26px;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.ttl02 h2 img {
  float: left;
}

.ttl02 p {
  float: right;
  line-height: 25px;
  padding-right: 10px;
  font-size: 80%;
}

.ttl03 {
  border-bottom: 1px solid #999999;
  height: 30px;
  margin-bottom: 15px;
  width: 100%;
}

.ttl03 img {
  float: left;
}

.ttl04 {
  background: url(../images/common/subttl04_bg.png) no-repeat scroll 0 2px transparent;
  border-bottom: 1px solid #999999;
  float: left;
  font-size: 120%;
  margin-bottom: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-top: 0px;
  width: 98%;
  color: #111111;
}


.ttl04_2 {
  background: url(../images/common/subttl04_bg.png) no-repeat scroll 0 2px transparent;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  border-bottom: 1px solid #999999;
  /*float: left;*/
  font-size: 120%;
  margin-bottom: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-top: 0px;
  width: 98%;
  color: #111111;
}


.ttl05 {
  background: url(../images/common/subttl_bg.png) repeat;
  height: 35px;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.ttl05 .ttl05_left {
  float: left;
  line-height: 35px;
  padding-left: 10px;
}

.ttl05 .ttl05_right {
  float: right;
  font-size: 80%;
  line-height: 35px;
  padding-right: 10px;
}

.ttl05 .ttl05_center {
  font-size: 80%;
  line-height: 35px;
}

.ttl06 {
  background: url(../images/common/subttl_bg.png) repeat;
  float: left;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 20px;
  padding: 7px 10px 4px 10px;
  width: 97%;
}

/*IE7*/
.ttl06 {
  *float: none;
}


.ttl06_2 {
  background: url(../images/common/subttl_bg.png) repeat;
  float: left;
  font-size: 105%;
  font-weight: bold;
  line-height: 1.4em;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-left: 10px;
  width: 98%;
}

/*IE7*/
.ttl06_2 {
  *float: none;
}

.ttl06_3_l,
.ttl06_3_r {
  background: url(../images/common/subttl_bg.png) repeat;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 20px;
  padding: 7px 10px 5px 10px;
}

/*IE7*/
.ttl06_3 {
  *float: none;
}

.l220 {
  margin-left: 220px !important;
  width: auto !important;
  float: none !important;
}

.r220 {
  margin-right: 220px !important;
  width: auto !important;
  float: none !important;
}


.ttl07 {
  background: url(../images/common/subttl02_bg.png) no-repeat left 8px;
  line-height: 15px;
  font-size: 95%;
  //font-size: 95%;
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
  padding-left: 15px;
  width: 97%;
  line-height: 160%;
}

.ttl07_2 {
  background: url(../images/common/subttl02_bg.png) no-repeat left 6px;
  line-height: 15px;
  font-size: 100%;
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
  padding-left: 15px;
  width: 97%;
  line-height: 160%;
}

.ttl07_3 {
  background: url(../images/common/subttl02_bg.png) no-repeat left 8px;
  line-height: 15px;
  font-size: 90%;
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
  text-indent: 14px;
  width: 97%;
  line-height: 160%;
  border-bottom: solid 1px #a99975;
}









.ttl09 {
  line-height: 15px;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 10px;
  width: 97%;
  line-height: 160%;
}

.ttl10 {
  background: url(../images/common/subttl_bg.png) repeat;
  float: left;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 4px;
  width: 100%;
}

.ttl10 .cat_w {
  display: block;
  text-align: right;
}

.ttl10 .cat {
  background: url(../images/common/subttl02_bg.png) no-repeat left 5px;
  padding-left: 13px;
  font-size: 11px;
  padding-right: 10px;
  color: #777;
  ;
}

.ttl11 {
  background: url(../images/common/subttl02_bg.png) no-repeat left 11px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-top: 3px;
  width: 98%;
}





.contents_box {
  width: 727px;
  padding: 23px 23px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  float: left;
  margin-bottom: 30px;
}

.t_center {
  text-align: center;
}


.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}


.playfair {
  font-family: 'Playfair Display', serif;
  font-style: italic;
}

.coborno {
  border: none;
  width: 725px;
  margin: 0;
}

.cobor {
  border: solid 1px rgb(204, 204, 204);
  width: 773px;
  overflow: hidden;
}

.cobor .pagination {
  width: 100%;
  border: none;
}

.cobor .contents_box {
  padding-top: 0;
  padding-bottom: 0;
}





/* ===================================================================
 121122 add by concord
=================================================================== */

.contents_box table {
  width: 100%;
  /*border:solid 1px #ccc; */
}

/* ===================================================================
 /121122 add by concord
=================================================================== */

.contents_box02 {
  width: 727px;
  /*width: 713px;*/
  /*padding: 20px 30px;*/
  padding: 20px 23px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  overflow: hidden;
  float: left;
  background-color: #fff;
  margin-bottom: 30px;
}

.contents_box_nobdr {
  width: 100%;
  padding: 20px 0px;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}

/* ===================================================================
 121122 add by concord
=================================================================== */

.contents_box02 table {
  width: 100%;
  border: solid 1px #ccc;
}

/* ===================================================================
 /121122 add by concord
=================================================================== */

.contents_box03 {
  width: 568px;
  padding: 15px 190px 15px 15px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
  background: url(../images/common/contents03_bg.png) repeat-y right top;
}


/* ===================================================================
 121122 add by concord
=================================================================== */

.contents_box03 table {
  width: 100%;
  border: solid 1px #ccc;
}

.contents_box li.three_cl {
  float: left;
  width: 33%;
}

.contents_box li.two_cl {
  float: left;
  width: 50%;
}


.contents_box li.year-list {
  float: left;
  width: 25%;
}



.contents_box04 {
  width: 727px;
  padding: 23px 23px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  float: left;
  margin-bottom: 30px;
}



/* ===================================================================
 　/121122 add by concord
=================================================================== */

.side_nav {
  width: 228x;
  border-collapse: collapse;
  border: #ccc solid 1px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}

.side_nav h1 a {
  width: 228px;
  float: left;
  background: url(../images/common/side_ttl.png) no-repeat left top;
  height: 45px;
  color: #FFF;
  line-height: 45px;
  font-weight: bold;
  text-indent: 25px;
  font-size: 120%;
  display: block;
  text-decoration: none;
}

.side_nav h1 a:hover {
  opacity: 0.6;
}

.side_nav h2 a {
  width: 228px;
  float: left;
  background: url(../images/common/side_ttl.png) no-repeat left top;
  height: 45px;
  color: #FFF;
  line-height: 45px;
  font-weight: bold;
  text-indent: 25px;
  font-size: 120%;
  display: block;
  text-decoration: none;
}

.side_nav h2 a:hover {
  opacity: 0.6;
}


.side_nav ul {
  width: 228px;
  float: left;
}

.side_nav ul li a {
  width: 228px;
  float: left;
  background: url(../images/common/side_nav.png) no-repeat left top;
  height: 40px;
  line-height: 40px;
  text-indent: 25px;
  display: block;
  text-decoration: none;
  font-size: 95%;
}

.b_link {
  background: url(../images/common/b_link.png) no-repeat scroll 210px center transparent;
  float: left;
  height: 100%;
  width: 100%;
}

.side_nav ul li a:hover {
  background: url(../images/common/side_nav_ov.png) no-repeat left top;
}

.side_nav ul li.current a {
  width: 228px;
  float: left;
  background: url(../images/common/side_nav_c.png) no-repeat left top;
  height: 40px;
  line-height: 40px;
  text-indent: 25px;
  display: block;
  text-decoration: none;
  font-weight: bold;
}

.side_nav ul li.current ul li a,
.side_nav ul li ul li a,
.side_nav ul li ul li.current a {
  width: 228px;
  float: left;
  background: url(../images/common/side_nav_cnav.png) no-repeat left top;
  height: 40px;
  line-height: 40px;
  text-indent: 40px;
  display: block;
  text-decoration: none;
  font-weight: normal;
}

.side_nav ul li.current ul li a:hover,
.side_nav ul li ul li a:hover {
  background: url(../images/common/side_nav_cov.png) no-repeat left top;
}

.side_nav ul li.current ul li.current a,
.side_nav ul li ul li.current a {
  background: url(../images/common/side_nav_cc.png) no-repeat left top;
}

.side_nav .visible li a {
  background-image: none;
  background-color: #ffffff;
  border-bottom: #ccc solid 1px;
  height: auto;
  text-indent: 23px;
  line-height: 1.5em;
  padding: 8px 10px;
  width: 208px;
  background: url(../images/common/icon.png) no-repeat 10px 13px;
}

.side_nav .visible li a:hover {
  background: url(../images/common/icon.png) no-repeat 10px 13px;
  background-color: #f3f3f3;
}




.text_w01 {
  width: 150px;
}

.text_w02 {
  width: 170px;
}

.text_w03 {
  width: 210px;
}

.text_w04 {
  width: 300px;
}



.form_btns {
  width: 55%;
  margin: 0 auto;
}

.formbtn {
  float: left;
  text-align: center;
  width: 50%;
  margin-bottom: 5px;
}

.form_agree {
  text-align: center;
  width: 80%;
  margin: 0 auto 15px;
}

.formbtn {
  float: left;
  text-align: center;
  width: 50%;
  margin-bottom: 5px;
}

.formbtn_top {
  text-align: cneter;
  width: 200px;
  margin: 0 auto;
}


.img_fr {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D7D7D7;
  padding: 1px;
}

#sitemap_footer {
  display: none;
}



.side_search {
  padding: 10px 15px 5px 15px;
  width: 198px;
}

.side_search .search_btn02_in {
  padding: 20px 0px;
}

.side_search .side_search_btn {
  background: transparent url(../images/job/side_search_boxbtn.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 199px;
}

.side_search .side_search_btn_new {
  background: transparent url(../images/job/side_search_boxbtn_new.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 199px;
}

.side_search .search_textbox {
  background-color: #FFF;
  border: 0 none;
  margin-bottom: 15px;
  height: 20px;
  padding: 5px;
  text-align: left;
  width: 189px;
  border: solid 1px #C6C6C6;
  /*margin-right: 10px;
	margin-bottom: 15px;*/
}

.side_search h3 {
  padding-top: 4px;
  line-height: 40px;
}

.side_search ul li a {
  width: auto;
  float: none;
  background: none;
  height: auto;
  text-indent: 0;
  display: inline;
  text-decoration: none;

}

.side_search ul {
  padding: 0 0 11px 0px;
  width: 200px;
  float: none;
}

.side_search ul li {
  line-height: 26px;
  padding-left: 0px;

}

.side_search dl dt {
  line-height: 26px;
  padding-left: 0px;
  padding-bottom: 5px;
  font-size: 97%;
}

.side_search dl dd {
  line-height: 26px;
  padding-left: 0px;
  padding-bottom: 5px;
  font-size: 97%;
}

.borderdotted {
  border: 0;
  height: 1px;
  border-bottom: 1px dotted #999999;
  margin: 0;
}



/* ===================================================================
 page name  :  home
=================================================================== */
#contents_top {
  width: 1024px;
  float: left;
  margin-bottom: 20px;
}

#contents_bottom {
  width: 1024px;
  float: left;
}

.left_box {
  float: left;
  width: 230px;
}

.right_box {
  float: right;
  width: 230px;
  margin-left: 20px;
}

.middle_box {
  width: 525px;
  float: right;
}

.banner_box p {
  width: 230px;
}

.banner_box p {
  margin-bottom: 13px;
}

.banner_box p img {
  border-color: rgb(204, 204, 204);
  /* Firefox v3.5+ */
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#33000000,Positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#33000000, Positive=true);
}

.box01,
.box02,
.box03,
.box04,
.box05,
.box06,
.box07 {
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  /* Firefox v3.5+ */
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#33000000,Positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#33000000, Positive=true);
  overflow: hidden;
  float: left;
}

.box01 {
  padding: 10px 15px 5px 15px;
  width: 198px;
}

.box01_banner_box {
  border-bottom: 1px solid #999999;
  padding-bottom: 1px;
  margin-bottom: -18px;
}

.box01_banner_box p {
  margin-bottom: 2px;
}

.box01_inner {
  border-bottom: 1px dotted #999999;
  float: left;
  width: 200px;
  margin-top: 8px;
}

.box01_img {
  float: left;
  width: 70px;
}

.box01_img img {
  background: #FFF;
  /*border: 1px solid #D7D7D7;
	padding: 1px;*/
}

.box01_data {
  float: right;
  width: 120px;
  text-align: left;
  font-size: 90%;
}

.box01_text {
  float: right;
  width: 120px;
  font-size: 85%;
  text-align: left;
  line-height: 160%;
}

.box01_details {
  float: right;
  width: 120px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 15px;
}

.box02 {
  width: 493px;
  padding: 15px;
  height: 250px;
}

p.closeup_ttl_btn a {
  background: url(../images/home/closeup_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 140px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
}

p.closeup_ttl_btn a:hover {
  background: url(../images/home/closeup_ttl_btn.png) no-repeat 0px -20px;
}

.recommend_box .scroll_box01 dl {
  height: 100px;
  overflow: hidden;
}

.box02 dl {
  width: 495px;
  float: left;
}

.box02 dt {
  width: 90px;
  float: left;
  background: url(../images/common/icon.png) no-repeat left center;
  padding-left: 20px;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
  font-size: 90%;
}

.box02 dd {
  width: 365px;
  float: left;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
}

.rec_num01 {
  font-size: 100%;
  color: #FF1919;
  font-weight: bold;
}

.rec_num02 {
  font-size: 100%;
}

.box03 {
  width: 493px;
  margin-top: 20px;
  padding: 15px;
}

.box03 h3 {
  margin-bottom: 10px;
  width: 100%;
  float: left;
}

a.recruit_ttl_btn {
  background: url(../images/home/recruit_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 140px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
}

a:hover.recruit_ttl_btn {
  background: url(../images/home/recruit_ttl_btn.png) no-repeat 0px -20px;
}


/* ===================================================================
 121219 add by concord
=================================================================== */
a.rss_btn {
  background: url(../images/common/rss.jpg) no-repeat scroll 0px 0px;
  height: 0px;
  float: right;
  width: 20px;
  padding: 20px 5px 0 0;
  overflow: hidden;
  display: block;
}

a:hover.rss_btn {
  background: url(../images/common/rss.jpg) no-repeat 0px -20px;
}

/* ===================================================================
 /121219 add by concord
=================================================================== */

a.search_ttl_btn {
  background: url(../images/home/search_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 140px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
}

a:hover.search_ttl_btn {
  background: url(../images/home/search_ttl_btn.png) no-repeat 0px -20px;
}

.box03 .search_textbox {
  background-color: #FFF;
  border: 0 none;
  height: 20px;
  padding: 5px;
  text-align: left;
  width: 325px;
  border: solid 1px #C6C6C6;
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}

.box03 .search_btn01 {
  background: transparent url(../images/home/search_btn.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 145px;
  float: left;
  margin-bottom: 15px;
}

.box03 .search_btn02 {
  background: transparent url(../images/home/search_btn02.png) no-repeat 0 0;
  border: 0 none;
  display: block;
  height: 40px;
  text-indent: -9999px;
  width: 495px;
  float: left;
  margin-top: -5px;
}

.search_checkbox_outer {
  width: 495px;
  float: left;
}

.search_checkbox {
  width: 164px;
  float: left;
}

.search_checkbox dt {
  line-height: 25px;
  padding-left: 20px;
  font-weight: bold;
}

.search_checkbox dd {
  padding-left: 20px;
  line-height: 26px;
}

.box03 .search_conditions {
  background-color: #FFF;
  border: 0 none;
  width: 60px;
  float: left;
}

.box04 {
  width: 468px;
  margin-bottom: 20px;
  margin-right: 24px;
  padding: 15px;
  float: left;
  height: 245px;
  line-height: 190%;
}

.career_img {
  width: 110px;
  height: 110px;
  float: left;
  margin-bottom: 10px;
  margin-right: 15px;
}

.career_img img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D7D7D7;
  padding: 1px;
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}

.career_img img:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.career_img_lt {
  width: 100px;
  height: auto;
  display: block;
  float: left;
  margin-right: 20px;
}

.box04 p,
.box05 p {
  display: inline;
}

.box05 {
  width: 468px;
  margin-bottom: 20px;
  padding: 15px;
  float: left;
  height: 245px;
  line-height: 190%;
}

.box06 {
  width: 468px;
  padding: 15px;
  margin-right: 24px;
  float: left;
  height: 200px;
}

a.blog_ttl_btn {
  background: url(../images/home/blog_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 140px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
  float: right;
}

a:hover.blog_ttl_btn {
  background: url(../images/home/blog_ttl_btn.png) no-repeat 0px -20px;
}

.top_link_nav dl {
  width: 732px;
  float: left;
  margin-bottom: 10px;
}

.top_link_nav dt {
  width: 90px;
  float: left;
  background: url(../images/common/icon.png) no-repeat left center;
  padding-left: 20px;
  border-bottom: 1px dotted #999999;
  line-height: 36px;
  font-size: 90%;
}

.top_link_nav dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 36px;
  width: 615px;
}

.box07 {
  width: 468px;
  padding: 15px;
  float: left;
  height: 200px;
}

.box07 dl {
  width: 468px;
  float: left;
}

.box07 dt {
  width: 90px;
  float: left;
  background: url(../images/common/icon.png) no-repeat left center;
  padding-left: 20px;
  border-bottom: 1px dotted #999999;
  line-height: 30px;
  font-size: 90%;
}

.box07 dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 30px;
  width: 340px;
}

a.information_ttl_btn {
  background: url(../images/home/information_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 170px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
  float: right;
}

a:hover.information_ttl_btn {
  background: url(../images/home/information_ttl_btn.png) no-repeat 0px -20px;
}

a.career_ttl_btn {
  background: url(../images/home/career_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 160px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
  float: right;
}

a:hover.career_ttl_btn {
  background: url(../images/home/career_ttl_btn.png) no-repeat 0px -20px;
}

a.actual_ttl_btn {
  background: url(../images/home/actual_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 186px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
  float: right;
}

a:hover.actual_ttl_btn {
  background: url(../images/home/actual_ttl_btn.png) no-repeat 0px -20px;
}

a.consultant_ttl_btn {
  background: url(../images/home/consultant_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 186px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
  float: right;
}

a:hover.consultant_ttl_btn {
  background: url(../images/home/consultant_ttl_btn.png) no-repeat 0px -20px;
}

a.flow_ttl_btn {
  background: url(../images/home/flow_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 162px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
  float: right;
}

a:hover.flow_ttl_btn {
  background: url(../images/home/flow_ttl_btn.png) no-repeat 0px -20px;
}











.info_news {
  width: 450px;
  float: left;
  background: url(../images/home/info_news.png) no-repeat 80px center;
  margin-top: 5px;
  font-size: 90%;
}

.info_seminner {
  width: 450px;
  float: left;
  background: url(../images/home/info_seminner.png) no-repeat 80px center;
  margin-top: 5px;
  font-size: 90%;
}

.scroll_box02 {
  height: 125px;
  margin-bottom: 10px;
}

.scroll_box03 {
  height: 187px;
}

/*----- accordion CSS Documen -----*/
.accordion {
  width: 495px;
  margin-bottom: 23px;
  float: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
  margin-top: 10px;
}

.accordion dt {
  background: none repeat scroll 0 0 #EEF3F9;
  border: 1px solid #93A7D7;
  color: #B00940;
  cursor: pointer;
  display: block;
  font-size: 95%;
  height: 30px;
  width: 493px;
}

.accordion dt p {
  height: 14px;
  line-height: 14px;
  margin-left: 10px;
  margin-top: 8px;
}

.accordion dt.hover {
  background: #FFF;
  border: 1px solid #CCCCCC;
}

.accordion dt .slider_icon {
  background: url(../images/home/slider_icon.png) no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 0;
  margin-right: 10px;
  overflow: hidden;
  padding-top: 14px;
  width: 96px;
}

.accordion dt.hover .slider_icon {
  background: url(../images/home/slider_icon.png) no-repeat scroll 0px -14px;
}

.accordion dd {
  width: 473px;
  padding: 15px 10px 5px 10px;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.conditions_in {
  width: 475px;
  float: left;
  border-bottom: 1px dotted #CCCCCC;
  margin-bottom: 15px;
}

.conditions_in li {
  width: 475px;
  float: left;
  margin-bottom: 10px;
}

.conditions_in li ul {
  float: left;
  margin: 10px 0px 0px 0;
  width: 475px;
}

.conditions_in li ul li {
  float: left;
  margin-right: 10px;
  width: 225px;
}

.particular_in {
  width: 475px;
  float: left;
}

.particular_in li {
  width: 230px;
  float: left;
  margin-bottom: 10px;
}

/*----- main CSS Documen -----*/
#main {
  width: 100%;
  padding-bottom: 8px;
  //background: #1b1b1b url(../images/home/main_bottom.png) repeat-x center bottom;
  //text-align: center;
  //background: url(../images/home/main02.jpg) center center / cover no-repeat;
  //padding-top: calc(794 / 1920 * 100%);
}

.flexslider {

  margin: 0 auto;
  //height: 350px;
  //max-width: 1240px;
  //width: 1240px;
}

.flex-container a:active,
.flexslider a:active {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flexslider .slides>li {}

.flexslider .slides p {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 35%;
}

.flexslider .slides p img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.flexslider .slides img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;

}

.flexslider .slides img.tbph_main {
  display: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides>li:first-child {
  display: block;
}

.flexslider {
  background: none;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  zoom: 1;
}

.flexslider .slides {
  zoom: 1;
  *zoom: 0;
}

.flexslider .slides>li {
  position: relative;
}

.flex-container {
  zoom: 1;
  position: relative;
}

.flex-caption {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
  zoom: 1;
}

.flex-caption {
  width: 96%;
  padding: 2%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  font-size: 14px;
  line-height: 16px;
}

.flex-direction-nav li a {
  width: 29px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
}

.flex-direction-nav li .next {
  right: 5px;
  background: url(../images/home/bg_direction_nav.png) no-repeat -29px 0;
}

.flex-direction-nav li .prev {
  left: 5px;
  background: url(../images/home/bg_direction_nav.png) no-repeat 0px 0;
}

.flex-direction-nav li .disabled {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: default;
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: 0px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-nav li:first-child {
  margin: 0;
}

.flex-control-nav li a {
  width: 12px;
  height: 12px;
  display: block;
  background: url(../images/home/bg_control_nav.png) no-repeat 0 0;
  cursor: pointer;
  text-indent: -9999px;
}

/*
.flex-control-nav li a:hover {
	background-position: 0 -12px;
}
.flex-control-nav li a.active {
	background-position: 0 -24px;
	cursor: default;
}
*/
#link {
  padding-top: 40px;
}

/*----- jScrollPane CSS Documen -----*/
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #D7D7D7;
  position: relative;
}

.jspDrag {
  background: #191919;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* ===================================================================
 page name  :  recruit
=================================================================== */
.closeup_box {
  width: 743px;
  padding: 15px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  overflow: hidden;
  float: left;
}

.closeup_box a.closeup_ttl_btn {
  background: url(../images/home/closeup_ttl_btn.png) no-repeat 0px 0px;
  height: 0px;
  width: 140px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
}

.closeup_box a:hover.closeup_ttl_btn {
  background: url(../images/home/closeup_ttl_btn.png) no-repeat 0px -20px;
}

.closeup_box dl {
  width: 745px;
  float: left;
}

.closeup_box dt {
  width: 90px;
  float: left;
  background: url(../images/common/icon.png) no-repeat left center;
  padding-left: 20px;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
  font-size: 90%;
}










.closeup_box dd {
  width: 635px;
  float: left;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
}

.closeup_box02 {
  border-collapse: collapse;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 20px 22px;
  width: 729px;
}


.closeup_box02 dl {
  float: left;
  width: 729px;
}

.closeup_box02 dt {
  background: url(../images/common/icon.png) no-repeat scroll left 6px transparent;
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 15px;
  margin-top: 10px;

  padding-bottom: 5px;
  width: 105px;
  padding-left: 20px;
}


.closeup_box02 dt.closeup_ft {
  background: url(../images/recruit/closeup_featured.png) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box02 dt.closeup_new {
  background: url(../images/recruit/closeup_new.png) no-repeat scroll left 2px transparent;
  height: 24px;

}


.closeup_box02 dt.closeup_second {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_second.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box02 dt.closeup_beginner {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_beginner.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}


.closeup_box02 dt.closeup_global {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_global.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box02 dt.closeup_growth {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_growth.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box02 dt.closeup_popular {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_popular.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}


.closeup_box02 dd.closeup_ft {
  background: url(../images/recruit/closeup_featured.png) no-repeat scroll left 2px transparent;
}

.closeup_box02 dd.closeup_new {
  background: url(../images/recruit/closeup_new.png) no-repeat scroll left 2px transparent;
}

.closeup_box02 dd.closeup_new.closeup_ft {
  background: url(../images/recruit/closeup_w.png) no-repeat scroll left 2px transparent;
}

.closeup_box02 dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 600px;
  margin-top: 10px;
}

.closeup_box02 dd a {
  float: left;
  padding-left: 140px;
  width: 465px;
}

.closeup_box03 {
  border-collapse: collapse;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 20px 22px;
  width: 729px;
}

.closeup_box03 dl {
  float: left;
  width: 729px;
}

.closeup_box03 dt {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/common/icon.png) no-repeat scroll left 4px transparent;
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  width: 20px;
  padding-left: 60px;
}

.closeup_box03 dt.closeup_ft {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_featured.png) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box03 dt.closeup_new {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_new.png) no-repeat scroll left 2px transparent;
  height: 24px;

}


.closeup_box03 dt.closeup_second {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_second.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box03 dt.closeup_beginner {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_beginner.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}


.closeup_box03 dt.closeup_global {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_global.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box03 dt.closeup_growth {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_growth.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box03 dt.closeup_popular {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_popular.jpg) no-repeat scroll left 2px transparent;
  height: 24px;

}


.closeup_box03 dd.closeup_new.closeup_ft {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/recruit/closeup_w.png) no-repeat scroll left 2px transparent;
  height: 24px;

}

.closeup_box03 dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 630px;
  margin-top: 10px;
}

.closeup_box03 dd a {
  float: left;
  width: 630px;
}



.model_box02 {
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  width: 729px;
}

.model_box02 dl {
  float: left;
  width: 729px;
}

.model_box02 dt {
  border-bottom: 1px dotted #999999;
  float: left;
  margin-bottom: 15px;
  margin-top: 10px;
  padding: 0 20px 5px 0;
  width: 70px;
  padding-left: 20px;
  height: 25px
}

.model_box02 dt.model01 {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/machiten/model01.jpg) no-repeat scroll left 2px transparent;
  height: 25px;
}

.model_box02 dt.model02 {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/machiten/model02.jpg) no-repeat scroll left 2px transparent;
  height: 25px;

}

.model_box02 dt.model03 {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/machiten/model03.jpg) no-repeat scroll left 2px transparent;
  height: 25px
}

.model_box02 dt.model04 {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/machiten/model04.jpg) no-repeat scroll left 2px transparent;
  height: 25px
}

.model_box02 dt.model05 {
  background: url(https://www.concord-group.co.jp/entry/assets/concord-career/images/machiten/model05.jpg) no-repeat scroll left 2px transparent;
  height: 25px
}

.model_box02 dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 25px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 615px;
  margin-top: 10px;
  height: 25px
}


.post-type-archive-column .closeup_box02 dd {
  width: 590px;
}

.post-type-archive-column .closeup_box02 dd a {
  width: 420px;
  padding-left: 90px;
}

.closeup_box02 dd .tarm_link {
  font-size: 9px;
  color: #666;
  display: block;
}

.front_new dl {}

.recruit_detailbox {
  width: 727px;
  padding: 15px 23px 20px 23px;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}

.detailbox_header {
  float: left;
  width: 727px;
  font-size: 90%;
  margin-bottom: 5px;
}

.detailbox_header p {
  float: left;
  color: #860C0A;
}

.detailbox_header span {
  float: right;
}

.detailbox_expiration {
  clear: both;
  margin: 20px 0;
  padding: 20px;
  background-color: #F7F7F7;
}

.detail_data {
  width: 727px;
  float: left;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #D7D7D7;
  margin-bottom: 15px;
}

.detail_data_ttl {
  width: 168px;
  background: #F6F5E3;
  padding: 10px;
  border-right: 1px solid #DDDEE0;
  border-bottom: 1px solid #DDDEE0;
}

.detail_data_ttl2 {
  width: 110px;
  background: #F6F5E3;
  padding: 10px;
  border-right: 1px solid #DDDEE0;
  border-bottom: 1px solid #DDDEE0;
}

.detail_data_ttl3 {
  width: 470px;
  background: #F6F5E3;
  padding: 10px;
  border-right: 1px solid #DDDEE0;
  border-bottom: 1px solid #DDDEE0;
}

.detail_data_ttl_non {
  width: 168px;
  background: #F6F5E3;
  padding: 10px;
  border-right: 1px solid #DDDEE0;
  border-bottom: 1px solid #DDDEE0;
  border-bottom: none;
}

.detail_data_text {
  border-bottom: 1px solid #DDDEE0;
  padding: 10px;
}

.detail_data_text02 {
  border-bottom: 1px solid #DDDEE0;
  padding: 10px 10px 0px 10px;
}

.detail_data_text table {
  width: 100%;
  float: left;
}

.detail_data_text table td {
  padding: 2px;
}

.detail_data_s {
  width: 100%;
  float: left;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #D7D7D7;
  margin-top: 20px;
}

.detail_data_s .detail_data_ttl {
  width: 20%;
  background: #F6F5E3;
  padding: 5px;
  border-right: 1px solid #DDDEE0;
  border-bottom: 1px solid #DDDEE0;
}

.detail_data_s .detail_data_ttl_non {
  width: 20%;
  background: #F6F5E3;
  padding: 5px;
  border-right: 1px solid #DDDEE0;
  border-bottom: 1px solid #FFFFFF;
  border-bottom: none;
}

.detail_data_s .detail_data_text {
  border-bottom: 1px solid #DDDEE0;
  border-right: 1px solid #DDDEE0;
  padding: 5px;
}

.side_nav .side_detail_box {
  padding: 0px 5px 5px 15px;
  font-size: 90%;
  width: 190px !important;

}

.side_nav .detail_data {
  width: 180px !important;
}

.side_navdetail_data,
.side_nav tbody,
.side_nav tr,
.side_nav td {
  overflow: hidden;

}

.side_nav td {
  display: block;
  width: 180px !important;
  border-right: none;
}

.side_nav .detail_data {
  float: none;
  margin-bottom: 10px;
}

.side_nav .detail_data .detail_data_ttl {
  padding: 5px 8px;

}

.side_nav .detail_data .detail_data_text {
  padding: 5px 8px;

}

.side_nav .side_detail_box .ttl05 {
  height: 22px;
  margin-bottom: 10px;
  width: 199px;
}

.side_nav .side_detail_box .ttl05_right {
  line-height: 22px;
}

.side_nav .side_detail_box .ttl05_center {
  line-height: 22px;
}

.dnone {
  display: none;
  cursor: pointer;
}

.dnone label {
  cursor: pointer;
}

span.adhere {
  background-image: -moz-linear-gradient(45% 7% -90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
  background-image: -webkit-gradient(linear, 45% 7%, 45% 97%, color-stop(0, rgb(210, 92, 92)), color-stop(1, rgb(130, 6, 4)));
  background-image: -webkit-linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
  background-image: -o-linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
  background-image: linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c,endColorstr=#ff820604,GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c, endColorstr=#ff820604, GradientType=0);
  float: left;
  font-size: 90%;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
  color: #FFF;
}

span.adhere a {
  color: #FFF;
  text-decoration: none;
}

.recruit_detail_btn {
  float: left;
  width: 100%;
}

.entry_btn {
  width: 50%;
  float: left;
}

.entry_btn a {
  background: url(../images/recruit/entry_btn.png) no-repeat center top;
  height: 0px;
  width: 100%;
  padding-top: 30px;
  overflow: hidden;
  display: block;
}

.entry_btn a:hover {
  background: url(../images/recruit/entry_btn_ov.png) no-repeat center top;
}


.entry_btn_c {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.entry_btn_c a {
  background: url(../images/recruit/entry_btn.png) no-repeat center top;
  height: 0px;
  width: 100%;
  padding-top: 30px;
  overflow: hidden;
  display: block;
}

.entry_btn_c a:hover {
  background: url(../images/recruit/entry_btn_ov.png) no-repeat center top;
}

.list_btn {
  width: 50%;
  float: left;
}

.list_btn a {
  background: url(../images/recruit/list_btn.png) no-repeat center top;
  height: 0px;
  width: 100%;
  padding-top: 30px;
  overflow: hidden;
  display: block;
}

.list_btn a:hover {
  background: url(../images/recruit/list_btn_ov.png) no-repeat center top;
}

.ls_btn {
  width: 50%;
  float: left;
}

.ls_btn a {
  background: url(../images/recruit/ls_btn.png) no-repeat center top;
  height: 0px;
  width: 100%;
  padding-top: 30px;
  overflow: hidden;
  display: block;
}

.ls_btn a:hover {
  background: url(../images/recruit/ls_btn_ov.png) no-repeat center top;
}

.recommend_box {
  float: left;
  overflow: hidden;
  padding-top: 15px;
  width: 775px;
}

.recommend_box dl {
  width: 775px;
  float: left;
}

.recommend_box dt {
  width: 90px;
  float: left;
  background: url(../images/common/icon.png) no-repeat left center;
  padding-left: 20px;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
  font-size: 90%;
}

.recommend_box dd {
  width: 665px;
  float: left;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
}



.contents_box .scroll_box03 dl {
  width: 755px;
  float: left;
}

.contents_box .scroll_box03 dt {
  width: 90px;
  float: left;
  background: url(../images/common/icon.png) no-repeat left center;
  padding-left: 20px;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
  font-size: 80%;
}

.contents_box .scroll_box03 dd {
  width: 615px;
  float: left;
  border-bottom: 1px dotted #999999;
  line-height: 32px;
  font-size: 95%;
}


.page_back a {
  float: right;
  margin: 0 0 30px 0px;
  padding: 0 10px;
  text-align: right;
  /*width: 163px;*/
  display: block;
}

.page_next_back {
  position: relative;
  margin: 0 0 30px 0px;
  padding: 0 10px;
  width: 340px;
  float: left;
  text-align: left;
}


.page_next_back .screen-reader-text {
  display: none;
}

.page_next_back .nav-previous {
  float: left;
  width: 48%;
}

.page_next_back .nav-next {
  float: right;
  width: 48%;
  text-align: right;
}


/* ===================================================================
 page name  :  profile
=================================================================== */
.access_box p {
  float: left;
  width: 743px;
  text-align: center;
}

.access_box dl {
  float: left;
  width: 743px;
}

.access_box dd {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.access_box table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  float: left;

}

.access_box_img {
  display: block;
  margin: 0 auto;
}

.consultant_box {
  /*width: 241px;*/
  float: left;
  margin-bottom: 30px;
  display: block;
  height: 550px;
}

.center_con {}

.consultant_box p.link_btn {
  text-align: right;
}

.consultant_box_inner {
  width: 213px;
  padding: 0 11px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  font-size: 85%;
  line-height: 170%;
}

.consultant_box .consultant_img img {
  /*border: 1px solid #D7D7D7;
	padding: 1px;
	*/
  height: 200px;
  margin: 0 auto;
  width: 190px;
}

#consultant_slider_inner .tb_bd_r .consultant_box_inner {
  width: 213px;
}

.consultant_box .consultant_img a {
  width: 190px;
  height: 200px;
}


.consultant_box02 h1 {
  position: relative;
  float: right;
  width: 69%;
  margin-bottom: 20px;
}

.consultant_box02 h1::after {
  content: "";
  width: 4px;
  height: 48px;
  position: absolute;
  top: 4px;
  left: 0px;
  background: -moz-linear-gradient(top, #013487, #001539);
  background: -webkit-linear-gradient(top, #013487, #001539);
  background: linear-gradient(to bottom, #013487, #001539);
}

/*コンサルタント個別ページの名前*/
.consultant_box02 h1 .name {
  font-family: 'Noto Serif JP', serif;
  border-bottom: 1px solid #ccc;
  font-size: 120%;
  padding-bottom: 4px;
  margin-left: 15px;
  padding-top: 0px;
  width: 98%;
  color: #111111;
  font-weight: bold;
}


.consultant_box02 h1 span {
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  color: #111111;
  border: none;
  padding-left: 15px;
}

/*コンサルタント一覧ページの名前*/
.consultant_box p.cons_name {
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  margin-top: 14px;
  text-align: center;
}

.consultant_box p.cons_name span {
  font-size: 14px;
  color: #CEA73F;
  line-height: 2.8em;
}

.consultant_box p.cons_name a {
  text-decoration: none;
}

.consultant_box .cons_name_img {
  margin: 10px 3px 12px 0px;
  float: left;
  font-size: 160%;
  width: 100%;
  font-weight: bold;
  background: url(../images/consultant/consultant_namebg.png) -2px -1px no-repeat;
}

.consultant_box .cons_name_img img {
  //width: 190px;
  height: auto;
}

.consultant_box h2 {
  float: left;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
}

.consultant_box p.job_title {
  float: left;
  margin-bottom: 15px;
  width: 100%;
  text-align: left;
  font-size: 85%;
}

.consultant_box .consultant_text {
  /*float: left;*/
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
}

.consultant_box .link_btn {
  width: 100%;
}

.pc_bd_r {
  border-right: 1px solid #CCCCCC;
}

.consultant_box02 {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

.consultant_box02 .consultant_img {
  float: left;
  margin-right: 30px;
  width: 190px;
}

.consultant_box02 .consultant_img img {
  /*background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D7D7D7;
	padding: 1px;*/
}

.consultant_box02 ul {
  float: left;
  width: 348px;
}

.consultant_box02 ul li {
  float: left;
  margin-bottom: 15px;
  width: 493px;
  font-size: 100%;
}

.consultant_box03 {
  border-bottom: 1px dotted #CCCCCC;
  display: block;
  height: 100px;
  margin-bottom: 15px;
  margin-right: 12px;
  text-decoration: underline;
  width: 233px;
  line-height: 150%;
}

.consultant_box03_non {
  border-bottom: 1px dotted #CCCCCC;
  display: block;
  float: left;
  height: 100px;
  margin-bottom: 15px;
  text-decoration: underline;
  width: 233px;
  line-height: 155%;
}

.consultant_box03 .consultant_img,
.consultant_box03_non .consultant_img,
.consultant_box03_non .consultant_img_c,
.consultant_box03 .consultant_img_c {
  border: 1px solid #D7D7D7;
  height: 67px;
  padding: 1px;
  width: 64px;
  float: left;
  margin-right: 8px;
}

.consultant_box03 h2,
.consultant_box03_non h2 {
  font-size: 90%;
}

.consultant_box03 p,
.consultant_box03_non p {
  font-size: 80%;
}

/* ===img=== */
.consultant_img a img {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}

.consultant_img a img:hover,
.consultant_img_c a img {
  -webkit-filter: grayscale(0%);
  filter: none;
}

a .consultant_img img {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}

a:hover .consultant_img img,
a .consultant_img_c img {
  -webkit-filter: grayscale(0%);
  filter: none;
}

/* ===img=== */


.profile_btn_w {
  width: 100%;
  float: left;
  text-align: center;
}

a.profile_btn {
  background: url(../images/profile/profile_btn.png) no-repeat scroll center 0 transparent;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 30px;
  width: 153px;
  margin: 0 auto;
}

a.profile_btn:hover {
  background: url(../images/profile/profile_btn.png) no-repeat scroll 0 -30px transparent;
}

/* ===================================================================
 page name  :  information
=================================================================== */
.information_box {
  float: left;
  width: 745px;
  height: 205px;
}

.information_box dl {
  float: left;
  width: 725px;
}

.information_box dt {
  float: left;
  font-size: 85%;
  width: 725px;
}

.information_box dt.info_news {
  background: url(../images/home/info_news.png) no-repeat scroll 80px center transparent;
}

.information_box dt.info_seminner {
  background: url(../images/home/info_seminner.png) no-repeat scroll 80px center transparent;
}

.information_box dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 7px;
  padding-bottom: 7px;
  width: 725px;
  font-size: 95%;
  margin-top: 4px;
}

.information_box dd a {
  background: url(../images/common/icon.png) no-repeat scroll left 5px transparent;
  float: left;
  padding-left: 20px;
  width: 705px;
}

.information_box02 {
  float: left;
  width: 729px;
}

.information_box02 time.info_news {
  background: url(../images/home/info_news.png) no-repeat scroll 80px center transparent;
  float: left;
  font-size: 90%;
  margin-top: 5px;
  width: 745px;
  margin-bottom: 10px;
}

.information_box02 time.info_seminner {
  background: url(../images/home/info_seminner.png) no-repeat scroll 80px center transparent;
  float: left;
  font-size: 90%;
  margin-top: 5px;
  width: 745px;
  margin-bottom: 10px;
}

.information_box02 ul {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.information_box02 ul li {
  float: left;
  text-align: left;
}

.information_box02 ul li img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D7D7D7;
  padding: 1px;
}

.information_box02 ul li.info_text {
  float: right;
  width: 63%;
}

/* ===================================================================
 page name  :  mailmagazine
=================================================================== */
.mailmagazine_subttl {
  background-color: #243664;
  float: left;
  height: 30px;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 3px;
  width: 740px;
}

.backnumber_btn {
  width: 100%;
  float: left;
  text-align: center;
  padding: 15px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 5px;
}

.backnumber_btn a {
  background: transparent url(../images/mailmagazine/backnumber_btn.png) no-repeat scroll 0 0;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 30px;
  width: 283px;
  margin-left: 210px;
}

.backnumber_btn a:hover {
  background: transparent url(../images/mailmagazine/backnumber_btn.png) no-repeat scroll 0 -30px;
}

.register_form {
  border: 1px solid #243664;
  float: left;
  width: 743px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.register_form form {
  padding: 0 10px;
}

.register_btn {
  background: url(../images/mailmagazine/mailmagazine_btn.png) no-repeat scroll 0 0 transparent;
  border: 0 none;
  display: block;

  height: 20px;
  margin-left: 10px;
  text-indent: -9999px;
  width: 150px;
}

.m_sample {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #EEF3F9;
  float: left;
}

.m_sample_inner {
  margin: 0 auto;
  width: 590px;
  overflow: hidden;
  padding: 15px;
  background-color: #FFF;
}

.backnumber_box {
  float: left;
  width: 745px;
  margin-bottom: 10px;
  height: auto;
  overflow: hidden;
}

.backnumber_box dl {
  float: left;
  width: 725px;
  border-bottom: 1px dotted #999999;
}

.backnumber_box dt {
  background: url(../images/common/icon.png) no-repeat scroll left center transparent;
  border-top: 1px dotted #999999;
  float: left;
  font-size: 90%;
  line-height: 30px;
  padding-left: 20px;
  width: 90px;
  margin-bottom: 5px;
}

.backnumber_box dd {
  border-top: 1px dotted #999999;
  float: left;
  line-height: 30px;
  width: 615px;
  margin-bottom: 5px;
  font-size: 90%;
}

.register_form label,
.register_form03,
.register_btn {
  float: left;
  margin-right: 10px;
}

/* ===================================================================
 page name  :  seminar
=================================================================== */
.seminar_box {
  float: left;
  width: 725px;
}

.seminar_box dl {
  float: left;
  width: 725px;
}

.seminar_box dt {
  background-color: #F3F3F4;
  float: left;
  font-size: 90%;
  padding: 4px 10px 2px 10px;
  width: 705px;
}

.seminar_box .seminar_ttl {
  float: left;
  font-size: 120%;
  font-weight: bold;
}

.seminar_box .seminar_ttl a {
  text-decoration: none;
}

.seminar_box .seminar_btn {
  float: right;
}

.seminar_box .seminar_btn a {
  background: url(../images/seminar/seminar_btn.png) no-repeat;
  width: 165px;
  height: 0px;
  padding-top: 20px;
  overflow: hidden;
  display: block;
}

.seminar_box .seminar_btn a:hover {
  background: url(../images/seminar/seminar_btn.png) no-repeat 0px -20px;
}

.seminar_box dd.seminar_data {
  float: left;
  font-size: 90%;
  width: 725px;
  background-color: #F3F3F4;
  padding: 5px 10px 7px;
  margin-bottom: 5px;
}

.seminar_box dd.seminar_data a {}

.seminar_data_lt {
  float: right;
  width: 585px;
  margin-left: 0px;
}

.seminar_logo {
  float: left;
  height: auto;
  width: 120px;
  display: block;
  margin-top: 10px;
}

.seminar_box dd.seminar_link {
  float: left;
  padding-left: 0px;
  width: 725px;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #999999;
}



/* ===================================================================
 page name  :  column
=================================================================== */
.column_link_box {
  width: 240px;
  float: left;
  margin-bottom: 30px;
  display: block;
}

.column_link_box p.link_btn {
  text-align: right;
}

.column_link_box_inner {
  width: 210px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

.column_link_box .column_img img {
  height: 200px;
  margin: 0 auto;
  width: 190px;
}

.column_link_box .column_img a {
  width: 190px;
  height: 200px;
}

.column_link_box h1 {
  float: left;
  width: 210px;
  font-weight: bold;
  margin-top: 15px;
  text-align: left;
}

.column_link_box p.cons_name {
  float: left;
  width: 210px;
  font-weight: bold;
  margin-top: 15px;
  text-align: left;
}

.column_link_box h2 {
  float: left;
  margin-bottom: 10px;
  width: 210px;
  text-align: left;
}

.column_link_box p.job_title {
  float: left;
  margin-bottom: 15px;
  width: 210px;
  text-align: left;
}

.column_link_box .column_text {
  float: left;
  margin-bottom: 10px;
  width: 210px;
  text-align: left;
}

.column_link_box .column_img {
  position: relative;
}

.column_link_box .positioncat {
  position: absolute;
  top: 0;
  left: 10px;
  width: 100px;
  text-align: center;
  padding: 3px 0 2px 0;
  line-height: 1em;
  color: #fff;
  font-size: 80%;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  background-color: #c22d2b;
  background: rgba(39, 38, 38, 0.8);
}




.sns_btn {
  text-align: right;
  margin-bottom: -40px;
  margin-top: 20px;

}


/* ===================================================================
 20121023 add by concord
=================================================================== */
.seminar_box li {
  float: left;
  width: 33%;
}

/* ===================================================================
 /20121023 add by concord
=================================================================== */

.seminar_btn02 {
  margin-top: 10px;
}

.seminar_btn02 a {
  background: url(../images/seminar/contact_btn.png) no-repeat center top;
  width: 190px;
  height: 0px;
  padding-top: 30px;
  overflow: hidden;
  display: block;
}

.seminar_btn02 a:hover {
  background: url(../images/seminar/contact_btn.png) no-repeat center -30px;
}

/* ===================================================================
 page name  :  service
=================================================================== */
.service_box_lt {
  float: left;
  width: 355px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  height: 137px;
  line-height: 170%;
}

.service_box_rt {
  float: right;
  width: 355px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  height: 137px;
  line-height: 170%;
}

.service_inner_rt {
  width: 240px;
  float: right;
}

.service_inner_rt .ttl07,
.service_inner_lt .ttl07 {
  margin-bottom: 8px;
}

.service_inner_lt {
  width: 100px;
  float: left;
}

.service_inner_rt p {
  margin-bottom: 8px;
}


.point_ttl {
  border-bottom: 1px solid #A99975;
  float: left;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 0px;
  padding-top: 3px;
  width: 100%;
}






/* ===================================================================
 page name  :  flow
=================================================================== */
.flow_map01 {
  float: left;
  margin-bottom: 30px;
  /*width: 568px;*/
}

.flow_map01 li {
  float: left;
}

.flow_m01 {
  width: 83px;
  margin-right: 7px;
}

.flow_m02 {
  width: 83px;
  margin-right: 7px;
}

.flow_m03 {
  width: 83px;
  margin-right: 7px;
}

.flow_m04 {
  width: 83px;
  margin-right: 7px;
}

.flow_m05 {
  width: 83px;
  margin-right: 7px;
}

.flow_m06 {
  width: 83px;
  margin-right: 7px;
}

.flow_m07 {
  width: 83px;
  margin-right: 7px;
}

.flow_m08 {
  width: 83px;
}

.flow_msp01 {
  width: 22px;
  height: 154px;
  margin-bottom: 6px;
}

.flow_m01 .link01 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm01.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}

.flow_m02 .link02 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm02.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}

.flow_m03 .link03 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm03.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}

.flow_m04 .link04 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm04.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}

.flow_m05 .link05 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm05.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}

.flow_m06 .link06 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm06.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}

.flow_m07 .link07 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm07.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}

.flow_m08 .link08 {
  width: 83px;
  display: block;
  background: url(../images/flow/pc_flowm08.png) no-repeat;
  height: 0px;
  padding-top: 154px;
  overflow: hidden;
}


.flow_m01 .link01:hover {
  background: url(../images/flow/pc_flowm01_ov.png) no-repeat;
}

.flow_m02 .link02:hover {
  background: url(../images/flow/pc_flowm02_ov.png) no-repeat;
}

.flow_m03 .link03:hover {
  background: url(../images/flow/pc_flowm03_ov.png) no-repeat;
}

.flow_m04 .link04:hover {
  background: url(../images/flow/pc_flowm04_ov.png) no-repeat;
}

.flow_m05 .link05:hover {
  background: url(../images/flow/pc_flowm05_ov.png) no-repeat;
}

.flow_m06 .link06:hover {
  background: url(../images/flow/pc_flowm06_ov.png) no-repeat;
}

.flow_m07 .link07:hover {
  background: url(../images/flow/pc_flowm07_ov.png) no-repeat;
}

.flow_m08 .link08:hover {
  background: url(../images/flow/pc_flowm08_ov.png) no-repeat;
}

.flow_box_lt {
  float: left;
  width: 240px;
}

.flow_box_rt {
  float: right;
  width: 475px;
}

.flow_box_rt h3 {
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}

.flow_ttl01 {
  background: url(../images/flow/flow_n01.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.flow_ttl02 {
  background: url(../images/flow/flow_n02.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  /*float: left;*/
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.flow_ttl03 {
  background: url(../images/flow/flow_n03.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.flow_ttl04 {
  background: url(../images/flow/flow_n04.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.flow_ttl05 {
  background: url(../images/flow/flow_n05.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.flow_ttl06 {
  background: url(../images/flow/flow_n06.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.flow_ttl07 {
  background: url(../images/flow/flow_n07.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.flow_ttl08 {
  background: url(../images/flow/flow_n08.png) no-repeat left 0px;
  border-bottom: 1px solid #A99975;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-left: 70px;
  padding-top: 3px;
  width: 90%;
}

.career_flow .flow_ttl01 {
  background: url(../images/career/career_n01.png) no-repeat left 0px;
}

.career_flow .flow_ttl02 {
  background: url(../images/career/career_n02.png) no-repeat left 0px;
}

.career_flow .flow_ttl03 {
  background: url(../images/career/career_n03.png) no-repeat left 0px;
}

.career_flow .flow_ttl04 {
  background: url(../images/career/career_n04.png) no-repeat left 0px;
}

.career_flow h2 {
  //font-size: 130%;
  padding-left: 110px;
  width: 86%;
}

.single-story .flow_map01,
.single-company .flow_map01 {
  margin-bottom: 10px;
  width: 100%;
}

.single-story .flow_map01 li,
.single-company .flow_map01 li {
  /*margin-right: 25px;*/
}

body.single #contents .contents_box p {
  margin-bottom: 0px;
}

body.single #contents .contents_box td p {
  margin-bottom: 0px;
}

body.single #contents p.m0 {
  margin-bottom: 0px;
}

body.single #contents p.m05 {
  margin-bottom: 5px;
}

body.single #contents p.m10 {
  margin-bottom: 10px !important;
}

body.single #contents p.m12 {
  margin-bottom: 12px !important;
}

body.single #contents p.m15 {
  margin-bottom: 15px !important;
}

body.single #contents p.m20 {
  margin-bottom: 20px !important;
}

body.single #contents p.m30 {
  margin-bottom: 30px !important;
}

body.single #contents p.m40 {
  margin-bottom: 40px !important;
}

body.single #contents p.m50 {
  margin-bottom: 50px !important;
}

body.single #contents p.m60 {
  margin-bottom: 60px !important;
}

/* ===================================================================
 page name  :  story
=================================================================== */
.story_box {
  width: 100%;
  float: left;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.story_box_lt {
  float: left;
  height: 200px;
  margin-right: 23px;
  width: 200px;
  margin-bottom: 5px;
  position: relative;
}

.story_box_lt img {
  width: 100%;
  height: auto;
  /*
	background: #FFF;
	border: 1px solid #D7D7D7;
	padding: 1px;
	*/
}

.story_box_lt .positioncat {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  text-align: center;
  padding: 3px 0 2px 0;
  line-height: 1em;
  color: #fff;
  font-size: 80%;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  background-color: #c22d2b;
  background: rgba(39, 38, 38, 0.8);
}

.story_consultant .consultant_img {
  float: left;
  margin-right: 30px;
  width: 190px;
}

.story_consultant .consultant_img img {
  /*
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D7D7D7;
	padding: 1px;
	*/
}

.story_consultant .story_box_lt {
  width: 190px;
  height: auto;
  float: left;
}

.story_box_rt {
  float: right;
  width: 500px;
  margin-bottom: 15px;
}

.story_consultant .story_box_rt {
  width: 510px;
}

.story_box_rt span.story_icon {
  float: right;
  height: 14px;
  margin: 8px 10px 0 0;
  padding: 0;
  width: 90px;
}

.story_box_rt span.story_icon img {
  float: right;
}

.story_box_rt02 {
  float: right;
  width: 495px;
  margin-bottom: 15px;
}

.story_box_rt span,
.story_box_rt02 span {
  width: 100%;
  float: left;
  font-size: 90%;
  color: #666;
  margin-top: -5px;
}

.story_box_rt p,
.story_box_rt02 p {
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

.story_consultant p {
  margin-top: 5px;
  margin-bottom: 20px;
}

.single-story .ttl06 {
  margin-bottom: 10px;
}

.single-story .page_back a {
  margin-bottom: 30px;
}

.bg-blue-gradient {
  background: #16233e;
  background: -moz-linear-gradient(top, #16233e 0%, #243662 100%);
  background: -webkit-linear-gradient(top, #16233e 0%, #243662 100%);
  background: linear-gradient(to bottom, #16233e 0%, #243662 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16233e', endColorstr='#243662', GradientType=0);
  padding: 30px;
}

.border-gold {
  border: 4px #846f3f solid;
}


/* ===================================================================
 page name  :  media
=================================================================== */
.media_box {
  float: left;
  width: 745px;
  height: 205px;
}

.media_box dl {
  float: left;
  width: 725px;
}

.media_box dt {
  float: left;
  font-size: 85%;
  width: 725px;
}

.media_box dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 7px;
  padding-bottom: 7px;
  width: 725px;
  font-size: 95%;
  margin-top: 4px;
}

.media_box dd a {
  background: url(../images/common/icon.png) no-repeat scroll left 5px transparent;
  float: left;
  padding-left: 20px;
  width: 705px;
}



/*
.media_box {
	float: left;
	width: 745px;
	height: 240px;
}
.media_box dl {
	float: left;
	width: 725px;
}
.media_box dt {
	background: url(../images/common/icon.png) no-repeat scroll left 4px transparent;
	border-bottom: 1px dotted #999999;
	float: left;
	line-height: 26px;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 75px;
	display: block;
	font-size: 85%;
	padding-right: 15px;
}
.media_box dd {
	border-bottom: 1px dotted #999999;
	float: left;
	line-height: 26px;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-bottom: 5px;
	width: 615px;
	font-size: 95%;
	display: block;
}
.media_box dd a {
	float: left;
	width: 630px;
}
*/

/* ===================================================================
 20130419 add by concord
=================================================================== */


.media_box_lt {
  float: left;
  width: 45%;

}

.media_box_lt img {
  border: 1px solid #333;
  margin-bottom: 15px;
  margin-left: 5px;

}


.media_box_rt {
  float: right;
  width: 50%;
  margin-right: 5px;
}

.media_box_inner_rt {
  background: #F6F5E3;
  width: 100%;
  float: right;
  font-size: 90%;

}

.media_box_inner_rt img {
  float: left;
  padding: 15px;
  width: 30%;
}

.media_box_inner_lt {
  background: #F6F5E3;
  width: 100%;
  float: left;
  font-size: 80%;
  padding: 10px;
  line-height: 1.8em;
}

.media_box_inner_lt img {
  float: left;
  margin: 10px;
  border: 1px solid #333;
  width: 25%;
}


/* ===================================================================
  /20130419 add by concord
=================================================================== */


.media_box02 {
  float: left;
  width: 729px;
}

.media_box02 time {
  float: left;
  font-size: 90%;
  margin-top: 5px;
  width: 729px;
  margin-bottom: 10px;
}

.media_box02 ul {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.media_box02 ul li {
  float: left;
  text-align: left;
}

.media_box02 ul li img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D7D7D7;
  padding: 1px;
}

.media_box02 ul li.media_text {
  float: right;
  width: 63%;
}

.media_box02 .ttl06 {
  height: auto;
  padding: 0 10px;
  width: auto;
  float: none;
}

.media_box02 time {
  margin-bottom: 0;
  padding-left: 5px;
}




/* ===================================================================
 page name  :  message
=================================================================== */
.message_box {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

.message_box .consultant_img {
  float: left;
  margin-right: 30px;
  width: 146px;
}

.message_box .message_img img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D7D7D7;
  padding: 1px;
}

.message_box h1 {
  float: left;
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 5px;
  width: 537px;
  background: url(../images/consultant/consultant_namebg.png) no-repeat;
}

.message_box ul {
  float: left;
  width: 537px;
}

.message_box ul li {
  float: left;
  margin-bottom: 15px;
  width: 520px;
  font-size: 110%
}

/* ===================================================================
 page name  :  introduce
===================== ============================================== */
.introduce_box .ttl06 {
  width: 99%;
}

.introduce_box_lt {
  float: left;
  width: 352px;
  display: block;
  height: 340px;
}

.introduce_box_rt {
  float: right;
  width: 352px;
  display: block;
  height: 340px;
}

.introduce_img {
  float: left;
  width: 174px;

}

.introduce_img img {
  /*
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D7D7D7;
    padding: 1px;
*/
  float: left;
}

.introduce_text {
  float: right;
  width: 165px;
  line-height: 180%;
}

.introduce_box_lt h2,
.introduce_box_rt h2 {
  float: left;
  width: 345px;
}

div.menu {
  width: 178px;
  position: relative;
  float: left;
  z-index: 100;
}

div.menu a {
  color: #eee;
  text-decoration: none;
}

ul.menuBody {
  width: 100%;
  position: absolute;
  z-index: 10;
}

ul.nav {
  overflow: hidden;
  background: url(../images/introduce/menu_bg.png) repeat-y;
  width: 178px;
  font-size: 12px;
  text-align: center;
  float: left;
  color: #eee;
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}

ul.nav li {
  height: 35px;
  line-height: 35px;
}

ul.nav li.head {
  /*	background: url(../images/introduce/menu_ttl.png) no-repeat;*/
  background: #000;
  cursor: pointer;
  width: 174px;
  font-size: 120%;
}

ul.nav li a {
  width: 174px;
  height: 35px;
  display: block;
  border-bottom: 1px dotted #9A9494;
}

ul.nav li.head:hover {
  background: url(../images/introduce/menu_ttl_ov.png) no-repeat;
}

ul.nav li:hover {
  cursor: pointer;
  background: url(../images/introduce/menu_bg_ov.png) repeat-y;
}

div.menu .head {
  font-size: 80%;
  font-weight: bold;
}

div.menu li {
  font-size: 90%;
}

.introduce_box {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.introduce_pt {
  background: url(../images/introduce/introduce_pt.png) no-repeat scroll right center #FFFFFF;
  border: 1px solid #CCCCCC;
  float: right;
  font-size: 80%;
  height: 15px;
  line-height: 15px;
  margin-right: 10px;
  margin-top: 03px;
  padding: 1px 30px 0 2px;
  margin-bottom: 0px;
}

.lead {
  color: #999999;
  float: left;
  font-size: 80%;
  margin-top: -12px;
  text-indent: 15px;
  width: 100%;
}

.introduce_text02 {
  float: left;
  width: 728px;
  border-top: 1px dotted #CCCCCC;
  padding-left: 15px;
  padding-top: 5px;
}

/* ===img=== */
.introduce_img img {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}

.introduce_img img:hover {
  /**-webkit-filter: grayscale(0%);
	filter: none;*/
}

/* ===img=== */

.introduce_box02 {
  padding-top: 10px;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.introduce_box02 .lead {
  color: #999999;
  float: left;
  font-size: 80%;
  margin-top: -12px;
  text-indent: 0px;
  width: 100%;
}

.introduce_list {
  width: 750px;
  overflow: hidden;
}

.introduce_list li {
  float: left;
  margin-bottom: 10px;
}

.introduce_btn01,
.introduce_btn02,
.introduce_btn03,
.introduce_btn04,
.introduce_btn05,
.introduce_btn06,
.introduce_btn07,
.introduce_btn08,
.introduce_btn09 {
  margin-right: 10px;
}

.introduce_btn01 a {
  background: url(../images/introduce/introduce_btn01.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn02 a {
  background: url(../images/introduce/introduce_btn02.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn03 a {
  background: url(../images/introduce/introduce_btn03.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn04 a {
  background: url(../images/introduce/introduce_btn04.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn05 a {
  background: url(../images/introduce/introduce_btn05.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn06 a {
  background: url(../images/introduce/introduce_btn06.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn07 a {
  background: url(../images/introduce/introduce_btn07.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn08 a {
  background: url(../images/introduce/introduce_btn08.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn09 a {
  background: url(../images/introduce/introduce_btn09.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn10 a {
  background: url(../images/introduce/introduce_btn10.png) no-repeat 0px -35px;
  height: 0px;
  width: 140px;
  padding-top: 35px;
  display: block;
  overflow: hidden;
}

.introduce_btn01 a:hover {
  background: url(../images/introduce/introduce_btn01.png) no-repeat 0px 0px;
}

.introduce_btn02 a:hover {
  background: url(../images/introduce/introduce_btn02.png) no-repeat 0px 0px;
}

.introduce_btn03 a:hover {
  background: url(../images/introduce/introduce_btn03.png) no-repeat 0px 0px;
}

.introduce_btn04 a:hover {
  background: url(../images/introduce/introduce_btn04.png) no-repeat 0px 0px;
}

.introduce_btn05 a:hover {
  background: url(../images/introduce/introduce_btn05.png) no-repeat 0px 0px;
}

.introduce_btn06 a:hover {
  background: url(../images/introduce/introduce_btn06.png) no-repeat 0px 0px;
}

.introduce_btn07 a:hover {
  background: url(../images/introduce/introduce_btn07.png) no-repeat 0px 0px;
}

.introduce_btn08 a:hover {
  background: url(../images/introduce/introduce_btn08.png) no-repeat 0px 0px;
}

.introduce_btn09 a:hover {
  background: url(../images/introduce/introduce_btn09.png) no-repeat 0px 0px;
}

.introduce_btn10 a:hover {
  background: url(../images/introduce/introduce_btn10.png) no-repeat 0px 0px;
}

.books_box_lt {
  float: left;
  width: 350px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  height: 150px;
}

.books_box_rt {
  float: right;
  width: 350px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  height: 150px;
}

.books_inner_rt {
  width: 235px;
  float: right;
}

.books_inner_lt {
  width: 100px;
  float: left;
}

.books_inner_rt p {
  margin-bottom: 8px;
}

.interview_ttl {
  margin-bottom: 5px;
  width: 100%;
}

.interview_ttl img {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 40%;
}

/*プレミアインタビューの自社・他社スタイル*/
p.premium-concord span {
  display: block;
  font-weight: bold;
  color: #223464;
}

p.premium-speaker span {
  display: block;
  font-weight: bold;
  color: #5c4321;
}

.tax-serialized .interview_ttl img {
  width: 130px;
  height: auto;
}






.industry_topics {
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 0px 22px;
  width: 700px;
}

.industry_topics dl {
  float: left;
  width: 683px;
}

.industry_topics dt {
  background: url(../images/common/icon.png) no-repeat scroll left 7px transparent;
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 16%;
  padding-left: 20px;
}


.industry_topics dd {
  border-bottom: 1px dotted #999999;
  float: left;
  line-height: 160%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 80%;
}

.industry_topics dd a {
  background-attachment: scroll;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/common/b_link.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto auto;
  padding-right: 13px;
}


.history {
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 0px 22px;
  width: 729px;
}

.history dl {
  float: left;
  width: 683px;
}

.history dt {
  background: url(../images/common/lst_blue.png) no-repeat scroll left 4px transparent;
  float: left;
  line-height: 120%;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 5px;
  width: 16%;
  padding-left: 20px;
}


.history dd {
  float: left;
  line-height: 120%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 80%;
  margin-top: 10px;
}




/* ===================================================================
 page name  :  actual
=================================================================== */
.actual_box {
  float: left;
  width: 740px;
}

.actual_box li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}

.actual_box02 {
  float: left;
  width: 724px;
}

.actual_box02 dl {
  float: left;
  width: 694px;
  padding: 10px 15px 15px 15px;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 30px;
}

.actual_box02 dl dt {
  float: left;
  width: 349px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 5px;
  padding-top: 10px;
  margin-bottom: 5px;
  position: relative;
  font-size: 85%;
  letter-spacing: auto;
}

.actual_box02 dl dt span {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 80%;
}

.actual_box02 dl dd {
  float: left;
  font-size: 85%;
  letter-spacing: auto;
  width: 265px;
  background: url(../images/actual/actual_icon.png) no-repeat left 12px;
  padding-left: 80px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 5px;
  padding-top: 10px;
  margin-bottom: 5px
}

.actual_box02 .actual_frame_ttl {
  background: url(../images/actual/slider_icon.png) no-repeat scroll 632px center #EEF3F9;
  border: 1px solid #93A7D7;
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 1em;
  padding: 10px 0 7px 0;
  text-indent: 15px;
  width: 100%;
}


.actual_box02 .actual_frame_ttl .not_cover_ttl {
  width: 70%;
}

.actual_box02 .actual_frame_ttl .not_cover_ttl2 {
  width: 70%;
}



.actual_box02 h2.hover {
  background: #FFFFFF url(../images/actual/slider_icon_ro.png) no-repeat 640px center;
  border: 1px solid #CCCCCC;
}



.actual_box02 .more_look_btn {
  display: none;
}

/* ===================================================================
 page name  :  career
=================================================================== */
.career_box {
  float: left;
  width: 740px;
}

.career_box_bd {
  padding-top: 20px;
  border-top: #ccc 1px solid;
}

.career_box li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}

.career_box li dl {
  width: 100%;
}

.career_box li dl dt {
  float: left;
  width: 14%;
  height: 52px;
}

.career_box li dl dd {
  float: left;
  padding: 12px 0 0 5px;
  width: 82%;
  height: 52px;
}

.career_box li a {
  width: 100%;
  display: block;
}

.career_box02 {
  float: left;
  width: 740px;
}

.career_box02 li {
  width: 210px;
  height: 80px;
}

.career_box02 li {
  float: left;
  margin-right: 20px;
}

.career_box_top_p {}

.career_box_top_p img {
  width: 95px;
  height: 95px !important;
  float: left;
  margin: 0 15px 0px 0;
}


/* ===================================================================
 121122 add by concord
=================================================================== */
.career_box_lt {
  float: left;
  width: 355px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;

}

.career_box_rt {
  float: right;
  width: 355px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
}

.career_inner_rt {
  width: 245px;
  float: right;
}

.career_inner_lt {
  width: 100px;
  float: left;
}

.career_inner_lt .flr {
  float: none;
}

.career_inner_rt p {
  margin-bottom: 10px;
  /*font-size: 91%;
	line-height: 180%;*/
}

.career_box_flow {}

.career_box_flow .career_inner_rt {
  width: 610px;
}

.inconsul .career_box_lt {
  width: 345px;
}

.inconsul .career_box_rt {
  width: 345px;
}

.inconsul .career_inner_rt {
  width: 232px;
}

.career_box_flow .ttl_box {
  width: 100%;
  overflow: hidden;
}

.career_box_flow .ttl_box div {
  background: url(../images/common/subttl02_bg.png) no-repeat left 8px;
  line-height: 15px;
  font-size: 100%;
  font-weight: bold;
  float: left;
  margin-bottom: 20px;
  margin-right: 37px;
  padding-left: 15px;
  line-height: 160%;
}

.career_lr_wrapper {}






/* ===================================================================
 /121122 add by concord
=================================================================== */


.trim {
  max-width: 600px;
  /* 最大表示幅の指定 */
  white-space: nowrap;
  /* 空白で改行させない */
  overflow: hidden;
  /* はみ出た部分を表示しない */
  text-overflow: ellipsis;
  /* はみ出た場合に「…」を表示 */
  -webkit-text-overflow: ellipsis;
  /* はみ出た場合に「…」を表示 (Safari用) */
  -o-text-overflow: ellipsis;
  /* はみ出た場合に「…」を表示 (Opera用) */

}




/* ===================================================================
 page name  :  sitemap
=================================================================== */
.sitemap_box {
  float: left;
  width: 740px;
}

.sitemap_box li.sitemap_ttl {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.sitemap_box li.sitemap_ttl02 {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 10px;
}

.sitemap_box li {
  float: left;
  width: 50%;
  margin-bottom: 15px;
}

.sitemap_box li.mnon {
  float: left;
  width: 50%;
  margin-bottom: 0px;
}

/* ===================================================================
 page name  : faq
=================================================================== */
.faq_box {
  float: left;
  width: 740px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #999999;
  margin-bottom: 10px;
}

.faq_box li {
  float: left;
  width: 50%;
  margin-bottom: 15px;
}

.faq_box li.mnon {
  float: left;
  width: 50%;
  margin-bottom: 0px;
}

.career_box li dl {
  width: 100%;
}

.faq_box li dl dt {
  float: left;
  width: 14%;
}

.faq_box li dl dd {
  float: left;
  padding: 12px 0 0 5px;
  width: 82%;
}

.faq_box li a {
  width: 100%;
  display: block;
}

.faq_box02 {
  float: left;
  width: 724px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #999999;
  /*background: url(../images/faq/faq_bg.png) no-repeat 0px 20px;*/
}

.faq_box02 dt {
  float: left;
  width: 679px;
  padding-left: 45px;
  color: #8F1413;
  font-size: 120%;
  margin-bottom: 10px;
}

.faq_box02 dd {
  background: url(../images/faq/answer.png) no-repeat scroll 10px 11px #eee;
  float: right;
  padding: 10px 10px 10px 40px;
  width: 650px;
}

.faq_box02 .q01 {
  background: url(../images/faq/q01.png) no-repeat left 0px;
}

.faq_box02 .q02 {
  background: url(../images/faq/q02.png) no-repeat left 0px;
}

.faq_box02 .q03 {
  background: url(../images/faq/q03.png) no-repeat left 0px;
}

.faq_box02 .q04 {
  background: url(../images/faq/q04.png) no-repeat left 0px;
}

.faq_box02 .q05 {
  background: url(../images/faq/q05.png) no-repeat left 0px;
}

.faq_box02 .q05 {
  background: url(../images/faq/q05.png) no-repeat left 0px;
}

.faq_box02 .q06 {
  background: url(../images/faq/q06.png) no-repeat left 0px;
}

.faq_box02 .q07 {
  background: url(../images/faq/q07.png) no-repeat left 0px;
}

.faq_box02 .q08 {
  background: url(../images/faq/q08.png) no-repeat left 0px;
}

.faq_box02 .q09 {
  background: url(../images/faq/q09.png) no-repeat left 0px;
}

.p_conbtn {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.p_conbtn a {
  background: url(../images/common/page_contactbtn.png) no-repeat 0px -0px;
  height: 0px;
  width: 160px;
  padding-top: 20px;
  display: block;
  overflow: hidden;
  float: right;
}

.p_conbtn a:hover {
  background: url(../images/common/page_contactbtn.png) no-repeat 0px -20px;
  height: 0px;
  width: 160px;
  padding-top: 20px;
  display: block;
  overflow: hidden;
}

/* ===================================================================
 page name  :  beginner
=================================================================== */


.beginner_box {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.beginner_box_lt {
  float: left;
  height: 200px;
  margin-right: 23px;
  width: 200px;
  margin-bottom: 5px;
}

.beginner_box_rt {
  float: right;
  height: 200px;
  margin-left: 23px;
  width: 200px;
  margin-bottom: 5px;
}

.beginner_box_rt p {
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

.beginner_img {
  width: 100%;
  float: left;
  //padding: 0px 35px;
  margin-bottom: 25px;
}

.beginner_img li {
  float: left;
  width: 210px;
  margin: 0 15px;
}

.beginner_img li a {
  display: block;
  font-size: 80%;
  line-height: 140%;
  margin: 0;
}

.beginner_img li img {
  width: 100%;
  height: auto;
}

.beginner_img li a {}

.beginner_img li .ttl07_3 {
  width: 210px;
}

.beginner_img li .ttl07_3_l {
  width: 230px;
  margin-left: -10px;
  letter-spacing: normal;
}




.center_img {
  float: left;
  text-align: center;
  /*background-color: #f1f1e8;*/
  width: 100%;
}

/* ===================================================================
 page name  :  feature
=================================================================== */
.feature_w {
  margin: 0px 0 0px 0;
  padding: 10px 0 0px 0;
  float: left;
  /*border-bottom: dotted 1px #A99975;*/
}

.feature_w .ttl04 {
  background: url(../images/common/subttl04_bg2.png) no-repeat scroll 0 2px transparent;
}



.feature_box_lt {
  float: left;
  height: 200px;
  margin-right: 23px;
  width: 200px;
  margin-bottom: 5px;
}

.feature_box_lt img {
  width: 100%;
  height: auto;
}

.ttl08 {
  background: url(../images/common/subttl_bg.png) repeat;
  float: left;
  font-size: 120%;
  line-height: 30px;
  margin-bottom: 10px;
  width: 97%;
  padding: 10px;
}

.scroll_box01 {
  height: 200px;
}

.feature_img {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.feature_img li {
  float: left;
  width: 23%;
  margin: 0 1%;
}

.feature_img li a {
  display: block;
  font-size: 80%;
  line-height: 140%;
  margin: 0;
}

.feature_img li img {
  width: 100%;
  height: auto;
}


.feature_w .flow_ttl01 {
  background: none;
  background-size: 81px 23px;
  padding-left: 0;
  line-height: 14px;
}

.feature_w .flow_ttl02 {
  background: none;
  background-size: 81px 23px;
  padding-left: 0;
  line-height: 14px;
}

.feature_w .flow_ttl03 {
  background: none;
  background-size: 81px 23px;
  padding-left: 0;
  line-height: 14px;
}



/* ===================================================================
 page name  :   add by concord alix and the other
=================================================================== */
.note_box {
  border: solid 2px #ccc;
  width: 725px;
  font-size: 90%;
  line-height: 1.8;
}

.note_box img {
  width: 118px;
}




.book_box_lt {
  float: left;
  width: 33%;

}

.book_box_lt img {
  display: block;
  margin: 0 auto;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);

}


.book_box_rt {
  float: right;
  width: 67%;
}



.book_box_rt img {
  display: block;
  margin: 0 auto;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);

}




.book_box_rt a:hover img {
  filter: alpha(opacity=70);
  /* IE */
  -moz-opacity: 0.70;
  /* Firefox CSS3以前 */
  opacity: 0.70;
  /* CSS3 */
  -ms-filter: “alpha(opacity=70)”;
}








/* ===================================================================
 page name  :   add by concord watanabe's book
=================================================================== */
.book_w_box_lt {
  float: left;
  width: 60%;

}



.book_w_box_rt {
  float: right;
  width: 35%;
}



.book_w_box_rt img {
  display: block;
  margin: 0 auto;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);

}




.book_w_box_rt a:hover img {
  filter: alpha(opacity=70);
  /* IE */
  -moz-opacity: 0.70;
  /* Firefox CSS3以前 */
  opacity: 0.70;
  /* CSS3 */
  -ms-filter: “alpha(opacity=70)”;
}




.book_lbn {
  border-top: dotted 1px #CCC;
  background: url(https://www.concord-career.com/wp-content/themes/concord-career/images/profile/book_bn_long2.png) no-repeat center;
  height: 154px;
  width: 100%;
  margin-top: 30px;
  padding-top: 20px;

}

.book_lbn img {}


.book_lbn a:hover img {
  filter: alpha(opacity=70);
  /* IE */
  -moz-opacity: 0.70;
  /* Firefox CSS3以前 */
  opacity: 0.70;
  /* CSS3 */
  -ms-filter: “alpha(opacity=70)”;
}

.rakuten {
  margin: 105px 0 0 180px;

}

.amazon {
  margin: 0 0 0 40px;

}







/* ===================================================================
 20130419 add by kurubusi
=================================================================== */
.refine_box {
  border: none;
  padding: 0;
  margin-bottom: 0px;
}

.refine_box .slider_icon {
  background: url(../images/home/slider_icon2.png) no-repeat scroll 0 0 !important;
}

.refine_box .story_icon {
  background: url(../images/story/slider_icon2.png) no-repeat scroll 0 0 !important;
  width: 112px !important;
}

.refine_box dt.hover .slider_icon {
  background: url(../images/home/slider_icon2.png) no-repeat scroll 0 -14px !important;
}

.refine_box dt.hover .slider_icon {
  background: url(../images/story/slider_icon2.png) no-repeat scroll 0 -14px !important;

}



.refine_box .accordion {
  border: none;
}

.refine_box ul {
  width: 100%;
  overflow: hidden;
  margin: 0px 0px 18px 10px;
}

.refine_box ul li {
  width: 225px;
  float: left;
  padding: 0 0px 0 0;
}

.position_ul li {
  width: 50% !important;

}

.refine_box ul li ul {
  margin-left: 0px;
}

.refine_box .ttl06_2 {
  font-size: 100%;
  margin-bottom: 12px;
  padding-left: 0px;
  text-indent: 10px;
}

.refine_box .inerbox {
  clear: both;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  padding: 19px 15px;
}

.refine_box .inerbox ul li {
  display: inline-block;
  padding: 0 45px 0px 0;
  width: auto;
  float: none;
}

.search_cat_box {}

.search_cat_box ul {
  /*width: 100%;
	overflow: hidden;*/
}

.search_cat_box li {
  float: left;
}

.search_cat_box li img {
  display: block;
}

.post-type-archive-dictionary .search_cat_box .search_li img {
  width: 388px;
  height: 41px;
}

.post-type-archive-dictionary .search_cat_box .list_li img {
  width: 387px;
  height: 41px;
}

.search_cat_box li a {}

.search_cat_box li a img {}

.search_cat_box .nav_off {
  cursor: pointer;
}

#joblen_box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#88000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#88000000)";
  height: 60px;
  display: none;
}

#joblen_box:not(:target) {
  filter: none;
  -ms-filter: none;
}

#joblen_box .searchpanel-inner {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  padding: 10px 0;
}

#joblen_box .joblen_lenght {
  float: left;
  font-size: 16px;
  font-weight: bold;
  padding-top: 4px;
  color: #FFFFFF;
}

#joblen_box .joblen_subit {
  float: right;
  width: 210px;
  font-weight: bold;
  margin-right: 3px;
}

#joblen_box .joblen_subit a {
  border-radius: 3px;
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  border: none;
  text-decoration: none;
  padding: 12px 0 10px 0;
  /*margin-left: 10px;*/
  font-size: 16px;
  width: 200px;
}

#joblen_box .joblen_subit #resetbtn {
  background-color: #aaaaaa;
  border-bottom: 2px solid #bbbbbb;
}

#joblen_box .joblen_subit #searchbtn {
  background-color: #a62c2b;
  /*e03b38*/
  border-bottom: 2px solid #942322;
  line-height: 1em;
}

#joblen_box .joblen_lenght .submitcount {
  color: #F77C00;
  font-size: 26px;
  margin-right: 5px;
}

#joblen_box_mb {
  display: none;
}

.sub_click {
  cursor: pointer;
}

.column_cat {
  display: inline !important;
  /*border: solid 1px #a62c2b;*/
  background: url(../images/common/subttl02_bg.png) no-repeat left 8px;
  text-align: center;
  float: none !important;
  width: auto !important;
  margin: 0 0 0px 0 !important;
  padding-left: 15px;
}

.column_cat a {
  font-size: 11px;
  line-height: 1em;
  padding: 4px 0;
  font-weight: bold;
  display: inline;
  color: #222222;
}

.column_box .ttl06 {
  margin-bottom: 10px;
}

.column_box p {}


.line_photo {
  /*	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D7D7D7;
	padding: 1px;*/
}

.home .career_box_flow .career_inner_rt {
  width: 610px;
}

.home .career_box_lt {
  width: 350px;
}

.home .career_box_rt {
  width: 350px;
}

.home .career_box_rt .career_inner_rt {
  width: 230px;
}

.home .career_box_lt .career_inner_rt {
  width: 230px;
}

.fixed {
  position: fixed;
  top: 20px;
  /*固定させたい位置*/
}

.shadowbox {
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-collapse: collapse;
  border-style: solid;
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#33000000,Positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#33000000, Positive=true);
}

#consultant_slider_inner .consultant_box {
  margin-bottom: 0;
}






.feature_pop {
  width: 93%;
  padding-right: 3%;
  padding-left: 3%;
}

.hide {
  display: none;
}

.inline {}


.pmicon {
  background: url(../images/job/plus_icon.png) right 14px no-repeat;
}

.minus_icon {
  background: url(../images/job/minus_icon.png) right 14px no-repeat;
}


.list_new {
  background: url(../images/recruit/closeup_new.png) no-repeat scroll left top transparent;
  width: 60px;
  height: 14px;
  float: left !important;
  margin: 4px 13px 0 0;
}


.top_fast {}


.top_fast h2 {
  margin-top: 22px;
}

.top_fast_inner {
  padding: 20px 22px 11px 22px;
}

.top_fast_inner .ttl01 {
  margin-bottom: 20px;
}

.top_fast_inner .aligncenter {
  width: 100%;
  overflow: hidden;
}

.top_fast dl {
  float: left;
  width: 209px;
  margin: 0 15px;
}

.top_fast dt {
  margin-bottom: 7px;
}

.top_fast dt img {}

.top_fast dd {
  line-height: 140%;
  margin-bottom: 10px;
}

.top_fast dd .alignright {}

.top_fast_inner .textimg {
  text-align: center;
  width: 100%;
  height: 37px;
  margin-bottom: 20px;
}

.top_fast_inner p {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.top_fast01 .textimg {
  background: url(../images/home/top_fast_txt01.png) center top no-repeat;
}

.top_fast02 .textimg {
  background: url(../images/home/top_fast_txt02.png) center top no-repeat;
}

.top_fast03 .textimg {
  background: url(../images/home/top_fast_txt03.png) center top no-repeat;
}





/*
#searchform .ttl02 h2 {
	text-align: center;
}
#searchform .ttl02 h2 img {
	float: none;
}
*/




.cb {
  clear: both;
}

.dblock {
  display: block;
}

.dinline {
  display: inline !important;
}

.mfp-content {
  max-width: 800px;
}

.mfp-close {
  right: 15px !important;
  top: 15px !important;
}

.mfp-cus {
  background: #FFF;
  max-width: 800px;
  width: auto;
  margin: 20px auto;
  overflow: scroll;
}

.popup-modal-dismiss {
  text-align: right;
}

.mfp-content .contents_box02 {
  border: none;
}

/* ===================================================================
 20200525 Entry & Contact Form 改修
=================================================================== */
.form_table {
  width: 727px;
  float: left;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #D7D7D7;
  margin-bottom: 15px;
}

.form_td01 {
  width: 35%;
  background: #F6F5E3;
  padding: 10px;
  border-right: 1px solid #DDDEE0;
  border-bottom: 1px solid #DDDEE0;
}

.form_td02 {
  border-bottom: 1px solid #DDDEE0;
  padding: 10px;
}

.form_td_non {
  background: none repeat scroll 0 0 #F6F5E3;
  padding: 10px;
  border-right: 1px solid #DDDEE0;
  border-bottom: none;
}


.flexline {
  display: flex;
}

.text_w100 {
  width: 100%;
}

.text_w380 {
  width: 380px;
}

.text_w333 {
  width: 333px;
}

.text_w245 {
  width: 245px;
}

.text_w05 {
  width: 220px;
}

.font_small {
  font-size: 80%;
}

.form_req {
  background-color: #F6F5E3 !important;
}


.form_req_radio {
  display: none;
}

.form_req_radio+span {
  cursor: pointer;
  display: inline-block;
  margin: 0 1.5em 0 0;
  padding: 0 0 0 1.5em;
  position: relative;
}

.form_req_radio+span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid #cdad45;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.form_req_radio+span::after {
  -webkit-transform: translateY(-50%);
  background: #cdad45;
  border: 1px solid transparent;
  border-radius: 50%;
  content: "";
  left: 5px;
  opacity: 0;
  padding: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  height: 2px;
  width: 2px;
}

.form_req_radio:checked+span::after {
  opacity: 1;
}

::placeholder {
  color: #999;
  font-weight: 100 !important;
  font-size: 14px;
}

input[type="text"] {
  border: solid 1px #999;
}








/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 30px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper {
  //-webkit-box-shadow: 0 0 5px #ccc;
  //box-shadow: 0 0 5px #ccc;
  //border: 5px solid #fff;
  //border-top: 7px solid #9b867d;
  //border-left: 7px solid #9b867d;
  background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -10px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/common/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  //border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -19px;
  background: url(../images/common/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: -19px;
  background: url(../images/common/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../images/common/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../images/common/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}





.bg_ivory {
  clear: both;
  margin: 20px;
  padding: 25px 20px;
  background-color: #f9f9e5;
}


figure {
  display: flex;
  flex-flow: column;
  padding: 5px;
  max-width: 200px;
  height: 200px;
  margin: auto;
}

figure.fg_flt {
  float: left;
  padding-right: 20px;
}

figcaption {
  background-color: #222222d1;
  color: #fff;
  font-size: 70%;
  padding: 3px;
  text-align: center;
  line-height: normal;
  margin-top: -47px;
}





.career_ttl01_test {
  background: url(../images/career/career_subttl02-pc.png) left top no-repeat;
  width: 100%;
  height: 20px;
  text-indent: -9999px;
}


/*↓東大生協1位挿入用*/
.tokyo_u_ranking {
  clear: both;
  background-color: #F5F5F5;
  height: auto;
  margin: 60px 0 30px;
  padding: 30px;
}

.tokyo_u_ranking h2 {
  text-align: center;
  font-size: 26px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  margin-bottom: 60px;
}

.tokyo_u_ranking h3 {
  text-align: center;
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;

}


.pc_pl60 {
  padding-left: 60px;
}

.pcfs18 {
  font-size: 18px !important;
}




/*------211208谷口-----*/

.main_visual {
  background: url(../images/home/main02.jpg) no-repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-width: 100%;
  min-height: calc(100vh - 152px);
  position: relative;
}


.main_visual h1 {
  font-size: 28.5px;
  font-family: Noto serif JP;
  font-weight: 600;
  color: white;
  text-align: center;
  padding-top: 5%;

}


.main_visual h2 {
  font-size: 18px;
  font-family: Noto serif JP;
  font-weight: 400;
  color: white;
  text-align: center;
  padding-top: 1.1%;

}


.main_visual .main_txt {

  font-size: 13.5px;
  line-height: 27px;
  text-align: center;
  font-family: Noto serif JP;
  font-weight: 400;
  color: white;
  padding-top: 2%;

}


.catchphrase {
  font-size: 30px;
  text-align: center;
  font-family: Italianno;
  font-weight: 400;
  color: white;
  padding-top: 2%;
  /*transform: translate(18%, 3%);
    -webkit-transform: translate(18%, 3%);
    -ms-transform: translate(18%, -3%);*/
  padding-left: 366px;
  text-shadow: 2px 2px 3px #000000;
}


.down {
  position: absolute;
  bottom: 40px;
  left: calc(50% - 33px);
  padding: 15px;
  background: none;
  border: none;
}

.down_arrow {
  display: block;
  width: 36px;
  height: 36px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.display_tblt {
  display: none;
}


.mail_comp_message {
  text-align: left;
  margin-bottom: 20px;
}

.mail_comp_message a {
  text-decoration: underline;
}

/* ===================================================================
 page name  :  column
===================== ============================================== */
.column_box {
  width: 100%;
  float: left;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.column_box_lt {
  float: left;
  height: 200px;
  margin-right: 23px;
  width: 200px;
  margin-bottom: 5px;
  position: relative;
}

.column_box_lt img {
  width: 100%;
  height: auto;
  /*
	background: #FFF;
	border: 1px solid #D7D7D7;
	padding: 1px;
	*/
}

/*画像タイトルのテキスト化*/

.ttlBytxt {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  padding-bottom: 4px;
  margin-left: 20px;
  padding-top: 0px;
  width: 98%;
  color: #111111;
  font-weight: bold;

}

.ttlBytxt::after {
  content: "";
  width: 5px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: -20px;
  background: -moz-linear-gradient(top, #013487, #001539);
  background: -webkit-linear-gradient(top, #013487, #001539);
  background: linear-gradient(to bottom, #013487, #001539);
}


.ttlBytxt span {
  font-size: 12px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  color: #777;
  border: none;
  padding-left: 15px;
}

/*３つの理由*/
.ttl_3reason {
  position: relative;
  top: -25px;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  padding-bottom: 4px;
  margin-left: 20px;
  padding-top: 0px;
  width: 98%;
  color: #111111;
  font-weight: bold;
  top: -22px;
}

.ttl_3reason::after {
  content: "";
  width: 5px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: -20px;
  background: -moz-linear-gradient(top, #013487, #001539);
  background: -webkit-linear-gradient(top, #013487, #001539);
  background: linear-gradient(to bottom, #013487, #001539);
}

.ttl_3reason strong {
  color: #a17f44;
  font-style: italic;
  font-size: 26px;
  font-weight: 900;
  padding-right: 4px;
}


.ttl_3reason span {
  font-size: 12px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  color: #777;
  border: none;
  padding-left: 15px;
}

/*サイドバータイトル*/
.sidebar_ttl_txt {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  padding-bottom: 4px;
  margin-left: 10px;
  padding-top: 0px;
  width: 98%;
  color: #111111;
  font-weight: bold;
  border-bottom: 1px solid #999;
  margin-bottom: 12px;

}

.sidebar_ttl_txt::after {
  content: "";
  width: 5px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: -10px;
  background: -moz-linear-gradient(top, #013487, #001539);
  background: -webkit-linear-gradient(top, #013487, #001539);
  background: linear-gradient(to bottom, #013487, #001539);
}

.sidebar_ttl_txt span {
  font-size: 10px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  color: #777;
  border: none;
  padding-left: 15px;
}

/*求人検索タブ*/

.ttl_jobsearch {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  padding-bottom: 4px;
  margin-left: 20px;
  padding: 10px 0 0 30px;
  width: 70%;
  color: #111111;
  font-weight: bold;

}

.ttl_jobsearch::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 5px;
  padding: 10px 10px 30px 20px;
  border-bottom: solid 1px #777;
  width: 45%;
}

.ttl_jobsearch::after {
  font-family: "icomoon";
  content: "\e986";
  font-weight: 400;
  position: absolute;
  top: 4px;
  left: -20px;
  padding: 10px 10px 10px 20px;
  top: 0;
  width: 100%;
  height: 100%;
  border-top: solid 1px rgb(204, 204, 204);
  border-left: solid 1px rgb(204, 204, 204);
  box-sizing: border-box;
}


.ttl_jobsearch span {
  font-size: 12px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  color: #777;
  border: none;
  padding-left: 15px;
}





.ttl_jobsearch_categoryList {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  padding-bottom: 4px;
  padding: 10px 0 0 24px;
  width: fit-content;
  color: #111111;
  font-weight: bold;

}



.ttl_jobsearch_categoryList::after {
  font-family: "icomoon";
  content: "\e922";
  font-weight: 400;
  position: absolute;
  top: 4px;
  left: -20px;
  padding: 10px 10px 10px 15px;
  top: 0;
  width: calc(100% + 25px);
  height: 100%;
  border-top: solid 1px rgb(204, 204, 204);
  border-left: solid 1px rgb(204, 204, 204);
  border-right: solid 1px rgb(204, 204, 204);

  box-sizing: border-box;
}


.ttl_jobsearch_categoryList span {
  font-size: 10px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  color: #777;
  border: none;
  padding: 0 15px;
}


.search_cat_box .nav_off::after {
  background: #dddddda8;
  padding-bottom: 35px;
}

/*文字の行落ち対策用 */
.ttlBytxt_narrow_sp {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  padding-bottom: 4px;
  margin-left: 20px;
  padding-top: 0px;
  width: 98%;
  color: #111111;
  font-weight: bold;

}



.ttlBytxt_narrow_sp::after {
  content: "";
  width: 5px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: -20px;
  background: -moz-linear-gradient(top, #013487, #001539);
  background: -webkit-linear-gradient(top, #013487, #001539);
  background: linear-gradient(to bottom, #013487, #001539);
}


.ttlBytxt_narrow_sp span {
  font-size: 10px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  color: #777;
  border: none;
  padding-left: 10px;
}

iframe.youtube-16-9 {
  width: 70%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  margin: 0 auto;
}

.register_form_wrap {
  display: inline-grid;
  align-items: center;
  grid-auto-flow: column;
  gap: 8px;
}

#contents .register_form form>*:not(:root) {
  margin: 0 !important;
}

.register_form_wrap>input[type="mail"] {
  width: 300px;
  padding: 4px;
  height: 20px;
  box-sizing: border-box;
}


.register_form_caption {
  font-size: 10px;
  white-space: nowrap;
}

.img_flex2 {
  display: flex;
  max-width: 100%;
  width;
  100%;
}

.img_flex2_l {
  width: calc(50% - 10px);
  padding-right: 10px;
  height: auto;
}

.img_flex2_r {
  width: calc(50% - 10px);
  padding-left: 10px;
  height: auto;
}

@media screen and (max-width: 750px) {

  .img_flex2 {
    display: block;
    margin: 0 auto;
  }

  .img_flex2_l {
    width: 100%;
    padding: 0;
  }

  .img_flex2_r {
    width: 100%;
    padding: 0;
  }


}

.btn-offset.display-fixed {
  display: block;
  margin-top: 16px;
  margin-bottom: -16px;
}

.page-id-14417 .btn-offset.display-fixed,
.btn-offset.display-specific {
  display: none;
}

.btn-offset.specific {
  position: relative;
  width: fit-content;
  z-index: 100;
}

.btn-offset__inner {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}

.btn-offset__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-offset__link:not(:root) {
  background-image: linear-gradient(to right bottom, #e6c869 5%, #b3883b);
  padding: 12px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: opacity .35s;
  width: 230px;
}

.btn-offset__link:not(:root):hover {
  opacity: .75;
  transition: opacity .35s;
}

.btn-offset__label {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 4px 6px;
  color: #bd9200;
  border: 1px solid #bd9200;
  background: #fff;
  font-weight: 700;
  white-space: nowrap;
  font-family: 'Noto Serif JP', serif;
}

.btn-offset__text:not(:root) {
  font-family: 'Noto Serif JP', serif;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
  line-height: 1.6;
  letter-spacing: 0.1em;
}

.btn-offset__text--s:not(:root) {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.btn-offset__button {
  display: none;
  width: fit-content;
  min-height: fit-content;
  z-index: 2;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0px;
  background-color: transparent;
  border: none;
}

.btn-offset__cross {
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translate(4px, -50%);
  font-size: 14px;
  line-height: 1;
  border: none;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  color: var(--color-black);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}







/* 20250127 注目企業情報カスタムフィールド化 */
.new_field .right_position {
    text-align: right;
    padding-right: 15px;
}
body.single #contents .new_field .contents_box .m20 p {
    margin-bottom: 10px;
}
body.single #contents .new_field .contents_box.gaiyou p {
    margin-bottom: 10px;
}

.new_field .cboth {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.new_field .books_box_lt {
    width: 343px;
    margin-right: 15px;
}
.new_field .map_map iframe {
    width: 100%;
    height: 250px;
}
.new_field .prminterview {
    margin-bottom: 40px;
}





figure.w100 {
  width:100% ;
  max-width: 100%;
  height: auto;
  padding: 0;
}

figcaption.tr{
  text-align: right;
  color: grey; 
  font:13px arial; 
  background-color:transparent;
  margin-top:5px;
}


.as_rto16_9 {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.as_rto16_9 iframe {
  width: 100%;
  height: 100%;
}




.wysiwyg_author {
  border: #999 solid 1px;
  padding: 20px 24px;
  border-radius: 2px;
}

.wysiwyg_author p:empty {
  display: none;
}



.wysiwyg_author_heading {
  margin: 0 0 20px !important;
}


.wysiwyg_author_inner {
  overflow: hidden;
}

.wysiwyg_author_inner:nth-of-type(n + 2) {
  border-top: #ccc dotted 1px;
  margin-top: 20px;
  padding-top: 30px;
}



.wysiwyg_author_image:not(root):not(root) {
  width: 25%;
  object-fit: contain;
  aspect-ratio: 1 / 1;
  height: 100%;
  float: left;
  margin-bottom: 0;
}


.wysiwyg_author_wrap {
  display: grid;
  gap: 12px;
  margin-block: var(--leading-trim);
  height: fit-content;
  float: right;
  width: calc(100% - 25% + -24px);
}


.wysiwyg_author_name {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
}


.wysiwyg_author_position:not(root):not(root) {
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  margin-top: -12px;
  line-height: 1.6;
}



.wysiwyg_author_text {
  word-break: break-all;
  float: right;
  width: calc(100% - 25% + -24px);
  margin-top: 24px;
  letter-spacing: -.02em;
}