@charset "utf-8";

body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

.l-prefectures {
	overflow: hidden;
}
#contents {
	width: 100%;
	padding-bottom: 0;
}
.org-main {
	background: var(--color-primary-grayscale-white);
}
.area__contents-title {
	font-size: var(--size-XL);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 1.2px;
	color: var(--color-primary-grayscale-black);
	text-align: center;
}
	.area__contents-title span {
		font-size: var(--size-XL);
		font-weight: 700;
		line-height: 1.25;
		letter-spacing: 1.2px;
		color: var(--color-primary-default-main);
	}


.mainview__section {
	position: relative;
}
	.mainview__image {
		height: 570px;
	}
		.mainview__image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	.mainview__search-contents {
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding: 50px 60px 40px;
		background: var(--color-primary-grayscale-white);
		border-radius: 5px 5px 0 0;
		position: absolute;
		bottom: -95px;
		left: 50%;
		transform: translateX(-50%);
	}
		.mainview__search-contents::before {
			content: '';
			background: url(/images/prefectures/icon_mainview-search-mascot.webp) no-repeat center / cover;
			display: block;
			width: 160px;
			height: 114px;
			position: absolute;
			top: -110px;
			left: 36px;
			pointer-events: none;
		}
		.mainview__search-list {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 15px;
		}
			[class*="mainview__search-item--"] a {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 8px;
				width: 330px;
				height: 120px;
				background: var(--color-primary-default-main);
				border-radius: 5px;
				box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.30);
				font-size: var(--size-L);
				font-weight: 700;
				line-height: 1.25;
				color: var(--color-primary-grayscale-white);
			}
				[class*="mainview__search-item--"] a span {
					display: contents;
					font-size: var(--size-XL);
					font-weight: 700;
					line-height: 1.25;
					letter-spacing: 1.2px;
					color: var(--color-primary-grayscale-white);
				}
				[class*="mainview__search-item--"] a::before {
					content: '';
					display: block;
					width: 40px;
					height: 40px;
				}
				.mainview__search-item--area a::before {
					background: url(/images/prefectures/icon_search-area.svg) no-repeat center / cover;
				}
				.mainview__search-item--ensen a::before {
					background: url(/images/prefectures/icon_search-ensen.svg) no-repeat center / cover;
				}
				.mainview__search-item--map a::before {
					background: url(/images/prefectures/icon_search-map.svg) no-repeat center / cover;
				}
		.mainview__freeword {
			width: 100%;
			height: 50px;
			position: relative;
		}
			input[type="text"].freeword__input {
				width: 100%;
				height: 100%;
				background: var(--color-primary-grayscale-white);
				border: 1px solid var(--color-primary-grayscale-black);
				border-radius: 9999px;
				padding: 0 115px 0 25px;
				font-size: var(--size-S);
				font-weight: 400;
			}
			input[type="text"].freeword__input::placeholder {
				color: #B9B9B9;
			}
		.freeword__submit {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 5px;
			width: 100px;
			height: 40px;
			background: var(--color-primary-grayscale-black);
			border: 1px solid var(--color-primary-grayscale-black);
			border-radius: 9999px;
			box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.12);
			font-size: var(--size-XS);
			font-weight: 700;
			color: var(--color-primary-grayscale-white);
			position: absolute;
			top: 50%;
			right: 5px;
			transform: translateY(-50%);
		}
			.freeword__submit:hover {
				background: var(--color-primary-grayscale-white);
				color: var(--color-primary-grayscale-black);
				opacity: 1;
			}
			.freeword__submit svg {
				width: 14px;
				height: 14px;
				fill: none;
				stroke: var(--color-primary-grayscale-white);
			}
				.freeword__submit:hover svg {
					stroke: var(--color-primary-grayscale-black);
				}


.banner__section {
	margin: 95px 0 100px;
}
	.banner__item {
		width: 515px;
		transition: all 0.3s ease;
		position: relative;
	}
	.banner__item:hover {
		transform: translateY(-10px);
	}
	.campaign-left {
            display: block;
            width: 50%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
        }
        .campaign-right {
            display: block;
            width: 50%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
        }

/*-------------------- 人気のエリアから探す --------------------*/

