@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}

svg {display: block;}

body,
html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	/*background-color: rgba(241,242,237,1.00);*/
	scroll-behavior: smooth;
}

body {
	animation: fadeIn 0.5s ease 0s 1 normal;
	-webkit-animation: fadeIn 0.5s ease 0s 1 normal;
	-webkit-text-size-adjust: 100%;
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@media (min-width:1400px) {

	/* =========================初期（トップ）========================= */
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		transition:
			opacity 0.4s ease,
			transform 0.4s ease;
		will-change: opacity, transform;
		opacity: 0;
		pointer-events: none;
		background: rgba(241, 242, 237, 0.95);
		backdrop-filter: blur(6px);

		.wrap {
			max-width: 90%;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 18px 0;

			.logo img {
				height: 46px;
				transition:
					opacity 0.3s ease,
					transform 0.3s ease;
			}

			.logo img:hover {
				opacity: 0.7;
				transform: translateY(0px);
			}
		}

		/* =========================ナビ========================= */
		.navi {
			display: flex;
			list-style: none;
			margin: 0;
			padding: 0;

			li {
				position: relative;
				padding: 0 16px;
				/* ← ここを縮める */
			}

			a {
				text-decoration: none;
				font-size: 14px;
				letter-spacing: 0.12em;
				color: #333;
				transition: opacity 0.3s ease;
				position: relative;
			}

			a::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: -4px;
				width: 0%;
				height: 1px;
				background: currentColor;
				opacity: 0.4;
				transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
			}

			a:hover::after {
				width: 100%;
			}

			a:hover {
				opacity: 0.6;
			}
		}

		li:not(:last-child)::after {
			content: "";
			position: absolute;
			right: 0;
			/* liの右端に配置 */
			top: 50%;
			/* 縦中央 */
			width: 1px;
			height: 18px;
			/* ← 下に伸ばす（ここ重要） */
			background: #aaa;
			transform: translateY(-50%) rotate(25deg);
		}
	}

	#header_bw {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;

		transition:
			opacity 0.4s ease,
			transform 0.4s ease;
		will-change: opacity, transform;
		opacity: 1;
		background: transparent;

		.wrap {
			max-width: 90%;
			/* nakamura変更*/
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 18px 0;

			.logo img {
				height: 46px;
				transition:
					opacity 0.3s ease,
					transform 0.3s ease;
			}

			.logo img:hover {
				opacity: 0.7;
				transform: translateY(0px);
			}
		}

		.navi {
			display: flex;
			list-style: none;
			margin: 0;
			padding: 0;

			li {
				position: relative;
				padding: 0 16px;
				/* ← ここを縮める */
			}

			a {
				text-decoration: none;
				font-size: 14px;
				letter-spacing: 0.12em;
				color: #fff;
				transition: opacity 0.3s ease;
				position: relative;
			}

			a::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: -4px;
				width: 0%;
				height: 1px;
				background: currentColor;
				opacity: 0.4;
				transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
			}

			a:hover::after {
				width: 100%;
			}

			a:hover {
				opacity: 0.6;
			}
		}

		.navi li:not(:last-child)::after {
			content: "";
			position: absolute;
			right: 0;
			/* liの右端に配置 */
			top: 50%;
			/* 縦中央 */
			width: 1px;
			height: 18px;
			/* ← 下に伸ばす（ここ重要） */
			background: #fff;
			transform: translateY(-50%) rotate(25deg);
		}

	}

	/* =========================スクロール後========================= */
	body.scrolled #header {
		opacity: 1;
		pointer-events: auto;
	}

	body.scrolled #header_bw {
		opacity: 0;
		pointer-events: none;
	}

	/* =========================上に隠れる========================= */
	body.hide-header #header,
	body.hide-header #header_bw {
		transform: translateY(-100%);
	}

	/* ハンバーガーも一緒に隠す */
	body.hide-header .hamburger-overlay {
		transform: translateY(-100%);
		opacity: 0;
	}

	/* 通常表示 */
	.hamburger-overlay {
		transition: 0.4s ease;
	}

	.hamburger {
		display: none;
	}

	.hamburger-overlay {
		display: none;
	}

	.nav-overlay {
		display: none;
	}

	#main {
		width: 100%;
		height: auto;
		position: relative;
	}

	#main .main_image {
		width: 100%;
		height: 100vh;
		position: relative;
	}

	#main .main_image .slider {
		overflow: hidden;
		width: 100%;
		height: 100vh;

		img {
			width: 100%;
			height: auto;
		}
	}

	.slick-active,
	.slick-slide:has(+ .slick-active),
	.slick-slide:last-child {
		animation: zoom-in 30s ease-out infinite;
	}

	@keyframes zoom-in {
		100% {
			transform: scale(1.2);
		}
	}

	#main .main_image .cover {
		width: 100%;
		height: 100Vh;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.4);
	}

	#main .main_image .main_image_content {
		width: 980px;
		height: 170px;
		display: flex;
		flex-flow: row wrap;
		position: absolute;
		left: 4%;
		bottom: 4%;
		/*mix-blend-mode:hard-light;
	/*background-color: rgba(0,0,0,0.4);*/
	}


	#main .main_image .main_image_content .cont_right {
		width: 930px;
		padding-left: 30px;
		display: flex;
		flex-flow: column wrap;
	}

	#main .main_image .main_image_content .cont_right .main_text {
		font-size: 38px;
		line-height: 1.5em;
		color: #ffffff;
		letter-spacing: 0.1em;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 400;
		padding-top: 20px;
		/*mix-blend-mode: overlay;*/
	}

	#main .main_image .main_image_content .cont_right .sub_text {
		font-size: 14px;
		letter-spacing: 0.1em;
		color: #ffffff;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: bold;
	}



	#info {
		width: 100%;
		height: 100%;
		background-color: rgba(241, 242, 237, 1.00);
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding-top: 140px;
		/* nakamura追加 */
		padding-bottom: 300px;
		/* nakamura追加 */

		.wrap {
			width: 1200px;
			height: auto;
			margin: 0 auto;
			position: relative;
			text-align: center;
			font-size: 20px;
			line-height: 36px;
			letter-spacing: .2em;

		}

	}

	#news {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #ffffff;
	}

	/* 背景を全体に */
	#particles-js {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	#news .news_wrap {
		width: 1000px;
		padding-top: 100px;
		padding-bottom: 150px;
		margin: 0 auto;
		z-index: 1;
		position: relative;
		pointer-events: none;
	}

	#news .news_wrap * {
		pointer-events: auto;
	}

	#news .news_wrap .news_title {
		width: 100%;
		padding-top: 20px;
		margin-bottom: 20px;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: 0.1em;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-content: center;


		span {
			margin-top: 10px;
			font-size: 16px;
			line-height: 16px;
			color: #333333;
			display: inline-block;
			text-align: center;
		}
	}

	#news .news_wrap .news_list {
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-flow: column wrap;
		list-style-type: none;
		z-index: 100;
		position: relative;
		/* ← これ追加 */

		li {
			width: 100%;
			margin: 0px;
			padding-top: 18px;
			/* nakamura変更 */
			padding-bottom: 10px;
			border-bottom: 1px solid #8d8c84;
			/* nakamura変更 */
			list-style-type: none;
			color: #000000;
			font-size: 13px;
			padding-left: 10px;
			padding-right: 10px;
			display: block;


			a {
				color: #000000;
				text-decoration: none;
				display: block;
				transition: transform 0.3s ease, opacity 0.3s ease;
			}

			/* 
			a:hover {
				background-color: rgba(180, 190, 210, 0.40);
			}
 */


			a:hover {
				transform: translateX(4px);
				opacity: 0.7;
			}


			.date {
				width: 200px;
				display: inline-block;
				font-family: "Zen Kaku Gothic New", sans-serif;
			}

			.icon_1 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #8099FF;
				background-color: #8099FF;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

			.icon_2 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #273A8B;
				background-color: #273A8B;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

			.icon_3 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #D2BB61;
				background-color: #D2BB61;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}



		}
	}




	#pickup {
		width: 100%;
		min-height: 450px;
		background-color: rgba(241, 242, 237, 1.00);
		padding-top: 100px;
		padding-bottom: 120px;

		.pu_title {
			width: 100%;
			text-align: center;
			font-size: 32px;
			line-height: 32px;
			letter-spacing: .1em;
			display: block;
			margin-top: 20px;
			margin-bottom: 40px;

			span {
				color: #333333;
				margin-top: 10px;
				font-size: 16px;
				display: block;
			}
		}

		.pu_list {
			max-width: 1400px;
			/* ← 変更 */
			width: 98%;
			/* ← 追加 */
			height: auto;
			display: flex;
			flex-flow: row wrap;
			margin: 0 auto;
			justify-content: space-between;
			/* ← 追加 */
			padding-bottom: 50px;

			.pu_content {
				width: 320px;
				height: 280px;
				display: block;
				cursor: pointer;
				position: relative;
				box-shadow: 2px 2px 5px #cccccc;
				margin-bottom: 40px;


				.pu_cont_photo {
					width: 100%;
					height: 220px;
					overflow: hidden;

					img {
						height: 220px;
						width: 100%;
						object-fit: cover;
						transition: 1s all;
					}
				}

				.pu_cont_info {
					width: 100%;
					height: 60px;
					display: block;
					font-size: 12px;
					line-height: 12px;
					align-content: center;
					align-items: center;
					position: relative;
					background-color: #ffffff;

					.top {
						width: 100%;
						height: 30px;
						padding: 0 10px;
						display: flex;
						align-items: flex-end;
						gap: 0 10px;

						.buy {
							width: 60px;
							min-height: 20px;
							font-size: 12px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #7F99FF;
							background-color: #7F99FF;
							color: #ffffff;
						}

						.rent {
							width: 60px;
							min-height: 20px;
							font-size: 12px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #273A8B;
							background-color: #273A8B;
							color: #ffffff;
						}

						.cate {
							min-width: 60px;
							min-height: 20px;
							font-size: 12px;
							padding: 0 10px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #000000;
							color: #000000;
						}

						.room {
							min-width: 60px;
							min-height: 20px;
							font-size: 12px;
							padding: 0 10px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #000000;
							color: #000000;
						}
					}

					.bottom {
						width: 100%;
						height: 30px;
						padding: 0 10px;
						display: flex;
						align-items: center;
						font-size: 14px;
						position: relative;
					}
				}

				.bottom::after {
					content: '>>';
					letter-spacing: -5px;
					font-size: 11px;
					color: #333333;
					height: 30px;
					display: flex;
					align-items: center;
					position: absolute;
					right: 5px;
					top: 0;
					padding: 0 10px;
				}
			}

			/* 			.pu_content:hover .pu_cont_photo img {
				transform: scale(1.2, 1.2);
				transition: 1s all;
			} */


			.pu_content {
				transition: transform 0.4s ease, box-shadow 0.4s ease;
			}

			.pu_content:hover {
				transform: translateY(-4px);
				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
			}

			.pu_content_blank {
				width: 320px;
				height: 280px;
				background-image: url(../img/pickup-blank.jpg);
				background-size: 100% auto;
				background-position: center;
				background-repeat: no-repeat;
				box-shadow: 2px 2px 5px #cccccc;
			}
		}
	}

	.loop-wrap {
		display: block;
		align-items: center;
		justify-content: space-between;
		overflow: hidden;
		width: 100%;
		height: 100px;
		margin-top: 50px;
		margin-bottom: 50px;
		position: relative;
	}

	.loop-wrap .inner {
		width: 100%;
		height: 100px;
		position: absolute;
		left: 0;
		top: 0;
	}

	.loop-wrap .inner .wrap {
		width: 100%;
		height: 100px;
		margin: 0 0;
		padding: 10px 0;
		position: relative;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: .1em;
		color: #ffffff;
		text-align: center;
		z-index: 99;

		span {
			margin-top: 10px;
			font-size: 16px;
			display: block;
			color: #ffffff;
		}
	}

	.loop-area {
		display: flex;
		animation: loop-slide 80s infinite linear 1s both;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.loop-area .content {
		font-size: 96px;
		line-height: 100px;
		color: rgba(75, 80, 82, 1.0);
		width: auto;
		display: inline-block;
		margin-right: 20px;
		font-family: "Aboreto", system-ui;
		letter-spacing: 0.2rem;
	}

	@keyframes loop-slide {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(-100%);
		}
	}




	#business {
		width: 100%;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		background-color: #393E41;
		padding-top: 80px;
		padding-bottom: 100px;

		.content_text {
			height: 180px;
		}


		.bisiness_wrap {
			width: 1400px;
			margin: 0 auto;
			position: relative;

			.content_image {
				transition: transform 0.4s ease, box-shadow 0.4s ease;
			}

			/* 画像だけ浮く */
			.content_image:hover {
				transform: translateY(-6px);
				box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
			}

			.bis_title {
				width: 100%;
				text-align: center;
				font-size: 32px;
				line-height: 32px;
				letter-spacing: .1em;
				display: block;
				margin-top: 20px;
				margin-bottom: 40px;
				color: #ffffff;

				span {
					margin-top: 10px;
					font-size: 16px;
					display: block;
					color: #ffffff;
				}
			}

			.bis_image_wrap {
				display: flex;
				flex-wrap: row wrap;
				margin: 0 auto;
				position: relative;
				justify-content: space-between;
				align-items: stretch;



				.bis_image_content_lft {
					width: 425px;
					height: 600px;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 425px;
						display: block;
						position: relative;

						.content_image {
							width: 425px;
							height: 294px;
							background-image: url('../img/business-cond.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}


						.content_caption {
							width: 100%;
							font-size: 14px;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 20px;
								color: #ffffff;
								justify-content: space-between;

								/* =========================
  Moreリンク全体
========================= */
								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}

				.bis_image_content_mid {
					width: 425px;
					height: 600px;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 425px;
						display: block;
						position: relative;

						.content_image {
							width: 425px;
							height: 294px;
							background-image: url('../img/business-rent.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 14px;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 20px;
								color: #ffffff;
								justify-content: space-between;

								/* =========================
  Moreリンク全体
========================= */
								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}

				.bis_image_content_rit {
					width: 425px;
					height: 600px;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 425px;
						display: block;
						position: relative;

						.content_image {
							width: 425px;
							height: 294px;
							background-image: url('../img/business-sv.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 14px;
							line-height: 2em;
							letter-spacing: 0.2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 20px;
								color: #ffffff;
								justify-content: space-between;

								/* =========================
  Moreリンク全体
========================= */
								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}
			}
		}
	}



	#footer {
		width: 100%;
		/* background-color: rgba(241, 242, 237, 1.00); */
		background-color: #ffffff;
		height: 230px;
		margin: 0;
		padding-top: 30px;
		display: flex;
		position: relative;

		.footer_wave {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			transform: translateY(-98%);
			/* ← これが重要 */
			line-height: 0;
		}

		.footer_wave img {
			width: 100%;
			height: auto;
			display: block;
		}

		.ft-wrap {
			width: 1200px;
			margin: 0 auto;
			display: flex;
			flex-direction: column;

			.ft-wrap-top {
				width: 100%;
				height: 100%;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-around;
				padding-bottom: 100px;


				.ft-logo {
					width: 320px;
					display: flex;
					align-items: center;
					justify-content: center;

					.img {
						width: 295px;
						height: 85;
					}
				}


				.ft-info {
					width: 320px;
					display: flex;
					align-items: center;
					justify-content: center;

					.ft-info-wrap {
						width: 320px;
						height: 60px;

						.add {
							font-size: 12px;
							line-height: 1.5em;
							font-family: "Zen Kaku Gothic New", sans-serif;
							color: #727169;
							font-weight: 500;
							letter-spacing: 0.1em;

						}

						.tel {
							display: flex;
							font-size: 16px;
							font-family: "Zen Kaku Gothic New", sans-serif;
							line-height: 1.7em;
							color: #727169;
							letter-spacing: 0.1em;

							.telicon {
								margin-top: 4px;
								width: 18px;
								height: 18px;
								margin-right: 5px;
								background-image: url(../img/ft-tel-icon.svg);
							}

							.faxicon {
								margin-top: 8px;
								width: 19px;
								height: 15px;
								margin-right: 5px;
								background-image: url(../img/ft-fax-icon.svg);
							}
						}
					}
				}

				.ft-map {
					width: 320px;
					display: flex;
					align-items: center;
					justify-content: center;

					#map {
						width: 295px;
						height: 150px;
					}
				}
			}

			.ft-wrap-bottom {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;

				a {
					text-decoration: none;
					color: #727169;
					text-underline-offset: 5px;
					font-family: "Zen Kaku Gothic New", sans-serif;
					font-size: 13px;
				}
			}

			.ft-wrap-bottom a {
				text-decoration: none;
				/* ← デフォの下線は消す */
				color: #696a72;
				position: relative;
				display: inline-block;
				/* ←これが超重要 */
				font-family: "Zen Kaku Gothic New", sans-serif;
			}

			/* 擬似要素で下線を作る */
			.ft-wrap-bottom a::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: -1px;
				/* 少し下に */
				width: 0%;
				height: 1px;
				background: #969696;
				transition: width 0.3s ease;
			}

			/* ホバーで伸びる */
			.ft-wrap-bottom a:hover::after {
				width: 100%;
			}



		}
	}

	#footer-btm {
		font-family: "Zen Kaku Gothic Antique", sans-serif;
		font-size: 5%;
		width: 100%;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #383e40;
		color: #adadad;
		letter-spacing: 0.2rem;
	}

	.fadeIn_up {
		opacity: 0;
		transform: translate(0, 25%);
		transition: 2s;
	}

	.fadeIn_up.is-show {
		transform: translate(0, 0);
		opacity: 2;
	}

	.fadeIn_up2 {
		opacity: 0;
		transform: translate(0, 50%);
		transition: 2s;
	}

	.fadeIn_up2.is-show {
		transform: translate(0, 0);
		opacity: 1.5;
	}

	.fadeIn_up3 {
		opacity: 0;
		transform: translate(0, 100%);
		transition: 2s;
	}

	.fadeIn_up3.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_down {
		opacity: 0;
		transform: translate(0, -50%);
		transition: 2s;
	}

	.fadeIn_down.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_left {
		opacity: 0;
		transform: translate(-50%, 0);
		transition: 2s;
	}

	.fadeIn_left.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_right {
		opacity: 0;
		transform: translate(50%, 0);
		transition: 2s;
	}

	.fadeIn_right.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@media (max-width:1399px) and (min-width:601px) {

	#header,
	#header_bw {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;

		transition:
			opacity 0.4s ease,
			transform 0.4s ease;
		will-change: opacity, transform;
	}




	/* =========================初期（トップ）========================= */
	#header {
		opacity: 0;
		pointer-events: none;
	}

	#header_bw {
		opacity: 1;
	}

	#header_bw .wrap {
		max-width: 90%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 18px 0;
	}

	/* =========================スクロール後========================= */
	body.scrolled #header {
		opacity: 1;
		pointer-events: auto;
	}

	body.scrolled #header_bw {
		opacity: 0;
		pointer-events: none;
	}

	/* =========================上に隠れる========================= */
	body.hide-header #header,
	body.hide-header #header_bw {
		transform: translateY(-100%);
	}

	/* =========================レイアウト========================= */
	#header .wrap {
		max-width: 90%;
		/* nakamura変更*/
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 18px 0;
	}



	/* =========================背景========================= */
	#header {
		background: rgba(241, 242, 237, 0.95);
		backdrop-filter: blur(6px);
	}

	#header_bw {
		background: transparent;
	}


	/* =========================ロゴ========================= */
	.logo img {
		height: 46px;
	}

	.logo img {
		transition:
			opacity 0.3s ease,
			transform 0.3s ease;
	}

	.logo img:hover {
		opacity: 0.7;
		transform: translateY(0px);
	}

	.navi {
		display: none;
	}

	/* ハンバーガー*/

	/* デフォルト（黒） */
	.hamburger-overlay__line {
		background: #273a8b;
	}

	/* 白ヘッダー時 */
	body:not(.scrolled) .hamburger-overlay__line {
		background: #fff;
	}

	.hamburger-overlay {
		position: fixed;
		top: 20px;
		/* right: 20px; */
		right: 6%;
		z-index: 10000;
		width: 44px;
		height: 44px;
		border: none;
		background: transparent;
	}

	/* 線 */
	.hamburger-overlay__line {
		position: absolute;
		left: 10px;
		width: 24px;
		height: 2px;
		background: #273a8b;
		transition: 0.4s;
	}

	/* 白背景（トップ） */
	body:not(.scrolled) .hamburger-overlay__line {
		background: #fff;
	}

	/* スクロール後 */
	body.scrolled .hamburger-overlay__line {
		background: #273a8b;
	}

	.hamburger-overlay__line:nth-child(1) {
		top: 14px;
	}

	.hamburger-overlay__line:nth-child(2) {
		top: 22px;
	}

	.hamburger-overlay__line:nth-child(3) {
		top: 30px;
	}

	/* 開いた時 */
	.hamburger-overlay.active .hamburger-overlay__line:nth-child(1) {
		transform: translateY(8px) rotate(-45deg);
	}

	.hamburger-overlay.active .hamburger-overlay__line:nth-child(2) {
		opacity: 0;
	}

	.hamburger-overlay.active .hamburger-overlay__line:nth-child(3) {
		transform: translateY(-8px) rotate(45deg);
	}

	/* =========================
  メニュー
========================= */
	.nav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;

		background: rgba(243, 244, 239, 0.96);
		backdrop-filter: blur(10px);

		visibility: hidden;
		opacity: 0;
		transition: all 0.6s;
		z-index: 900;
	}

	.nav-overlay.active {
		visibility: visible;
		opacity: 1;
	}

	/* =========================
  中央配置
========================= */
	.nav-overlay__content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
	}

	/* =========================
  リスト
========================= */
	.nav-overlay__list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nav-overlay__item {
		opacity: 0;
		transform: translateY(20px);
		transition: all 0.6s;
	}

	/* 順番アニメーション */
	.nav-overlay.active .nav-overlay__item {
		opacity: 1;
		transform: translateY(0);
	}

	.nav-overlay.active .nav-overlay__item:nth-child(1) {
		transition-delay: 0.1s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(2) {
		transition-delay: 0.15s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(3) {
		transition-delay: 0.2s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(4) {
		transition-delay: 0.25s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(5) {
		transition-delay: 0.3s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(6) {
		transition-delay: 0.35s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(7) {
		transition-delay: 0.4s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(8) {
		transition-delay: 0.45s;
	}

	/* =========================
  テキスト（ロクマ仕様）
========================= */
	.nav-overlay__link {
		position: relative;
		display: inline-block;
		padding: 16px;
		color: #273a8b;
		font-size: 20px;
		letter-spacing: 0.1em;
		text-decoration: none;
		font-family: "Zen Old Mincho", serif;
		transition: all 0.3s ease;
	}

	/* 下線アニメ */
	.nav-overlay__link::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 6px;
		width: 0%;
		height: 1px;
		background: #273a8b;
		transition: width 0.3s ease;
	}

	.nav-overlay__link:hover::after {
		width: 100%;
	}

	/* ホバー */
	.nav-overlay__link:hover {
		letter-spacing: 0.2em;
		opacity: 0.7;
	}

	#main {
		width: 100%;
		height: auto;
		position: relative;
	}

	#main .main_image {
		width: 100%;
		height: 100vh;
		position: relative;
	}

	#main .main_image .slider {
		overflow: hidden;
		width: 100%;
		height: 100vh;
		position: relative;


		img {
			width: 100%;
			height: 100vh;
			object-fit: cover;
			object-position: center top;
		}
	}

	.slick-active,
	.slick-slide:has(+ .slick-active),
	.slick-slide:last-child {
		animation: zoom-in 30s ease-out infinite;
	}

	@keyframes zoom-in {
		100% {
			transform: scale(1.2);
		}
	}

	#main .main_image .cover {
		width: 100%;
		height: 100Vh;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.4);
	}

	#main .main_image .main_image_content {
		width: auto;
		height: 170px;
		display: flex;
		flex-flow: row wrap;
		position: absolute;
		left: 4%;
		bottom: 4%;
		/*mix-blend-mode:hard-light;
	/*background-color: rgba(0,0,0,0.4);*/
	}

	#main .main_image .main_image_content .cont_left {
		width: 40px;
		padding-right: 40px;
		position: relative;
	}

	/* スクロールダウンの位置 */
	.scroll {
		position: absolute;
		left: 15px;
		top: 20px;
		font-size: 1vw;
		writing-mode: vertical-rl;
		color: #ffffff;
	}

	/* 線のアニメーション部分 */
	.scroll::before {
		animation: scroll 2s infinite;
		background-color: #ffffff;
		bottom: -9vw;
		content: "";
		height: 9vw;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		width: 1px;
	}

	/* 線のアニメーション */
	@keyframes scroll {
		0% {
			transform: scale(1, 0);
			transform-origin: 0 0;
		}

		50% {
			transform: scale(1, 1);
			transform-origin: 0 0;
		}

		51% {
			transform: scale(1, 1);
			transform-origin: 0 100%;
		}

		100% {
			transform: scale(1, 0);
			transform-origin: 0 100%;
		}
	}

	#main .main_image .main_image_content .cont_right {
		padding-left: 30px;
		display: flex;
		flex-flow: column wrap;
	}

	#main .main_image .main_image_content .cont_right .main_text {
		font-size: 3vw;
		line-height: 1.5em;
		color: #ffffff;
		letter-spacing: 0.1em;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 400;
		/*mix-blend-mode: overlay;*/

	}

	#main .main_image .main_image_content .cont_right .sub_text {
		font-size: 14px;
		letter-spacing: 0.1em;
		color: #ffffff;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: bold;
	}

	#info {
		width: 100%;
		padding: 50px 20px;
		background-color: rgba(241, 242, 237, 1.00);
		display: flex;
		justify-content: center;
		align-items: center;

		.wrap {
			width: 100%;
			height: auto;
			margin: 0 auto;
			position: relative;
			text-align: center;
			font-size: 2vw;
			line-height: 1.8em;
			letter-spacing: .2em;

		}
	}

	#news {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #ffffff;
		padding: 50px 20px;

	}

