/* ---------------------------
    共通
--------------------------- */
/* メインビジュアル */
.mainvisual {
    background-image: url(/service/naviexp/images/bg_mainvisual.png);
}
@media screen and (max-width:767px) {
  .mainvisual {
    background-image: url(/service/naviexp/images/bg_mainvisual_sp.png);
  }
}

/* ヘッダー ログインボタン */
.c-header .c-header__contact dl dt:hover {
  opacity: .8;
}
@media (min-width: 768px) {
  .c-header .c-header__contact dl dt {
    margin-right: 15px;
  }
  .c-header .c-header__contact dl dt a {
    display: block;
    padding: 12px 0;
    width: 150px;
    height: 48px;
    text-align: center;
    text-decoration: none;
    color: #1473e6;
    border-radius: 60px;
    border: 2px solid #1473e6;
  }
}
@media (max-width: 767px) {
  .c-header .c-header__contact dl dt a {
    position: relative;
    z-index: 10001;
    display: block;
    width: 36px;
    height: 36px;
    padding: 23px;
    text-decoration: none;
    border-radius: 60px;
    border: 2px solid #1473e6;
    background: #fff;
  }
  .c-header .c-header__contact dl dt a::after {
    position: absolute;
    z-index: 10000;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 23.5px;
    height: 27.5px;
    margin-top: -14px;
    margin-left: -11.5px;
    content: '';
    vertical-align: middle;
    background: url(/service/naviexp/images/header_icon_login.png) no-repeat left center;
    background-size: cover;
  }
  .c-header .c-header__contact dl dt a span {
    display: none;
  }
}
@media (max-width: 359px) {
  .c-header .c-header__contact dl dt {
    display: inline-block;
    margin-right: 5px;
  }
}

/* ロゴ スクロール */
#container .caseLogoArea {
  background: #FFF !important;
  margin: 50px 0;
  overflow: hidden;
  position: relative;
  padding: 0 !important;
  height: 70px;
}
#container .caseLogoArea ul {
  float: left;
  font-size: 0;
}
#container .caseLogoArea ul li {
  display: inline-block;
  padding: 0 25px;
  vertical-align:middle;
  margin:auto;
  max-height: 70px;
}
#container .caseLogoArea ul li img {
  height: 100%;
  max-height: 70px;
  width: auto;
}


/* ---------------------------
    個別ページ
--------------------------- */
#overview .ex-card-list_function {
  margin-bottom: 0px;
}
#overview .ex-card-list_function .card__img img {
  width: auto;
}

/* 事例 */
.ex-case_list dt {
font-weight:bold;
margin-top:1em;
}

/* フロー図 */
.ex-flow-list-bottom .flow-list-bottom__wrap {
border:none;
}
.ex-flow-list-bottom .flow-list-bottom__heading {
background-color:transparent;
}
.ex-flow-list-bottom .flow-list-bottom__heading img {
flex-shrink: 0;
}
.ex-flow-list-bottom .flow-list-bottom__text {
display:block;
}
.ex-flow-list-bottom .flow-list-bottom__text p {
margin-bottom:20px;
}
.ex-flow-list-bottom .flow-list-bottom__text p.ex-flow-list-bottom__text__title {
font-size:2.4rem;
}
.ex-flow-list-bottom .flow-list-bottom__text p:last-child {
margin-bottom:0;
}

/* ---------------------------
    #top
--------------------------- */
#top .ex-mainvisual__sub-title {
font-size:2.7rem;
margin-bottom:5px;
}
@media screen and (max-width: 767px) {
#top .ex-mainvisual__sub-title {
font-size:2.4rem;
}
}
#top .ex-mainvisual__btn .btn:last-child a {
  background: #fff;
  border: 2px solid #1473e6;
  color: #1473e6;
  padding: 8px 18px;
}

/* ---------------------------
    #column
--------------------------- */
#column .column-article .column-body h4 {
font-weight:bold;
}

/* インナーリンク対応 */
#column .column-article .column-body h2 {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  #column .column-article .column-body h2 {
    padding-top: 50px;
    margin-top: -50px;
  }
}

/* ---------------------------
    フローティングバナー
--------------------------- */
@media screen and (min-width: 768px) {
  body:not(#inquiry):not(#download):not(#seminar):not(#seminar-report) #pagetop {
    display: none !important; 
  }
}