@charset "UTF-8";
#top #contents_wrapper_top a {
  color: #1d1d3f;
}

#top #contents_wrapper_top a:link {
  color: #1d1d3f;
  text-decoration: none;
}

#top #contents_wrapper_top a:visited {
  color: #1d1d3f;
}

#top #contents_wrapper_top a:hover {
  color: #4c4c9d;
  text-decoration: underline;
}

#top header {
  height: 90px;
}

#main_image {
  width: 960px;
  height: 421px;
  background: url("../img/img_main.png") no-repeat;
}

#top #contents_wrapper_top {
  position: relative;
  width: 960px;
  margin-top: 5px;
  margin-bottom: 10px;
}

/*-- top_contents --*/
#top_contents {
  position: relative;
  width: 960px;
}

/*-- お知らせ --*/
#news {
  width: 634px;
  position: relative;
  top: 13px;
  left: 0px;
}

#news h2 {
  width: 634px;
  height: 54px;
  background: url("../img/txt01.png") no-repeat;
}

#news ul {
  margin-top: -13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#news li:nth-child(3n+1) {
  width: 10%;
  padding-left: 1.8em;
  background: url("../img/point01.png") 0 0 no-repeat;
}

#news li:nth-child(3n+2) {
  width: 12%;
  text-align: center;
  position: relative;
  top: 3px;
}

#news li:nth-child(3n+3) {
  width: calc( 76% - 1.5em);
}

#top #contents_wrapper_top #news li.news a,
#top #contents_wrapper_top #news li.news a:link {
  color: #05f;
}

#top #contents_wrapper_top #news li.news a:hover {
  color: #f30;
}

#top #contents_wrapper_top #news li.news span {
  color: #333;
}

#news li span.date {
  width: 190px;
}

#news li img {
  margin: 0px 5px 0 20px;
}

#open {
  width: 120px;
  position: relative;
  top: 0px;
  left: 510px;
  cursor: pointer;
  color: #1d1d3f;
  text-decoration: underline;
}

#close {
  width: 60px;
  position: relative;
  top: -15px;
  left: 570px;
  cursor: pointer;
  color: #1d1d3f;
  text-decoration: underline;
  display: none;
}

#close_contents {
  padding: 20px 0 0px 40px;
}

#open_contents {
  padding: 0px 0px 20px 40px;
  display: none;
}

/*-- ご挨拶 --*/
#intro {
  width: 310px;
  position: absolute;
  top: 22px;
  left: 653px;
}

#intro h2 a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

#intro h2 a:hover {
  opacity: 0.8;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/*-- under_contents --*/
#under_contents {
  position: relative;
  height: 360px;
  margin-top: 20px;
}

/*-- 会社情報 --*/
.company_nav {
  width: 310px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.company_nav h2 {
  width: 310px;
  height: 67px;
  background: url("../img/txt02.png") no-repeat;
}

h2 a {
  display: block;
  width: 310px;
  height: 67px;
}

.company_nav ul {
  padding: 20px 0 20px 40px;
}

.company_nav li {
  padding-left: 30px;
  background: url("../img/point02.png") top left no-repeat;
}

/*-- IR情報 --*/
.ir_nav {
  width: 310px;
  position: absolute;
  top: 0px;
  left: 328px;
}

.ir_nav h2 {
  width: 310px;
  height: 67px;
  background: url("../img/txt03.png") no-repeat;
}

.ir_nav ul {
  padding: 20px 0 20px 40px;
}

.ir_nav li {
  padding-left: 30px;
  background: url("../img/point02.png") top left no-repeat;
}

/*-- 採用情報 --*/
.recruit_nav {
  width: 310px;
  position: absolute;
  top: 0px;
  left: 657px;
}

.recruit_nav h2 {
  width: 310px;
  height: 67px;
  background: url("../img/txt04.png") no-repeat;
}

.recruit_nav ul {
  padding: 20px 0 20px 40px;
}

.recruit_nav li {
  padding-left: 30px;
  background: url("../img/point02.png") top left no-repeat;
}

.company_nav li span.new,
.recruit_nav li span.new {
  margin-left: 0.5em;
  font-size: 12px;
  color: #f70000;
  font-weight: bold;
}

.company_nav .border01, .ir_nav .border01 {
  width: 1px;
  height: 254px;
  background: #bbb;
  position: absolute;
  top: 85px;
  left: 315px;
}