@charset "UTF-8";
/*----*/
html, body, div,
dl, dt, dd,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td, ul, li {
  margin: 0;
  padding: 0;
  list-style: none; }

img {
  width: 100%;
  vertical-align: bottom; }

a {
  text-decoration: none; }
  a:visited {
    color: #333333; }
  a:hover {
    opacity: 0.7; }

body {
  font-size: 16px;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, body {
    font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
  /* IE11 */ }

#wrap {
  min-height: 100%; }

.defs {
  display: none; }

svg {
  max-width: 42px;
  max-height: 42px;
  fill: #DA1817; }

table {
  border-collapse: collapse; }

.c_bg {
  background: #F3F6F8; }

.content_area {
  width: 950px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 2.2em;
  letter-spacing: .1em;
  padding-bottom: 40px; }

.syohyo {
  width: 100%; }
  .syohyo ul {
		padding: 0 0 0 60px; }
    .syohyo ul li {
			padding:10px 10px 20px;
			list-style-type:disc; }

.area_box {
  width: 100%;
  padding: 40px 0;
  background: #F3F6F8; }
  .area_box ul {
    display: table;
    width: 950px;
    margin: 0 auto; }
    .area_box ul li {
      position: relative;
      display: table-cell;
      border: 1px solid #F3F6F8; }
      .area_box ul li p {
        position: relative;
        font-size: 18px;
        line-height: 70px;
        text-align: center;
        background: #fff;
        overflow: hidden; }
        .area_box ul li p:before {
          position: absolute;
          right: -10px;
          bottom: -10px;
          content: '';
          width: 20px;
          height: 20px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
      .area_box ul li img {
        display: block;
        margin: 0 auto; }
      .area_box ul li aside {
        width: 300px;
        margin: 15px auto;
        font-size: 14px; }
      .area_box ul li a {
        display: block;
        width: 100%;
        height: 100%;
        opacity: 1; }
        .area_box ul li a span {
          display: block;
          width: 300px;
          margin: 20px auto 40px auto;
          line-height: 50px;
          text-align: center; }

.area1 .overlay:hover {
  border: 3px solid #F5D424; }

.area1 p {
  color: #F5D424; }
  .area1 p:before {
    background: #F5D424; }

.area1 a:hover span {
  color: #fff;
  background: #F5D424;
  -webkit-transition: .3s;
  transition: .3s; }

.area1 span {
  color: #F5D424;
  border: 2px solid #F5D424; }

.area2 .overlay:hover {
  border: 3px solid #DA1817; }

.area2 p {
  color: #DA1817; }
  .area2 p:before {
    background: #DA1817; }

.area2 a:hover span {
  color: #fff;
  background: #DA1817;
  -webkit-transition: .3s;
  transition: .3s; }

.area2 span {
  color: #DA1817;
  border: 2px solid #DA1817; }

.area3 .overlay:hover {
  border: 3px solid #2396D4; }

.area3 p {
  color: #2396D4; }
  .area3 p:before {
    background: #2396D4; }

.area3 a:hover span {
  color: #fff;
  background: #2396D4;
  -webkit-transition: .3s;
  transition: .3s; }

.area3 span {
  color: #2396D4;
  border: 2px solid #2396D4; }

.centering {
  text-align: center; }
  .centering p {
    display: inline-block;
    text-align: left; }

.shousai {
  color: #DA1817;
  font-weight: bold; }
  .shousai:before {
    content: '>>';
    padding-right: 5px; }
  .shousai:visited {
    color: #DA1817; }

.content_divid_area {
  display: table;
  width: 100%;
  border-top: 1px solid #D5D5D5;
  overflow: hidden; }
  .content_divid_area .divid_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    min-height: 280px;
    margin-top: -1px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left; }
    .content_divid_area .divid_area:first-child {
      border-right: 1px solid #D5D5D5;
      box-sizing: border-box; }
    .content_divid_area .divid_area .divid_area_box {
      margin: 20px 40px 40px 40px; }
      .content_divid_area .divid_area .divid_area_box img {
        margin: 0;
        text-align: center; }
      .content_divid_area .divid_area .divid_area_box p {
        max-width: 500px;
        font-size: 14px;
        line-height: 2.2em; }
  .content_divid_area .article_ttl {
    padding: 10px 0 20px 0;
    border: 0;
    font-size: 18px;
    font-weight: bold; }

.signature {
  width: 100%;
  text-align: right;
  font-size: 24px; }
  .signature span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7em;
    padding-bottom: 10px; }

h2 {
  margin: 40px auto 60px auto;
  background: url(../../img/common/top_ttl.png) no-repeat;
  text-align: center; }
  h2 span {
    position: relative;
    top: 22px;
    left: 0.3em;
    font-size: 12px;
    letter-spacing: 0.3em; }
    h2 span:before {
      position: absolute;
      top: 8px;
      left: -30px;
      content: '';
      width: 20px;
      height: 1px;
      border-top: 1px solid #333333; }
    h2 span:after {
      position: absolute;
      top: 8px;
      right: -24px;
      content: '';
      width: 20px;
      height: 1px;
      border-top: 1px solid #333333; }
			

h3 {
  width: 950px;
  line-height: 50px;
  margin: 40px auto;
  text-align: center;
  color: #fff;
  font-weight: normal;
  background: #DA1817; }

h4 {
  width: 100%;
  line-height: 120px;
  text-align: center;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
  color: #fff;
  background: #2D2D2D; }

.article_ttl {
  padding: 40px 0;
  text-align: center;
  font-size: 20px;
  color: #DA1817;
  border-top: 1px solid #D5D5D5; }

.return {
  border-top: 1px solid #D5D5D5;
  padding: 40px 0;
  overflow: hidden; }
  .return .return_box {
    margin: 0 auto;
    text-align: center; }
    .return .return_box span {
      display: block;
      width: 300px;
      line-height: 60px;
      margin: 0 auto;
      text-align: center;
      background: #2D2D2D;
      float: left; }
      .return .return_box span:nth-child(2) {
        margin-left: 20px; }
      .return .return_box span a {
        display: block;
        width: 300px;
        height: 60px;
        color: #fff; }
  .return .return_single_box {
    width: 300px; }
  .return .return_divid_box {
    width: 620px; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 150px;
  height: 100vh;
  box-sizing: border-box;
  border-right: 1px solid #D5D5D5; }
  #header h1 {
    width: 110px;
    margin: 0 20px;
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #D5D5D5; }
    #header h1 img {
      width: 75px;
      height: 50px; }
  #header nav ul {
    display: table;
    max-height: 650px; }
    #header nav ul li:last-child {
      background: #DA1817; }
      #header nav ul li:last-child svg {
        fill: #fff; }
      #header nav ul li:last-child span {
        color: #fff; }
    #header nav ul li a {
      display: table-cell;
      width: 150px;
      height: calc(80vh / 6);
      padding: 10px 0;
      text-align: center;
      vertical-align: middle; }
      #header nav ul li a span {
        display: block;
        padding: 5px 0;
        color: #DA1817;
        font-size: 14px; }

#content {
  min-width: 1050px;
  margin-left: 150px; }

.slide {
  min-width: 1050px;
  height: 460px;
  overflow: hidden; }

.hero_recruit {
  position: relative;
  background: url(../../img/slide/hero_recruit_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 0; }
  .hero_recruit:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 200px;
    height: 460px;
    background: url(../../img/slide/hero_recruit_ov1.png) no-repeat;
    z-index: 10; }
  .hero_recruit:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 150px;
    height: 460px;
    background: url(../../img/slide/hero_recruit_ov2.png) no-repeat;
    z-index: 10; }
  .hero_recruit img {
    position: absolute;
    width: 430px;
    top: calc(50% - 100px);
    left: calc(50% - 225px); }
  .hero_recruit span {
    display: block;
    position: absolute;
    top: 80%;
    left: calc(50% - 120px);
    width: 240px;
    line-height: 40px;
    text-align: center;
    color: #F5D424;
    border: 2px solid #F5D424;
    background: rgba(245, 212, 36, 0.1); }

.hero_default {
  position: relative;
  background: url(../../img/slide/hero_main_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 0; }
  .hero_default img {
    position: absolute;
    width: 235px;
    top: calc(50% - 80px);
    left: calc(50% - 117px); }

.hero_recruit2 {
  position: relative;
  background: url(../../img/slide/hero_recruit_bg_t.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 0; }
  .hero_recruit2:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 200px;
    height: 460px;
    background: url(../../img/slide/hero_recruit_ov1.png) no-repeat;
    z-index: 10; }
  .hero_recruit2:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 150px;
    height: 460px;
    background: url(../../img/slide/hero_recruit_ov2.png) no-repeat;
    z-index: 10; }
  .hero_recruit2 a {
    display: block;
    width: 100%;
    height: 460px; }
    .hero_recruit2 a:hover {
      opacity: 1; }
  .hero_recruit2 img {
    position: absolute;
    width: 430px;
    top: calc(50% - 100px);
    left: calc(50% - 225px); }
  .hero_recruit2 span {
    display: block;
    position: absolute;
    top: 80%;
    left: calc(50% - 120px);
    width: 240px;
    line-height: 40px;
    text-align: center;
    color: #F5D424;
    border: 2px solid #F5D424;
    background: rgba(245, 212, 36, 0.1); }

#inner_hero {
  width: 100%;
  height: 240px;
  position: relative;
  background: url(../../img/common/hero_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 0; }
  #inner_hero .inner_hero_box {
    position: relative;
    top: calc(50% - 35px);
    margin: 0 auto;
    background: url(../../img/common/inner_ttl.png) no-repeat;
    text-align: center; }
    #inner_hero .inner_hero_box span {
      position: relative;
      top: 45px;
      left: 0.3em;
      font-size: 20px;
      letter-spacing: 0.3em; }
  #inner_hero .inner_hero_news {
    width: 150px;
    height: 38px;
    background-position: 0 -0px; }
    #inner_hero .inner_hero_news span {
      color: #DA1817; }
  #inner_hero .inner_hero_business {
    width: 250px;
    height: 38px;
    background-position: 0 -77px; }
    #inner_hero .inner_hero_business span {
      color: #DA1817; }
  #inner_hero .inner_hero_company {
    width: 298px;
    height: 38px;
    background-position: 0 -38px; }
    #inner_hero .inner_hero_company span {
      color: #F5D424; }
  #inner_hero .inner_hero_recruit {
    width: 227px;
    height: 38px;
    background-position: 0 -115px; }
    #inner_hero .inner_hero_recruit span {
      color: #2396D4; }

#top_news_box {
  padding-bottom: 40px;
  overflow: hidden; }
  #top_news_box h2 {
    width: 105px;
    height: 27px;
    background-position: 0 0; }
  #top_news_box ul {
    width: 96%;
    margin: 0 auto;
    box-shadow: 2px 2px 0 0 #E7EBEF; }
    #top_news_box ul li {
      line-height: 60px;
      border-bottom: 1px solid #E7EBEF;
      background: #fff; }
      #top_news_box ul li .top_news_stat {
        display: inline-block;
        line-height: 20px;
        margin: 0 20px;
        padding: 2px 15px;
        color: #fff;
        font-size: 13px; }
      #top_news_box ul li .n_stat {
        background: #2396D4; }
      #top_news_box ul li .r_stat {
        background: #DA1817; }
      #top_news_box ul li span {
        margin-right: 20px;
        font-size: 14px;
        color: #85898d;
        float: right; }
      #top_news_box ul li a {
        color: #333333; }
        #top_news_box ul li a:link {
          color: #333333; }

#top_company_box {
  overflow: hidden; }
  #top_company_box h2 {
    width: 209px;
    height: 27px;
    background-position: 0 -27px; }
  #top_company_box ul {
    width: 950px;
    height: 200px;
    margin: 0 auto;
    padding-bottom: 40px; }
    #top_company_box ul li {
      width: 475px;
      height: 200px;
      float: left; }
      #top_company_box ul li:hover {
        -webkit-transition: .2s;
        transition: .2s;
        box-sizing: border-box;
        border: 3px solid #DA1817;
        overflow: hidden; }
      #top_company_box ul li a:hover {
        opacity: 1; }

#top_business_box {
  overflow: hidden; }
  #top_business_box h2 {
    width: 173px;
    height: 27px;
    background-position: 0 -54px; }
  #top_business_box ul {
    display: table;
    width: 950px;
    margin: 0 auto;
    padding-bottom: 40px; }
    #top_business_box ul li {
      position: relative;
      display: table-cell;
      border: 1px solid #F3F6F8; }
      #top_business_box ul li a {
        opacity: 1; }
        #top_business_box ul li a p {
          position: relative;
          font-size: 18px;
          line-height: 70px;
          text-align: center;
          background: #fff;
          overflow: hidden; }
          #top_business_box ul li a p:before {
            position: absolute;
            right: -10px;
            bottom: -10px;
            content: '';
            width: 20px;
            height: 20px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  opacity: 0;
  z-index: 999; }
  .overlay:hover {
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s; }

