/* =============================================== */
/* webfont */
/* =============================================== */
@media only screen and (max-width: 768px) {
  .scr_wide {
    display: none !important; } }

@media only screen and (min-width: 769px) {
  .scr_narrow {
    display: none !important; } }

/* =============================================== */
/* base */
/* =============================================== */
.es_contents {
  position: relative;
  color: #333333;
  -webkit-text-size-adjust: none; }

/* =============================================== */
/* wrap */
/* =============================================== */
.es_wrap_a {
  width: 100%;
  max-width: 1024px;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.es_wrap_b {
  width: 100%;
  max-width: 1024px;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .es_wrap_b {
      padding-left: 20px;
      padding-right: 20px; } }

/*===============================================*/
/* esc_contents */
/*===============================================*/
.es_contents img {
  width: 100%; }
.es_contents .es_btn_a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/icon_newwindow.svg) right 8px top 50% no-repeat #fff;
  background-size: 12px auto;
  border: 1px solid #dedede;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  padding: 0.3em 20px 0.33em 0.7em;
  border-radius: 4px;
  width: 150px;
  text-decoration: none; }
  .notTouch .es_contents .es_btn_a:hover {
    opacity: 0.8; }
  @media only screen and (max-width: 768px) {
    .es_contents .es_btn_a {
      font-size: 16px;
      background-size: 16px auto;
      background-position: right 8px top 50%;
      padding: 0.4em 20px 0.43em 0.7em;
      width: 164px; } }
.es_contents .es_btn_a.type_gray {
  background-color: #c2c2c2;
  border: none; }
.es_contents .es_lp_link_list .item {
  display: inline-block; }
.es_contents .es_lp_link_list .link {
  display: inline-block;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/icon_newwindow_white.svg) right 40% no-repeat;
  background-size: 0.9em auto;
  padding-right: 1.5em;
  min-height: 1.2em;
  line-height: 1.4; }
  .notTouch .es_contents .es_lp_link_list .link:hover {
    opacity: 0.8; }
