#mainvisual {

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

/* =============================
  mdm
=================================*/
#mdm {
	padding-top: 8rem;

	.inner.section__head {
		margin-bottom: 7.0rem;
	}

	@media (max-width:767px) {
		.inner.section__head {
			margin-bottom: 3.5rem;
		}
	}

	.mdm__faq {
		background: var(--colorGray);
		padding-bottom: 12rem;


		.inner {
			max-width: 1100px;
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 13.0rem;
		}
	}

	.mdm__news {
		background: var(--colorGray);
		padding-bottom: 12rem;

		.inner {
			max-width: 1100px;
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 9.0rem;

			.mdm__newsinner {
				display: flex;

				.mdm__news__title {
					width: 21rem;

					.mdm_section__title {
						color: var(--colorTurquoiseBlue);
						font-family: var(--fontBIZUDPGothic);
						font-size: var(--fontSize28);
						position: relative;
						left: -0.1em;
					}

					p {
						font-family: var(--fontPrompt);
						font-size: var(--fontSize16);
					}
				}

				.mdm__newslist {
					border-top: #afb1b4 solid 1px;
					width: calc(100% - 21rem);

					li {
						border-bottom: #afb1b4 solid 1px;
						padding-bottom: 2.0rem;
						padding-top: 2.0rem;

						.news-date {
							font-family: var(--fontPrompt);
							font-size: var(--fontSize16);
						}
					}
				}
			}

			@media (max-width:767px) {
				.mdm__newsinner {
					display: block;

					.mdm__news__title {
						width: 100%;
					}

					.mdm__newslist {
						margin-top: 1.0rem;
						width: 100%;
					}
				}
			}
		}
	}

	.inner {
		.tab__inner {
			.tab__headline {
				display: grid;
				grid-template-columns: 1fr 1fr;
				flex-wrap: wrap;
				justify-content: space-between;
				margin-left: auto;
				margin-right: auto;
				margin-top: 2rem;
				gap: 8rem;
				width: 100%;

				>li {
					width: 100%;
					display: grid;

					&:nth-child(2) {
						.tab__headblock {
							dt {
								background: var(--colorTurquoiseBlue);
							}

							dd {
								li {

									border-bottom: 2px solid var(--colorTurquoiseBlue);
									background: url("../../common/img/icon_list_blue.png") left top 0.7rem no-repeat;

									&:nth-last-child(1) {
										border-bottom: none;
									}

								}
							}
						}
					}

					.tab__headblock {
						background: var(--colorGray);
						border-radius: 2.0rem;
						overflow: hidden;

						li {
							br {
								@media (max-width:1124px) {
									display: none;
								}
							}
						}

						dt {
							background: var(--colorGreen);
							color: var(--colorWhite);
							font-family: var(--fontBIZUDPGothic);
							font-size: var(--fontSize28);
							text-align: center;
							padding: 1rem 2.0rem;

						}

						dd {
							padding: 4rem 4rem 0;

							li {
								background: url("../../common/img/icon_list_green.png") left top 0.7rem no-repeat;
								border-bottom: var(--colorGreen) solid 2px;
								font-family: var(--fontBIZUDPGothic);
								font-size: var(--fontSize18);
								padding-bottom: 2.0rem;
								padding-left: 3.0rem;
								margin-bottom: 2.0rem;
								letter-spacing: 0.055em;

								&:nth-last-child(1) {
									border-bottom: none;
								}
							}
						}
					}
				}

				@media (max-width:767px) {
					>li {
						display: block;
						padding-left: 0;
						padding-right: 0;
						margin-bottom: 2.0rem;
						width: 100%;
					}
				}
			}

			@media (max-width:767px) {
				.tab__headline {
					display: block;
					padding-left: 0;
					padding-right: 0;
				}
			}
		}
	}

	.easy {
		background: var(--colorGray);
		margin-top: 9.0rem;
		position: relative;
		padding-bottom: 12rem;

		&:before {
			background: url("../../common/img/arrow_gray_bottom.png") center center no-repeat;
			background-size: cover;
			content: '';
			width: 60px;
			height: 30px;
			position: absolute;
			top: -15px;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
		}

		.inner {
			width: 1100px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 8.0rem;

			h3 {
				font-family: var(--fontBIZUDPGothic);
				font-size: var(--fontSize20);
				letter-spacing: 0.1em;
				text-align: center;

				@media (max-width:767px) {
					text-align: left;
				}
			}

			.text-left-sp {
				text-align: start;
			}

			.easy__meritline {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				margin-top: 9.0rem;
				margin-left: -2.0rem;
				margin-right: -2.0rem;

				li {
					display: grid;
					padding-left: 2.0rem;
					padding-right: 2.0rem;
					width: calc(100% / 3);
				}

				.easy__meritbox {
					background: var(--colorWhite);
					border-radius: 2.0rem;

					dt {
						position: relative;

						.easy__merit__circle {
							align-items: center;
							background: var(--colorGreen);
							border-radius: 999px;
							color: var(--colorWhite);
							display: flex;
							font-size: var(--fontSize12);
							font-weight: 700;
							flex-direction: column;
							height: 11.0rem;
							line-height: 1.2;
							margin-top: -5.5rem;
							justify-content: center;
							width: 11.0rem;
							position: absolute;
							left: 50%;
							transform: translateX(-50%);
							-webkit-transform: translateX(-50%);
							-ms-transform: translateX(-50%);

							.easy__merit__count {
								font-family: var(--fontPrompt);
								font-size: var(--fontSize44);
								font-weight: 200;
							}

							@media (max-width:767px) {
								width: 10rem;
								height: 10rem;
								font-size: var(--fontSize13);

								.easy__merit__count {
									font-size: 7vw;
								}
							}
						}
					}

					dd {
						padding: 7.0rem 2.0rem 3.5rem 2.5rem;

						h4 {
							font-family: var(--fontBIZUDPGothic);
							font-size: var(--fontSize20);
							border-bottom: #afb1b4 solid 2px;
							text-align: center;
							padding-bottom: 2.0rem;
							margin-bottom: 2.0rem;
							min-height: 8rem;
							align-content: center;
						}

						p {
							font-family: var(--fontBIZUDPGothic);
							font-size: var(--fontSize16);
							padding-left: 0.8rem;
						}
					}
				}
			}

			@media (max-width:767px) {
				.easy__meritline {
					display: block;

					li {
						display: block;
						margin-bottom: 8.0rem;
						width: 100%;

						&:last-child {
							margin-bottom: 0;
						}
					}
				}
			}

			.font-small {
				font-size: var(--fontSize13);
				margin-top: 2.0rem;
			}

			.card {
				margin-left: auto;
				margin-right: auto;
				margin-top: 5.0rem;
				max-width: 1240px;
				width: 100%;
				border-radius: 2rem;

				p {
					font-family: var(--fontBIZUDPGothic);
					font-size: var(--fontSize17);
					line-height: 1.8333;
				}
			}

			.bottom-link {
				text-align: center;
				margin-top: 8rem;

				a {
					background: var(--colorWhite) url(../../common/img/icon_link_blue.png) center right 2.0rem no-repeat;
					border: var(--colorBlue) 1px solid;
					border-radius: 999px;
					color: var(--colorBlue);
					font-family: var(--fontBIZUDPGothic);
					font-size: var(--fontSize16);
					padding: 2.0rem 4.0rem;
				}
			}
		}
	}

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

				.cloud__content {
					.cloud__title {
						border-radius: 2rem 2rem 0 0;
					}

					.cloud__textarea {
						padding-inline: 2rem;
						border-radius: 0 0 2rem 2rem;

						.cloudNotes {
							padding-inline: 2rem;
						}
					}
				}
			}
		}
	}
}

