@charset "utf-8";

/* ------------------------------
  layout
------------------------------ */

.pane2 #contents #main {
  float: none;
  width: auto;
}

@media (max-width: 768px) {
  body {
    min-width: 0;
  }

  #footer-sitemap .wrap .social-area .group,
  #footer .wrap,
  #footer-sitemap .wrap,
  #com #contents .wrap,
  #pagetop,
  #header .wrap {
    width: auto;
  }


  #pagetop,
  #com #contents .wrap {
    padding: 0 20px;
  }

  #footer-sitemap .wrap .social-area {
    padding: 20px;
  }

  #footer-sitemap .wrap .social-area .social-likebox iframe {
    height: 214px !important;
    width: 100% !important;
  }

  #footer-sitemap .wrap .social-area .group .twitter {
    margin: 0 0 10px;
  }

  #footer-sitemap .wrap .social-area .group .facebook {
    float: right;
    margin: 0 0 10px;
  }

/* ----------
  header
---------- */
  #header .utility .nav.other-website li,
  #header .utility .ci {
    float: none;
  }

  #header .utility .search-box,
  #header .utility .nav.other-website {
    position: static;
  }

  #header .utility .group-ci {
    right: 20px;
    top: 37px;
  }

  #header .utility .nav.other-website {
    margin: 15px 0 15px 20px;
    text-align: left;
  }

  #header .utility .search-box {
    margin: 0 20px 15px;
    width: auto;
  }

  #header #megadropdown {
    display: none;
  }

/* ----------
  global
---------- */
  #header .nav.global {
    display: flex;
    flex-wrap: wrap;
    height: auto;
  }

  #header .nav.global li {
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    height: auto;
    text-align: center;
    width: 33.3333%;
  }

  #header .nav.global li:nth-child(3n) {
    border-right: 0;
  }

  #header .nav.global li a {
    background: none;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    text-decoration: none;
    text-indent: 0;
    width: 95% !important;
    position: relative;
  }

  #header .nav.global li a:after {
    border-bottom: 1px dotted #ccc;
    content: "";
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  #com #header .nav.global li.com a:after {
    border-bottom: 2px solid #e00;
    height: 0;
  }

  #header .nav.global li.support {
    border: 2px solid #000;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
  }

  #header .nav.global li.support a {
    background: rgba(0,0,0, .75);
    color: #fff;
    font-weight: bold;
    width: 100% !important;
  }

  #header .nav.global li.support a:after {
    content: none;
  }

/* ----------
  footer sitemap
---------- */
  #footer-sitemap .wrap .sitemap {
    background: none;
    display: flex;
    flex-wrap: wrap;
  }

  #footer-sitemap .wrap .sitemap dl {
    box-sizing: border-box;
    float: none;
    padding: 0 10px 20px !important;
    width: 50% !important;
  }

  #footer-sitemap .wrap .sitemap dl:nth-last-child(2),
  #footer-sitemap .wrap .sitemap dl:nth-last-child(1) {
    padding-bottom: 0 !important;
  }

  #footer-sitemap .wrap {
    padding-bottom: 0;
  }

  #footer-sitemap .wrap .social-area {
    margin-bottom: 0;
  }

/* ----------
  footer
---------- */
  #footer {
    padding: 10px 20px 45px;
  }

  #footer .wrap .nav {
    display: flex;
    float: none;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #footer .wrap .nav li {
    border: 0;
    margin: 0 0 1%;
    padding: 0;
    width: 49.5%;
  }

  #footer .wrap .nav li a:link {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    display: block;
    padding: 10px;
    text-align: center;
  }

  #footer .wrap .copyright {
    color: #fff;
    float: none;
    margin-top: 10px;
    text-align: center;
  }

  #footer .wrap .copyright img {
    margin: 5px 0 0;
  }
}

/* ------------------------------
  module
------------------------------ */
@media (max-width: 768px) {
  .catch {
    font-size: 150%;
  }

  table th {
    width: 25%;
  }
}

/* ----------
  changed html  id -> class
---------- */

/* ----- .topicpath ----- */

.topicpath { background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_base.png) repeat left top scroll transparent; height:30px; }
.topicpath ul li { float:left; margin:0; height:30px; }
.topicpath ul li a { display:inline-block; padding:5px 13px 0 18px; /*height:25px;*/ text-decoration:none; background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath.png) no-repeat left top scroll transparent; }
* html .topicpath ul li a { padding:6px 13px 0 18px; height:24px; }
*+html .topicpath ul li a { padding:6px 13px 0 18px; height:24px; }
.topicpath ul li span { display:inline-block; padding:5px 20px 0 10px; /*height:25px;*/ background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath.png) no-repeat left center scroll transparent; }
* html .topicpath ul li span { padding:6px 13px 0 10px; height:24px; }
*+html .topicpath ul li span { padding:6px 13px 0 10px; height:24px; }

.topicpath ul.steadfast li a.home ,
.topicpath ul li a.home { display:block; width:42px; height:30px; padding:0; text-indent:-9999px; overflow:hidden; background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home.png) no-repeat left top scroll transparent; }
.topicpath ul.steadfast li span.home ,
.topicpath ul li span.home { display:block; width:42px; height:30px; padding:0; text-indent:-9999px; overflow:hidden; background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home_top.png) no-repeat left top scroll transparent; }

.topicpath ul li.last-child { padding:0 0 0 9px; background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_last_arrow.png) no-repeat left top scroll transparent; }
.topicpath ul.steadfast li.last-child.home ,
.topicpath ul li.last-child.home { padding:0 9px 0 0; background-image:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home_arrow.png); background-position:right top; }
.topicpath ul.steadfast li.last-child.home a.home ,
.topicpath ul li.last-child.home a.home { background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_home.png) no-repeat right top scroll transparent; }
.topicpath ul li.last-child span { background:url(/sites/default/files/shared_contents/cmn/img/bg_topicpath_last.png) no-repeat right top scroll transparent; }