/* 背景を全体に */
	#particles-js {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	#news .news_wrap {
		padding-top: 50px;
		/* nakamura追加 */
		padding-bottom: 100px;
		/* nakamura追加 */
		width: 90%;
		margin: 0 auto;
		z-index: 1;

	/* 	.particles-js-canvas-el {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
		}

		/* 背景アニメーション */
		/* 	#lineCanvas {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-inde */
		/* x: 0;  */
	}



	#news .news_wrap .news_title {
		width: 100%;
		padding-top: 20px;
		margin-bottom: 20px;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: 0.1em;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-content: center;

		span {
			margin-top: 10px;
			font-size: 16px;
			line-height: 16px;
			color: #333333;
			display: inline-block;
			text-align: center;
		}
	}

	#news .news_wrap .news_list {
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-flow: column wrap;
		list-style-type: none;
		z-index: 100;
		position: relative;

		li {
			width: 100%;
			margin: 0px;
			padding-top: 18px;
			/* nakamura変更 */
			padding-bottom: 10px;
			border-bottom: 1px solid #8d8c84;
			/* nakamura変更 */
			list-style-type: none;
			color: #000000;
			font-size: 13px;
			padding-left: 10px;
			padding-right: 10px;
			display: block;


			a {
				color: #000000;
				text-decoration: none;
				display: block;
			}

			/* 			a:hover {
				background-color: rgba(180, 190, 210, 0.40);
			} */

			.date {
				width: 200px;
				display: inline-block;
				font-family: "Zen Kaku Gothic New", sans-serif;
			}

			.icon_1 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #8099FF;
				background-color: #8099FF;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

			.icon_2 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #273A8B;
				background-color: #273A8B;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

			.icon_3 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #D2BB61;
				background-color: #D2BB61;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

		}
	}

	#pickup {
		width: 100%;
		min-height: 450px;
		background-color: rgba(241, 242, 237, 1.00);
		padding: 50px 20px;

		.pu_title {
			width: 100%;
			text-align: center;
			font-size: 32px;
			line-height: 32px;
			letter-spacing: .1em;
			display: block;
			margin-top: 20px;
			margin-bottom: 40px;

			span {
				color: #333333;
				margin-top: 10px;
				font-size: 16px;
				display: block;
			}
		}

		.pu_list {
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			margin: 0 auto;
			padding-bottom: 50px;
			gap: 30px;

			.pu_content {
				width: 45%;
				height: auto;
				display: block;
				cursor: pointer;
				position: relative;
				box-shadow: 2px 2px 5px #cccccc;



				.pu_cont_photo {
					width: 100%;
					height: 30vw;
					overflow: hidden;

					img {
						height: 30vw;
						width: 100%;
						object-fit: cover;
						transition: 1s all;
					}
				}

				.pu_cont_info {
					width: 100%;
					height: auto;
					display: flex;
					font-size: 14px;
					line-height: 12px;
					align-content: center;
					align-items: center;
					position: relative;
					background-color: #ffffff;
					flex-direction: column;
					/* ← これ追加 */


					.top {
						width: 100%;
						height: 30px;
						padding: 0 10px;
						display: flex;
						align-items: flex-end;
						gap: 0 10px;

						.buy {
							width: 60px;
							min-height: 20px;
							font-size: 12px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #7F99FF;
							background-color: #7F99FF;
							color: #ffffff;
						}

						.rent {
							width: 60px;
							min-height: 20px;
							font-size: 12px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #273A8B;
							background-color: #273A8B;
							color: #ffffff;
						}

						.cate {
							min-width: 60px;
							min-height: 20px;
							font-size: 12px;
							padding: 0 10px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #000000;
							color: #000000;
						}

						.room {
							min-width: 60px;
							min-height: 20px;
							font-size: 12px;
							padding: 0 10px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #000000;
							color: #000000;
						}
					}

					.bottom {
						width: 100%;
						height: 30px;
						padding: 0 10px;
						display: flex;
						align-items: center;
						font-size: 14px;
						position: relative;
					}
				}

				.bottom::after {
					content: '>>';
					letter-spacing: -5px;
					font-size: 11px;
					color: #333333;
					height: 30px;
					display: flex;
					align-items: center;
					position: absolute;
					right: 5px;
					top: 0;
					padding: 0 10px;
				}
			}

			.pu_content:hover .pu_cont_photo img {
				transform: scale(1.2, 1.2);
				transition: 1s all;
			}

			.pu_content_blank {
				width: 45%;
				height: auto;
				background-image: url(../img/pickup-blank.jpg);
				background-size: 100% auto;
				background-position: center;
				background-repeat: no-repeat;
			}
		}
	}

	.loop-wrap {
		display: block;
		align-items: center;
		justify-content: space-between;
		overflow: hidden;
		width: 100%;
		height: 100px;
		margin-top: 50px;
		margin-bottom: 50px;
		position: relative;
	}

	.loop-wrap .inner {
		width: 100%;
		height: 100px;
		position: absolute;
		left: 0;
		top: 0;
	}

	/* 	.loop-wrap .inner .wrap {
		width: 100%;
		height: 100px;
		margin: 0 0;
		padding: 10px 0;
		position: relative;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: .1em;
		color: #ffffff;
		text-align: center;
		z-index: 99;

		span {
			margin-top: 10px;
			font-size: 16px;
			display: block;
			color: #ffffff;
		}
	} */

	.loop-wrap .inner .wrap {
		width: 100%;
		height: 100px;
		margin: 0 0;
		padding: 10px 0;
		position: relative;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: .1em;
		color: #ffffff;
		text-align: center;
		z-index: 99;

		span {
			margin-top: 10px;
			font-size: 16px;
			display: block;
			color: #ffffff;
		}
	}

	.loop-area {
		display: flex;
		animation: loop-slide 80s infinite linear 1s both;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.loop-area .content {
		font-size: 96px;
		line-height: 100px;
		color: rgba(75, 80, 82, 1.0);
		width: auto;
		display: inline-block;
		margin-right: 20px;
		font-family: "Aboreto", system-ui;
		letter-spacing: 0.2rem;
	}

	@keyframes loop-slide {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(-100%);
		}
	}

	/* #business {
		width: 100%;
		padding: 0px 20px;
		padding-bottom: 50px;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		background-color: #393E41;

		.bisiness_wrap {
			width: 100%;
			margin: 0 auto;
			position: relative;

			.bis_image_wrap {
				display: flex;
				flex-wrap: row wrap;
				margin: 0 auto;
				position: relative;
				justify-content: space-between;
				align-items: stretch;


				.bis_image_content_lft {
					width: 30%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 20vw;
							background-image: url('../img/business-cond.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 1.4vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 2vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									display: block;
									padding-bottom: 5px;
									border-bottom: 1px solid #ffffff;

									a {
										color: #ffffff;
										text-decoration: none;
									}

									img {
										height: 2vw;
										padding-bottom: 4px;
										vertical-align: text-bottom;
									}
								}
							}
						}
					}
				}

				.bis_image_content_mid {
					width: 30%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 20vw;
							background-image: url('../img/business-rent.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 1.4vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 2vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									display: block;
									padding-bottom: 5px;
									border-bottom: 1px solid #ffffff;

									a {
										color: #ffffff;
										text-decoration: none;
									}

									img {
										height: 2vw;
										padding-bottom: 4px;
										vertical-align: text-bottom;
									}
								}
							}
						}
					}
				}

				.bis_image_content_rit {
					width: 30%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 20vw;
							background-image: url('../img/business-sv.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 1.4vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 2vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									display: block;
									padding-bottom: 5px;
									border-bottom: 1px solid #ffffff;

									a {
										color: #ffffff;
										text-decoration: none;
									}

									img {
										height: 2vw;
										padding-bottom: 4px;
										vertical-align: text-bottom;
									}
								}
							}
						}
					}
				}
			}
		}
	} */
	#business {
		width: 100%;
		padding: 0px 20px;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		background-color: #393E41;
		padding-top: 50px;
		padding-bottom: 150px;

		.content_text {
			height: 180px;
		}

		.bisiness_wrap {
			width: 90%;
			margin: 0 auto;
			position: relative;

			.bis_image_wrap {
				width: 100%;
				display: flex;
				flex-wrap: row wrap;
				margin: 0 auto;
				position: relative;
				justify-content: space-between;
				align-items: stretch;


				.bis_image_content_lft {
					width: 30%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 20vw;
							background-image: url('../img/business-cond.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 1.2vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 1.75vw;
								color: #ffffff;
								justify-content: space-between;


								/* =========================
  Moreリンク全体
========================= */
								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}

				.bis_image_content_mid {
					width: 30%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 20vw;
							background-image: url('../img/business-rent.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 1.2vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;


							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 1.75vw;
								color: #ffffff;
								justify-content: space-between;

								/* =========================
  Moreリンク全体
========================= */
								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}

				.bis_image_content_rit {
					width: 30%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 20vw;
							background-image: url('../img/business-sv.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 1.2vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 1.75vw;
								color: #ffffff;
								justify-content: space-between;

								/* =========================
  Moreリンク全体
========================= */
								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}
			}
		}
	}




	#footer {
		width: 100%;
		/* background-color: rgba(241, 242, 237, 1.00); */
		background-color: #ffffff;
		height: auto;
		margin: 0;
		padding: 0;
		display: flex;
		position: relative;
		padding: 0 20px;
		padding-bottom: 3%;

		.footer_wave {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			transform: translateY(-98%);
			/* ← これが重要 */
			line-height: 0;
		}

		.footer_wave img {
			width: 100%;
			height: auto;
			display: block;
		}


		.ft-wrap {
			width: 100%;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			padding-top: 30px;

			.ft-wrap-top {
				width: 100%;
				height: auto;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-around;

				.ft-logo {
					width: 300px;
					margin-bottom: 20px;
					display: flex;
					align-items: center;
					justify-content: center;

					.img {
						width: 295px;
						height: 85;
					}
				}

				.ft-info {
					width: 320px;
					margin-bottom: 20px;
					display: flex;
					align-items: center;
					justify-content: center;


					.ft-info-wrap {
						width: 295px;
						height: 60px;

						.add {
							font-size: 12px;
							line-height: 1.5em;
							font-family: "Zen Kaku Gothic New", sans-serif;
							color: #727169;
							font-weight: 500;

						}

						.tel {
							display: flex;
							font-size: 16px;
							font-family: "Zen Kaku Gothic New", sans-serif;
							line-height: 1.7em;
							color: #727169;
							letter-spacing: 0.1em;

							.telicon {
								margin-top: 4px;
								width: 18px;
								height: 18px;
								margin-right: 5px;
								background-image: url(../img/ft-tel-icon.svg);
							}

							.faxicon {
								margin-top: 8px;
								width: 19px;
								height: 15px;
								margin-right: 5px;
								background-image: url(../img/ft-fax-icon.svg);
							}
						}
					}
				}

				.ft-map {
					margin-bottom: 20px;
					width: 300px;
					display: flex;
					align-items: center;
					justify-content: center;

					#map {
						width: 295px;
						height: 150px;
					}
				}
			}

			.ft-wrap-bottom {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: center;
				align-content: center;

				a {
					text-decoration: none;
					color: #727169;
					text-underline-offset: 5px;
					font-family: "Zen Kaku Gothic New", sans-serif;
					font-size: 13px;

				}
			}

			.ft-wrap-bottom a {
				text-decoration: none;
				/* ← デフォの下線は消す */
				color: #696a72;
				position: relative;
				font-family: "Zen Kaku Gothic New", sans-serif;
			}

			.ft-wrap-bottom a:active::after {
				width: 100%;
			}

			.ft-wrap-bottom a:active {
				opacity: 0.6;
				transform: translateY(1px);
			}


		}
	}

	#footer-btm {
		font-family: "Zen Kaku Gothic Antique", sans-serif;
		font-size: 5%;
		width: 100%;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #383e40;
		color: #adadad;
		letter-spacing: 0.2rem;
	}

	.fadeIn_up {
		opacity: 0;
		transform: translate(0, 25%);
		transition: 2s;
	}

	.fadeIn_up.is-show {
		transform: translate(0, 0);
		opacity: 2;
	}

	.fadeIn_up2 {
		opacity: 0;
		transform: translate(0, 50%);
		transition: 2s;
	}

	.fadeIn_up2.is-show {
		transform: translate(0, 0);
		opacity: 1.5;
	}

	.fadeIn_up3 {
		opacity: 0;
		transform: translate(0, 100%);
		transition: 2s;
	}

	.fadeIn_up3.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_down {
		opacity: 0;
		transform: translate(0, -50%);
		transition: 2s;
	}

	.fadeIn_down.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_left {
		opacity: 0;
		transform: translate(-50%, 0);
		transition: 2s;
	}

	.fadeIn_left.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_right {
		opacity: 0;
		transform: translate(50%, 0);
		transition: 2s;
	}

	.fadeIn_right.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

}

