@charset "UTF-8";
/* ---------------------------------------------------------------------------
CLOUD STYLE
* BASE STYLE: css/about-feature-common.css
--------------------------------------------------------------------------- */
/*
- ABOUT
- MERIT
- PREMIUM
- DETAIL
- NOTES
*/

/* ---------------------------------------------------------------------------
	ABOUT
--------------------------------------------------------------------------- */
section#about dl.capacity-general {
  text-align: center;
  margin-bottom: var(--spacing-md);
}

section#about dl.capacity-general dt {
  text-align: center;
  font-weight: bold;
  color: rgb(0, 173, 173);
  margin-bottom: var(--spacing-xs);
}

section#about dl.capacity-general dd {
  text-align: center;
  line-height: 1.7em;
  padding: var(--spacing-xs) var(--spacing-sm) 10px;
  background-color: rgb(244, 244, 244);
  border-radius: var(--border-radius-sm);
  display: block;
}

section#about dl.capacity-general dd:last-child {
  margin-top: var(--spacing-sm);
}

section#about dl.capacity-general dd b {
  color: rgb(255, 51, 136);
  font-size: 1.714em;
}

section#about dl.capacity-general dd span {
  color: rgb(255, 51, 136);
  font-size: 1.285em;
  padding-left: 2px;
}

section#about p:last-child span {
  color: rgb(255, 51, 136);
  font-size: 18px;
}
/* ---------------------------------------------------------------------------
	MERIT
--------------------------------------------------------------------------- */
div.content-item p:nth-child(2) img {
  border-radius: var(--border-radius-sm);
}

main.direction div.content-item p:nth-child(3) {
  text-align: right;
}
/* ---------------------------------------------------------------------------
	ABOUT
--------------------------------------------------------------------------- */
section#about p:nth-child(2) {
  text-align: center;
}

section#about p:nth-child(2) img {
  width: 69.8%;
}

/* ---------------------------------------------------------------------------
	PREMIUM
--------------------------------------------------------------------------- */
section#premium p:nth-child(2) {
  text-align: center;
}

section#premium p:nth-child(2) img {
  width: 61.5%;
}

section#premium h2 {
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding: var(--spacing-xs);
  margin-bottom: 0;
  background-color: rgb(0, 173, 173);
  border-top-left-radius: var(--border-radius-sm);
  border-top-right-radius: var(--border-radius-sm);
}

section#premium ul {
  padding: 12px 12px 11px;
  border: 1px solid rgb(0, 173, 173);
  border-bottom-left-radius: var(--border-radius-sm);
  border-bottom-right-radius: var(--border-radius-sm);
}

section#premium li {
  line-height: 1.2em;
  padding-left: var(--spacing-lg);
  background-image: url("../img/cloudStorage/list_check.png");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: left 0;
  list-style: none;
}

main.direction section#premium li {
  padding-right: var(--spacing-lg);
  padding-left: 0;
  background-position: right 0;
}
/* ---------------------------------------------------------------------------
	DETAIL
--------------------------------------------------------------------------- */
section#detail {
  background-color: #fff;
  border-top: 1px solid rgb(237, 237, 237);
}

section#detail div.inner {
  padding-bottom: 30px;
}