@media (max-width:767px) {
	#mdm {
		padding-bottom: 0;
	}
}

.cardInner {
	width: 1180px;
}

.mdm__faqinner {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;

	.mdm__faq__title {
		width: 21rem;

		.mdm_section__title {
			color: var(--colorTurquoiseBlue);
			font-family: var(--fontBIZUDPGothic);
			font-size: var(--fontSize28);
			position: relative;
			left: -0.1em;
		}

		p {
			font-family: var(--fontPrompt);
			font-size: var(--fontSize16);
		}
	}

	.mdm__faqlist {
		border-top: #afb1b4 solid 1px;
		width: calc(100% - 21rem);

		.mdm__faqbox {
			border-bottom: #afb1b4 solid 1px;

			&:hover {
				cursor: pointer;
			}

			.mdm__faq_q {
				padding-block: 2rem;
				align-items: center;
				background: url("../../common/img/icon-plus.png") center right no-repeat;
				display: flex;

				.mdm__faq_circle {
					span {
						align-items: center;
						background: var(--colorWhite);
						border: var(--colorTurquoiseBlue) solid 1px;
						border-radius: 999px;
						color: var(--colorTurquoiseBlue);
						display: flex;
						font-size: var(--fontSize20);
						font-family: var(--fontPrompt);
						height: 4.5rem;
						justify-content: center;
						width: 4.5rem;
					}
				}

				.mdm__faq_qtitle {
					color: var(--colorTurquoiseBlue);
					font-family: var(--fontBIZUDPGothic);
					font-size: var(--fontSize16);
					padding-left: 1.0rem;
				}
			}

			.mdm__faq_q.active {
				background: url("../../common/img/icon-minus.png") center right no-repeat;
			}

			.mdm__faq_a {
				align-items: center;
				display: flex;
				display: none;

				.mdm__faq_circle {
					float: left;
					width: 5.5rem;

					span {
						align-items: center;
						background: var(--colorWhite);
						border: #000 solid 1px;
						border-radius: 999px;
						color: var(--colorBlack);
						display: flex;
						font-size: var(--fontSize20);
						font-family: var(--fontPrompt);
						height: 4.5rem;
						justify-content: center;
						width: 4.5rem;
					}
				}

				.mdm__faq_a_text {
					color: var(--colorBlack);
					font-size: var(--fontSize16);
					padding-left: 1rem;
					padding-bottom: 2rem;
				}
			}
		}
	}
}