.topicpath ul li a:link    { color:#333333; text-decoration:none; }
.topicpath ul li a:visited { color:#333333; text-decoration:none; }
.topicpath ul li a:active  { color:#333333; text-decoration:none; }
.topicpath ul li a:hover   { color:#333333; text-decoration:underline; }

/* for nojs */
.topicpath ul li span ,
.topicpath ul li a { width:120px; overflow:hidden; }
* html .topicpath ul li span ,
* html .topicpath ul li a { width:auto; overflow:auto; }

.topicpath ul.steadfast li span ,
.topicpath ul.steadfast li a { width:auto; overflow:auto; }

.topicpath ul {
  margin: 0 auto;
  width: 950px;
}

@media (max-width: 768px) {
  .topicpath {
    height: auto;
  }

  .topicpath ul {
    display: flex;
    flex-wrap: wrap;
    width: auto;
  }

  .topicpath ul li {
    float: none;
  }

  .topicpath ul li span,
  .topicpath ul li a {
    width: auto;
  }
}

/* ------------------------------
  contents
------------------------------ */

/*---------- index ----------*/

/* ----------
#com.com-index .index .article .info
---------- */
#com.com-index .index .article .info {
  margin: 0 50px;
}

#com.com-index .index .article .info ul {
  margin-left: auto;
  margin-right: auto;
  width: 845px;
}

#com.com-index .index .article .info ul li a.showroom { background:url(/sites/default/files/shared_contents/com/img/idx_btn_showroom.jpg) no-repeat 0 0 scroll transparent; }
#com.com-index .index .article .info ul li a.ecooffice { background:url(/sites/default/files/shared_contents/com/img/idx_btn_ecooffice.jpg) no-repeat 0 0 scroll transparent; }
#com.com-index .index .article .info ul li a:hover { background-position:left bottom; }

@media (max-width: 768px) {
  #com.com-index .index .article .info {
    margin: 0;
  }

  #com.com-index .index .article .info ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
    width: auto;
  }

  #com.com-index .index .article .info ul:after {
    content: none;
  }

  #com.com-index .index .article .info ul li {
    float: none;
    height: auto;
    margin: 0 0 2%;
    width: 49%;
  }

  #com.com-index .index .article .info ul li:nth-last-child(2),
  #com.com-index .index .article .info ul li:nth-last-child(1) {
    margin-bottom: 0;
  }

  #com.com-index .index .article .info ul li a {
    background-size: 100% auto !important;
    height: auto;
    font-size: 0;
    line-height: 0;
    padding-top: 66%;
    width: 100%;
  }

  #com.com-index .index .article .info ul li a.message { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_message-sp.jpg); }
  #com.com-index .index .article .info ul li a.brand { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_brand-sp.jpg); }
  #com.com-index .index .article .info ul li a.brandmessage { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_brandmessage-sp.jpg); }
  #com.com-index .index .article .info ul li a.kihonjoho { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_kihonjoho-sp.jpg); }
  #com.com-index .index .article .info ul li a.enkaku { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_enkaku-sp.jpg); }
  #com.com-index .index .article .info ul li a.chronicle { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_chronicle-sp.jpg); }
  #com.com-index .index .article .info ul li a.rdi { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_rdi-sp.jpg); }
  #com.com-index .index .article .info ul li a.business { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_business-sp.jpg); }
  #com.com-index .index .article .info ul li a.info-group { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_group-sp.jpg); }
  #com.com-index .index .article .info ul li a.showroom { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_showroom-sp.jpg) }
  #com.com-index .index .article .info ul li a.ecooffice { background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_btn_ecooffice-sp.jpg) }
}

/* ----------
#com.com-index .index .article .content-links2
---------- */
#com.com-index .index .article .content-links2 {
  margin: 21px auto 60px;
  width: 845px;
}

#com.com-index .index .article .content-links2 div {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
  width: 415px;
}

#com.com-index .index .article .content-links2 div + div {
  margin-right: 0;
}

#com.com-index .index .article .content-links2 div a {
  background: no-repeat 100% 0;
  border: 1px solid #fff;
  color: #212121;
  display: block;
  font-size: 120%;
  height: 96px;
  line-height: 96px;
  margin: 0 auto;
  padding-left: 20px;
  text-indent: 0;
  text-decoration: none;
  width: auto;
}

@media (min-width: 769px) {
  #com.com-index .index .article .content-links2 div a:hover {
    background-color: #e5e5e5;
    background-position: 100% 0;
  }

  br.sp {
    display: none;
  }
}

#com.com-index .index .article .content-links2 .idx_bnr_recruit a {
  background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_recruit.jpg);
}

#com.com-index .index .article .content-links2 .idx_bnr_show-live a {
  background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_show-live.jpg);
}

#com.com-index .index .article .content-links2 .idx_bnr_internship a {
  background-image: url(/sites/default/files/shared_contents/com/assets/img/idx_internship.jpg);
}

@media (max-width: 768px) {
  #com.com-index .index .article .content-links2 {
    width: auto;
  }

  #com.com-index .index .article .content-links2 div {
    width: 100%;
  }

  #com.com-index .index .article .content-links2 div a {
    align-items: center;
    display: flex;
    line-height: 1.2;
  }

  br.sp {
    display: inline-block;
  }
}

#com.com-index .index .article .content-links3 {
  background: url(/sites/default/files/shared_contents/cmn/img/line_dot_02.png) repeat-x left top scroll transparent;
  margin: 21px auto 60px;
  padding: 30px 0 0 0;
  width: 845px;
}

#com.com-index .index .article .content-links3 ul {
  overflow: hidden;
}