@media only screen and (min-width: 769px) {
  .es_contents .es_lp_link_list {
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: -10px;
    background: #787878; }
    .es_contents .es_lp_link_list .item {
      min-width: 32%; }
    .es_contents .es_lp_link_list .link {
      font-size: 12px; } }
@media only screen and (max-width: 768px) {
  .es_contents .es_lp_link_list {
    margin-top: 10px;
    margin-bottom: -10px; }
    .es_contents .es_lp_link_list .item {
      margin-top: 10px;
      margin-right: 5px; }
    .es_contents .es_lp_link_list .link {
      font-size: 12px;
      background-color: #787878;
      background-position: right 8px top 40%;
      border-radius: 5px;
      padding: 0.32em 2em 0.3em 0.6em; } }

/*===============================================*/
.sec_mv {
  background: #f2f2f2;
  overflow: hidden; }
  .sec_mv .slider_wrap {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto; }
  .sec_mv .link {
    display: block;
    text-decoration: none; }
    .notTouch .sec_mv .link:hover {
      opacity: 0.9; }
  .sec_mv .slide_pc {
    height: 500px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f7f7f7;
    position: relative;
    overflow: hidden; }
    .sec_mv .slide_pc .bg {
      width: 1366px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -683px; }
    .sec_mv .slide_pc .slide_pic {
      width: 100%; }
    .sec_mv .slide_pc .text_layer {
      box-sizing: border-box;
      width: 100%;
      max-width: 1024px;
      height: 100%;
      padding: 0 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    .sec_mv .slide_pc .title {
      flex: 0 0 auto; }
  .sec_mv .slide_sp .detail {
    color: #fff;
    padding: 15px 20px; }
    .sec_mv .slide_sp .detail .title {
      font-size: 24px;
      line-height: 1.4; }
    .sec_mv .slide_sp .detail .lead {
      font-size: 16px;
      line-height: 1.4; }
    .sec_mv .slide_sp .detail .es_btn_a {
      margin-top: 7px; }
  @media only screen and (min-width: 769px) {
    .sec_mv {
      height: 500px;
      overflow: hidden; } }
  @media only screen and (max-width: 768px) {
    .sec_mv {
      background: #666666; } }

/*===============================================*/
.sec_news {
  padding-top: 50px;
  padding-bottom: 50px; }
  .sec_news .link {
    display: block; }
  .sec_news .sec_title {
    font-size: 32px;
    margin-bottom: 30px; }
  .sec_news .link_more {
    text-align: right; }
  @media only screen and (min-width: 769px) {
    .sec_news {
      box-sizing: border-box;
      min-height: 700px; } }
  @media only screen and (max-width: 768px) {
    .sec_news {
      padding-top: 35px;
      padding-bottom: 35px; }
      .sec_news .sec_title {
        font-size: 22px;
        margin-bottom: 20px; } }

/*===============================================*/
.es_sec_layout_a {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  .es_sec_layout_a .box {
    background: rgba(0, 0, 0, 0.95);
    color: #fff; }
  .es_sec_layout_a .box_inner {
    box-sizing: border-box; }
  .es_sec_layout_a .title_s {
    font-size: 16px;
    line-height: 1.6; }
  .es_sec_layout_a .title {
    font-size: 20px;
    line-height: 1.6;
    margin-top: 0.6em; }
  .es_sec_layout_a .bodycopy {
    font-size: 15px;
    line-height: 1.4;
    margin-top: 1em; }
  .es_sec_layout_a .es_btn_a {
    margin-top: 2em; }
  @media only screen and (min-width: 769px) {
    .es_sec_layout_a .sec_inner {
      height: 610px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .es_sec_layout_a.type_reverse .sec_inner {
      align-items: flex-end; }
    .es_sec_layout_a .box {
      width: 380px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .es_sec_layout_a .box_inner {
      min-height: 380px;
      padding: 30px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .es_sec_layout_a .title {
      font-weight: bold; } }
  @media only screen and (min-width: 1024px) {
    .es_sec_layout_a {
      background-size: 1366px auto; } }
  @media only screen and (max-width: 768px) {
    .es_sec_layout_a {
      background-size: cover;
      padding: 190px 0 37px; }
      .es_sec_layout_a .box_inner {
        padding: 30px 20px 35px; }
      .es_sec_layout_a .title_s {
        font-weight: bold; }
      .es_sec_layout_a .title {
        font-size: 23px;
        margin-top: 0.3em; }
      .es_sec_layout_a .bodycopy {
        margin-top: 0.5em; } }

/*===============================================*/
.sec_01 {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/sec_01_bg_pc.jpg);
  background-color: #f2f2f2; }
  @media only screen and (max-width: 768px) {
    .sec_01 {
      background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/sec_01_bg_sp.jpg); } }

/*===============================================*/
.sec_02 {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/sec_02_bg_pc.jpg);
  background-color: #f2f2f2; 
  margin-top: 15px; }
  @media only screen and (max-width: 768px) {
    .sec_02 {
      background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/sec_02_bg_sp.jpg); } }

/*===============================================*/
.sec_03 .title_s {
  font-size: 16px;
  line-height: 1.6; }
.sec_03 .title {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 0.6em; }
.sec_03 .es_btn_a {
  background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/link_arrow_b.svg) right 5px top 50% no-repeat #fff;
  margin-top: 15px; }
@media only screen and (min-width: 769px) {
  .sec_03 {
    background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/sec_03_bg.jpg) 50% 50% no-repeat;
    background-size: 1208px auto; }
    .sec_03 .text_group {
      width: 47%;
      height: 370px;
      display: flex;
      flex-direction: column;
      justify-content: center; } }
@media only screen and (max-width: 768px) {
  .sec_03 {
    padding-top: 40px;
    padding-bottom: 40px; }
    .sec_03 .pic {
      margin: 0 -20px; }
    .sec_03 .title {
      margin-top: 0.3em; }
    .sec_03 .es_btn_a {
      margin-top: 10px; } }

/*===============================================*/
.sec_04 {
  background: #f2f2f2;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 50px; }
  .sec_04 .lead_group .title {
    font-size: 40px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center; }
  .sec_04 .lead_group .text {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 2em;
    text-align: center; }
  .sec_04 .title_m {
    font-size: 26px;
    line-height: 1.4;
    font-weight: bold;
    margin-top: 80px; }
  .sec_04 .list_a {
    display: flex;
    justify-content: space-between;
    margin-top: 50px; }
    .sec_04 .list_a .item {
      background: #fff;
      border: 1px solid #dedede;
      box-sizing: border-box;
      width: 49%;
      padding: 25px 30px 30px; }
    .sec_04 .list_a .title_group {
      display: flex;
      align-items: center; }
    .sec_04 .list_a .icon {
      width: 45px;
      margin-right: 15px; }
    .sec_04 .list_a .title {
      font-size: 20px;
      line-height: 1.6;
      font-weight: bold; }
    .sec_04 .list_a .text {
      font-size: 16px;
      line-height: 1.6;
      margin-top: 1em; }
  .sec_04 .list_b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px; }
    .sec_04 .list_b .item {
      background: #fff;
      border: 1px solid #dedede;
      box-sizing: border-box;
      width: 49%;
      padding: 30px;
      margin-top: 2%; }
    .sec_04 .list_b .lauout_col {
      display: flex; }
    .sec_04 .list_b .title {
      font-size: 16px;
      line-height: 1.6;
      font-weight: bold; }
    .sec_04 .list_b .text {
      font-size: 16px;
      line-height: 1.6;
      margin-top: 0.5em; }
    .sec_04 .list_b .pic {
      width: 120px;
      flex: 0 0 auto;
      margin-left: 25px;
      margin-top: -10px; }
  .sec_04 .movie_group {
    margin-top: 25px; }
  @media only screen and (max-width: 768px) {
    .sec_04 {
      padding-top: 40px;
      padding-bottom: 40px;
      margin-bottom: 10px; }
      .sec_04 .lead_group {
        padding: 0 25px; }
        .sec_04 .lead_group .title {
          font-size: 22px; }
        .sec_04 .lead_group .text {
          line-height: 1.5;
          text-align: left;
          margin-top: 1.5em; }
      .sec_04 .list_a {
        display: block;
        margin-top: 30px; }
        .sec_04 .list_a .item {
          width: 100%;
          padding: 22px 22px 22px;
          margin-top: 8px; }
        .sec_04 .list_a .icon {
          width: 23px; }
        .sec_04 .list_a .title {
          font-size: 16px; }
        .sec_04 .list_a .text {
          font-size: 14px; }
      .sec_04 .list_b {
        display: block;
        margin-top: 15px; }
        .sec_04 .list_b .item {
          width: 100%;
          padding: 22px 18px 22px 22px;
          margin-top: 8px; }
        .sec_04 .list_b .text {
          font-size: 14px; }
        .sec_04 .list_b .pic {
          width: 110px;
          margin-left: 10px;
          margin-top: 0; }
      .sec_04 .title_m {
        font-size: 18px;
        margin-top: 30px; }
      .sec_04 .movie_group {
        margin-top: 15px; } }
/*===============================================*/
.sec_05 {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/sec_05_bg_pc.jpg);
  margin-top: 15px; }
  @media only screen and (max-width: 768px) {
    .sec_05 {
      background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/sec_05_bg_sp.jpg); } }

/*===============================================*/
/* esfb_list */
/*===============================================*/
#esfb_list {
  width: 100%;
  position: relative; }

/*===============================================*/
/* esfb_cell */
/*===============================================*/
.esfb_cell .link {
  display: block; }
.esfb_cell .image_group {
  position: relative; }
.esfb_cell .thumbnail {
  width: 100%;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-size: calc(100% + 2px) auto;
  background-position: 50% 50%; }
.esfb_cell .bodycopy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s;
  background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/icon_newwindow_white.svg) right 20px bottom 16px no-repeat rgba(0, 0, 0, 0.6);
  background-size: auto 14px;
  display: flex;
  align-items: center;
  padding: 20px; }