.area__section {
	padding-block: 80px 70px;
}
	.contents__title--area::before {
		content: '';
		background: url(/images/prefectures/icon_area-mascot.svg) no-repeat center / cover;
		display: block;
		width: 95px;
		height: 133px;
		position: absolute;
		right: 130px;
		bottom: 0;
	}
	.area__list {
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
		.area__item a {
			display: block;
			width: 270px;
			height: 120px;
			box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.30);
		}
        .area__item .area__nolink {
            pointer-events: none;
            box-shadow: none;
        }
            .area__item .area__nolink img {
                filter: grayscale(70%);
            }

/*-------------------- 条件から探す --------------------*/

.conditions__section {
	padding-block: 50px 70px;
}
	.condition__list {
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
		.condition__icon {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 168px;
			height: 158px;
			background: #F9F9F9;
			box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
			margin-bottom: 7px;
		}
		.condition__text {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 0 5px;
			font-size: var(--size-S);
			font-weight: 500;
			line-height: 1;
		}
		.condition__text .more__arrow {
			width: 20px;
			height: 20px;
			background: var(--color-primary-default-main);
			position: unset;
			transform: unset;
		}
			.condition__text .more__arrow svg {
				stroke: var(--color-primary-grayscale-white);
			}
	.search__link-list {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
		.search__link a {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 8px 19px;
			border: 1px solid #EBEBEB;
			border-radius: 60px;
			font-size: var(--size-S);
			font-weight: 500;
			line-height: 1;
		}

/*-------------------- 条件から探す --------------------*/

.situation__section {
	padding-block: 50px 70px;
}
.situation__list {
	display: flex;
	gap: 0 20px;
	margin-bottom: 30px;
}
	.situation__card a {
		display: block;
		width: 270px;
		padding: 15px 15px 12px;
		background: var(--white);
		border-radius: 5px;
		box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
	}
		.situation__image {
			margin-bottom: 12px;
		}
		.situation__text {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: var(--size-M);
			font-weight: 700;
			line-height: 1.25;
		}
		.situation__text .more__arrow {
			width: 26px;
			height: 26px;
			background: var(--color-primary-default-main);
			position: unset;
			transform: unset;
		}
			.situation__text .more__arrow svg {
				stroke: var(--color-primary-grayscale-white);
			}

/*-------------------- グレードタイプから探す --------------------*/

.grade__section {
	padding-block: 50px 220px;
	position: relative;
	z-index: 1;
}
	.grade__section::before {
		content: '';
		background: url(/images/prefectures/bg_grade-deco.webp) no-repeat center / cover;
		display: block;
		width: 1920px;
		height: 276px;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		z-index: -1;
		pointer-events: none;
	}
	.grade__list {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
		.grade__card a {
			display: flex;
			justify-content: space-between;
			width: 560px;
			height: 141px;
			background: var(--color-primary-grayscale-white);
			border-radius: 5px;
			box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.12);
			overflow: hidden;
			position: relative;
		}
        .grade__card .grade__nolink {
            pointer-events: none;
            background: #d2d2d2;
        }
			.grade__detail {
				padding: 27px 25px 0;
			}
				.grade__type {
					font-size: var(--size-M);
					font-weight: 700;
					line-height: 1;
					margin-bottom: 8px;
				}
				.grade__text {
					line-height: 1.5;
				}
                .grade__nolink .grade__type,
                .grade__nolink .grade__text {
                    color: #8f8f8f;
                }
			.grade__image {
				min-width: 244px;
				height: 100%;
			}
            .grade__card .grade__nolink img {
                filter: grayscale(100%);
            }
			.grade__card a .more__arrow {
				width: 26px;
				height: 26px;
				background: var(--color-primary-default-main);
				right: 10px;
                bottom: 8px;
                transform: none;
                top: auto;
			}
            .grade__card .grade__nolink .more__arrow {
                background: #8f8f8f;
            }
				.grade__card a .more__arrow svg {
					stroke: var(--color-primary-grayscale-white);
				}

/*-------------------- 専門家監修 --------------------*/

/* セクションのスタイルは共通CSS（/css/pc/staff-section.css）が正本。
   トップ（/css/top.css）と二重管理して object-fit: contain・カード枠線の
   打ち消し（bbox-shadow のタイポで無効）等がずれていたため集約した
   （BRATTO_HP2026-346）。ここに .staff__* を書き戻さない。 */

/*-------------------- 大阪市エリア特集 --------------------*/

.blog__section {
	padding-block: 100px;
}
.l-prefectures:has(.features__section) .blog__section {
	background: var(--color-primary-grayscale-background-01);
}
	.blog__list {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
		.blog__item {
			width: 270px;
		}
			.blog__image {
				width: 100%;
				height: 180px;
				position: relative;
				margin-bottom: 8px;
			}
				.blog__image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
				.blog__image .arrow__icon {
					width: 20px;
					height: 20px;
					position: absolute;
					right: 10px;
					bottom: 10px;
				}
			.blog__title {
				font-size: var(--size-S);
				font-weight: 700;
				line-height: 1.5;
				color: var(--color-primary-grayscale-black);
			}
            .blog__item .more__arrow {
                background: var(--color-primary-default-main);
                top: auto;
                right: 9px;
                transform: none;
                bottom: 9px;
            }
            .blog__item [class*="more__arrow"] svg {
                stroke: #fff;
            }
            .blog__image {
                overflow: hidden;
            }
            .blog__image img {
                transition: .4s;
            }
            .blog__item a:hover .blog__image img {
                transform: scale(1.05);
                transition: .4s;
            }

/*-------------------- 〇〇エリアの特徴 --------------------*/

.features__section {
	padding-block: 80px;
}
	.l-prefectures:has(.features__section) .features__section .section__inner {
		position: relative;
	}
	.l-prefectures:has(.features__section) .features__section .section__inner::before {
		content: '';
		background: url(/images/prefectures/icon_equipment-mascot.webp) no-repeat center / cover;
		display: block;
		width: 160px;
		height: 160px;
		position: absolute;
		top: -203px;
		left: 104px;
	}
	.features__list {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
		.features__detail {
			width: 100%;
			background: var(--color-primary-grayscale-white);
			border: 1px solid var(--color-primary-grayscale-border-light);
			padding: 30px;
		}
			.features__title {
				display: flex;
				align-items: center;
				gap: 8px;
				font-size: var(--size-M);
				font-weight: 700;
				line-height: 1.25;
				color: #000;
				margin-bottom: 10px;
			}
				.features__title::before {
					content: '';
					background: var(--color-primary-default-main);
					display: block;
					width: 14px;
					height: 14px;
					border-radius: 50%;
				}
			.features__text {
				font-size: var(--size-XS);
				font-weight: 400;
				line-height: 1.8;
			}

/*-------------------- 設備ランキングトップ10 --------------------*/

.equipment__section {
	padding: 80px 0;
}
	.equipment__section .section__inner {
		position: relative;
	}
		.equipment__section .section__inner::before {
			content: '';
			background: url(/images/prefectures/icon_equipment-mascot.webp) no-repeat center / cover;
			display: block;
			width: 160px;
			height: 160px;
			position: absolute;
			top: -203px;
			left: 104px;
		}
		.l-prefectures:has(.features__section) .equipment__section .section__inner::before {
			content: none;
		}
.equipment__list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 15px;
	margin-top: 31px;
}
	[class*="equipment__item"] {
		width: 150px;
		padding: 14px 10px 15px;
		background: var(--color-primary-grayscale-white);
		border: 1px solid #EBEBEB;
	}
		.equipment__rank {
			font-size: var(--size-M);
			font-weight: 700;
			line-height: 1;
			text-align: center;
			padding-bottom: 9px;
			border-bottom: 1px solid #D2D2D2;
			margin-bottom: 9px;
		}
			.equipment__rank span {
				font-size: var(--size-L);
				font-weight: 700;
				line-height: 1;
				font-family: var(--font-family-EN);
			}
		.equipment__text {
			font-size: var(--size-S);
			font-weight: 400;
			line-height: 1.5;
			text-align: center;
		}
	.equipment__item--full {
		width: 100%;
		padding: 39px 40px 39px 38px;
	}
		.equipment__head {
			display: flex;
			align-items: center;
			gap: 10px;
			background: var(--color-primary-grayscale-light-gray);
			padding: 9px 8px;
			margin-bottom: 10px;
		}
			[class*="equipment__rank--no"] {
				padding: 5px 18px 7px;
				text-align: center;
				font-size: var(--size-M);
				font-weight: 700;
				line-height: 1;
				color: var(--color-primary-grayscale-white);
				border-radius: 21.5px;
			}
				[class*="equipment__rank--no"] span {
					font-size: var(--size-L);
					font-weight: 700;
					line-height: 1;
					color: var(--color-primary-grayscale-white);
					font-family: var(--font-family-EN);
				}
			.equipment__rank--no1 {
				background: #D2AD5F;
			}
			.equipment__rank--no2 {
				background: #CFD3D5;
			}
			.equipment__rank--no3 {
				background: #A68B65;
			}
			.equipment__name {
				font-size: var(--size-L);
				font-weight: 700;
				line-height: 1.25;
			}
		.equipment__detail {
			display: flex;
			align-items: center;
			gap: 18px;
		}
			.equipment__staff {
				display: flex;
				align-items: center;
				gap: 18px;
			}
				.equipment__staff-image {
					min-width: 70px;
					width: 70px;
					height: 70px;
					border-radius: 50%;
					overflow: hidden;
					margin-bottom: 3px;
				}
					.equipment__staff-image img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				.equipment__staff-name {
					font-size: var(--size-XXS);
					font-weight: 500;
					line-height: 1.5;
					text-align: center;
				}
				.equipment__commnet-label {
					font-size: var(--size-XS);
					font-weight: 400;
					line-height: 1.5;
					color: var(--color-primary-default-main);
					margin-bottom: 5px;
				}
				.equipment__commnet-text {
					font-size: var(--size-S);
					font-weight: 400;
					line-height: 1.5;
				}
			.more__button--equipment a {
				justify-content: flex-start;
				min-width: 258px;
				width: 258px;
				height: 70px;
				font-size: var(--size-XS);
				text-align: left;
				padding-left: 30px;
				transition: .4s;
			}
				.more__button--equipment a .more__arrow {
					width: 18px;
					height: 18px;
					right: 19px;
				}

/*-------------------- 物件リクエスト --------------------*/

.request__section {
    padding: 100px 0;
    background: url(/images/top/bg_request.webp) no-repeat center / cover;
}
    .request__contents {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
        .request__headline {
			font-size: var(--size-XL);
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 1.2px;
			color: var(--color-primary-grayscale-white);
            margin-bottom: 17px;
        }
            .request__headline span {
                display: block;
				font-size: var(--size-S);
                font-weight: 700;
                line-height: 1;
                letter-spacing: 0;
				color: var(--color-primary-grayscale-white);
                margin-bottom: 11px;
            }
        .request__text {
            font-weight: 500;
            line-height: 2.15;
			color: var(--color-primary-grayscale-white);
        }
		.request__section .more__button--orange a {
			width: 400px;
			height: 96px;
			font-size: var(--size-M);
			padding-right: 14px;
		}
			.request__section .more__button--orange a .more__arrow {
				width: 26px;
				height: 26px;
				right: 24px;
			}

/*-------------------- 物件特集 --------------------*/

[class*="property__section--"] {
	padding-block: 50px 70px;
}
.property__section--cheap {
	padding-block: 80px 70px;

	.property__head {
		margin-top: 30px;
	}
}
	.property__head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 14px;
		border-bottom: 1px solid #DADADA;
		margin-bottom: 30px;
	}
		.property__title {
			font-size: var(--size-XL);
			font-weight: 700;
			line-height: 1.25;
			letter-spacing: 1.2px;
			color: var(--color-primary-grayscale-black);
		}
			.property__title span {
				font-size: var(--size-XL);
				font-weight: 700;
				line-height: 1.25;
				letter-spacing: 1.2px;
				color: var(--color-primary-default-main);
			}
	/* 5件未満で Swiper 非初期化（prefectures.js が no-slide 付与）でもカード間隔を保つ（トップ top.css の no-slide 対応と同値） */
	.bkn__contents.no-slide .bkn__list {
		gap: 0 20px;
	}
	/* バッジ・割引行の有無に関わらずカード高さを揃える（swiper の .swiper-slide{height:100%} が
	   auto 高ラッパー内で stretch を無効化するため、slide を height:auto に戻して stretch を効かせる） */
	.bkn__contents .bkn__list.swiper-wrapper {
		align-items: stretch;
	}
	.bkn__contents .bkn__card.swiper-slide {
		height: auto;
	}
	.bkn__card {
		width: 270px;
	}
		.bkn__image {
			width: 100%;
			height: 203px;
			margin-bottom: 10px;
			position: relative;
		}
			.bkn__image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.bkn__favorite {
				background: url(/images/top/icon_favorite.webp) no-repeat center / cover;
				display: block;
				width: 40px;
				height: 40px;
				position: absolute;
				top: 8px;
				right: 8px;
				z-index: 2;
			}
			.bkn__favorite.is-checked {
				background: url(/images/top/icon_favorite_on.webp) no-repeat center / cover;
			}
			/* グレードバッジは物件画像の左上に重ねる（該当時のみ） */
			.bkn__image .bkn__type {
				position: absolute;
				left: 8px;
				top: 8px;
				z-index: 1;
				margin-bottom: 0;
			}
		.bkn__summary {
			margin-bottom: 9px;
		}
			.bkn__label-list {
				display: flex;
				gap: 0 3px;
				margin-bottom: 10px;
			}
				[class*="bkn__label-item--"] {
					flex: 1;
					display: flex;
					justify-content: center;
					align-content: center;
					width: 100%;
					height: fit-content;
					padding: 6px 0;
					font-size: var(--size-XXS);
					font-weight: 700;
					color: var(--white);
					line-height: 1;
					text-align: center;
				}
				.bkn__label-item--01 {
					background: var(--orange);
				}
				.bkn__label-item--02 {
					background: var(--red);
				}
				.bkn__label-item--03 {
					background: var(--yellow);
				}
				.bkn__label-item--04 {
					background: #5FB530;
				}
			.bkn__name {
				font-size: var(--size-M);
				font-weight: 700;
				line-height: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				margin-bottom: 10px;
			}
			.bkn__type {
				display: flex;
				justify-content: center;
				align-items: center;
				width: fit-content;
				height: fit-content;
				padding: 6px 12px;
				background: var(--color-primary-grayscale-white);
				border-radius: 999px;
				font-size: var(--size-XXS);
				font-weight: 700;
				line-height: 1;
				color: var(--text-orange-color);
				margin-bottom: 5px;
			}
			[class*="bkn__short-wrap"] {
				display: flex;
				gap: 0 8px;
			}
			.bkn__short-wrap--sshort {
				margin-bottom: 5px;
			}
				.short__label {
					display: flex;
					justify-content: center;
					align-items: center;
					min-width: 88px;
					width: 88px;
					height: auto;
					min-height: 24px;
					background: var(--color-primary-grayscale-white);
					border: 1px solid var(--color-primary-grayscale-border-light, #EBEBEB);
					font-size: var(--size-XXS);
					font-weight: 700;
				}
				.bkn__short-wrap--sshort .short__label {
					min-height: 51px;
				}
				.short__price-wrap {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
					gap: 5px;
				}
					.short__days {
						display: flex;
						align-items: center;
						gap: 0 20px;
					}
						[class*="short__price--"] {
							font-weight: 500;
						}
						[class*="short__price--"],
						[class*="short__price--"] span {
							line-height: 1;
						}
						.price-off {
							font-size: var(--size-XXS);
							font-weight: 700;
							line-height: 1;
							color: var(--red);
						}
						.short__price--change {
							position: relative;
						}
							.short__price--change::before {
								content: '';
								background: url(/images/top/icon_change-arrow.webp) no-repeat center / cover;
								display: block;
								width: 8px;
								height: 6px;
								position: absolute;
								top: 5px;
								left: -11px;
							}
						.change {
							text-decoration: line-through;
						}
						.price-change {
							font-weight: 700;
							color: var(--red);
						}
			.bkn__info {
				display: flex;
				flex-direction: column;
				gap: 4px;
				margin-top: 10px;
			}
				.bkn__text {
					font-weight: 500;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
		.bkn__more a {
			display: flex;
			align-items: center;
			width: 100%;
			height: 50px;
			padding-left: 84px;
			background: var(--black);
			border-radius: 5px;
			font-size: var(--size-S);
			font-weight: 700;
			color: var(--white);
			position: relative;
		}
			.bkn__more a .arrow__icon {
				width: 22px;
				height: 22px;
				background: var(--color-primary-grayscale-white);
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
			}
				.bkn__more a .arrow__icon svg {
					stroke: var(--black);
				}

/*-------------------- お問い合わせ・運営会社 --------------------*/

.contact__section {
	padding-block: 100px;
}
	.contact__contents {
		padding: 50px 60px 60px;
		background: var(--color-primary-grayscale-white);
	}
		.contact__title {
			width: fit-content;
			margin: 0 auto 30px;
            position: relative;
		}
        .contact__title::after {
            content: '';
            background: url(/images/top/icon_mascot05.webp) no-repeat center / cover;
            display: block;
            width: 160px;
            height: 132px;
            position: absolute;
            top: -27px;
            right: -146px;
        }
		.contact__wrapper {
			display: flex;
			justify-content: center;
		}
			[class*="contact__group--"] {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				align-items: center;
				width: 340px;
			}
			.contact__group--line {
				border-right: 1px solid #CFCFCF;
				border-left: 1px solid #CFCFCF;

				.more__button--line::before {
					background: url(/images/prefectures/icon_contact-line.webp) no-repeat center / cover;
				}
			}
			.contact__group--mail {

				.more__button--orange::before {
					background: url(/images/prefectures/icon_contact-mail.svg) no-repeat center / cover;
				}
			}
				.contact__tel {
					display: flex;
					flex-direction: column;
					align-items: center;
					gap: 10px;
					font-size: 36px;
					font-weight: 400;
					line-height: 1;
				}
					.contact__tel::before {
						content: '';
						background: url(/images/prefectures/icon_contact-tel.svg) no-repeat center / cover;
						display: block;
						width: 40px;
						height: 40px;
					}
				.contact__eigyotime {
					font-size: var(--size-XS);
					font-weight: 400;
					line-height: 1.5;
					text-align: center;
					margin-top: 5px;
				}
				[class*="contact__group--"] [class*="more__button"] {
					display: flex;
					flex-direction: column;
					align-items: center;
					gap: 20px;
				}
				[class*="contact__group--"] [class*="more__button"]::before {
					content: '';
					display: block;
					width: 40px;
					height: 40px;
				}
				.contact__text {
					font-size: var(--size-XS);
					font-weight: 400;
					color: var(--color-primary-grayscale-black);
					text-align: center;
					margin-top: 3px;
				}
		.company__contents {
			margin-top: 38px;
			display: flex;
			justify-content: space-between;
			padding: 40px;
			background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), var(--color-primary-default-main);
			
			
			
			

			.more__button a {
				margin: 0;
			}
		}
			.company__name {
				font-size: var(--size-S);
				font-weight: 700;
				line-height: 1.25;
				color: var(--color-primary-grayscale-black);
				padding-left: 22px;
				margin-bottom: 20px;
				position: relative;
			}
				.company__name span {
					display: block;
					font-size: var(--size-L);
					font-weight: 700;
					line-height: 1.25;
					color: var(--color-primary-grayscale-black);
				}
				.company__name::before {
					content: '';
					display: block;
					width: 12px;
					height: 12px;
					background: var(--color-primary-default-main);
					border-radius: 50%;
					position: absolute;
					top: 9px;
					left: 0;
				}
			.company__detail {
				display: flex;
				flex-direction: column;
				gap: 9px;
				margin-bottom: 23px;
			}
				.company__item {
					display: flex;
					gap: 10px;
                    align-items: center;
				}
					.company__label {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 80px;
						height: auto;
						padding: 6px 0;
						background: var(--color-primary-grayscale-white);
						font-size: var(--size-XS);
						font-weight: 400;
						color: var(--color-primary-grayscale-black);
						text-align: center;
					}
					.company__text {
						font-size: var(--size-XS);
						font-weight: 400;
						line-height: 1.2;
						color: var(--color-primary-grayscale-black);
					}
				.company__accessmap {
					width: 500px;
					height: 219px;
				}
					.company__accessmap iframe {
						width: 100%;
						height: 100%;
					}

.area__float {
	position: fixed;
	top: 163px;
	right: 0;
	z-index: 2;
}
	.area__float a {
		display: flex;
		align-items: center;
		gap: 5px;
		min-width: 60px;
		padding: 20px 15px 15px;
		background: var(--color-primary-default-main);
		box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.12);
		font-family: var(--default-font);
		font-size: var(--size-S);
		font-weight: 500;
		line-height: 1.25;
		color: var(--color-primary-grayscale-white);
		text-align: center;
		writing-mode: vertical-rl;
		letter-spacing: 0.25em;
		transition: .4s;
	}
		.area__float a::after {
			content: '';
			background: url(/images/prefectures/icon_float.svg) no-repeat center / cover;
			display: block;
			width: 30px;
			height: 30px;
		}
		.area__float a:hover {
			padding-right: 25px;
		}

.link__section {
	background: #FFF;
}