#com.com-index .index .article .content-links3 ul li {
  float: left;
  margin: 0 15px 0 0;
  width: 270px;
}

#com.com-index .index .article .content-links3 ul li.end {
  margin-right: 0;
}

#com.com-index .index .article .content-links3 ul li a {
  height: auto;
  text-indent: 0;
  width: 100%;
}

#com.com-index .index .article .content-links3 ul li img {
  height: auto;
  width: 100%;
}

@media (max-width: 768px) {
  #com.com-index .index .article .content-links3 {
    width: auto;
  }

  #com.com-index .index .article .content-links3 ul {
    margin-right: -15px;
  }

  #com.com-index .index .article .content-links3 ul li {
    float: left;
    margin-right: 15px;
  }
}

/*---------- message ----------*/

#com.info .message #main.article {
  margin: 0 auto;
  width: 750px;
}

#com.info .message .article .section .group.ltri .image {
  width: auto;
}

@media (max-width: 768px) {
  .group.ltri .text,
  #com.info .message #main.article {
    width: auto;
  }

  .group.ltri .image,
  .group.ltri .text {
    float: none;
  }

  .group.ltri .image {
    margin-top: 20px;
    text-align: center;
  }
}


/*---------- kihonjoho ----------*/
@media (max-width: 768px) {
  #com.info #contents.kihonjoho td.tdClear table td {
    display: block;
    font-weight: bold;
    height: auto;
    width: auto;
  }

  #com.info #contents.kihonjoho td.tdClear table td + td {
    font-weight: normal;
    padding-bottom: 10px;
  }
}


/*---------- group ----------*/
@media (max-width: 768px) {
  #com.info #contents.group-info table {
    border-left: 0;
    border-top: 0;
  }

  #com.info #contents.group-info table td,
  #com.info #contents.group-info table th {
    border: 1px solid #afafb0;
    display: block;
    width: auto;
  }

  #com.info #contents.group-info table th {
    border-bottom: 0;
  }

  #com.info #contents.group-info table td:last-child {
    margin-bottom: 15px;
  }

  #com.info #contents.group-info table td.map-link {
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}


/*---------- rdi ----------*/
#com.rdi .list-row-holder .content-list-row {
  float: left;
  margin: 0 20px 20px 0;
  width: 300px;
}

#com.rdi .list-row-holder .content-list-row li {
  background: #fff;
}

#com.rdi .list-row-holder .content-list-row.n3 {
  margin-right: 0;
}

#com.rdi .list-row-holder .content-list-row li .article_without_img > img,
#com.rdi .list-row-holder .content-list-row li a > img {
  width: 100%;
}

#com.rdi .list-row-holder .content-list-row li .more_link,
#com.rdi .list-row-holder .content-list-row li .description,
#com.rdi .list-row-holder .content-list-row li .description p {
  width: auto;
}

#com.rdi .list-row-holder .content-list-row li .more_link {
  padding: 0;
}

#com.rdi .list-row-holder .content-list-row li .description p {
  margin-right: 20px;
}

@media (max-width: 768px) {
  #com.rdi .list-row-holder .content-list-row {
    float: none;
    margin: 0 auto 20px;
  }

  #com.rdi .list-row-holder .content-list-row.n3 {
    margin-right: auto;
  }
}


/*---------- showroom ----------*/
#com.showroom .index .main_menu {
  margin: 0 auto;
  width: 650px;
}

#com.showroom .index .main_menu .group {
  background: none;
}

#com.showroom .index .main_menu .group .menu {
  background: #fff;
  margin-right: 0;
  margin-top: 10px;
  width: 630px;
}

#com.showroom .index .main_menu .group .menu p + p {
  margin-bottom: 0;
}

#com.showroom .index .main_menu .group .menu.first-child {
  margin-right: 0;
  width: 630px;
}

#com.showroom .index .main_menu .group .menu .menu_bnr {
  margin: 0 auto;
  width: 290px;
}

#com.showroom .index .main_menu .group .menu .menu_bnr img {
  height: auto;
  width: 100%;
}

#com.showroom .index .main_menu .group .menu .menu_bnr_left {
  float: left;
}

#com.showroom .index .main_menu .group .menu .menu_bnr_right {
  float: right;
}

#com.showroom .lihi_img_c {
  text-align: center;
}

@media (max-width: 768px) {
  #com.showroom .index .main_menu {
    margin-bottom: 30px;
    padding: 10px;
    width: auto;
  }

  #com.showroom .index .main_menu .group .menu {
    float: none;
    margin-right: 0;
    width: auto;
  }

  #com.showroom .index .main_menu .group .menu.first-child {
    margin-right: 0;
    width: auto;
  }

  #com.showroom .index .main_menu .group .menu .menu_bnr {
    width: auto;
  }

  #com.showroom .index .main_menu .group .menu .menu_bnr_left,
  #com.showroom .index .main_menu .group .menu .menu_bnr_right {
    float: none;
  }

  #com.showroom .index .ltri.group table td {
    display: block;
  }

  #com.showroom .index .img-sp img {
    height: auto;
    max-width: 100%;
  }
}


/*---------- recruit ----------*/
.mosaic-ic {
  margin-top: 0;
}

.mosaic-ic .business_supplement a {
  text-decoration: underline;
}

.mosaic-ic .catch {
  margin-left: auto;
  margin-right: auto;
}

.mosaic-ic .type2 div.set,
.mosaic-ic .type2 div.set.first-child {
  min-height: 0;
  width: 300px;
}

.mosaic-ic .type2 div.set {
  margin-left: 25px;
  padding: 0;
}

.mosaic-ic .type2 div.set img {
  width: 100%;
}

.mosaic-ic .type2 div.set.last-child {
  float: right;
  margin-left: 0;
}

