@charset "UTF-8";

/* ----------------------------------------
//
// 接頭辞について
//
---------------------------------------- */

/* pc_ ... PC */

/* sp_ ... SP */

/* pg_ ... 下層ページ */

/* ly_ ... 大まかなレイアウト */

/* a_  ... アンカーリンク */

/* wp_  ... WordPress固有 */

/* js_ ... js制御 */

/* end 接頭辞について */

/* ----------------------------------------
//
// base
//
---------------------------------------- */

html {
	font-size: 62.5%;
}

:root {
	/* color */
	--font-color: #333;
	--c21-black: #414042;
	--c21-gold: #beaf87;
	--light-gold: #dcd0ae;
	--aqua: #50bac7;
	--orange: #e5a22e;
	--green: #85b200;
	--main-color: var(--light-gold);
	--accent-color: #ef010f;

	/* width */
	--main-width: 1200px;
	--design-width: 1600; /* calc( xxx / var(--design-width) * 100vw ) のような使い方を想定しているため単位なし */
	--sp-design-width: 375;
	--inline-padding: 30px; /* 両端の余白 */

	/* font-family */
	--sans-serif: yugothic, 'Yu Gothic', sans-serif;
	--serif: yumincho, 'Yu Mincho', serif;
	--ff-en: arial, sans-serif;

	/* font-size */
	--fz: 1.8rem;

	/* line-height */
	--lh-reset: 1.15;
	--lh: 1.778;

	/* border */
	--bd: 1px solid #ccc;

	/* opacity */
	--op: 0.8;
	--op-light: 0.66;

	/* transition */
	--trs: 0.2s ease-out;
}

@media (max-width: 767px) {
	:root {
		--inline-padding: 10px;
		--fz: 1.6rem;
	}
}

body {
	display: flex;
	flex-direction: column;
	min-width: calc(var(--main-width) + 30px);
	max-width: 2560px;
	min-height: 100vh;
	margin-right: auto;
	margin-left: auto;
	overflow-x: auto;
	background-color: #fff;
	color: var(--font-color);
	font-family: var(--sans-serif);
	font-size: var(--fz);
	font-weight: normal;
	text-align: justify;
	word-wrap: break-word;
	line-break: strict;
}

@media (max-width: 767px) {
	body {
		min-width: auto;
		overflow-x: hidden;
	}
}

a {
	text-decoration: underline;
}

em {
	font-style: normal;
}

[href^='tel'] {
	text-decoration: none;
	pointer-events: none;
}

@media (max-width: 767px) {
	[href^='tel'] {
		text-decoration: underline;
		pointer-events: auto;
	}
}

img {
	max-width: 100%;
	height: auto;
	line-height: 1;
	image-rendering: optimize-contrast;
}

dt {
	font-weight: inherit;
}

th,
td {
	vertical-align: middle;
}

iframe,
video {
	display: block;
	max-width: 100%;
}

@supports (aspect-ratio: 16 / 9) {
	video,
	[src*='youtube.com'],
	[src^="https://www.google.com/maps"]
	{
		aspect-ratio: 16 / 9;
		height: auto;
	}
}

hr {
	margin-right: auto;
	margin-left: auto;
	border: none;
	border-top: 1px solid #ccc;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
	width: 100%;
}

form {
	font-size: inherit;
	line-height: inherit;
}

[type='radio'],
[type='checkbox'],
select,
label {
	cursor: pointer;
}

[type='text'],
[type='password'],
[type='email'],
[type='url'],
[type='date'],
[type='month'],
[type='time'],
[type='datetime'],
[type='datetime-local'],
[type='week'],
[type='number'],
[type='search'],
[type='tel'],
[type='color'],
select,
textarea {
	padding: 0.5625em;
	border: 1px solid #ccc;
	border-radius: 0;
	background-color: #fff;
}

@media (max-width: 767px) {
	[type='text'],
	[type='password'],
	[type='email'],
	[type='url'],
	[type='date'],
	[type='month'],
	[type='time'],
	[type='datetime'],
	[type='datetime-local'],
	[type='week'],
	[type='number'],
	[type='search'],
	[type='tel'],
	[type='color'],
	select,
	textarea {
		width: 100%;
	}
}

[readonly] {
	background-color: #ddd;
}