#top_primary {
  width: 950px;
  margin: 0 auto;
  padding-bottom: 40px;
  overflow: hidden; }
  #top_primary .top_primary_box {
    width: 470px;
    height: 100px;
    margin-right: 10px;
    float: left; }
    #top_primary .top_primary_box:last-child {
      margin: 0; }
    #top_primary .top_primary_box img {
      width: 470px; }

.top_ttl_box {
  position: relative;
  width: 950px;
  margin: 0 auto; }

.top_list_box {
  position: absolute;
  top: 10px;
  right: 0; }
  .top_list_box a {
    display: block;
    width: 90px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    color: #DA1817;
    text-align: center;
    border: 2px solid #DA1817; }
    .top_list_box a:hover {
      -webkit-transition: .5s;
      transition: .5s;
      background: #DA1817;
      color: #fff;
      opacity: 1; }

#business {
  overflow: hidden; }
  #business h2 {
    width: 173px;
    height: 27px;
    background-position: 0 -54px; }
  #business #products {
    border-top: 1px solid #D5D5D5; }
    #business #products ul {
      display: table;
      width: 100%;
      margin: 0 auto; }
      #business #products ul li {
        display: table-cell;
        position: relative;
        width: 20%;
        height: 90px; }
        #business #products ul li:hover {
          opacity: .7; }
        #business #products ul li span {
          display: none; }
        #business #products ul li a {
          display: block;
          width: 100%;
          height: 90px; }
      #business #products ul .products1 {
        background: url(../../business/img/glovia_om.jpg) no-repeat;
        background-size: contain;
        background-position: 50% 50%; }
      #business #products ul .products2 {
        background: url(../../business/img/cache.jpg) no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        background-color: #034877; }
      #business #products ul .products3 {
        background: url(../../business/img/neuralworks.jpg) no-repeat;
        background-size: contain;
        background-position: 50% 50%; }
      #business #products ul .products4 {
        background: url(../../business/img/nifclo.png) no-repeat;
        background-size: contain;
        background-position: 50% 50%; }