@media (max-width:600px) {

	/* =========================ヘッダー共通========================= */
	#header,
	#header_bw {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;

		transition:
			opacity 0.4s ease,
			transform 0.4s ease;
		will-change: opacity, transform;
	}

	#header_bw .wrap {
		max-width: 90%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 18px 0;
	}

	/* =========================初期（トップ）========================= */
	#header {
		opacity: 0;
		pointer-events: none;
	}

	#header_bw {
		opacity: 1;
	}

	/* =========================スクロール後========================= */
	body.scrolled #header {
		opacity: 1;
		pointer-events: auto;
	}

	body.scrolled #header_bw {
		opacity: 0;
		pointer-events: none;
	}

	/* =========================上に隠れる========================= */
	body.hide-header #header,
	body.hide-header #header_bw {
		transform: translateY(-100%);
	}

	/* =========================レイアウト========================= */
	#header .wrap {
		max-width: 90%;
		/* nakamura変更*/
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 18px 0;
	}



	/* =========================背景========================= */
	#header {
		background: rgba(241, 242, 237, 0.95);
		backdrop-filter: blur(6px);
	}

	#header_bw {
		background: transparent;
	}

	/* =========================ロゴ========================= */
	.logo img {
		height: 46px;
	}

	.logo img {
		transition:
			opacity 0.3s ease,
			transform 0.3s ease;
	}

	.logo img:hover {
		opacity: 0.7;
		transform: translateY(0px);
	}

	.navi {
		display: none;
	}

	/* ハンバーガー*/

	/* デフォルト（黒） */
	.hamburger-overlay__line {
		background: #273a8b;
	}

	/* 白ヘッダー時 */
	body:not(.scrolled) .hamburger-overlay__line {
		background: #fff;
	}

	.hamburger-overlay {
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 10000;
		width: 44px;
		height: 44px;
		border: none;
		background: transparent;
	}

	/* 線 */
	.hamburger-overlay__line {
		position: absolute;
		left: 10px;
		width: 24px;
		height: 2px;
		background: #273a8b;
		transition: 0.4s;
	}

	/* 白背景（トップ） */
	body:not(.scrolled) .hamburger-overlay__line {
		background: #fff;
	}

	/* スクロール後 */
	body.scrolled .hamburger-overlay__line {
		background: #273a8b;
	}

	.hamburger-overlay__line:nth-child(1) {
		top: 14px;
	}

	.hamburger-overlay__line:nth-child(2) {
		top: 22px;
	}

	.hamburger-overlay__line:nth-child(3) {
		top: 30px;
	}

	/* 開いた時 */
	.hamburger-overlay.active .hamburger-overlay__line:nth-child(1) {
		transform: translateY(8px) rotate(-45deg);
	}

	.hamburger-overlay.active .hamburger-overlay__line:nth-child(2) {
		opacity: 0;
	}

	.hamburger-overlay.active .hamburger-overlay__line:nth-child(3) {
		transform: translateY(-8px) rotate(45deg);
	}

	/* =========================
  メニュー
========================= */
	.nav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;

		background: rgba(243, 244, 239, 0.96);
		backdrop-filter: blur(10px);

		visibility: hidden;
		opacity: 0;
		transition: all 0.6s;
		z-index: 900;
	}

	.nav-overlay.active {
		visibility: visible;
		opacity: 1;
	}

	/* =========================
  中央配置
========================= */
	.nav-overlay__content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
	}

	/* =========================
  リスト
========================= */
	.nav-overlay__list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nav-overlay__item {
		opacity: 0;
		transform: translateY(20px);
		transition: all 0.6s;
	}

	/* 順番アニメーション */
	.nav-overlay.active .nav-overlay__item {
		opacity: 1;
		transform: translateY(0);
	}

	.nav-overlay.active .nav-overlay__item:nth-child(1) {
		transition-delay: 0.1s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(2) {
		transition-delay: 0.15s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(3) {
		transition-delay: 0.2s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(4) {
		transition-delay: 0.25s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(5) {
		transition-delay: 0.3s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(6) {
		transition-delay: 0.35s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(7) {
		transition-delay: 0.4s;
	}

	.nav-overlay.active .nav-overlay__item:nth-child(8) {
		transition-delay: 0.45s;
	}

	/* =========================
  テキスト（ロクマ仕様）
========================= */
	.nav-overlay__link {
		position: relative;
		display: inline-block;
		padding: 16px;
		color: #273a8b;
		font-size: 20px;
		letter-spacing: 0.1em;
		text-decoration: none;
		font-family: "Zen Old Mincho", serif;
		transition: all 0.3s ease;
	}

	/* 下線アニメ */
	.nav-overlay__link::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 6px;
		width: 0%;
		height: 1px;
		background: #273a8b;
		transition: width 0.3s ease;
	}

	.nav-overlay__link:hover::after {
		width: 100%;
	}

	/* ホバー */
	.nav-overlay__link:hover {
		letter-spacing: 0.2em;
		opacity: 0.7;
	}

	#main {
		width: 100%;
		height: auto;
		position: relative;
	}

	#main .main_image {
		width: 100%;
		height: 100vh;
		position: relative;
	}

	#main .main_image .slider {
		overflow: hidden;
		width: 100%;
		height: 100vh;
		position: relative;


		img {
			width: 100%;
			height: 100vh;
			object-fit: cover;
			object-position: center top;
		}
	}

	.slick-active,
	.slick-slide:has(+ .slick-active),
	.slick-slide:last-child {
		animation: zoom-in 30s ease-out infinite;
	}

	@keyframes zoom-in {
		100% {
			transform: scale(1.2);
		}
	}

	#main .main_image .cover {
		width: 100%;
		height: 100Vh;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.4);
	}

	#main .main_image .main_image_content {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		/*mix-blend-mode:hard-light;
	/*background-color: rgba(0,0,0,0.4);*/
	}

	#main .main_image .main_image_content .cont_left {
		display: none;
	}

	/* スクロールダウンの位置 */
	.scroll {
		position: absolute;
		left: 15px;
		top: 20px;
		font-size: 1vw;
		writing-mode: vertical-rl;
		color: #ffffff;
	}

	/* 線のアニメーション部分 */
	.scroll::before {
		animation: scroll 2s infinite;
		background-color: #ffffff;
		bottom: -9vw;
		content: "";
		height: 9vw;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		width: 1px;
	}

	/* 線のアニメーション */
	@keyframes scroll {
		0% {
			transform: scale(1, 0);
			transform-origin: 0 0;
		}

		50% {
			transform: scale(1, 1);
			transform-origin: 0 0;
		}

		51% {
			transform: scale(1, 1);
			transform-origin: 0 100%;
		}

		100% {
			transform: scale(1, 0);
			transform-origin: 0 100%;
		}
	}

	#main .main_image .main_image_content .cont_right {
		display: block;
	}

	#main .main_image .main_image_content .main_text {
		font-size: 4vw;
		line-height: 1.5em;
		color: #ffffff;
		letter-spacing: 0.1em;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 400;
		text-align: center;
	}

	#main .main_image .main_image_content .cont_right .sub_text {
		display: none;
	}

	#info {
		width: 100%;
		padding: 50px 20px;
		background-color: rgba(241, 242, 237, 1.00);
		display: flex;
		justify-content: center;
		align-items: center;

		.wrap {
			width: 100%;
			height: auto;
			margin: 0 auto;
			position: relative;
			text-align: center;
			font-size: 3.5vw;
			line-height: 1.8em;
			letter-spacing: .2em;

		}
	}

	#news {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #ffffff;
		padding: 50px 20px;

	}


	/* 背景を全体に */
	#particles-js {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}


	#news .news_wrap {
		width: 100%;
		margin: 0 auto;
		z-index: 1;
		padding-bottom: 40px;
		/* nakamura追加 */
		margin: 0 auto;
		z-index: 1;
		position: relative;

		/* 背景アニメーション */
		/* 	#lineCanvas {
		position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
		} */