::placeholder {
	color: #aaa;
}

.grecaptcha-badge {
	visibility: hidden;
}

/* end base */

/* ----------------------------------------
//
// layout
//
---------------------------------------- */

.ly_inner {
	box-sizing: content-box;
	max-width: var(--main-width);
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--inline-padding);
	padding-left: var(--inline-padding);
}

/* end layout */

/* ----------------------------------------
//
// module
//
---------------------------------------- */

/* ----------------------------------------
// title
---------------------------------------- */

.title01 {
	display: flex;
	align-items: center;
	border-bottom: 4px solid #bfb9ad;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: calc(42 / 32);
}

.title01::before {
	flex-shrink: 0;
	background-size: 100%;
}

.title01.-home::before {
	content: '';
	width: 45px;
	height: 45px;
	margin-right: 11px;
	margin-left: 8px;
	background-image: url('/wp/wp-content/themes/saiwahousing/images/common/home.svg');
	background-repeat: no-repeat;
}

.title01.-info::before {
	content: '';
	width: 45px;
	height: 45px;
	margin-right: 14px;
	margin-left: 5px;
	background-image: url('/wp/wp-content/themes/saiwahousing/images/common/info.svg');
	background-repeat: no-repeat;
}

.title01.-building::before {
	content: '';
	width: 40px;
	height: 46px;
	margin-right: 16px;
	margin-left: 8px;
	transform: translateY(3px);
	background-image: url('/wp/wp-content/themes/saiwahousing/images/common/building.svg');
	background-repeat: no-repeat;
}

.title02 {
	padding: 11px 16px;
	background-color: #3a3a3a;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}

.title03 {
	padding-bottom: 8px;
	border-bottom: 1px solid #707070;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.title01 {
		border-width: 3px;
		font-size: 2rem;
	}

	.title01.-home::before {
		width: 32px;
		height: 32px;
		margin-right: 6px;
		margin-left: 0;
	}

	.title01.-info::before {
		width: 32px;
		height: 32px;
		margin-right: 6px;
		margin-left: 0;
	}

	.title01.-building::before {
		content: '';
		width: 28px;
		height: 33px;
		margin-right: 6px;
		margin-left: 4px;
	}

	.title02 {
		font-size: 1.8rem;
	}

	.title03 {
		font-size: 1.8rem;
	}
}

/* end title */

/* ----------------------------------------
// btn
---------------------------------------- */