@media (max-width:767px) {
	.mdm__faqinner {
		display: block;

		.mdm__faq__title {
			width: 100%;
		}

		.mdm__faqlist {
			margin-top: 1.0rem;
			width: 100%;
		}
	}

}



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


.cloud__list {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	li {
		padding: 0 1rem;
		width: calc(100% / 3);

		a {
			.cloud__listbox {
				background: #fff url("../img/icon_arrow_link.png") right 0.5rem bottom 0.5rem no-repeat;
			}
		}

		.cloud__listbox {
			background: var(--colorWhite);
			border-radius: 2rem;
			font-family: var(--fontBIZUDPGothic);
			margin-bottom: 2rem;
			padding: 3.0rem 3.5rem;
			position: relative;

			dt {
				align-items: center;
				display: flex;
				justify-content: space-between;

				.cloud__list_title {
					font-size: 2.0rem;
					line-height: 1.4;
					width: calc(100% - 8.0rem);

					.cloud__list_sub {
						font-size: 1.3rem;
						height: 4.16rem;
					}
				}

				.cloud__list_sub {
					display: block;
				}

				.cloud__list_img {
					align-items: center;
					display: flex;
					height: 66px;
					position: absolute;
					top: 1.5rem;
					right: 2.0rem;
					width: 8.0rem;

					img {
						display: block;
						margin-left: auto;
						margin-right: 0;
					}
				}

				@media (max-width:1200px) {
					.cloud__list_img {
						width: 6.0rem;
					}
				}

				@media (max-width:767px) {
					.cloud__list_img {
						width: 5.0rem;
					}
				}
			}

			dd {
				margin-top: 1.0rem;
			}
		}
	}
}

@media (max-width:767px) {
	.cloud__list {
		flex-direction: column;

		li {
			padding-left: 0;
			padding-right: 0;
			width: 100%;
		}
	}
}

#case {
	background: var(--colorGray);

	.inner {
		.caseColumn {
			display: grid;
			grid-template-columns: 1fr 1fr;
			justify-content: center;
			gap: 4rem;
			justify-self: center;

			.caseItem {
				margin-inline: unset;
				display: flex;
				flex-direction: column;

				.caseItem__head {
					text-align: start;

					span {
						font-size: var(--fontSize16);
					}
				}

				.caseItem__textarea {
					display: grid;
					gap: 3rem;
					flex: 1;
					flex-direction: column;

					.caseItem__textWrap {
						.caseItem__title {
							font-size: var(--fontSize20);
							color: var(--colorTurquoiseBlue);
							font-family: var(--fontBIZUDPGothic);
						}

						.caseItem__text {
							margin-top: 1rem;
							padding-inline: 0.3rem;
						}
					}
				}
			}
		}
	}

	@media (max-width:767px) {
		.inner {
			.caseColumn {
				grid-template-columns: 1fr;
			}
		}
	}
}

#reason {
	.reasonColumn {
		.reasonItem {
			.reasonItem__title {
				min-height: 7rem;
				align-content: center;
			}

			.reasonItem__text {
				margin-top: 3rem;
				padding-inline: 0.5rem;
			}
		}
	}

	@media (max-width:767px) {
		.reasonColumn {
			.reasonItem {
				padding-top: 3rem;

				.reasonItem__title {
					min-height: auto;
				}

				.reasonItem__num {
					top: -3.2rem;
				}
			}
		}
	}
}

#contact {
	border-top: 1px solid var(--colorBlack);
}

.page__titlelist {
	margin-top: 5rem;
	@media (max-width: 1160px) {
		margin-top: 0;
	}
}