@charset "utf-8";
/* 特長アイコンモーダル表示 */
	/* Magnific Popup仕様変更 */
	.mfp-bg {
		background-color: rgba(0, 0, 0, 0.5);
	}
	.mfp-close {
		font-size: 0; /* テキストを見えなくする */
		color: transparent; /* 色も透明に */
		position: relative;
		width: 2rem;
		height: 2rem;
		background: transparent;
		border: none;
		cursor: pointer;
	}
	.mfp-iframe-holder {
		padding-top: 0;
		padding-bottom: 0;
	}

	.mfp-content iframe {
		width: 100%;
		max-width: 75rem !important;
		height: 100vh; /* モニターの高さいっぱい */
		border: none;
		margin: 0 auto;
	}

	/* モーダル設定 */
	.pop-box {
		margin: 0 auto;
		padding: 1.25rem;
		width: 31.25rem;
		max-width: 100%;
		position: relative;
		background: #fff;
		box-sizing: border-box;
		z-index: 10;
	}

	.pop-box.pop-modal-icon {
		-webkit-transform: scale(1.5, 1.5);
		-ms-transform: scale(1.5, 1.5);
		transform: scale(1.5, 1.5);
	}

	.pop-box.pop-modal-feature.col2 {
		max-width: 50rem;
		width: 100%;
	}

	.pop-box.pop-modal-feature.col3 {
		width: 100%;
		max-width: 61rem;
		column-gap: 2.5rem;
	}

	.pop-box .mfp-close {
		position: absolute;
		right: 0;
		top: -45px;
		width: 2.1875rem;
		height: 2.1875rem;
		cursor: pointer;
		color: #FFFFFF;
		z-index: 10000;
	}
	.pop-box .mfp-close::before,
	.pop-box .mfp-close::after {
		content: '';
		position: absolute;
		height: 2px;
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -1px;
		background: #fff;
		border-radius: 5px;
		margin-top: -6px;
	}
	.pop-box .mfp-close::before {
		transform: rotate(45deg);
	}
	.pop-box .mfp-close:after {
		transform: rotate(-45deg);
	}
	.pop-box a:hover {
		opacity: .7;
	}
	.pop-box.pop-modal-icon,
	.pop-box.pop-modal-feature {
		display: flex;
	}

	.pop-box.pop-modal-feature.col3 .modal-1 {
		flex: 1;
		border-right: 2px solid #DFDFDF;
		padding-right: 1.25rem;
	}

	.pop-box.pop-modal-feature.col3 .modal-1:last-of-type {
		border-right: none;
		padding-right: 0;
	}

	.pop-box.pop-modal-feature.col3 .modal-1 img {
		display: block;
		width: 80%;
		margin: 0 auto 1.25rem;
	}

	.pop-box.pop-modal-icon .modal-left,
	.pop-box.pop-modal-feature .modal-left {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding-right: 0.625rem;
		box-sizing: border-box;
	}

	.pop-box.pop-modal-feature .modal-left {
		padding-right: 1.875rem;
	}

	.pop-box.pop-modal-icon .modal-left img {
		width: auto;
		height: auto;
		max-height: 3.0rem;
		aspect-ratio: auto;
		object-fit: contain;
		margin-bottom: 0.75rem;
	}

	.pop-box.pop-modal-icon .modal-left img.img-full,
	.pop-box.pop-modal-feature .modal-left img.img-full {
		width: 100%;
		height: auto;
		max-height: fit-content;
		object-fit: cover;
		margin-bottom:  0.75rem;
	}

	.pop-box.pop-modal-icon .modal-left img:last-child,
	.pop-box.pop-modal-feature .modal-left img:last-child {
		margin-bottom: 0;
	}

	.pop-box.pop-modal-icon .modal-right,
	.pop-box.pop-modal-feature .modal-right {
		flex: 2;
	}

	.pop-box.pop-modal-icon .modal-right.small-img,
	.pop-box.pop-modal-feature .modal-right.small-img {
		flex: 3;
	}

	.pop-box.pop-modal-icon .modal-right.xsmall-img,
	.pop-box.pop-modal-feature .modal-right.xsmall-img {
		flex: 7;
	}

	.pop-box.pop-modal-icon .modal-title,
	.pop-box.pop-modal-icon .modal-description,
	.pop-box.pop-modal-feature .modal-title,
	.pop-box.pop-modal-feature .modal-description {
		font-size: 1rem;
		line-height: 1.6;
	}

	.pop-box.pop-modal-feature .modal-description ul {
		line-height: 1.6;
	}

	.pop-box.pop-modal-icon .modal-title,
	.pop-box.pop-modal-feature .modal-title {
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	.pop-box.pop-modal-icon a,
	.pop-box.pop-modal-feature a {
		color: #000000;
		text-decoration: underline;
	}

	.pop-box.pop-modal-icon .note,
	.pop-box.pop-modal-feature .note {
		font-size: 0.8125rem;
		text-indent: -1em;
		padding-left: 1em;
		margin-top: 1em;
	}

	@media only screen and (max-width:767px) {
		/* Magnific Popup仕様変更 */
		.mfp-container {
			padding: 0;
		}

		/* モーダル設定 */
		.pop-box,
		.pop-box.pop-modal-feature,
		.pop-box.pop-modal-feature.col2,
		.pop-box.pop-modal-feature.col3 {
			width: 92%;
			padding: 0.9375rem;
		}

		.pop-box.pop-modal-icon {
			-webkit-transform: scale(1, 1);
			-ms-transform: scale(1, 1);
			transform: scale(1, 1);
		}

		.pop-box.pop-modal-feature.col3 {
			display: flow-root;
		}

		.pop-box.pop-modal-feature {
			display: block;
		}

		.pop-box.pop-modal-feature.col3 .modal-1 {
			padding-top: 1.25rem;
			padding-right: 0;
			padding-bottom: 1.25rem;
			border-right: none;
		}

		.pop-box.pop-modal-feature.col3 .modal-1:first-of-type {
			padding-top: 0;
			border-bottom: 2px solid #DFDFDF;
		}

		.pop-box.pop-modal-feature.col3 .modal-1:last-of-type {
			padding-bottom: 0;
			border-bottom: none;
		}

		.pop-box.pop-modal-feature.col3 .modal-1 img {
			width: 70%;
		}

		.pop-box.pop-modal-feature.col3 .modal-1.-modal-split-left,
		.pop-box.pop-modal-feature.col3 .modal-1.-modal-split-right {
			width: 45%;
		}
		.pop-box.pop-modal-feature.col3 .modal-1.-modal-split-left {
			float: left;
		}
		.pop-box.pop-modal-feature.col3 .modal-1.-modal-split-right {
			float: right;
			padding-left: 5%;
			border-left: 2px solid #DFDFDF;
		}

		.pop-box.pop-modal-feature.col3 .modal-1.-modal-split-right .modal-title {
			margin-bottom: 1.6em;
		}

		.pop-box.pop-modal-feature .modal-description ul.list-switch li {
			display: inline-block;
		}

		.pop-box.pop-modal-feature .modal-description ul.list-switch li:nth-child(odd) {
			margin-right: 1rem;
		}

		.pop-box.pop-modal-feature .modal-left {
			padding-right: 0;
		}

		.pop-box.pop-modal-icon .modal-title,
		.pop-box.pop-modal-icon .modal-description,
		.pop-box.pop-modal-feature .modal-title,
		.pop-box.pop-modal-feature .modal-description {
			font-size: 0.875rem;
		}

		.pop-box.pop-modal-icon .note,
		.pop-box.pop-modal-feature .note {
			font-size: 0.625rem;
		}
	}