.btn {
	display: inline-block;
	max-width: 100%;
	padding: 0;
	transition: opacity 0.2s ease-out, background-color 0.2s ease-out,
		color 0.2s ease-out, border 0.2s ease-out;
	border: none;
	background-color: transparent;
	color: inherit;
	font: inherit;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.btn * {
	pointer-events: none;
}

.btn.-tal {
	text-align: left;
}

/* hover */
.btn.-op:focus,
.btn.-op:hover {
	opacity: 0.8;
}

.btn.-op-light:focus,
.btn.-op-light:hover {
	opacity: 0.66;
}

.btn.-bg-main-color {
	background-color: var(--main-color);
}

.btn.-bg-white {
	background-color: #fff;
}

.btn.-main-color {
	color: var(--main-color);
}

.btn.-white {
	color: #fff;
}

.btn.-rounded {
	border-radius: 9999px;
}

/* 定型のボタン(テキスト中央・アイコン右側) */
.btn.-type-1 {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
}

.btn.-type-1.afterIcon::after {
	position: absolute;
	right: 9px;
}

/* end btn */

/* ----------------------------------------
// icon
---------------------------------------- */

.beforeIcon::before,
.afterIcon::after {
	display: inline-block;
	font-family: 'font awesome 6 free';
	-webkit-font-smoothing: antialiased;
	font-weight: 900;
	text-rendering: auto;
}

.beforeIcon::before {
	margin-right: 0.5em;
}

.afterIcon::after {
	margin-left: 0.5em;
}

.beforeIcon.-weak::before,
.afterIcon.-weak::after {
	opacity: 0.5;
}

.beforeIcon.-caret::before,
.afterIcon.-caret::after {
	content: '\f0da';
}

.afterIcon.-caret-down::after {
	content: '\f0d7';
}

.beforeIcon.-caret-left::before {
	content: '\f0d9';
}

.beforeIcon.-angle::before,
.afterIcon.-angle::after {
	content: '\f105';
}

.beforeIcon.-angle-left::before {
	content: '\f104';
}

.beforeIcon.-chevron::before,
.afterIcon.-chevron::after {
	content: '\f054';
}

.beforeIcon.-chevron-left::before {
	content: '\f053';
}

.beforeIcon.-chevron-circle::before,
.afterIcon.-chevron-circle::after {
	content: '\f138';
}

.beforeIcon.-chevron-circle-down::before,
.afterIcon.-chevron-circle-down::after {
	content: '\f13a';
}

.beforeIcon.-chevron-circle-left::before {
	content: '\f137';
}

.beforeIcon.-arrow-circle::before,
.afterIcon.-arrow-circle::after {
	content: '\f0a9';
}

.beforeIcon.-arrow::before,
.afterIcon.-arrow::after {
	content: '\f061';
}

.beforeIcon.-search::before,
.afterIcon.-search::after {
	content: '\f002';
}

.beforeIcon.-clock::before,
.afterIcon.-clock::after {
	content: '\f017';
}

.beforeIcon.-folder-open::before,
.afterIcon.-folder-open::after {
	content: '\f07c';
}

.beforeIcon.-phone::before {
	content: '\f095';
}

.beforeIcon.-phone-alt::before {
	content: '\f879';
}

.beforeIcon.-fax::before {
	content: '\f1ac';
}

.beforeIcon.-envelope::before {
	content: '\f0e0';
}

.beforeIcon.-envelope-open-text::before {
	content: '\f658';
}

.beforeIcon.-user::before {
	content: '\f007';
}

.beforeIcon.-sign-in-alt::before,
.afterIcon.-sign-in-alt::after {
	content: '\f2f6';
}

.beforeIcon.-times::before,
.afterIcon.-times::after {
	content: '\f00d';
}

.beforeIcon.-bars::before {
	content: '\f0c9';
}

.beforeIcon.-calendar-alt::before,
.afterIcon.-calendar-alt::after {
	content: '\f073';
}

/* end icon */

/* ----------------------------------------
// boxLink
---------------------------------------- */

.boxLink {
	display: block;
	text-decoration: none;
}

/* end boxLink */

/* ----------------------------------------
// thumbnail
---------------------------------------- */

.thumbnail {
	position: relative;
	padding-top: 66.66666%;
	overflow: hidden;
}

.thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

/* ------------------------------
// responsive
------------------------------ */

.responsive {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.responsive.-ratio-16-9 {
	aspect-ratio: 16 / 9;
	padding-top: 56.25%;
}

.responsive.-ratio-2-1 {
	aspect-ratio: 2 / 1;
	padding-top: 50%;
}

.responsive > *:only-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* end module */

/* ----------------------------------------
//
// utility
//
---------------------------------------- */

/* ----------------------------------------
// display
---------------------------------------- */

.u_db {
	display: block;
}

.u_dib {
	display: inline-block;
}

.u_di {
	display: inline;
}

@media (max-width: 767px) {
	.u_sp_dn {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.u_pc_dn {
		display: none !important;
	}
}

/* end display */

/* ----------------------------------------
// font / text
---------------------------------------- */

.u_ff-serif {
	font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
}

.u_ff-num {
	font-family: var(--ff-en);
}

.u_tal {
	text-align: left;
}

.u_tac {
	text-align: center;
}

.u_tar {
	text-align: right;
}

.u_taj {
	text-align: justify;
}

.u_tdu {
	text-decoration: underline;
}

.u_tdn {
	text-decoration: none;
}

/* end font / text */

/* ----------------------------------------
// focus / hover
---------------------------------------- */

.u_hover-op {
	transition: opacity 0.2s ease-out;
	text-decoration: none;
}

.u_hover-op:focus,
.u_hover-op:hover {
	opacity: 0.8;
}

.u_hover-tdu-shown {
	text-decoration: none;
	text-underline-offset: 2px;
}

.u_hover-tdu-shown:focus,
.u_hover-tdu-shown:hover {
	text-decoration: underline;
}

.u_hover-tdu-hidden {
	text-decoration: underline;
}

.u_hover-tdu-hidden:focus,
.u_hover-tdu-hidden:hover {
	text-decoration: none;
}

/* end focus / hover */

/* ----------------------------------------
// ellipsis
---------------------------------------- */

.u_ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.u_ellipsis-multi {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* end ellipsis */

/* ----------------------------------------
// img-as-bg （背景画像として<img>要素を使う）
---------------------------------------- */

.u_img-as-bg {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.u_img-as-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

/* end img-as-bg */

/* ----------------------------------------
// visually-hidden
---------------------------------------- */

.u_visually-hidden {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	border: 0 !important;
	white-space: nowrap !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
}

/* end visually-hidden */

/* end utility */

/* ----------------------------------------
//
// header
//
---------------------------------------- */

.header {
	z-index: 99;
}

/* ----------------------------------------
//
// pc_header
//
---------------------------------------- */

.pc_header-line {
	background-color: var(--main-color);
	color: #fff;
}

.pc_header-line__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 25px;
}

.pc_header-line-util__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 25px;
	background-color: #6a6a9b;
	font-size: 1.2rem;
	font-weight: bold;
}

.pc_header-line-util__btn:focus,
.pc_header-line-util__btn:hover {
	background-color: #fff;
	color: var(--main-color);
}

.pc_header__title {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
}

.pc_header-logo a {
	text-decoration: none;
}

.pc_header-logo__text {
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}

.pc_header-logo__img {
	margin-top: 10px;
	text-align: center;
}

.pc_header-main__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 120px;
}

.pc_header-utils {
	display: flex;
}

.pc_header-utils > li + li {
	margin-left: 1px;
}

.pc_header-util__btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 120px;
	height: 120px;
	padding-top: 30px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
}

.pc_header-util__btn.-register {
	background-color: var(--aqua);
}

.pc_header-util__btn.-login {
	background-color: var(--orange);
}

.pc_header-util__btn.-contact {
	background-color: var(--green);
}

.pc_header-util__btn > span:first-child {
	display: flex;
	align-items: center;
	height: 36px;
}

.pc_header-util__btn > span:nth-child(2) {
	margin-top: 15px;
}

.pc_header-bottom {
	background-color: var(--c21-black);
}

.sp_header {
	display: none;
}

/* ----------------------------------------
// pc_menuList
---------------------------------------- */

.pc_menuList {
	display: flex;
}

.pc_menuList > li {
	position: relative;
	flex-basis: 25%;
	flex-grow: 1;
	background-color: #fff;
}

.pc_menuList > li::before,
.pc_menuList > li:last-child::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 32px;
	margin-top: auto;
	margin-bottom: auto;
	background-color: var(--light-gold);
}