.cloud_merit {
  text-align: center; }
  .cloud_merit img {
    width: 370px; }

#tab_area {
  position: relative;
  width: 950px;
  margin: 0 auto 40px auto;
  border: 1px solid #F3F6F8;
  box-sizing: border-box; }
  #tab_area .tab {
    display: table;
    width: 100%;
    overflow: hidden; }
    #tab_area .tab li {
      display: table-cell;
      height: 50px;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background: #F3F6F8; }
    #tab_area .tab .select {
      color: #fff;
      background: #DA1817;
      -webkit-transition: .3s;
      transition: .3s; 
}
  #tab_area .tab_content {
    width: 950px;
    overflow: hidden;
    display: block;
    border: 0; }
		
/*-- nw_solution.html追加に伴う調整
-----------------------------------------------------*/
    #tab_area .tab_content .tab_case,
    #tab_area .tab_content .tab_case_nw {
      border: 0; }
      #tab_area .tab_content .tab_case h3 {
        width: 870px;
        margin: 40px;
        color: #333333;
        background: none; }
      #tab_area .tab_content .tab_case_nw h3 {
				width: 870px;
				margin: 40px auto 20px;
				color: #333333;
				font-weight: bold;
				background: none;
				text-align: left;
				font-size: 21px; }
      #tab_area .tab_content .tab_case p {
        width: 870px;
        margin: 0 auto;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        line-height: 1.7em; }
      #tab_area .tab_content .tab_case_nw p {
        padding: 15px;
        margin: 0 auto;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        line-height: 1.7em;
			}
      #tab_area .tab_content .tab_case_nw p a {
				text-decoration:underline;
				color:#2396D4;
			}
			#tab_area .tab_content .tab_case img {
        width: calc(100% - 2px);
        text-align: center; }
			#tab_area .tab_content .tab_case_nw img {
				width:auto; }
      #tab_area .tab_content .tab_case table {
        width: calc(100% - 30px);
        margin: 0 auto; }
      #tab_area .tab_content .tab_case_nw table {
        width: 870px;
        margin: 0 auto;
				table-layout:auto; }
        #tab_area .tab_content .tab_case table th {
          padding: 15px 30px;
          font-weight: normal;
          text-align: center;
          vertical-align: middle;
          background: #F3F6F8;
          border: 1px solid #D5D5D5; }
        #tab_area .tab_content .tab_case table td {
          line-height: 2em;
          padding: 15px 30px;
          border: 1px solid #D5D5D5; }
        #tab_area .tab_content .tab_case_nw table td {
					box-sizing:border-box;
          line-height: 130%;
          padding: 10px;
          border: 1px solid #fff;
					text-align:center;
					letter-spacing:0;
					background-color:#e6eaf9; }
        #tab_area .tab_content .tab_case_nw table td.naiyo {
					font-size:14px; }
        #tab_area .tab_content .tab_case_nw table td.kakaku {
					text-align:right; }

