@charset "UTF-8";

/* =====================================================
 cloud クラウドサービスご契約者様専用ページ
===================================================== */

body.lower.cloud .header-cloud-in {
  *zoom: 1;
  padding: 30px;
  table-layout: fixed;
}

body.lower.cloud .header-cloud-in::after {
  content: '';
  display: table;
  clear: both;
}

body.lower.cloud .header-cloud-logo {
  width: 275px;
}

body.lower.cloud .header-cloud-logo > a {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

body.lower.cloud .header-cloud-logo > a:hover {
  opacity: .5;
}

body.lower.cloud .header-cloud-description {
  font-size: 1.6rem;
  display: table-cell;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: .05em;
  padding-left: 20px;
  vertical-align: middle;
  text-align: left;
  width: auto;
}

body.lower.cloud .main .contents-wrap {
  padding: 40px 30px 80px;
  width: 1100px;
}

body.lower.cloud .ico-pdf {
  font-size: 12px;
  font-size: 1.2rem;
  padding-left: 20px;
  position: absolute;
  right: 40px;
}

body.lower.cloud .ico-pdf::after {
  background-image: url(../img/common/ico-pdf_pc.png);
  height: 17px;
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
  width: 13px;
}

body.lower.cloud .btn-cloud {
  border-radius: 4px;
  font-size: 1.6rem;
  margin: 0 auto 40px;
  max-width: 320px;
  padding: 23px 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

body.lower.cloud .btn-cloud > span {
  padding-right: 20px;
  position: relative;
}

body.lower.cloud .btn-cloud > span::after {
  background-image: url(../img/common/ico-window.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 9px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  width: 10px;
}

body.lower.cloud .btn-cloud:hover {
  opacity: .5;
}

body.lower.cloud .sec-area-cloud {
  padding: 40px 0 37px;
}

body.lower.cloud .sec-area-cloud:nth-of-type(n+2) {
  margin-top: 40px;
}

body.lower.cloud .sec-area-cloud-child {
  padding: 0 40px;
}

body.lower.cloud .sec-area-cloud-info {
  letter-spacing: .05em;
  padding: 0 40px;
}

body.lower.cloud .sec-area-cloud-info {
  font-size: 14px;
  font-size: 1.4rem;
}

body.lower.cloud .mod-title-cloud {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: .05em;
  margin-bottom: 27px;
  padding: 0 40px;
}

body.lower.cloud .mod-title-cloud-ornament {
  padding-bottom: 20px;
  margin-bottom: 27px;
}

body.lower.cloud .mod-title-cloud-ornament::after {
  bottom: -20px;
}

body.lower.cloud .mod-list {
  padding: 0 40px;
}

body.lower.cloud .mod-list-news {
  margin-top: 35px;
}

body.lower.cloud .mod-list-item {
  padding: 17px 0;
}

body.lower.cloud .mod-list-time {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  width: 100px;
}

body.lower.cloud .mod-list-text {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: .05em;
}

body.lower.cloud .mod-list-text > a:hover {
  text-decoration: underline;
}

body.lower.cloud .mod-list-wide .mod-list-item:last-of-type {
  padding-bottom: 19px;
}

body.lower.cloud .mod-list-wide .mod-list-item {
  padding: 19px 40px;
}

body.lower.cloud .mod-acc-content {
  padding: 0 40px 40px;
}

body.lower.cloud .mod-acc-content > dt {
  padding: 17px 50px 16px;
  cursor: pointer;
}

body.lower.cloud .mod-acc-content > dt::before {
  font-size: 16px;
  font-size: 1.6rem;
  left: 20px;
}

body.lower.cloud .mod-acc-content > dt::after {
  height: 10px;
  right: 7px;
  width: 10px;
}

body.lower.cloud .mod-acc-content > dt.is-active::after {
  right: 28px;
}

body.lower.cloud .mod-acc-content > dd {
  padding: 19px 22px 27px 50px;
}

body.lower.cloud .mod-acc-content > dd > span::after {
  font-size: 16px;
  font-size: 1.6rem;
  left: -30px;
  top: 3px;
}

body.lower.cloud .mod-plane-heading {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 37px;
  margin-bottom: 16px;
}

body.lower.cloud .mod-plane-text {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: .05em;
}

body.lower.cloud .mod-article-time {
  font-size: 12px;
  font-size: 1.2rem;
}

body.lower.cloud .article-area {
  padding: 0 40px;
}

body.lower.cloud .article-area {
  font-size: 14px;
  font-size: 1.4rem;
}

body.lower.cloud .btn-back-top {
  padding-bottom: 3px;
  margin-top: 57px;
}

body.lower.cloud .btn-back-top > a {
  font-size: 14px;
  font-size: 1.4rem;
}

body.lower.cloud .btn-back-top > a:hover {
  text-decoration: underline;
}

@media all and (-ms-high-contrast: none) {
  body.lower.cloud .header-cloud-description {
    padding-top: 6px;
  }
}