/* 		.particles-js-canvas-el {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
		} */

	}

	#news .news_wrap .news_title {
		width: 100%;
		padding-top: 20px;
		margin-bottom: 20px;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: 0.1em;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-content: center;

		span {
			margin-top: 10px;
			font-size: 16px;
			line-height: 16px;
			color: #333333;
			display: inline-block;
			text-align: center;

		}
	}

	#news .news_wrap .news_list {
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-flow: column wrap;
		list-style-type: none;
		z-index: 100;
		position: relative;


		li {
			width: 100%;
			margin: 0px;
			padding-top: 18px;
			/* nakamura変更 */
			padding-bottom: 10px;
			border-bottom: 1px solid #8d8c84;
			/* nakamura変更 */
			list-style-type: none;
			color: #000000;
			font-size: 3.5vw;
			padding-left: 10px;
			padding-right: 10px;
			display: block;



			a {
				color: #000000;
				text-decoration: none;
				display: block;
			}



			/* 	a:hover {
				background-color: rgba(180, 190, 210, 0.40);
			} */

			.date {
				display: inline-block;
				font-family: "Zen Kaku Gothic New", sans-serif;
				margin-right: 20px;
			}

			.icon_1 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #8099FF;
				background-color: #8099FF;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

			.icon_2 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #273A8B;
				background-color: #273A8B;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

			.icon_3 {
				display: inline-block;
				width: 60px;
				padding: 3px 0px;
				border: 1px solid #D2BB61;
				background-color: #D2BB61;
				color: #ffffff;
				text-align: center;
				margin-right: 20px;
				font-size: 11px;
				line-height: 11px;
			}

			.text {
				width: 100%;
				height: 2em;
				display: flex;
				align-items: center;
			}

		}
	}

	#pickup {
		width: 100%;
		min-height: 450px;
		background-color: rgba(241, 242, 237, 1.00);
		padding: 50px 20px;

		.pu_title {
			width: 100%;
			text-align: center;
			font-size: 32px;
			line-height: 32px;
			letter-spacing: .1em;
			display: block;
			margin-top: 20px;
			margin-bottom: 40px;

			span {
				color: #333333;
				margin-top: 10px;
				font-size: 16px;
				display: block;
			}
		}

		.pu_list {
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			margin: 0 auto;
			padding-bottom: 50px;
			gap: 50px;

			.pu_content {
				width: 100%;
				/* height: 100vw; */
				display: block;
				cursor: pointer;
				position: relative;
				box-shadow: 2px 2px 5px #cccccc;

				.pu_cont_photo {
					width: 100%;
					height: 70vw;
					overflow: hidden;

					img {
						height: 70vw;
						width: 100%;
						object-fit: cover;
						transition: 1s all;
					}
				}

				.pu_cont_info {
					width: 100%;
					height: 60px;
					display: flex;
					font-size: 3.5vw;
					line-height: 1em;
					align-content: center;
					align-items: center;
					position: relative;
					flex-direction: column;
					/* ← これ追加 */
					background-color: #ffffff;


					.top {
						width: 100%;
						height: 30px;
						padding: 0 10px;
						display: flex;
						align-items: flex-end;
						gap: 0 10px;

						.buy {
							width: 60px;
							min-height: 20px;
							font-size: 12px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #7F99FF;
							background-color: #7F99FF;
							color: #ffffff;
						}

						.rent {
							width: 60px;
							min-height: 20px;
							font-size: 12px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #273A8B;
							background-color: #273A8B;
							color: #ffffff;
						}

						.cate {
							min-width: 60px;
							min-height: 20px;
							font-size: 12px;
							padding: 0 10px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #000000;
							color: #000000;
						}

						.room {
							min-width: 60px;
							min-height: 20px;
							font-size: 12px;
							padding: 0 10px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 1px solid #000000;
							color: #000000;
						}
					}

					.bottom {
						width: 100%;
						height: 30px;
						padding: 0 10px;
						display: flex;
						align-items: center;
						font-size: 14px;
						position: relative;
					}
				}

				.bottom::after {
					content: '>>';
					letter-spacing: -5px;
					font-size: 11px;
					color: #333333;
					height: 30px;
					display: flex;
					align-items: center;
					position: absolute;
					right: 5px;
					top: 0;
					padding: 0 10px;
				}
			}

			.pu_content:hover .pu_cont_photo img {
				transform: scale(1.2, 1.2);
				transition: 1s all;
			}

			.pu_content_blank {
				width: 100%;
				height: 70vw;
				background-image: url(../img/pickup-blank.jpg);
				background-size: 100% auto;
				background-position: center;
				background-repeat: no-repeat;
				box-shadow: 2px 2px 5px #cccccc;
			}
		}
	}


	.loop-wrap {
		display: block;
		align-items: center;
		justify-content: space-between;
		overflow: hidden;
		width: 100%;
		height: 100px;
		margin-top: 50px;
		margin-bottom: 50px;
		position: relative;
	}

	.loop-wrap .inner {
		width: 100%;
		height: 100px;
		position: absolute;
		left: 0;
		top: 0;
	}

	.loop-wrap .inner .wrap {
		width: 100%;
		height: 100px;
		margin: 0 0;
		padding: 10px 0;
		position: relative;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: .1em;
		color: #ffffff;
		text-align: center;
		z-index: 99;

		span {
			margin-top: 10px;
			font-size: 16px;
			display: block;
			color: #ffffff;
		}
	}

	.loop-area {
		display: flex;
		animation: loop-slide 80s infinite linear 1s both;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.loop-area .content {
		font-size: 96px;
		line-height: 100px;
		color: rgba(75, 80, 82, 1.0);
		width: auto;
		display: inline-block;
		margin-right: 20px;
		font-family: "Aboreto", system-ui;
		letter-spacing: 0.2rem;
	}

	@keyframes loop-slide {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(-100%);
		}
	}



	/* #business {
		width: 100%;
		padding: 0px 20px;
		padding-bottom: 50px;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		background-color: #393E41;

		.bisiness_wrap {
			width: 100%;
			margin: 0;
			position: relative;

			.bis_image_wrap {
				width: 100%;
				position: relative;

				.bis_image_content_lft {
					width: 100%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;
					margin-bottom: 30px;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 80vw;
							background-image: url('../img/business-cond.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}


						.content_caption {
							width: 100%;
							font-size: 3.5vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 4.5vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									display: block;
									padding-bottom: 5px;
									border-bottom: 1px solid #ffffff;

									a {
										color: #ffffff;
										text-decoration: none;
									}

									img {
										height: 4.5vw;
										padding-bottom: 4px;
										vertical-align: text-bottom;
									}
								}
							}
						}
					}
				}

				.bis_image_content_mid {
					width: 100%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;
					margin-bottom: 30px;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 80vw;
							background-image: url('../img/business-rent.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 3.5vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 4.5vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									display: block;
									padding-bottom: 5px;
									border-bottom: 1px solid #ffffff;

									a {
										color: #ffffff;
										text-decoration: none;
									}

									img {
										height: 4.5vw;
										padding-bottom: 4px;
										vertical-align: text-bottom;
									}
								}
							}
						}
					}
				}

				.bis_image_content_rit {
					width: 100%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 80vw;
							background-image: url('../img/business-sv.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 3.5vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 4.5vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									display: block;
									padding-bottom: 5px;
									border-bottom: 1px solid #ffffff;

									a {
										color: #ffffff;
										text-decoration: none;
									}

									img {
										height: 4.5vw;
										padding-bottom: 4px;
										vertical-align: text-bottom;
									}
								}
							}
						}
					}
				}
			}
		}
	} */

	#business {
		width: 100%;
		padding: 20px 20px;
		padding-bottom: 100px;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		background-color: #393E41;

		.content_text {
			height: 180px;
		}

		.bisiness_wrap {
			width: 100%;
			margin: 0;
			position: relative;

			.bis_image_wrap {
				width: 100%;
				position: relative;

				.bis_image_content_lft {
					width: 100%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;
					margin-bottom: 80px;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 80vw;
							background-image: url('../img/business-cond.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 3vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 4.5vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}

				.bis_image_content_mid {
					width: 100%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;
					margin-bottom: 80px;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 80vw;
							background-image: url('../img/business-rent.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 3vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 4.5vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}

				.bis_image_content_rit {
					width: 100%;
					height: auto;
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;

					.content {
						width: 100%;
						display: block;
						position: relative;

						.content_image {
							width: 100%;
							height: 80vw;
							background-image: url('../img/business-sv.png');
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
						}

						.content_caption {
							width: 100%;
							font-size: 3vw;
							line-height: 2em;
							letter-spacing: .2em;
							text-align: justify;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-flow: column wrap;
							color: #ffffff;
							background-image: url(../img/bg-dark-logo.svg);
							background-repeat: no-repeat;
							background-position: 50% 50px;
							background-size: 80% 80%;

							.content_title {
								width: 100%;
								display: flex;
								padding: 20px 0;
								font-size: 4.5vw;
								color: #ffffff;
								justify-content: space-between;

								.morelink {
									position: relative;
									display: inline-block;
									padding-bottom: 5px;
								}

								/* aタグ */
								.morelink a {
									color: #ffffff;
									text-decoration: none;
									display: inline-flex;
									align-items: center;
									gap: 6px;
									font-size: 16px;
								}

								/* 下線（初期は非表示） */
								.morelink::after {
									content: "";
									position: absolute;
									left: 0;
									bottom: 0;
									width: 0%;
									height: 1px;
									background: #979797;
									transition: width 0.3s ease;
								}

								/* ホバーで線が伸びる */
								.morelink:hover::after {
									width: 100%;
								}

								/* =========================
  矢印アニメーション
========================= */
								.morelink img {
									height: 20px;
									transition: transform 0.3s ease, opacity 0.3s ease;
								}

								/* ホバーで少し動く */
								.morelink:hover img {
									transform: translateX(4px);
									opacity: 0.8;
								}
							}
						}
					}
				}
			}
		}
	}

	#footer {
		width: 100%;
		/* background-color: rgba(241, 242, 237, 1.00); */
		background-color: #ffffff;
		padding: 45px 20px;
		position: relative;


		.footer_wave {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			transform: translateY(-98%);
			/* ← これが重要 */
			line-height: 0;
		}

		.footer_wave img {
			width: 100%;
			height: auto;
			display: block;
		}

		.ft-wrap {
			width: 100%;
			display: flex;
			flex-direction: column;

			.ft-wrap-top {
				width: 100%;
				height: auto;
				display: flex;
				flex-flow: column wrap;
				justify-content: space-around;

				.ft-logo {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-bottom: 20px;

					.img {
						width: 90%;
						height: auto;
					}


				}

				.ft-info {
					width: 300px;
					display: flex;
					align-items: center;
					justify-content: center;
					margin: 0 auto;
					margin-bottom: 30px;

					.ft-info-wrap {
						width: 300px;
						margin: 0 auto;

						.add {
							font-size: 12px;
							line-height: 1.5em;
							font-family: "Zen Kaku Gothic New", sans-serif;
							color: #727169;
							font-weight: 500;
						}

						.tel {
							display: flex;
							font-size: 16px;
							font-family: "Zen Kaku Gothic New", sans-serif;
							line-height: 1.7em;
							color: #727169;
							letter-spacing: 0.1em;

							.telicon {
								margin-top: 4px;
								width: 18px;
								height: 18px;
								margin-right: 5px;
								background-image: url(../img/ft-tel-icon.svg);
							}

							.faxicon {
								margin-top: 8px;
								width: 19px;
								height: 15px;
								margin-right: 5px;
								background-image: url(../img/ft-fax-icon.svg);
							}
						}
					}
				}

				.ft-map {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-bottom: 20px;

					#map {
						width: 295px;
						height: 150px;
					}
				}
			}

			.ft-wrap-bottom {
				width: 100%;
				display: flex;
				justify-content: center;
				align-content: center;

				a {
					text-decoration: none;
					color: #727169;
					text-underline-offset: 5px;
					font-family: "Zen Kaku Gothic New", sans-serif;

				}
			}

			.ft-wrap-bottom a {
				text-decoration: none !important;
				/* ← デフォの下線は消す */
				color: #696a72;
				position: relative;
				font-family: "Zen Kaku Gothic New", sans-serif;
			}


		}
	}

	#footer-btm {
		font-family: "Zen Kaku Gothic Antique", sans-serif;
		font-size: 5%;
		width: 100%;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #383e40;
		color: #adadad;
		letter-spacing: 0.2rem;
	}

	.fadeIn_up {
		opacity: 0;
		transform: translate(0, 25%);
		transition: 2s;
	}

	.fadeIn_up.is-show {
		transform: translate(0, 0);
		opacity: 2;
	}

	.fadeIn_up2 {
		opacity: 0;
		transform: translate(0, 50%);
		transition: 2s;
	}

	.fadeIn_up2.is-show {
		transform: translate(0, 0);
		opacity: 1.5;
	}

	.fadeIn_up3 {
		opacity: 0;
		transform: translate(0, 100%);
		transition: 2s;
	}

	.fadeIn_up3.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_down {
		opacity: 0;
		transform: translate(0, -50%);
		transition: 2s;
	}

	.fadeIn_down.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_left {
		opacity: 0;
		transform: translate(-50%, 0);
		transition: 2s;
	}

	.fadeIn_left.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}

	.fadeIn_right {
		opacity: 0;
		transform: translate(50%, 0);
		transition: 2s;
	}

	.fadeIn_right.is-show {
		transform: translate(0, 0);
		opacity: 1;
	}
}