/*--
li a{
    display: block;
    height: 60%;
    width: 100%;
}
--*/

.nw-accordion {
	width: 870px;
	margin: 0 auto;
  padding: 0;
}
.nw-accordion .ac-content {
  margin: 0;
  padding: 0;
}
.nw-accordion input {
  display: none;
}
.nw-accordion label {
	display: block;
	background: #9fb7d4;
	cursor: pointer;
	padding: 15px 20px 15px 70px;
	color: #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	line-height: 150%;
	text-indent: -45px;
}
.nw-accordion label:hover {
  background: #DA1817;
}
.nw-accordion .ac-cont {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #F3F6F8;
  padding: 0 10px;
  box-sizing: border-box;
}
.nw-accordion input:checked + .ac-cont {
  height: auto;
  padding: 10px;
}

#tab_area .tab_content li {
      display: none; }
      #tab_area .tab_content li:first-child {
        display: block; }

#neuralworks_web {
  width: 100%;
  height: 230px;
  overflow: hidden;
  background: url(../../business/img/neuralworks_web.jpg) no-repeat;
  background-size: cover; }
  #neuralworks_web p {
    margin: 50px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold; }
  #neuralworks_web span {
    display: block;
    width: 380px;
    margin: 0 auto;
    text-align: center;
    line-height: 60px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }

#nw_text{
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.itutor_function {
  display: block;
  color: #DA1817;
  border: 1px solid #DA1817;
  margin: 10px 0;
  padding: 10px 20px; }

.itutor_if {
  background: url(../../business/img/itutor_bg.jpg);
  background-size: cover; }
  .itutor_if .article_ttl {
    color: #fff; }
  .itutor_if p {
    color: #fff; }

#itutor_box .content_area {
  padding-top: 40px; }

#itutor_scene {
  width: 100%;
  height: 300px;
  border-top: 1px solid #D5D5D5; }
  #itutor_scene .itutor_scene_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #E8E9EB;
    overflow: hidden; }
    #itutor_scene .itutor_scene_box .article_ttl {
      width: 250px;
      color: #2396D4;
      border: none;
      vertical-align: middle;
      float: left; }
    #itutor_scene .itutor_scene_box p {
      width: 700px;
      color: #2396D4;
      line-height: 2.2em;
      vertical-align: middle;
      float: left; }
    #itutor_scene .itutor_scene_box img {
      position: absolute;
      top: 0;
      right: 0;
      width: 500px;
      height: 300px;
      margin: 0;
      float: left; }

#cache_db {
  width: 100%;
  height: 240px;
  border-top: 1px solid #D5D5D5; }
  #cache_db .cache_db_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
    #cache_db .cache_db_box .article_ttl {
      width: 40%;
      color: #F5D424;
      border: none;
      vertical-align: middle;
      float: left; }
    #cache_db .cache_db_box p {
      width: 30%;
      line-height: 2.2em;
      vertical-align: middle;
      float: left; }
    #cache_db .cache_db_box img {
      width: 280px;
      height: 200px;
      float: left; }

.dojo_function {
  border: 1px solid #333333;
  margin-right: 5px;
  padding: 3px 5px; }

.dojo_use_before .divid_area_box .article_ttl {
  color: #333333; }

.dojo_use_before .divid_area_box p {
  width: 430px;
  margin-bottom: 20px;
  padding: 3px 20px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background: #333333; }

.dojo_use_after .divid_area_box .article_ttl {
  color: #2396D4; }

.dojo_use_after .divid_area_box p {
  width: 430px;
  margin-bottom: 20px;
  padding: 3px 20px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background: #2396D4; }

.dojo_graph .divid_area:first-child {
  border-right: 0; }

.coamail_box {
  text-align: center; }
  .coamail_box span {
    display: block;
    width: 420px;
    margin: 10px auto;
    padding: 20px 40px;
    text-align: left;
    line-height: 3em;
    background: #F3F6F8; }
    .coamail_box span b {
      padding-right: 10px; }

#coamail_flow {
  width: 100%;
  text-align: center; }
  #coamail_flow img {
    width: 950px; }

#company h2 {
  width: 209px;
  height: 27px;
  background-position: 0 -27px; }

#company .top_message {
  position: relative;
  min-width: 1050px;
  height: 350px;
  border-top: 1px solid #D5D5D5;
  background: url(../../company/img/company_ceo.png) no-repeat;
  background-color: #fff;
  background-position: right;
  background-size: contain;
  overflow: hidden; }
  #company .top_message img {
    position: absolute;
    top: 65px;
    left: 65px;
    width: 250px;
    height: 220px; }
  #company .top_message a {
    display: block;
    width: 100%;
    height: 350px; }
    #company .top_message a .company_overlay {
      position: absolute;
      width: 210px;
      height: 210px;
      top: -105px;
      left: -105px;
      background: rgba(243, 246, 248, 0.8);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    #company .top_message a:hover {
      opacity: 1; }
      #company .top_message a:hover .company_overlay {
        background: #DA1817;
        -webkit-transition: 1s;
        transition: 1s; }
  #company .top_message .message_overlay {
    position: absolute;
    width: 500px;
    height: 500px;
    top: -250px;
    left: -250px;
    background: #F3F6F8;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.map {
  width: 100%;
  height: 70px;
  padding: 40px 0;
  background: url(../../company/img/map_bg.jpg);
  background-position: 50% 50%; }
  .map a {
    display: block;
    width: 400px;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border: 2px solid #fff; }
    .map a:hover {
      background: rgba(255, 255, 255, 0.1);
      opacity: 1; }

.message {
  margin: 60px auto;
  overflow: hidden; }
  .message p {
    width: 670px;
    margin: 0 auto;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 2.2em;
    letter-spacing: .1em; }
  .message b {
    display: block;
    margin-bottom: 10px; }
  .message .flag_img {
    width: 330px;
    margin: 20px;
    float: left; }
  .message .flag_article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% - 410px);
    height: 210px;
    margin: 20px;
    float: left; }
    .message .flag_article p {
      padding: 0; }