.pc_menuList > li:last-child::after {
	right: 0;
}

.pc_menuList__btn {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	height: 50px;
	background-color: var(--c21-black);
	color: var(--light-gold);
	font-size: 1.8rem;
	font-weight: bold;
}

/* end pc_menuList */

/* ----------------------------------------
// pc_subMenuList
---------------------------------------- */

.pc_subMenu {
	position: absolute;
	right: 0;
	left: 0;
}

.pc_subMenu[aria-hidden] {
	transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}

.pc_subMenu[aria-hidden='true'] {
	visibility: hidden;
	opacity: 0;
}

.pc_subMenuList {
	background-color: #fff;
}

.pc_subMenuList > li:not(:last-child) {
	border-bottom: 1px solid #d1d2d3;
}

.pc_subMenu__btn {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 15px;
	padding-right: 10px;
	font-size: 1.6rem;
}

.pc_subMenu__btn > small {
	font-size: 1.2rem;
}

.pc_subMenu__btn:focus,
.pc_subMenu__btn:hover {
	background-color: #414042;
	color: #fff;
}

/* end pc_subMenuList */

/* ----------------------------------------
//
// sp_header
//
---------------------------------------- */

@media (max-width: 767px) {
	.pc_header {
		display: none;
	}

	.sp_header {
		display: block;
		position: relative;
	}

	.sp_header-line {
		background-color: var(--main-color);
		color: #fff;
	}

	.sp_header-line__inner {
		display: flex;
		align-items: center;
		height: 25px;
		padding-left: 10px;
		overflow: auto;
	}

	.sp_header__title {
		color: #fff;
		font-size: 1.2rem;
		line-height: 1;
		white-space: nowrap;
	}

	.sp_header-main__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 50px;
		padding-right: 0;
		padding-left: 10px;
		background-color: #fff;
	}

	.sp_header-logo a {
		display: flex;
		align-items: center;
		text-decoration: none;
	}

	.sp_header-utils {
		display: flex;
	}

	.sp_header-utils > li + li {
		margin-left: 1px;
	}

	.sp_header-util__btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 50px;
		height: 50px;

		/* padding-top: 30px; */
		color: #fff;
		font-size: 1rem;
		line-height: 1;
	}

	.sp_header-util__btn.-register {
		background-color: var(--aqua);
	}

	.sp_header-util__btn.-login {
		background-color: var(--orange);
	}

	.sp_header-util__btn.-contact {
		background-color: var(--green);
	}

	.sp_header-util__btn > span:first-child {
		/* display: flex; */

		/* align-items: center; */

		/* height: 36px; */
	}

	.sp_header-util__btn > span:nth-child(2) {
		margin-top: 15px;
	}

	/* ----------------------------------------
	// js制御
	---------------------------------------- */

	#js_sp_menu {
		visibility: hidden;
		transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
		opacity: 0;
	}

	#js_sp_menu[aria-hidden='false'] {
		visibility: visible;
		opacity: 1;
	}

	/* end js制御 */
}