@media (max-width: 768px) {
  .mosaic-ic .type2 div.set,
  .mosaic-ic .type2 div.set.first-child {
    width: 300px;
  }

  .mosaic-ic .type2 div.set.last-child,
  .mosaic-ic .type2 div.set.first-child,
  .mosaic-ic .type2 div.set {
    float: none;
    margin: 0 auto 20px;
  }
}

/*---------- business ----------*/
.business.pane2 #contents #main {
  margin: 0 auto;
  width: 670px;
}

.business.pane2 #contents #main .mosaic-ic {
  /*margin-top: 24px;*/
  margin-bottom: 48px;
}

.business_img {
  margin: 15px 0;
  text-align: center;
}

.business_supplement {
  color: #666;
  font-size: 90%;
}

@media (max-width: 768px) {
  .business.pane2 #contents #main {
    margin: 0 auto;
    width: auto;
  }

  .business.pane2 #contents #main .header {
    padding-bottom: 0;
  }


  .business.pane2 #contents #main .header img {
    height: auto;
    width: 100%;
  }
}

/*---------- enkaku ----------*/
.js-tab {
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

.js-tab ul {
  border-left: 1px solid #939598;
}

.js-tab ul:after {
  clear: both;
  content: "";
  display: block;
  overflow: hidden;
}

.js-tab ul li {
  float: left;
  margin-bottom: 0;
  /*width: 20%;*/
  width: calc(100% / 6);
}

.js-tab ul li a {
  border: 1px solid #939598;
  border-left: 0;
  background: #fff;
  color: #000;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.js-tab ul li a:visited,
.js-tab ul li a:link {
  color: #000;
}

.js-tab ul li a.is-active {
  background: #939598;
  box-shadow: 0 0 8px rgba(0,0,0, .3);
  color: #fff;
}

.js-tab-box {
  display: none;
}

.js-tab-box.is-active {
  display: block;
}

.history-table {
  margin: 0 auto;
  width: 1000px;
}

.history-table table {
  border-right: 1px solid #afafb0;
}

.history-table th,
.history-table td {
  border-right: 0;
  border-left: 1px solid #afafb0;
}

.history-table .history-table_img {
  border-left: 0;
  text-align: center;
  width: 250px;
}

@media (max-width: 768px) {
  .js-tab {
    margin-bottom: 25px;
    width: auto;
  }

  .js-tab ul {
    border-top: 1px solid #939598;
  }

  .js-tab ul li {
    float: left;
    width: 50%;
  }

  .js-tab ul li a {
    border-top: 0;
  }

  .history-table {
    margin: 0 auto;
    width: auto;
  }


  .history-table tr {
    display: flex;
    flex-wrap: wrap;
  }

  .history-table tr td,
  .history-table tr th {
    box-sizing: border-box;
  }

  .history-table tr th {
    border-left: 0;
    width: 20%;
  }

  .history-table tr td {
    width: 80%;
  }

  .history-table tr .history-table_img {
    width: 100%;
  }

  .history-table_img img {
    max-width: 100%;
  }
}


/*---------- rdi ----------*/
.rdi_section .group .text {
  width: 650px;
}

@media (max-width: 768px) {
  .group.lirt .image,
  .rdi_section .published .image {
    float: none;
    margin-top: 20px;
    text-align: center;
    width: auto;
  }

  .rdi_section .group .text {
    float: none;
    margin-left: 0;
    width: auto;
  }
}


/*---------- chronicle-bnr ----------*/
.enkaku .header {
  overflow: hidden;
}

.enkaku .header .header_text {
  float: left;
}

.chronicle-bnr {
  margin: 50px auto;
  text-align: center;
}

@media (max-width: 767px) {
  .chronicle-bnr {
    float: none;
    width: 100%;
  }

  .chronicle-bnr img {
    max-width: 100%;
  }
}

.title-lv2 { margin:0 0 19px 0; padding:5px 5px 2px 42px; min-height:29px; border:1px solid #cdcdcd; font-weight:bold; font-size:114.2857143%; background:url(/sites/default/files/shared_contents/cmn/img/bg_title_lv2.png) no-repeat 7px 7px scroll #ffffff; line-height:1.85em; }
* html .title-lv2 { padding:5px 5px 0 41px; height:31px; line-height:1.8em; }
*+html .title-lv2 { padding:5px 5px 0 41px; line-height:1.8em; }


/* Section
------------------------------------------------------------*/
.section { margin:60px 0 0 0; }
.section.first-child { margin:0 0 0 0; }
.section .section { margin:38px 0 0 0; }
.article .section.first-child { margin:0; }
.pane1 .article .section.first-child { margin:36px 0 0 0; }


/* Table Type
------------------------------------------------------------*/
/* ----- table default ----- */
table { width:100%; border-collapse:collapse; border-top:1px solid #afafb0; border-left:1px solid #afafb0; }
table tr { background-color:#ffffff; }
table th { padding:10px 14px; border-right:1px solid #afafb0; border-bottom:1px solid #afafb0; text-align:left; background-color:#d6d7d8; font-weight:bold; }
table td { padding:10px 14px; border-right:1px solid #afafb0; border-bottom:1px solid #afafb0;}

table caption span { display:inline; font-size:114.2857143%; font-weight:bold; }
* html table caption span { float:left; font-size:114.2857143%; font-weight:bold; }
*+html table caption span { float:left; font-size:114.2857143%; font-weight:bold; }
table caption span.num { float:right; margin:0.5em 0 0 0;  font-size:85.71428571%; font-weight:normal; }


/* ----- table option ----- */
table.va-m th ,
table.va-m td ,
table .va-m { vertical-align:middle; }
table.va-t th ,
table.va-t td ,
table .va-t { vertical-align:top; }
table.va-b th ,
table.va-b td ,
table .va-b { vertical-align:bottom; }

table { margin:0 0 25px 0; }
table.no-caption { margin:25px 0; }

.cls-efeff0 { background-color:#efeff0; }
.cls-ebf6fa { background-color:#ebf6fa; }

#com.info table td.noright { border-right: none; }

#com.info .kihonjoho td.tdClear table { border:none; }
#com.info .kihonjoho td.tdClear table td { padding:0; border:none;}
#com.info .kihonjoho td table.innertbl{ margin:0;}
#com.info .kihonjoho .bg001 {
    background:#BDBDBD;
  padding:8px 10px;
  width:220px;
  margin:0 15px;
  float:left;
}

#com.info .mosaic-ic {
  margin-bottom: 60px;
}

#com.info .mosaic-ic.recruit .type2 {
  max-width: 700px
}

#com.info .mosaic-ic .type2 div.set{
  float:right;
  margin:0;
  width:320px;
}

#com.info .mosaic-ic .type2 div.set.first-child {
  float:left;
}

.group.ltri .text { float:left; width:50% }
.group.ltri .image { float:right; width:40% }
.group.lirt .text { float:right; width:427px }
.group.lirt .image { float:left; width:214px }

.group.lirt .image p.caption ,
.group.ltri .image p.caption { color:#8c8c8c; }

.group.ltri .lihi { margin-top:3px; }
.group.lirt .lihi { margin-top:3px; }


#com .company-list {
  margin: 18px auto 0;
  overflow: hidden;
  width: 845px;
}

#com.com-index .index .article .info ul.company-list li {
  float: left;
  margin: 15px 15px 0 0;
  width: 200px;
}

#com.com-index .index .article .info ul.company-list li:nth-child(4n) {
  margin-right: 0;
}

#com.com-index .index .article .info ul.company-list li a {
  background: #fff;
  border: 1px solid #b2b2b2;
  box-shadow: 0 0 0 1px #fff inset;
  display: block;
  padding: 4px;
  text-indent: 0;
}

#com.com-index .index .article .info ul.company-list li a:hover {
  background-color: #eee;
}