.about_table {
  width: 100%;
  font-size: 14px; }
  .about_table tr:nth-child(2n) {
    background: #F3F6F8; }
  .about_table tr th {
    border: 1px solid #D5D5D5;
    padding: 20px;
    font-weight: normal; }
  .about_table tr td {
    border: 1px solid #D5D5D5;
    padding: 20px;
    line-height: 2em;
    vertical-align: middle; }
    .about_table tr td a {
      color: #DA1817; }
    .about_table tr td .map_link {
      position: relative;
      top: -1px;
      font-size: 10px;
      margin: 0 10px 0 5px;
      padding: 0 3px;
      color: #fff;
      background: #2D2D2D; }

.history_table {
  width: 100%;
  font-size: 14px; }
  .history_table tr td {
    box-sizing: border-box;
    border: 1px solid #D5D5D5;
    padding: 20px; }
    .history_table tr td:nth-child(1) {
      width: 120px;
      text-align: center; }
    .history_table tr td:nth-child(2) {
      width: 80px;
      text-align: center;
      background: #F3F6F8; }


.division_table{
  width: 100%;
  font-size: 13px; }
  .division_table tr td {
    box-sizing: border-box;
    border: 1px solid #D5D5D5;
    padding: 1px; }
    .division_table tr td:nth-child(1) {
      width: 30px;
      text-align: center; }
    .division_table tr td:nth-child(2) {
      width: 120px;
      text-align: center;
      background: #F3F6F8; }
    .division_table tr td:nth-child(3) {
      width: 300px;
      text-align: center;
      }
    .division_table tr td:nth-child(4) {
      width: 400px;
      text-align: center;
      }

.cliant_table {
  width: 100%;
  font-size: 14px; }
  .cliant_table th {
    width: 300px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background: #F3F6F8;
    border: 1px solid #D5D5D5; }
  .cliant_table td {
    line-height: 2em;
    padding: 20px 40px;
    border: 1px solid #D5D5D5; }

.partner_table tr td:first-child {
  text-align: center; }

.partner_table tr td img {
  width: auto;
  max-width: 200px; }

.iso_table {
  width: 100%;
  font-size: 14px; }
  .iso_table th {
    width: 200px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background: #F3F6F8;
    border: 1px solid #D5D5D5; }
  .iso_table td {
    line-height: 2em;
    padding: 20px;
    border: 1px solid #D5D5D5; }

#iso27001 {
  width: 100%;
  margin-top: 40px;
  text-align: center; }
  #iso27001 img {
    width: 240px;
    height: 153px; }

#iso_policy p {
  margin: 0 auto;
  padding-bottom: 40px;
  font-size: 16px;
  line-height: 2.2em;
  letter-spacing: .1em; }

#iso_policy b {
  display: block;
  margin-bottom: 10px; }

.map_area {
  width: 100%;
  margin-bottom: 40px;
  border: 1px solid #D5D5D5;
  overflow: hidden; }
  .map_area .map_box {
    position: relative;
    width: 470px;
    height: 420px;
    float: left; }
    .map_area .map_box .map_style {
      width: 470px;
      height: 350px; }
    .map_area .map_box .map_position {
      display: block;
      width: 100%;
      line-height: 70px;
      color: #fff;
      font-size: 20px;
      text-align: center;
      background: #2D2D2D; }
  .map_area .address_box {
    width: 480px;
    height: 420px;
    padding: 20px 40px;
    box-sizing: border-box;
    float: left; }
    .map_area .address_box span {
      font-size: 12px;
      letter-spacing: 0em; }

#recruit h2 {
  width: 160px;
  height: 27px;
  background-position: 0 -81px; }

#recruit .hero_recruit_area {
  padding-top: 100px
  min-width: 1050px;
  height: 300px;
  position: relative;
  background: url(../../img/slide/hero_recruit_bg.jpg) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 0;
  overflow: hidden; }
  #recruit .hero_recruit_area:before {
    position: absolute;
    top: 0;
    left: -70px;
    content: '';
    width: 222px;
    height: 300px;
    background: url(../../img/slide/hero_recruit_ov1.png) no-repeat;
    background-size: cover;
    z-index: 10; }
  #recruit .hero_recruit_area:after {
    position: absolute;
    top: 0;
    right: -70px;
    content: '';
    width: 209px;
    height: 300px;
    background: url(../../img/slide/hero_recruit_ov2.png) no-repeat;
    background-size: cover;
    z-index: 10; }
  #recruit .hero_recruit_area img {
    position: absolute;
    width: 360px;
    top: calc(50% - 74px);
    left: calc(25% - 130px);
    z-index: 999; }
  #recruit .hero_recruit_area .hero_recruit_text {
    display: block;
    position: absolute;
    top: calc(50% - 70px);
    left: calc(75% - 205px);
    width: 410px;
    height: 140px;
    line-height: 1.7em;
    color: #fff;
    z-index: 999; }
    #recruit .hero_recruit_area .hero_recruit_text p {
      font-size: 22px;
      letter-spacing: 2px;
      line-height: 1.5em; }
    #recruit .hero_recruit_area .hero_recruit_text span {
      display: block;
      width: 410px;
      margin: 20px 0;
      line-height: 40px;
      text-align: center;
      background: rgba(245, 212, 36, .85); }
      #recruit .hero_recruit_area .hero_recruit_text span a {
        display: block;
        width: 100%;
        height: 100%;
		padding: 10px 0;
		font-size: 18px;
		font-weight: bold;
		box-sizing: border-box;
        color: #000; }