/* end sp_header */

/* ----------------------------------------
//
// sp_menu
//
---------------------------------------- */

@media (max-width: 767px) {
	.sp_menu {
		position: absolute;
		z-index: 10000;
		right: 0;
		left: 0;
		height: auto;
		padding-bottom: 40px;
		overflow-y: auto;
		background-color: #4d4d4d;
		color: #fff;
	}

	.sp_menuList > li:first-child {
		margin-top: 6px;
	}

	.sp_menuList > li {
		border-bottom: 1px solid #fff;
	}

	.sp_menuList__btn,
	.sp_subMenuList__btn {
		display: flex;
		align-items: center;
		height: 50px;
		padding-right: 5px;
		padding-left: 6px;

		/* border-bottom: 1px dashed #fff; */
		font-size: 1.4rem;
		line-height: 1;
	}

	.sp_menuList__btn.afterIcon::after,
	.sp_subMenuList__btn.afterIcon::after {
		margin-left: auto;
	}

	.sp_subMenuList__btn {
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 22px;
		border-top: 1px dashed #fff;
		font-size: 1.5rem;
	}

	/* ----------------------------------------
	// サブメニュー js制御
	---------------------------------------- */

	.sp_menuList__btn[aria-expanded='false'].afterIcon::after {
		content: '\f107';
	}

	.sp_menuList__btn[aria-expanded='true'].afterIcon::after {
		content: '\f107';
	}

	[id^='js_sp_subMenu'] {
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}

	[id^='js_sp_subMenu'][aria-hidden='true'] {
		max-height: 0 !important;
	}

	/* end js制御 */

	/* end js制御 */
}

/* end sp_menu */

/* ----------------------------------------
//
// coronaBanner
//
---------------------------------------- */

.coronaBanner > a {
	display: table;
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 767px) {
	.coronaBanner {
		text-align: center;
	}
}

/* end coronaBanner */

/* ----------------------------------------
//
// contentFootCompany
//
---------------------------------------- */

.contentFootCompany__inner {
	margin-top: 85px;
}