#com .company-list li a span {
  background: url(/sites/default/files/shared_contents/com/assets/img/icon-arw.jpg) no-repeat 4px 50%;
  display: block;
  padding: 15px 0 15px 16px;
}

@media (max-width: 767px) {
  #com.com-index .index .article .info ul.company-list li {
    margin: 0 0 2%;
    width: 49%;
  }

  #com.com-index .index .article .info ul.company-list li:nth-child(2n) {
    margin-left: auto;
  }

  #com.com-index .index .article .info ul.company-list li a {
    font-size: 100%;
    line-height: 1.5;
  }

  #com .company-list li a span {
    padding: 7px 0 3px 12px;
  }

  #com.com-index .index .article .content-links2 div {
    margin: 15px 0 0;
  }

  #com.com-index .index .article .content-links3 ul {
    margin-right: 0;
  }

  #com.com-index .index .article .content-links3 ul li {
    float: none;
    margin: 0 auto 10px;
  }

  #com.com-index .index .article .content-links3 ul li.end {
    margin-right: auto;
    margin-top: 10px;
  }

  #com.com-index .index .article .content-links3 ul li a {
    padding-top: 0;
  }

  #com.info .mosaic-ic .type2 div.set.first-child,
  #com.info .mosaic-ic .type2 div.set {
    float: none;
    margin: 10px auto 0;
  }
}

#top-slide img {
  height: auto;
  width: 100%;
}


/* [common] ------------------------------------------------*/

/* [Indent Pattern] ==================================================*/
/* ----- 1em ----- */
.indent1 { padding-left:1em; text-indent:-1em; }

/* ----- 1.3em ----- */
.indent1-3 { padding-left:1.3em; text-indent:-1.3em; }

/* ----- 1.5em ----- */
.indent1-5 { padding-left:1.5em; text-indent:-1.5em; }

/* ----- 1.7em ----- */
.indent1-7 { padding-left:1.7em; text-indent:-1.7em; }

/* ----- 2em ----- */
.indent2 { padding-left:2em; text-indent:-2em; }

/* ----- 3em ----- */
.indent3 { padding-left:3em; text-indent:-3em; }

/* ----- 4em ----- */
.indent4 { padding-left:4em; text-indent:-4em; }

/* ----- 4.5em ----- */
.indent4-5 { padding-left:4.5em; text-indent:-4.5em; }

/* ----- 5em ----- */
.indent5 { padding-left:5em; text-indent:-5em; }

/* ----- 6em ----- */
.indent6 { padding-left:6em; text-indent:-6em; }

/* ----- 7em ----- */
.indent7 { padding-left:7em; text-indent:-7em; }

/* ----- 7.5em ----- */
.indent7-5 { padding-left:7.5em; text-indent:-7.5em; }

/* ----- 8em ----- */
.indent8 { padding-left:8em; text-indent:-8em; }

/* ----- 8.5em ----- */
.indent8-5 { padding-left:8.5em; text-indent:-8.5em; }

/* ----- 9em ----- */
.indent9 { padding-left:9em; text-indent:-9em; }

/* ----- 9.5em ----- */
.indent9-5 { padding-left:9.5em; text-indent:-9.5em; }

/* ----- 10em ----- */
.indent10 { padding-left:10em; text-indent:-10em; }

/* span indent */
span.indent1,
span.indent1-5,
span.indent1-7,
span.indent2,
span.indent3,
span.indent4,
span.indent4-5,
span.indent5,
span.indent6,
span.indent7,
span.indent7-5,
span.indent8,
span.indent8-5,
span.indent9,
span.indent9-5,
span.indent10 { display:inline-block; }