.esfb_cell .title {
  font-size: 14px;
  line-height: 1.5; }

/*---------------------------*/
@media only screen and (min-width: 769px) {
  #esfb_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

  .esfb_cell {
    width: 32%;
    margin-bottom: 3%; }
    .esfb_cell:nth-child(3n+2):last-child {
      margin-left: 2%;
      margin-right: auto; }
    .esfb_cell .link {
      pointer-events: none; }
      .notTouch .esfb_cell .link {
        text-decoration: none; }
    .esfb_cell .image_group {
      cursor: pointer;
      box-sizing: border-box;
      border: 1px solid #cecece;
      pointer-events: auto; }
    .notTouch .esfb_cell .bodycopy:hover {
      opacity: 1; }
    .esfb_cell .title_group {
      margin-top: 0.4em;
      pointer-events: none;
      background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/icon_fb.svg) right 0 top 5px no-repeat;
      background-size: 24px auto;
      min-height: 29px;
      padding-right: 30px; }
    .esfb_cell .title {
      color: #333333; } }
/*---------------------------*/
@media only screen and (max-width: 768px) {
  .esfb_cell {
    width: 100%;
    margin-bottom: 4%;
    display: flex;
    flex-direction: column; }
    .esfb_cell .link {
      cursor: pointer;
      box-sizing: border-box;
      border: 1px solid #cecece; }
    .isTouch .esfb_cell .link {
      text-decoration: none; }
    .esfb_cell .image_group {
      flex: 0 0 auto; }
    .esfb_cell .title_group {
      padding: 15px 50px 15px 20px;
      background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/icon_fb_newwindow.svg) right 20px top 15px no-repeat #fff;
      background-size: 20px auto;
      min-height: 50px; }
    .esfb_cell .title {
      font-size: 16px; } }
/*===============================================*/
/* esc_list */
/*===============================================*/
#esc_list {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

/*===============================================*/
/* esc_cell */
/*===============================================*/
.esc_cell .image_group {
  position: relative; }
.esc_cell .thumbnail {
  width: 100%;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-size: calc(100% + 2px) auto;
  background-position: 50% 50%; }
.esc_cell .bodycopy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s;
  background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/link_arrow_a_white.svg) right 20px bottom 16px no-repeat rgba(0, 0, 0, 0.6);
  background-size: auto 14px;
  display: flex;
  align-items: center;
  padding: 20px; }
  .esc_cell .bodycopy br {
    display: none; }
