#mainvisual {
	.page__title {
		width: 100%;
		max-width: 1180px;
		margin-left: auto;
		margin-right: auto;
	}

	@media (max-width:767px) {
		.page__title {
			background: rgba(255, 255, 255, 0.7);
		}
	}
}

/* =============================
  cloud
=================================*/
#cloud {
	background: var(--colorWhite);
	padding-block: 8rem;

	.cloud__container {
		margin-top: 3rem;
	}

	@media (max-width:767px) {
		.inner {
			.cloud__container {
				margin-top: 2.0rem;
			}
		}
	}
}

@media (max-width:767px) {
	#cloud {
		padding-block: 4.0rem;
	}
}

#service-list {
	.inner {
		width: 1180px;
		.cloud__list {
			 li {
				&:nth-child(1),
				&:nth-child(2),
				&:nth-child(3) {
					.cloud__listbox {
						dt {
							height: 8.2rem;
							@media (max-width:767px) {
								height: unset;
							}
						}
					}
				}
				&:nth-child(1),
				&:nth-child(4),
				&:nth-child(5),
				&:nth-child(6) {
					.cloud__listbox {
						dt {
							grid-template-columns: auto 8rem;
							.cloud__list_img {
								img {
									width: 8rem;
									height: 8rem;
								}
							}
						}
					}
				}
			}
		}
	}
}