/* li.indent > span */
li.indent1 { text-indent:0; }
li.indent1-5 { text-indent:0; }
li.indent1-7 { text-indent:0; }
li.indent2 { text-indent:0; }
li.indent3 { text-indent:0; }
li.indent4 { text-indent:0; }
li.indent4-5 { text-indent:0; }
li.indent5 { text-indent:0; }
li.indent6 { text-indent:0; }
li.indent7 { text-indent:0; }
li.indent7-5 { text-indent:0; }
li.indent8 { text-indent:0; }
li.indent8-5 { text-indent:0; }
li.indent9 { text-indent:0; }
li.indent9-5 { text-indent:0; }
li.indent10 { text-indent:0; }
li.indent1 span { display:inline-block; width:1em; margin-left:-1em; text-indent:0; }
li.indent1-5 span { display:inline-block; width:1.5em; margin-left:-1.5em; text-indent:0; }
li.indent1-7 span { display:inline-block; width:1.7em; margin-left:-1.7em; text-indent:0; }
li.indent2 span { display:inline-block; width:2em; margin-left:-2em; text-indent:0; }
li.indent3 span { display:inline-block; width:3em; margin-left:-3em; text-indent:0; }
li.indent4 span { display:inline-block; width:4em; margin-left:-4em; text-indent:0; }
li.indent4-5 span { display:inline-block; width:4.5em; margin-left:-4.5em; text-indent:0; }
li.indent5 span { display:inline-block; width:5em; margin-left:-5em; text-indent:0; }
li.indent6 span { display:inline-block; width:6em; margin-left:-6em; text-indent:0; }
li.indent7 span { display:inline-block; width:7em; margin-left:-7em; text-indent:0; }
li.indent7-5 span { display:inline-block; width:7.5em; margin-left:-7.5em; text-indent:0; }
li.indent8 span { display:inline-block; width:8em; margin-left:-8em; text-indent:0; }
li.indent8-5 span { display:inline-block; width:8.5em; margin-left:-8.5em; text-indent:0; }
li.indent9 span { display:inline-block; width:9em; margin-left:-9em; text-indent:0; }
li.indent9-5 span { display:inline-block; width:9.5em; margin-left:-9.5em; text-indent:0; }
li.indent10 span { display:inline-block; width:10em; margin-left:-10em; text-indent:0; }

/* li.indent > span */
dt.indent1 { text-indent:0; }
dt.indent1-5 { text-indent:0; }
dt.indent1-7 { text-indent:0; }
dt.indent2 { text-indent:0; }
dt.indent3 { text-indent:0; }
dt.indent4 { text-indent:0; }
dt.indent4-5 { text-indent:0; }
dt.indent5 { text-indent:0; }
dt.indent6 { text-indent:0; }
dt.indent7 { text-indent:0; }
dt.indent7-5 { text-indent:0; }
dt.indent8 { text-indent:0; }
dt.indent8-5 { text-indent:0; }
dt.indent9 { text-indent:0; }
dt.indent9-5 { text-indent:0; }
dt.indent10 { text-indent:0; }
dt.indent1 span { display:inline-block; width:1em; margin-left:-1em; text-indent:0; }
dt.indent1-5 span { display:inline-block; width:1.5em; margin-left:-1.5em; text-indent:0; }
dt.indent1-7 span { display:inline-block; width:1.7em; margin-left:-1.7em; text-indent:0; }
dt.indent2 span { display:inline-block; width:2em; margin-left:-2em; text-indent:0; }
dt.indent3 span { display:inline-block; width:3em; margin-left:-3em; text-indent:0; }
dt.indent4 span { display:inline-block; width:4em; margin-left:-4em; text-indent:0; }
dt.indent4-5 span { display:inline-block; width:4.5em; margin-left:-4.5em; text-indent:0; }
dt.indent5 span { display:inline-block; width:5em; margin-left:-5em; text-indent:0; }
dt.indent6 span { display:inline-block; width:6em; margin-left:-6em; text-indent:0; }
dt.indent7 span { display:inline-block; width:7em; margin-left:-7em; text-indent:0; }
dt.indent7-5 span { display:inline-block; width:7.5em; margin-left:-7.5em; text-indent:0; }
dt.indent8 span { display:inline-block; width:8em; margin-left:-8em; text-indent:0; }
dt.indent8-5 span { display:inline-block; width:8.5em; margin-left:-8.5em; text-indent:0; }
dt.indent9 span { display:inline-block; width:9em; margin-left:-9em; text-indent:0; }
dt.indent9-5 span { display:inline-block; width:9.5em; margin-left:-9.5em; text-indent:0; }
dt.indent10 span { display:inline-block; width:10em; margin-left:-10em; text-indent:0; }