#recruit .staff_message {
  min-width: 1050px;
  height: 200px; }
  #recruit .staff_message a {
    display: block;
    width: 100%;
    height: 100%; }
  #recruit .staff_message img {
    position: absolute;
    width: 300px; }
  #recruit .staff_message .staff1:before {
    background: url(../../recruit/img/staff_name1.png) no-repeat; }
  #recruit .staff_message .staff1:after {
    background: url(../../recruit/img/staff_ttl1.png) no-repeat; }
  #recruit .staff_message .staff2:before {
    background: url(../../recruit/img/staff_ttl2.png) no-repeat; }
  #recruit .staff_message .staff2:after {
    background: url(../../recruit/img/staff_name2.png) no-repeat; }
  #recruit .staff_message .staff3:before {
    background: url(../../recruit/img/staff_name3.png) no-repeat; }
  #recruit .staff_message .staff3:after {
    background: url(../../recruit/img/staff_ttl3.png) no-repeat; }
  #recruit .staff_message .staff4:before {
    background: url(../../recruit/img/staff_ttl4.png) no-repeat; }
  #recruit .staff_message .staff4:after {
    background: url(../../recruit/img/staff_name4.png) no-repeat; }
  #recruit .staff_message .staff5:before {
    background: url(../../recruit/img/staff_name5.png) no-repeat; }
  #recruit .staff_message .staff5:after {
    background: url(../../recruit/img/staff_ttl5.png) no-repeat; }
  #recruit .staff_message .staff_box1 {
    position: relative; }
    #recruit .staff_message .staff_box1 img {
      left: 230px; }
    #recruit .staff_message .staff_box1:before {
      position: absolute;
      top: 65px;
      left: 55px;
      content: '';
      width: 230px;
      height: 60px;
      background-size: cover;
      z-index: 10; }
    #recruit .staff_message .staff_box1:after {
      position: absolute;
      top: 88px;
      right: 55px;
      content: '';
      width: 290px;
      height: 22px;
      background-size: cover;
      z-index: 10; }
  #recruit .staff_message .staff_box2 {
    position: relative; }
    #recruit .staff_message .staff_box2 img {
      right: 300px; }
    #recruit .staff_message .staff_box2:before {
      position: absolute;
      top: 88px;
      left: 55px;
      content: '';
      width: 290px;
      height: 22px;
      background-size: cover;
      z-index: 10; }
    #recruit .staff_message .staff_box2:after {
      position: absolute;
      top: 65px;
      right: 55px;
      content: '';
      width: 230px;
      height: 60px;
      background-size: cover;
      z-index: 10; }

#recruit #entry {
  width: 100%;
  height: 250px;
  background: #333434; }
  #recruit #entry p {
    padding-top: 40px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: .1em;
    color: #fff;
    text-align: center; }
  #recruit #entry a {
    display: block;
    width: 195px;
    height: 60px;
    margin: 40px auto; }
    #recruit #entry a img {
      width: 195px;
      box-shadow: 5px 5px 0 0 #1F2021; }
    #recruit #entry a:hover {
      opacity: .8; }
      #recruit #entry a:hover img {
        box-shadow: none; }

#recruit .return_box {
  width: 300px; }

.dayflow {
  display: table;
  width: 100%;
  height: 150px;
  background: url(../../recruit/img/dayflow_bg.png) no-repeat;
  background-color: #DA1817;
  background-position: 20% 50%;
  overflow: hidden; }
  .dayflow a {
    display: table-cell;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.1em; }
    .dayflow a span {
      font-size: 16px; }
      .dayflow a span:before {
        content: '〜';
        padding: 0 5px; }
      .dayflow a span:after {
        content: '〜';
        padding: 0 5px; }

#dayflow {
  overflow: hidden; }
  #dayflow .dayflow_box {
    display: table-cell;
    width: 425px; }

#dayflow_left {
  float: left; }
  #dayflow_left .inner_dayflow_frame {
    min-width: 425px;
    min-height: 400px;
    background: url(../../recruit/img/dayflow_frame_bg1.png) no-repeat; }

#dayflow_center {
  width: 100px;
  text-align: center;
  float: left; }
  #dayflow_center img {
    width: 48px;
    margin-top: 55px; }

#dayflow_right {
  float: left; }
  #dayflow_right .inner_dayflow_frame {
    min-width: 425px;
    min-height: 400px;
    background: url(../../recruit/img/dayflow_frame_bg2.png) no-repeat; }

.inner_dayflow_box {
  position: relative;
  width: 425px;
  height: 200px; }
  .inner_dayflow_box .dayflow_line {
    position: absolute;
    top: 65px;
    width: 325px;
    height: 0;
    border: 1px solid #DA1817;
    z-index: -999; }
  .inner_dayflow_box .line_right {
    right: 0; }
  .inner_dayflow_box .line_left {
    left: 0; }
  .inner_dayflow_box img {
    display: block;
    width: 200px;
    height: 200px;
    float: left; }
  .inner_dayflow_box .inner_dayflow_text {
    width: 205px;
    margin: 0 10px;
    float: left; }
    .inner_dayflow_box .inner_dayflow_text div {
      line-height: 80px;
      font-size: 20px;
      font-weight: bold; }
    .inner_dayflow_box .inner_dayflow_text aside {
      height: 120px;
      line-height: 1.7em;
      font-size: 14px; }