.contentFootCompany-logo {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contentFootCompany-logo__text {
	font-size: 1.3rem;
	line-height: 1;
}

.contentFootCompany-logo__img {
	margin-top: 12px;
}

.contentFootCompany-media {
	display: flex;
	margin-top: 42px;
}

.contentFootCompany-media__title {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: var(--lh-reset);
}

.contentFootCompany-media__text {
	margin-top: 22px;
	font-size: 1.6rem;
	line-height: calc(26 / 16);
}

.contentFootCompany-media__border {
	margin-top: 16px;
	margin-bottom: 20px;
	border-top: 1px solid #707070;
}

.contentFootAddress__title {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.75;
}

.contentFootAddress-list {
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: calc(26 / 16);
}

.contentFootCompany-media__img {
	flex-shrink: 0;
	margin-left: 65px;
}

@media (max-width: 767px) {
	.contentFootCompany__inner {
		margin-top: 50px;
	}

	.contentFootCompany-logo__text {
		font-size: 1rem;
	}

	.contentFootCompany-logo__img {
		width: 190px;
		margin-top: 8px;
	}

	.contentFootCompany-media {
		display: block;
		margin-top: 40px;
	}

	.contentFootCompany-media__title {
		font-size: 2rem;
		line-height: 1.6;
	}

	.contentFootCompany-media__text {
		margin-top: 16px;
		font-size: 1.4rem;
	}

	.contentFootCompany-media__border {
		margin-top: 22px;
		margin-bottom: 16px;
	}

	.contentFootAddress__title {
		font-size: 1.8rem;
	}

	.contentFootAddress-list {
		margin-top: 8px;
		font-size: 1.4rem;
		line-height: calc(22 / 14);
	}

	.contentFootCompany-media__img {
		margin-top: 22px;
		margin-left: 0;
		text-align: center;
	}
}

/* end contentFootCompany */

/* ----------------------------------------
//
// contentFootCta
//
---------------------------------------- */
.contentFootCta__inner {
	padding-top: 90px;
	padding-bottom: 100px;
	text-align: center;
}

.contentFootCta__title {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1;
}

.contentFootCta-tel {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 35px;
	font-family: var(--ff-en);
	font-size: 6.8rem;
	line-height: 1;
}

.contentFootCta-tel::before {
	content: '';
	width: 54px;
	height: 54px;
	margin-right: 0.25em;
	background-image: url('/wp/wp-content/themes/saiwahousing/images/common/tel.svg');
	background-size: 100%;
}

.contentFootCta__busihours {
	margin-top: 18px;
	font-size: 1.6rem;
	line-height: 1;
}

.contentFootCta-btn-wrap {
	margin-top: 30px;
}

.contentFootCta-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 600px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url('/wp/wp-content/themes/saiwahousing/images/common/cta-btn.jpg');
	background-size: 100%;
	color: #fff;
}

.contentFootCta-btn > span:last-child {
	margin-top: 12px;
	font-size: 2.8rem;
}