/* dl.indent > dt */
dl.indent1 { text-indent:0; }
dl.indent1-5 { text-indent:0; }
dl.indent1-7 { text-indent:0; }
dl.indent2 { text-indent:0; }
dl.indent3 { text-indent:0; }
dl.indent4 { text-indent:0; }
dl.indent4-5 { text-indent:0; }
dl.indent5 { text-indent:0; }
dl.indent6 { text-indent:0; }
dl.indent7 { text-indent:0; }
dl.indent7-5 { text-indent:0; }
dl.indent8 { text-indent:0; }
dl.indent8-5 { text-indent:0; }
dl.indent9 { text-indent:0; }
dl.indent9-5 { text-indent:0; }
dl.indent10 { text-indent:0; }
dl.indent1 dt { font-weight:bold; }
dl.indent1-5 dt { font-weight:bold; }
dl.indent1-7 dt { font-weight:bold; }
dl.indent2 dt { font-weight:bold; }
dl.indent3 dt { font-weight:bold; }
dl.indent4 dt { font-weight:bold; }
dl.indent4-5 dt { font-weight:bold; }
dl.indent5 dt { font-weight:bold; }
dl.indent6 dt { font-weight:bold; }
dl.indent7 dt { font-weight:bold; }
dl.indent7-5 dt { font-weight:bold; }
dl.indent8 dt { font-weight:bold; }
dl.indent8-5 dt { font-weight:bold; }
dl.indent9 dt { font-weight:bold; }
dl.indent9-5 dt { font-weight:bold; }
dl.indent10 dt { font-weight:bold; }
dl.indent1 dt span { display:inline-block; width:1em; margin-left:-1em; text-indent:0; font-weight:normal; }
dl.indent1-5 dt span { display:inline-block; width:1.5em; margin-left:-1.5em; text-indent:0; font-weight:normal; }
dl.indent1-7 dt span { display:inline-block; width:1.7em; margin-left:-1.7em; text-indent:0; font-weight:normal; }
dl.indent2 dt span { display:inline-block; width:2em; margin-left:-2em; text-indent:0; font-weight:normal; }
dl.indent3 dt span { display:inline-block; width:3em; margin-left:-3em; text-indent:0; font-weight:normal; }
dl.indent4 dt span { display:inline-block; width:4em; margin-left:-4em; text-indent:0; font-weight:normal; }
dl.indent4-5 dt span { display:inline-block; width:4.5em; margin-left:-4.5em; text-indent:0; font-weight:normal; }
dl.indent5 dt span { display:inline-block; width:5em; margin-left:-5em; text-indent:0; font-weight:normal; }
dl.indent6 dt span { display:inline-block; width:6em; margin-left:-6em; text-indent:0; font-weight:normal; }
dl.indent7 dt span { display:inline-block; width:7em; margin-left:-7em; text-indent:0; font-weight:normal; }
dl.indent7-5 dt span { display:inline-block; width:7.5em; margin-left:-7.5em; text-indent:0; font-weight:normal; }
dl.indent8 dt span { display:inline-block; width:8em; margin-left:-8em; text-indent:0; font-weight:normal; }
dl.indent8-5 dt span { display:inline-block; width:8.5em; margin-left:-8.5em; text-indent:0; font-weight:normal; }
dl.indent9 dt span { display:inline-block; width:9em; margin-left:-9em; text-indent:0; font-weight:normal; }
dl.indent9-5 dt span { display:inline-block; width:9.5em; margin-left:-9.5em; text-indent:0; font-weight:normal; }
dl.indent10 dt span { display:inline-block; width:10em; margin-left:-10em; text-indent:0; font-weight:normal; }


/* width variation */
.w10 { width:10px !important; }
.w20 { width:20px !important; }
.w30 { width:30px !important; }
.w40 { width:40px !important; }
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }
.w160 { width:160px !important; }
.w170 { width:170px !important; }
.w180 { width:180px !important; }
.w190 { width:190px !important; }
.w200 { width:200px !important; }
.w210 { width:210px !important; }
.w220 { width:220px !important; }
.w230 { width:230px !important; }
.w240 { width:240px !important; }
.w250 { width:250px !important; }
.w260 { width:260px !important; }
.w270 { width:270px !important; }
.w280 { width:280px !important; }
.w290 { width:290px !important; }
.w300 { width:300px !important; }
.w310 { width:310px !important; }
.w320 { width:320px !important; }
.w330 { width:330px !important; }
.w340 { width:340px !important; }
.w350 { width:350px !important; }
.w360 { width:360px !important; }
.w370 { width:370px !important; }
.w380 { width:380px !important; }
.w390 { width:390px !important; }
.w400 { width:400px !important; }
.w410 { width:410px !important; }
.w420 { width:420px !important; }
.w430 { width:430px !important; }
.w440 { width:440px !important; }
.w450 { width:450px !important; }
.w460 { width:460px !important; }
.w470 { width:470px !important; }
.w480 { width:480px !important; }
.w490 { width:490px !important; }
.w500 { width:500px !important; }


/* margin-top variation */
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mt110 { margin-top:110px !important; }
.mt120 { margin-top:120px !important; }
.mt130 { margin-top:130px !important; }
.mt140 { margin-top:140px !important; }
.mt150 { margin-top:150px !important; }
.mt160 { margin-top:160px !important; }
.mt170 { margin-top:170px !important; }
.mt180 { margin-top:180px !important; }
.mt190 { margin-top:190px !important; }
.mt200 { margin-top:200px !important; }
.mt210 { margin-top:210px !important; }
.mt220 { margin-top:220px !important; }
.mt230 { margin-top:230px !important; }
.mt240 { margin-top:240px !important; }
.mt250 { margin-top:250px !important; }
.mt260 { margin-top:260px !important; }
.mt270 { margin-top:270px !important; }
.mt280 { margin-top:280px !important; }
.mt290 { margin-top:290px !important; }
.mt300 { margin-top:300px !important; }
.mt310 { margin-top:310px !important; }
.mt320 { margin-top:320px !important; }
.mt330 { margin-top:330px !important; }
.mt340 { margin-top:340px !important; }
.mt350 { margin-top:350px !important; }
.mt360 { margin-top:360px !important; }
.mt370 { margin-top:370px !important; }
.mt380 { margin-top:380px !important; }
.mt390 { margin-top:390px !important; }
.mt400 { margin-top:400px !important; }
.mt410 { margin-top:410px !important; }
.mt420 { margin-top:420px !important; }
.mt430 { margin-top:430px !important; }
.mt440 { margin-top:440px !important; }
.mt450 { margin-top:450px !important; }
.mt460 { margin-top:460px !important; }
.mt470 { margin-top:470px !important; }
.mt480 { margin-top:480px !important; }
.mt490 { margin-top:490px !important; }
.mt500 { margin-top:500px !important; }