.dayflow_graph {
  margin: 50px 0; }
  .dayflow_graph img {
    display: block;
    padding-bottom: 20px; }
  .dayflow_graph p {
    line-height: 1.7em;
    font-size: 14px; }

#t0800 {
  margin-top: 0; }

#t0900 {
  margin-top: 85px; }

#t1030 {
  margin-top: 55px; }

#t1200 {
  margin-top: 55px; }

#t1300 {
  margin-top: 55px; }

#t2000 {
  margin-top: 55px; }

.welfare_table {
  width: 100%;
  margin: 40px 0; }
  .welfare_table tr td {
    width: 50%;
    font-size: 14px;
    line-height: 1.7em;
    padding-bottom: 40px;
    vertical-align: top; }
    .welfare_table tr td img {
      width: 90%;
      height: 200px;
      background: #F3F6F8; }
    .welfare_table tr td span {
      display: block;
      font-size: 18px;
      font-weight: bold;
      color: #DA1817;
      padding: 10px 0; }

.recruitinfo_table {
  width: 100%;
  font-size: 14px; }
  .recruitinfo_table tr:nth-child(2n) {
    background: #F3F6F8; }
  .recruitinfo_table tr th {
    width: 160px;
    border: 1px solid #D5D5D5;
    padding: 20px;
    font-weight: normal; }
  .recruitinfo_table tr td {
    border: 1px solid #D5D5D5;
    padding: 20px;
    line-height: 2em;
    vertical-align: middle; }
    .recruitinfo_table tr td a {
      color: #DA1817; }

.new_graduates th {
  color: #DA1817; }

#mid_career {
  background: #F5D424; }

.mid_career th {
  color: #F5D424; }

#flow {
  background: #2396D4; }

.flow {
  padding-bottom: 20px; }

.mynav {
  width: 195px; }

.hero_staff {
  position: relative;
  width: 950px;
  height: 350px;
  margin: 0 auto; }
  .hero_staff img {
    position: absolute;
    top: 50px;
    left: 30px;
    width: 190px;
    height: 250px; }

.staff1 {
  background: url(../../recruit/img/staff_inner_face1.jpg) no-repeat;
  background-position: right; }

.staff2 {
  background: url(../../recruit/img/staff_inner_face2.jpg) no-repeat;
  background-position: right; }

.staff3 {
  background: url(../../recruit/img/staff_inner_face3.jpg) no-repeat;
  background-position: right; }

.staff4 {
  background: url(../../recruit/img/staff_inner_face4.jpg) no-repeat;
  background-position: right; }

.staff5 {
  background: url(../../recruit/img/staff_inner_face5.jpg) no-repeat;
  background-position: right; }

#staff_table {
  width: 100%; }
  #staff_table tr {
    font-size: 14px; }
    #staff_table tr:nth-child(2n) {
      background: #F3F6F8; }
    #staff_table tr td .qa_box {
      width: 950px;
      margin: 30px auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #staff_table tr td .qa_box .question {
        display: table;
        width: 220px;
        vertical-align: middle;
        float: left; }
        #staff_table tr td .qa_box .question span {
          display: table-cell;
          font-weight: bold;
          vertical-align: middle; }
          #staff_table tr td .qa_box .question span svg {
            position: relative;
            top: 5px;
            max-width: 40px;
            max-height: 25px; }
      #staff_table tr td .qa_box .answer {
        display: table;
        max-width: 730px;
        width: calc(100% - 250px);
        height: 160px;
        border-left: 1px solid #D5D5D5;
        vertical-align: middle;
        float: left; }
        #staff_table tr td .qa_box .answer p {
          display: table-cell;
          padding: 0 20px 0 40px;
          line-height: 1.7em;
          vertical-align: middle; }
        #staff_table tr td .qa_box .answer img {
          display: block;
          width: 270px;
          height: 160px;
          float: left; }
    #staff_table tr td .qa1 .question span svg {
      fill: #DA1817; }
    #staff_table tr td .qa2 .question span svg {
      fill: #F5D424; }
    #staff_table tr td .qa3 .question span svg {
      fill: #2396D4; }
    #staff_table tr td .qa4 .question span svg {
      fill: #DA1817; }
    #staff_table tr td .qa5 .question span svg {
      fill: #F5D424; }

.recruit_message {
  position: relative;
  min-width: 1050px;
  height: 450px;
  border-top: 1px solid #D5D5D5;
  background: url(../../recruit/img/recruiter.png) no-repeat;
  background-color: #F1EEE7;
  background-position: left;
  overflow: hidden; }
  .recruit_message img {
    position: absolute;
    top: 65px;
    right: 65px;
    width: 380px;
    height: 290px; }
  .recruit_message .message_overlay {
    position: absolute;
    width: 500px;
    height: 500px;
    bottom: -250px;
    left: -250px;
    background: #DA1817;
    -webkit-filter: opacity(0.85);
            filter: opacity(0.85);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.privacy p {
  margin-bottom: 30px; }

.error {
  display: block;
  color: #DA1817;
  font-size: 14px; }

.errorblock {
  background: #FFECE8; }

#pankuzu {
  line-height: 40px;
  background: #2C2C2C; }
  #pankuzu .pankuzu_box {
    width: 950px;
    margin: 0 auto;
    font-size: 0; }
    #pankuzu .pankuzu_box a {
      font-size: 13px;
      color: #fff;
      padding-right: 10px; }
      #pankuzu .pankuzu_box a:before {
        position: relative;
        content: url(../../img/common/pankuzu_cursor.png);
        top: 2px;
        padding-right: 10px; }
      #pankuzu .pankuzu_box a:first-child:before {
        content: '';
        padding-right: 0; }

