@charset "utf-8";
section#event {
  position: relative;
  overflow: visible;
  zoom: 1;
}
section#event div.backcolor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
section#event div.outer {
  position: relative;
  overflow: visible;
}
section#event div.outer div.color {
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
section#event div.outer div.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 1480px;
}
section#event div.outer div.cover img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  vertical-align: text-bottom;
}
section#event : after, section#event : before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
section#event : after {
  clear: both;
}
div#event {
  background-color: #ffffff;
}
section#event div.backcolor {
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}
section#event div.backcolor div.color {
  max-height: 276px;
}
section#event div.backcolor div.cover img {
  position: absolute;
  right: 250px;
  top: 70px;
}
div.header h1, div.header h2 {
  font-size: 1.786em;
  font-weight: normal;
  color: #fff;
}
div.header h1 img {
  margin: 0 1% 0 0;
  vertical-align: text-bottom;
}
div.header h2 {
  margin: 1em 0 0 3.4em;
  line-height: 1.5em;
}
div.header div.ph {
  font-size: 1em;
  font-family: arial, sans-serif;
  color: #fff;
  margin: 0.5em 0 0 0;
}
div.header_box {
  height: 276px;
}
div.header {
  position: absolute;
  top: 80px;
  left: 20px;
  z-index: 100;
}
section#event h4.icon {
  background-image: url(/_cms_sogokan/common/img/event_pop_right.png);
  background-position: right top;
  background-repeat: no-repeat;
  width: 180px;
  height: 114px;
  position: absolute;
  left: 83%;
  top: 210px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
section#event h3 {
  margin: 1em 0;
  background-color: #40220f;
  color: #fff;
  font-weight: normal;
  padding: 1%;
}
section#event h3 span.left img {
  vertical-align: middle;
  margin: 0 1%;
}
div#event {
  padding: 2%;
}
section#event div#event h4.context1 {
  font-size: 1.786em;
  font-weight: normal;
  margin: 0 0 1.5em 0;
}
section#event h5 {
  background-color: #eb6667;
  color: #fff;
  display: inline-block;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-weight: normal;
  font-size: 1.1em;
  padding: .5% 1%;
  margin: 1% 0;
}
section#event ul.flow {
  margin: 0 0 2% 0;
}
section#event ul.flow li {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #57b2e5;
  padding: 1%;
  width: 17%;
  height: 190px;
  margin: 0 1%;
}
section#event ul.flow li b, section#event ul.flow li span {
  color: #57b2e5;
  font-weight: normal;
  line-height: 150%;
}
section#event ul.flow li b {
  font-size: 3em;
  display: block;
}
section#event ul.flow li div {
  font-weight: bold;
}
section#event ul.flow li.yajirushi {
  border: none;
  width: 5%;
  line-height: 190px;
  color: #57b2e5;
  font-size: 2em;
}
section#event ul.flow li p {
  margin: 1em 0 0 0;
  font-size: 0.9em;
  font-weight: normal;
}
section#event ul.icon li {
  width: 17%;
}
section#event ul.icon {
  background: none;
}
section#event ul.icon li img {
  vertical-align: middle;
  margin: 0 5%;
}
section#event ul.icon, section#event ul.list {
  overflow: hidden;
  clear: both;
  font-family: Helvetica, arial, sans-serif !important;
}
section#event ul.list li {
  margin: 1% 0;
  padding: 1% 0;
  line-height: 1.1em;
  list-style-type: none;
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0,
    #ffffff), color-stop(1, #ededed));
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(top, #ffffff 0%, #ededed 100%);
}
section#event ul.list li.first {
  background: none;
  margin: 1em 0 0 0;
  padding: 0;
}
section#event ul.list li span {
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  margin: 0 0 0 2%;
}
section#event ul.list span.midashi {
  color: #57b2e5;
  margin: 0 1% 0 0;
}
section#event ul.list li b {
  color: #40220f;
  font-weight: normal;
  margin: 0 2%;
  display: inline-block;
  width: 13%;
}
section#event li ul {
  display: inline-block;
}
section#event ul.list li ul li {
  margin: 0 0.5em;
  width: 30px;
  height: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
section#event li ul li.event_0000 {
  text-indent: -9999px;
  background: none;
}
section#event li ul li.event_0010 {
  background: url(/common/img/event_event.png);
  background-repeat: no-repeat;
  background-position: center center;
}
section#event li ul li.event_0020 {
  background: url(/common/img/event_kengaku.png);
  background-repeat: no-repeat;
  background-position: center center;
}
section#event li ul li.event_0030 {
  background: url(/common/img/event_seminar.png);
  background-repeat: no-repeat;
  background-position: center center;
}
section#event li ul li.event_0040 {
  background: url(/common/img/event_present.png);
  background-repeat: no-repeat;
  background-position: center center;
}
section#event ul.list li h5.company {
  color: #40220f;
  background: none;
  border: none;
  margin: 0;
  display: inline-block;
  width: 15%;
}
section#event ul.list li h4 {
  width: 30%;
  font-weight: normal;
  display: inline-block;
  margin: 0;
}
section#event ul.list li h4 a {
  color: #57b2e5;
  font-size: 1.2em;
  line-height: 1.2em;
}
section#event ul.list li h6 {
  display: inline-block;
}
section#event ul.list li b, section#event ul.list li h4 {
  font-size: 1.1em;
  display: inline-block;
  vertical-align: middle;
}
section#event ul.list li span.detail {
  display: block;
  margin: -2.5% 2% 0 0;
  text-align: right;
}
section#event ul.list li span.detail a {
  background-color: #57B2E5;
  color: #FFFFFF;
  font-size: 1.1em;
  padding: .5%;
  text-decoration: none;
}
section#event dt {
  float: left;
  clear: both;
  width: 30%;
  display: inline;
  padding: 1% 0;
  margin: 0 0 1% 0;
  font-weight: normal;
}
section#event dd {
  margin: 0 0 0 2%;
}
section#event dd {
  border-bottom: 2px solid #40220f;
  padding: 1% 0;
  margin: 0 0 1% 0;
  font-weight: normal;
}