/* margin-right variation */
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }
.mr80 { margin-right:80px !important; }
.mr90 { margin-right:90px !important; }
.mr100 { margin-right:100px !important; }
.mr110 { margin-right:110px !important; }
.mr120 { margin-right:120px !important; }
.mr130 { margin-right:130px !important; }
.mr140 { margin-right:140px !important; }
.mr150 { margin-right:150px !important; }
.mr160 { margin-right:160px !important; }
.mr170 { margin-right:170px !important; }
.mr180 { margin-right:180px !important; }
.mr190 { margin-right:190px !important; }
.mr200 { margin-right:200px !important; }
.mr210 { margin-right:210px !important; }
.mr220 { margin-right:220px !important; }
.mr230 { margin-right:230px !important; }
.mr240 { margin-right:240px !important; }
.mr250 { margin-right:250px !important; }
.mr260 { margin-right:260px !important; }
.mr270 { margin-right:270px !important; }
.mr280 { margin-right:280px !important; }
.mr290 { margin-right:290px !important; }
.mr300 { margin-right:300px !important; }
.mr310 { margin-right:310px !important; }
.mr320 { margin-right:320px !important; }
.mr330 { margin-right:330px !important; }
.mr340 { margin-right:340px !important; }
.mr350 { margin-right:350px !important; }
.mr360 { margin-right:360px !important; }
.mr370 { margin-right:370px !important; }
.mr380 { margin-right:380px !important; }
.mr390 { margin-right:390px !important; }
.mr400 { margin-right:400px !important; }
.mr410 { margin-right:410px !important; }
.mr420 { margin-right:420px !important; }
.mr430 { margin-right:430px !important; }
.mr440 { margin-right:440px !important; }
.mr450 { margin-right:450px !important; }
.mr460 { margin-right:460px !important; }
.mr470 { margin-right:470px !important; }
.mr480 { margin-right:480px !important; }
.mr490 { margin-right:490px !important; }
.mr500 { margin-right:500px !important; }


/* margin-left variation */
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml120 { margin-left:120px !important; }
.ml130 { margin-left:130px !important; }
.ml140 { margin-left:140px !important; }
.ml150 { margin-left:150px !important; }
.ml160 { margin-left:160px !important; }
.ml170 { margin-left:170px !important; }
.ml180 { margin-left:180px !important; }
.ml190 { margin-left:190px !important; }
.ml200 { margin-left:200px !important; }
.ml210 { margin-left:210px !important; }
.ml220 { margin-left:220px !important; }
.ml230 { margin-left:230px !important; }
.ml240 { margin-left:240px !important; }
.ml250 { margin-left:250px !important; }
.ml260 { margin-left:260px !important; }
.ml270 { margin-left:270px !important; }
.ml280 { margin-left:280px !important; }
.ml290 { margin-left:290px !important; }
.ml300 { margin-left:300px !important; }
.ml310 { margin-left:310px !important; }
.ml320 { margin-left:320px !important; }
.ml330 { margin-left:330px !important; }
.ml340 { margin-left:340px !important; }
.ml350 { margin-left:350px !important; }
.ml360 { margin-left:360px !important; }
.ml370 { margin-left:370px !important; }
.ml380 { margin-left:380px !important; }
.ml390 { margin-left:390px !important; }
.ml400 { margin-left:400px !important; }
.ml410 { margin-left:410px !important; }
.ml420 { margin-left:420px !important; }
.ml430 { margin-left:430px !important; }
.ml440 { margin-left:440px !important; }
.ml450 { margin-left:450px !important; }
.ml460 { margin-left:460px !important; }
.ml470 { margin-left:470px !important; }
.ml480 { margin-left:480px !important; }
.ml490 { margin-left:490px !important; }
.ml500 { margin-left:500px !important; }


/* margin-bottom variation */
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }
.mb110 { margin-bottom:110px !important; }
.mb120 { margin-bottom:120px !important; }
.mb130 { margin-bottom:130px !important; }
.mb140 { margin-bottom:140px !important; }
.mb150 { margin-bottom:150px !important; }
.mb160 { margin-bottom:160px !important; }
.mb170 { margin-bottom:170px !important; }
.mb180 { margin-bottom:180px !important; }
.mb190 { margin-bottom:190px !important; }
.mb200 { margin-bottom:200px !important; }
.mb210 { margin-bottom:210px !important; }
.mb220 { margin-bottom:220px !important; }
.mb230 { margin-bottom:230px !important; }
.mb240 { margin-bottom:240px !important; }
.mb250 { margin-bottom:250px !important; }
.mb260 { margin-bottom:260px !important; }
.mb270 { margin-bottom:270px !important; }
.mb280 { margin-bottom:280px !important; }
.mb290 { margin-bottom:290px !important; }
.mb300 { margin-bottom:300px !important; }
.mb310 { margin-bottom:310px !important; }
.mb320 { margin-bottom:320px !important; }
.mb330 { margin-bottom:330px !important; }
.mb340 { margin-bottom:340px !important; }
.mb350 { margin-bottom:350px !important; }
.mb360 { margin-bottom:360px !important; }
.mb370 { margin-bottom:370px !important; }
.mb380 { margin-bottom:380px !important; }
.mb390 { margin-bottom:390px !important; }
.mb400 { margin-bottom:400px !important; }
.mb410 { margin-bottom:410px !important; }
.mb420 { margin-bottom:420px !important; }
.mb430 { margin-bottom:430px !important; }
.mb440 { margin-bottom:440px !important; }
.mb450 { margin-bottom:450px !important; }
.mb460 { margin-bottom:460px !important; }
.mb470 { margin-bottom:470px !important; }
.mb480 { margin-bottom:480px !important; }
.mb490 { margin-bottom:490px !important; }
.mb500 { margin-bottom:500px !important; }
