@charset "UTF-8";

/*
 *  SiteName : rrrrrrrrr
 *  SiteUrl : https://rrrrrrrrr.jp/
 *  © 2025 marci
 */

.fs-c-heading {
	display: none;
}

/*==============================================================
  #popup
==============================================================*/
#popup {
	margin: 18px auto 60px;
	font-size: 14px;

	div {
		line-height: 0;
	}

	img {
		width: 100%;
	}

	a {
		color: #000000;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
		margin: 0;
		padding: 0;
	}

	p {
		line-height: 2;
	}

	h2 {
		line-height: 24px;
		text-align: center;
		font-size: 24px;
		font-weight: bold;

		& + p {
			margin: 40px auto;
			line-height: 32px;
			text-align: center;
		}
	}

	.table-contents {
		margin: 68px auto 0;
		padding: 50px 40px;
		width: 100%;
		background-color: #f2f2f2;

		p {
			color: #000000;
			line-height: 150%;
			font-size: 20px;
			font-weight: bold;
		}

		ul {
			margin: 30px 0 0;
			padding: 0 0 0 1.5em;
			list-style: decimal;

			li {
				margin: 0 0 20px;

				&:nth-last-of-type(1) {
					margin: 0;
				}

				a {
					line-height: 100%;
				}
			}
		}
	}

	.contents-item {
		margin: 40px 0 0;
		padding: 40px 0 0;

		h3 {
			font-size: 20px;
			font-weight: bold;

			& + p {
				margin: 40px 0 30px;
			}
		}

		.text-right {
			margin: 20px 0 0;
			text-align: right;
		}

		.googlemap {
			width: 100%;
			height: 400px;
		}

		.googlemap + p {
			margin: 20px 0 0;
		}

		p + p {
			margin: 40px 0 0;
		}

		ul {
			margin: 0 0 -30px;
			padding: 0;
			list-style: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;

			li {
				margin: 0 44px 30px 0;
				padding: 0;
				width: calc((100% - 88px) / 3);

				&:nth-of-type(3n) {
					margin: 0 0 30px;
				}

				div + div {
					margin: 30px 0 0;
				}

				div {
					h4 {
						margin: 20px 0 30px;
						font-size: 20px;
						font-weight: bold;
					}
				}

				h5 {
					margin: 0 0 20px;
					text-align: center;
					font-size: 15px;
					font-weight: bold;
				}

				iframe {
					max-width: 100% !important;
					min-width: 100% !important;
					height: 543px !important;
				}
			}

			& + p {
				margin: 40px 0 0;
			}
		}
	}
}

@media only screen and (max-width: 48.0625em) {
	#popup {
		margin: 0 auto 50px;
		font-size: 12px;

		h2 {
			line-height: 20px;
			font-size: 20px;

			& + p {
				margin: 40px auto 30px;
				line-height: 24px;
				text-align: left;
			}
		}

		.table-contents {
			margin: 27px auto 0;
			padding: 30px 20px;

			p {
				font-size: 14px;
			}

			ul {
				margin: 20px 0 0;
				padding: 0 0 0 1.5em;

				li {
					margin: 0 0 10px;
					a {
						line-height: 150%;
					}
				}
			}
		}

		.contents-item {
			margin: -120px 0 0;
			padding: 160px 0 0;

			h3 {
				padding-left: 1em;
				text-indent: -1em;

				& + p {
					margin: 30px 0;
				}
			}

			.text-right {
				margin: 14px 0 0;
			}

			.googlemap {
				height: 151px;
			}

			p + p {
				margin: 30px 0 0;
			}

			ul {
				margin: 0;
				display: block;

				li {
					margin: 0 0 30px;
					width: 100%;

					&:not(#latest-information ul li) {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-wrap: wrap;
						flex-wrap: wrap;
					}

					div + div {
						margin: 0;
					}

					div {
						margin: 0 19.85px 0 0;
						width: 40%;

						&:nth-last-of-type(1) {
							margin: 0;
							width: calc(60% - 19.85px);
						}

						p {
							margin: 0;
						}

						h4 {
							margin: 14px 0 20px;
							font-size: 15px;
						}
					}

					&:nth-of-type(2) {
						div {
							&:nth-of-type(1) {
								margin: 0;
								order: 2;
							}

							&:nth-of-type(2) {
								margin: 0 19.85px 0 0;
								order: 1;
							}
						}
					}

					h5 {
						margin: 0 0 14px;
						font-size: 16px;
					}

					iframe {
						height: 678px !important;
					}
				}

				& + p {
					margin: 40px 0 0;
				}
			}
		}
	}
}