@media (max-width: 767px) {
	.contentFootCta__inner {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.contentFootCta__title {
		font-size: 1.8rem;
	}

	.contentFootCta-tel {
		margin-top: 20px;
		font-size: 4rem;
	}

	.contentFootCta-tel::before {
		width: 29px;
		height: 29px;
		margin-right: 7px;
	}

	.contentFootCta-tel > a {
		text-decoration: none;
	}

	.contentFootCta__busihours {
		margin-top: 3px;
		font-size: 1.4rem;
		line-height: calc(22 / 14);
	}

	.contentFootCta-btn-wrap {
		margin-top: 37px;
	}

	.contentFootCta-btn {
		width: 320px;
		height: 120px;
		background-image: url('/wp/wp-content/themes/saiwahousing/images/common/cta-btn@2x.jpg');
	}

	.contentFootCta-btn img {
		width: 39px;
	}

	.contentFootCta-btn > span:last-child {
		margin-top: 23px;
		font-size: 1.8rem;
	}
}

/* end contentFootCta */

/* ----------------------------------------
//
// footer
//
---------------------------------------- */

.footer {
	position: relative;
	background-color: #3a3a3a;
	color: #fff;
}

.pageTop__btn {
	display: grid;
	position: absolute;
	top: -75px;
	right: 15px;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	background-color: var(--c21-gold);
	place-items: center;
}

.pageTop__btn::after {
	content: '';
	width: 16px;
	height: 16px;
	transform: translateY(4px) rotateZ(-45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

@media (max-width: 767px) {
	.pageTop {
		display: none;
	}
}

.footer-main {
	position: relative;
}

.footer-main__inner {
	padding-top: 55px;
}

.footer-address {
	grid-area: address;
}

.footer-menus {
	display: grid;
	grid-template-areas:
		'home none none none none'
		'search genkyou owner realtor other';
	grid-template-columns: repeat(5, 1fr);
	row-gap: 25px;
}

.footer-menus > :first-child {
	grid-area: home;
}

.footer-menus > :nth-child(2) {
	grid-area: search;
}

.footer-menus > :nth-child(3) {
	grid-area: genkyou;
}

.footer-menus > :nth-child(4) {
	grid-area: owner;
}

.footer-menus > :nth-child(5) {
	grid-area: realtor;
}

.footer-menus > :last-child {
	grid-area: other;
}

.footer-menu__title {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
}

.footer-menu__title.beforeIcon::before {
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -3px;
	transform: rotateZ(-45deg);
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.footer-menu__title + .footer-main__list {
	margin-top: 10px;
	padding-left: 1em;
}

.footer-menu-list {
	font-size: 1.6rem;
	line-height: 2;
}

.footer-menu-list > li {
	display: flex;
	align-items: center;
}

.footer-menu-list > li.beforeIcon::before {
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -3px;
	transform: rotateZ(-45deg);
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.footer-menu > .footer-menu-list:first-child {
	margin-top: -0.5em;
}

.footer-address-border {
	margin-top: 70px;
	padding-top: 50px;
	border-top: 1px solid var(--light-gold);
}

.footer-address__name {
	text-align: center;
}

.footer-sns-list {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.footer-sns-list > li + li {
	margin-left: 15px;
}

.footer-copyright__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 35px;
	padding-bottom: 15px;
}

.footer-copyright__text {
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
}

.footer-copyright__text > span {
	margin-left: 15px;
}

@media (max-width: 767px) {
	.footer-main__inner {
		padding-top: 8px;
	}

	.footer-menus {
		display: block;
	}

	.footer-menu {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dashed #fff;
	}

	.footer-menus > :last-child {
		padding-top: 15px;
	}

	.footer-menu__title {
		font-size: 1.2rem;
		line-height: calc(30 / 12);
	}

	.footer-menu__title + .footer-main__list {
		margin-top: 0;
	}

	.footer-menu-list {
		display: flex;
		flex-wrap: wrap;
		font-size: 1.2rem;
		line-height: calc(30 / 12);
	}

	.footer-menu-list > li {
		flex: 0 0 50%;
	}

	.footer-address-border {
		margin-top: 28px;
		padding-top: 35px;
	}

	.footer-address__name img {
		width: 202px;
	}

	.footer-sns-list {
		margin-top: 22px;
	}

	.footer-copyright__inner {
		padding-top: 22px;
		padding-bottom: 10px;
	}

	.footer-copyright__text {
		font-size: 1.2rem;
		line-height: 1.6;
		text-align: center;
	}

	.footer-copyright__text > span {
		display: block;
		margin-left: 0;
	}
}

/* end footer */

/* ----------------------------------------
//
// vertPost
//
---------------------------------------- */

.vertPosts > li {
	border-bottom: 1px dashed #b8b8b8;
}

.vertPosts > li:first-child {
	border-top: 1px dashed #b8b8b8;
}

.vertPosts a {
	display: block;
	padding: 10px 15px 5px;
}

.vertPost {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.vertPost__time {
	flex-shrink: 0;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

.vertPost__time time {
	display: grid;
}

.vertPost__time span.-Ym {
	display: block;
	font-size: 1.4rem;
}

.vertPost__time span.-d {
	margin-top: 2px;
	color: #e2eb67;
	font-size: 5rem;
}

.vertPost__title {
	margin-left: 20px;
	font-size: 1.6rem;
	line-height: 1.75;
	-webkit-line-clamp: 2;
}

@media (max-width: 767px) {
	.vertPosts a {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.vertPost {
		display: grid;
		grid-template-areas:
			'date tag'
			'date title';
		justify-content: flex-start;
		column-gap: 15px;
	}

	.vertPosts > li:first-child {
		border-top: none;
	}

	.vertPost__time {
		grid-area: date;
	}

	.vertPost__time span.-Ym {
		font-size: 1.4rem;
	}

	.vertPost__time span.-d {
		font-size: 4.8rem;
	}

	.vertPost__tag {
		grid-area: tag;
		width: 105px;
		height: 20px;
		margin-left: 0;
		font-size: 1.2rem;
	}

	.vertPost__title {
		grid-area: title;
		margin-top: 5px;
		margin-left: 0;
		font-size: 1.4rem;
		line-height: calc(22 / 14);
	}

	.vertPost__time + .vertPost__title {
		grid-row: 1 / 3;
		margin-top: 0;
	}
}

/* end vertPost */