.esc_cell .title {
  font-size: 14px;
  line-height: 1.5; }

/*---------------------------*/
@media only screen and (min-width: 769px) {
  .esc_cell {
    width: 32%;
    margin-bottom: 3%; }
    .esc_cell:nth-child(3n+2):last-child {
      margin-left: 2%;
      margin-right: auto; }
    .esc_cell .link {
      pointer-events: none; }
    .esc_cell .image_group {
      cursor: pointer;
      box-sizing: border-box;
      border: 1px solid #cecece;
      pointer-events: auto; }
    .notTouch .esc_cell .bodycopy:hover {
      opacity: 1; }
    .esc_cell .title_group {
      margin-top: 0.4em; } }
/*---------------------------*/
@media only screen and (max-width: 768px) {
  .esc_cell {
    width: 48%;
    margin-bottom: 4%;
    display: flex;
    flex-direction: column; }
    .esc_cell .link {
      cursor: pointer;
      box-sizing: border-box;
      border: 1px solid #cecece;
      flex: 1 0 auto;
      display: flex;
      flex-direction: column; }
      .notTouch .esc_cell .link:hover {
        text-decoration: underline; }
    .esc_cell .image_group {
      flex: 0 0 auto; }
    .esc_cell .title_group {
      padding: 14px 14px 14px 8px;
      background: url(/-/Media/Ricoh/Sites/co_jp/solutions/event_solution/img/link_arrow_a.svg) right 5px top 50% no-repeat #fff;
      background-size: auto 11px;
      flex: 1 0 auto; }
    .esc_cell .title {
      color: #00c; } }
/*===============================================*/
/* edit */
/*===============================================*/
.txc {
  text-align: center; }

.txl {
  text-align: left; }

.txr {
  text-align: right; }

.fw-normal {
  font-weight: normal; }

.nowrap {
  white-space: nowrap; }

.underline {
  text-decoration: underline; }

.ib {
  display: inline-block; }

.link-uline a {
  text-decoration: underline; }

.cfix:after {
  content: "";
  clear: both;
  display: block; }

/*# sourceMappingURL=style.css.map */