.communication_img {
  width: 950px;
  margin: 0 auto 20px auto;
  overflow: hidden; }
  .communication_img ul {
    width: 100%; }
    .communication_img ul li {
      width: 300px;
      margin-right: 25px;
      padding-top: 20px;
      float: left; }
      .communication_img ul li:last-child {
        margin: 0; }

/*-- /contact/ --*/
#contact h2 {
  width: 193px;
  height: 27px;
  background-position: 0 -109px; }

/*-- /download/ --*/
#contact h2.download {
  width: 229px;
  height: 27px;
  background-position: 0 -137px; }


#contact .contact_box p .kome {
  color: #DA1817; }

#contact .contact_table {
  width: 860px;
  margin: 20px 0; }
#contact .dlnw_table {
  table-layout:auto; }
_:-ms-lang(x), #contact .dlnw_table { table-layout:fixed; }
	#contact .dlnw_table th {
  box-sizing:border-box; }

  #contact .contact_table th {
    width: 30%;
    padding: 20px 30px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    background: #F3F6F8;
    border: 1px solid #D5D5D5; }
    #contact .contact_table th span {
      color: #DA1817; }
  #contact .contact_table td {
    width: 70%;
    padding: 20px 30px;
    border: 1px solid #D5D5D5; }
    #contact .contact_table td input {
      width: 100%;
      height: 1.7em;
      border: 1px solid #D5D5D5; }

    #contact .contact_table td div.subbox,
		#contact .contact_table td div.subbox2 {
			width:100%;
			display:flex;
			flex-wrap: wrap;
			justify-content: space-between;}
    #contact .contact_table td div.subbox2 {
			padding:5px 0;
			margin:5px 0;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;}
    #contact .contact_table td div.check_box {
			width:50%;
			display:block;}
    #contact .contact_table td div.check_box input {
			width:auto;
			height:auto;}
			
      #contact .contact_table td input:nth-child(2) {
        margin-top: 10px; }
    #contact .contact_table td textarea {
      border: 1px solid #D5D5D5;
			box-sizing: border-box;
    	width: 100%; }
    #contact .contact_table td p {
      font-size: 80%;
      line-height: 1.5em; }
  #contact .contact_table .contact_select {
    overflow: hidden; }
    #contact .contact_table .contact_select input {
      width: auto;
      height: 1em;
      margin-right: 10px; }
    #contact .contact_table .contact_select select {
      float: left; }
    #contact .contact_table .contact_select p {
      width: 40%;
      font-size: 100%;
      float: left; }




/* 2017/04/07 */
  #contact .contact_table .contact_select2 {
    overflow: hidden; background-color:#FFFFF0 }
    #contact .contact_table .contact_select2 input {
      width: auto;
      height: 1em;
      margin-right: 10px; }
    #contact .contact_table .contact_select2 select {
      float: left; }
    #contact .contact_table .contact_select2 p {
      width: 40%;
      font-size: 100%;
      float: left; }


#contact .send {
  width: 100%; }
  #contact .send span {
    display: block;
    width: 200px;
    height: 50px;
    margin: 20px auto;
    text-align: center;
    line-height: 50px;
    background: #DA1817;
    cursor: pointer;
    color: #fff; }

#footer {
  padding-top: 40px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  background: #414141; }
  #footer .footer_box {
    width: 950px;
    margin: 0 auto; }
    #footer .footer_box tr th {
      width: 32%;
      text-align: left;
      font-weight: normal; }
      #footer .footer_box tr th span {
        display: block;
        width: 95%;
        border-top: 2px solid #4B4B4B;
        padding: 15px 0; }
      #footer .footer_box tr th:last-child span {
        width: 100%; }
    #footer .footer_box tr td {
      width: 25%;
      text-align: left;
      vertical-align: top; }
      #footer .footer_box tr td ul li {
        color: #999;
        font-size: 13px;
        padding-bottom: 10px;
        line-height: 1.5em; }
        #footer .footer_box tr td ul li a {
          color: #999;
          font-size: 12px; }
        #footer .footer_box tr td ul li:first-child:before {
          content: '-';
          padding-right: 5px; }
  #footer .footer_under_box {
    width: 950px;
    margin: 20px auto 0 auto;
    padding: 15px 0;
    text-align: center;
    border-top: 2px solid #4B4B4B;
    color: #999;
    font-size: 13px; }
    #footer .footer_under_box a {
      color: #999; }
      #footer .footer_under_box a:after {
        content: '｜';
        color: #999; }
      #footer .footer_under_box a:last-child:after {
        content: ''; }

.copyright {
  font-family: opensans;
  font-style: italic;
  font-size: 14px;
  padding: 20px 0;
  text-align: center;
  overflow: hidden;
  color: #333333;
  background: #fff; }

/* 2023/05/25 */
.recruit_menu{    
  margin-bottom:15px;
  list-style: none;
  display:flex;
  justify-content: center;
}
.recruit_menu li{    
   margin:2.5px;
   background-color: #2396D4;
   border-radius: 5px;
   text-align: center;
   color:white;
}
.recruit_menu li:hover{
   background: #DA1817;
   color:white;
}
.recruit_menu li a{
   display: block;
   padding:10px 60px;
   color: white;
}
.recruit_menu li a:visited {
   color: white;
}

/* 2023/12/2 各システム本部紹介*/
#tab_menu {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0;
	margin: 0 0 1em;
}
#tab_menu li{
	width: 33.333%;
	padding: 0;
	margin: 0 1px 0 0;
	text-align: center;
	list-style: none;
	background: #DA9090;
}
#tab_menu li:last-child {
	margin-right: 0;
}
#tab_menu li.selected {
	background: #DA1817;
}
#tab_menu li:hover {
	background: #DA1817;
}
#tab_menu li a {
	display: block;
	padding: 12px 0 8px;
	color: #fff;
	text-decoration: none;
	font-size: 125%;
}
#tab_menu li img {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
	padding: 13.5px .4em 13.5px 0;
}