@media screen and (max-width:667px){

/* ----------------------------------------
　賃貸管理ページ
---------------------------------------- */
.pc_off{
	display: block;
}
.kanri_wrap {
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
		color: #000000;
		font-weight: 500;
	}
	& ul {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #333333;
	}
	font-family: -apple-system, BlinkMacSystemFont, 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	overflow: hidden;
	/*  共通  */
	.moji_green {
		color: #65b820;
	}
	.moji_orange {
		color: #ff6f30;
	}
	.kanri_con_text {
		font-size: clamp(13px, 3.7vw, 17px);
		line-height: 2.1;
		letter-spacing: 0.1em;
	}
	/*  メイン  */
	.kanri_main_w {
		position: relative;
		z-index: 0;
		&:before {
			content: "";
			width: 100%;
			height: 70%;
			background: #65b820;
			position: absolute;
			left: 0;
			bottom: -35px;
			border-radius: 0px 0px 35px 0px;
			z-index: -1;
		}
		.kanri_main_in {
			width: calc(100% - 20px);
			background: url(/img/owner/main_bg.webp);
			background-size: cover;
			margin: 0px 0px 0px auto;
			border-radius: 0px 0px 0px 35px;
			box-sizing: border-box;
			overflow: hidden;
			padding: 100px 30px 50px 30px;
			>h2 {
				width: 75%;
				position: relative;
				display: inline-block;
				z-index: 0;
				&:before {
					content: "";
					display: block;
					width: 200px;
					height: 51px;
					background-image: url(/img/owner/main_dec1.webp);
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					bottom: -35px;
					right: -50px;
					z-index: -1;
				}
				&:after {
					content: "";
					display: block;
					width: 100px;
					height: 100px;
					background-image: url(/img/owner/main_dec2.webp);
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					bottom: -30px;
					right: -40px;
					z-index: -2;
				}
			}
		}
	}
	/*  お悩み  */
	.kanri_wor_box {
		margin: 90px auto 0px auto;
		width: 90%;
		.kanri_wor_tit {
			text-align: center;
			p {
				font-size: clamp(15px, 4.3vw, 18px);
				line-height: 1.6;
				letter-spacing: 0;
				font-weight: bold;
				border-bottom: 3px solid #65b820;
				display: inline-block;
				box-sizing: border-box;
				padding: 0px 5px;
			}
			h2 {
				letter-spacing: 0.075em;
				font-weight: bold;
				margin: 15px 0px 0px 0px;
				font-size: clamp(25px, 7.2vw, 28px);
				line-height: 1.2;
			}
		}
		>ul {
			display:flex;
			flex-flow:row wrap-reverse;
			justify-content:space-around;
            gap: 10px;
            margin: 25px 0px 0px 0px;
            >li{
                width: calc(50% - 10px);
            }
		}
	}
	/*  サポート内容  */
	.kanri_sol_w {
		background-color: #f7fbf3;
		margin: 30px 0px 0px 0px;
		position: relative;
		padding: 80px 0px 40px 0px;
		&:before {
			content: "";
			width: 40%;
			height: 30px;
			background: #ffffff;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			top: -1px;
			clip-path: polygon(0 0, 50% 100%, 100% 0);
		}
		.kanri_sol_in {
			width: 90%;
			margin: 0 auto;
			.kanri_sol_tit {
				text-align: center;
				>p {
					font-size: clamp(12px, 3.4vw, 14px);
					letter-spacing: 0;
					font-weight: bold;
					background-color: #ff6f30;
					color: #ffffff;
					text-align: center;
					display: inline-block;
					box-sizing: border-box;
					padding: 0px 25px;
					line-height: 36px;
					border-radius: 35px;
					position: relative;
					&:before {
						content: "";
						width: 13px;
						height: 12px;
						background: #ff6f30;
						position: absolute;
						left: 0;
						right: 0;
						margin: auto;
						bottom: -11px;
						clip-path: polygon(0 0, 100% 100%, 100% 0);
					}
				}
				h2 {
					font-size: clamp(25px, 7.2vw, 28px);
					line-height: 1.3;
					letter-spacing: 0.1em;
					font-weight: bold;
					margin: 18px 0px 0px 0px;
					.moji_s {
						font-size: clamp(20px, 5.7vw, 23px);
					}
				}
			}
			.kanri_sol_sup {
				margin: 50px 0px 0px 0px;
				>img {
					width: 100%;
                    margin: 30px 0px 0px 0px;
				}
				.kanri_sol_sup_l {
					.kanri_sol_sup_tit {
						>h3 {
							width: 27%;
						}
						>p {
							font-size: clamp(40px, 11.5vw, 43px);
							line-height: 1.2;
							letter-spacing: 0.05em;
							font-weight: bold;
							margin: 3px 0px 0px 0px;
						}
					}
					>p {
						margin: 15px 0px 0px 0px;
					}
				}
			}
			.kanri_sol_con {
				margin: 60px 0px 0px 0px;
				display: flex;
				flex-direction: column-reverse;
				>img {
					width: 100%;
                    margin: 20px 0px 0px 0px;
				}
				.kanri_sol_con_r {
					.kanri_sol_con_box {
						font-size: clamp(22px, 6.3vw, 25px);
						letter-spacing: 0.05em;
						font-weight: bold;
						>span {
							border: 1px solid #000000;
							box-sizing: border-box;
							padding: 14px 13px;
							display: inline-block;
							line-height: 1;
						}
						>span:nth-of-type(1) {
							border-bottom: none;
						}
					}
					.kanri_con_text {
						margin: 20px 0px 0px 0px;
					}
				}
			}
		}
	}
	/*  管理受託プラン  */
	.kanri_plan_box {
		margin: 50px auto 0px auto;
		width: 90%;
		text-align: center;
		>h2 {
			font-size: clamp(20px, 5.7vw, 23px);
			letter-spacing: 0.05em;
			font-weight: bold;
			background-color: #65b820;
			color: #ffffff;
			text-align: center;
			display: inline-block;
			box-sizing: border-box;
			line-height: 55px;
			border-radius: 3px;
			position: relative;
			width: 100%;
			padding: 0px 0px 0px 15px;
			>span {
				font-size: clamp(18px, 5.2vw, 21px);
			}
			&:after {
				content: "";
				width: 30px;
				height: 10px;
				background: #65b820;
				position: absolute;
				left: 0;
				right: 0;
				margin: auto;
				bottom: -9px;
				clip-path: polygon(0 0, 50% 100%, 100% 0);
			}
		}
		.kanri_plan_con {
			margin: 35px 0px 0px 0px;
            overflow-x: scroll;
            padding: 0px 0px 10px 0px;
			>table {
				tr {
					th {
						background-color: transparent;
						font-weight: bold;
						border: none;
					}
					display: flex;
					box-sizing: border-box;
					.kanri_plan_name {
						width: 140px;
						box-sizing: border-box;
						border-bottom: 1px solid #65b820;
						border-left: 1px solid #65b820;
						font-size: 15px;
						line-height: 20px;
						>span {
							display: block;
							padding: 20px 0;
							width: 120px;
							margin: 0 auto 6px auto;
							background: #e9fada;
							border-radius: 3px;
							text-align: center;
							font-weight: bold;
						}
					}
					.kanri_plan_item {
						width: 150px;
						padding: 17px 0;
						font-size: 14px;
						line-height: 18px;
						font-weight: bold;
						text-align: center;
						letter-spacing: 0;
						>span {
							font-size: 11px;
						}
					}
					td {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 140px;
						box-sizing: border-box;
						font-size: 14px;
						line-height: 20px;
						border-left: 1px solid #65b820;
						text-align: center;
						font-weight: bold;
						position: relative;
						>span {
							position: absolute;
							top: 28px;
							right: 20px;
						}
					}
				}
				tr:nth-child(1) {
					th {
						background: #ffffff;
					}
					th:nth-child(1) {
						width: 150px;
						border-bottom: 1px solid #65b820;
						box-sizing: border-box;
					}
				}
				tr:nth-child(2n+1) {
					background: #e9fada;
					border-radius: 5px;
				}
			}
		}
        .kanri_plan_att {
        	font-size: clamp(11px, 3.1vw, 13px);
        	line-height: 1.5;
        	letter-spacing: 0;
        	margin: 10px 0px 0px auto;
        	width: fit-content;
        	block-size: fit-content;
        	font-weight: bold;
			text-align: left;
        }
		.kanri_plan_scroll {
			font-size: clamp(11px, 3.1vw, 13px);
			line-height: 1.5;
			letter-spacing: 0;
			margin: 5px 0px 0px 0px;
			font-weight: bold;
			text-align: center;
			position: relative;
			display: inline-block;
			&:before {
				content: "";
				display: block;
				width: 13px;
				height: 5px;
				background-image: url(/img/owner/inq_arrow.webp);
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				bottom: 0px;
				top: 0px;
				margin: auto;
				left: -20px;
				filter: invert(1);
				transform: rotate(180deg);
			}
			&:after {
				content: "";
				display: block;
				width: 13px;
				height: 5px;
				background-image: url(/img/owner/inq_arrow.webp);
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				bottom: 0px;
				top: 0px;
				margin: auto;
				right: -20px;
				filter: invert(1);
			}
		}
	}
	/*  業務の内容  */
	.kanri_work_w {
		margin: 50px 0px 0px 0px;
		box-sizing: border-box;
		padding: 70px 0px 0px 0px;
		position: relative;
		z-index: 0;
		&:before {
			content: "";
			display: block;
			width: 100%;
			height: 55%;
			background-image: url(/img/owner/work_bg.webp);
			background-repeat: no-repeat;
			background-size: cover;
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;
			margin: auto;
			z-index: -2;
		}
		&:after {
			content: "";
			width: 100%;
			height: 48%;
			background: #ffffff;
			position: absolute;
			left: 0;
			bottom: 0px;
			border-radius: 40px 40px 0px 0px;
			z-index: -1;
		}
		.kanri_work_in {
			margin: 0px auto;
			width: 90%;
			.kanri_work_tit {
				text-align: center;
				>h2 {
					width: 24%;
					margin: 0 auto;
				}
				>p {
					color: #ffffff;
					letter-spacing: 0.05em;
					font-weight: bold;
					margin: 5px 0px 0px 0px;
					font-size: clamp(40px, 11.5vw, 43px);
					line-height: 1.2;
				}
			}
			.kanri_con_text {
				color: #ffffff;
				text-align: center;
				margin: 15px 0px 0px 0px;
			}
			>ul {
				margin: 30px 0px 0px 0px;
				>li {
					border-radius: 25px 25px 0px 0px;
					box-sizing: border-box;
					padding: 30px 20px 20px 20px;
                    margin: 20px 0px 0px 0px;
					.kanri_work_box_tit {
						display: flex;
						align-items: center;
						gap: 0px 12px;
						justify-content: center;
						margin: 0px 0px 0px 17px;
						>img {
							width: clamp(43px, 12.4vw, 53px);
						}
						.kanri_work_box_tit_r {
							>h3 {
								color: #ffffff;
								font-size: clamp(20px, 5.7vw, 23px);
								line-height: 1;
								letter-spacing: 0;
								font-weight: bold;
							}
							>p {
								color: #ffffff;
								font-size: clamp(13px, 3.7vw, 16px);
								line-height: 1;
								letter-spacing: 0;
								font-weight: bold;
								margin: 10px 0px 0px 0px;
							}
						}
					}
					>img {
						margin: 20px 0px 0px 0px;
						width: 100%;
						height: 140px;
						object-fit: cover;
						border-radius: 5px;
					}
					>ul {
						display: flex;
						flex-wrap: wrap;
						gap: 10px;
						margin: 15px 0px 0px 0px;
						>li {
							width: calc((100% - 10px) / 2);
							background-color: #ffffff;
							border-radius: 5px;
							text-align: center;
							box-sizing: border-box;
							padding: 20px 5%;
							>img {
								width: clamp(55px, 15.9vw, 65px);
							}
							>h4 {
								font-size: clamp(13px, 3.7vw, 16px);
								line-height: 1.3;
								letter-spacing: 0;
								font-weight: bold;
								margin: 10px 0px 0px 0px;
							}
							>p {
								font-size: clamp(10px, 2.8vw, 12px);
								line-height: 1.5;
								letter-spacing: 0.1em;
								font-weight: 500;
								margin: 10px 0px 0px 0px;
								text-align: left;
							}
						}
					}
				}
				>li:nth-child(1) {
					background-color: #b7ef84;
					border: 2px solid #e9fada;
                    margin: 0px;
				}
				>li:nth-child(2) {
					background-color: #f6b78c;
					border: 2px solid #fce9dc;
					ul {
						li:nth-child(5) {
							width: 100%;
							padding: 10px 0px 15px 0px;
							>h4{
								margin: 0px;
							}
							>p{
								margin: 5px 0px 0px 0px;
								text-align: center;
							}
						}
					}
				}
				>li:nth-child(3) {
					width: 100%;
					background-color: #fadb42;
					border: 2px solid #fef7d7;
				}
			}
		}
	}
	/*  問い合わせ  */
	.kanri_inq_w {
		margin: 60px 0px 0px 0px;
		width: 100%;
		background: url(/img/owner/inq_bg.webp);
		background-size: cover;
		box-sizing: border-box;
		padding: 50px 0px 40px 0px;
        background-position: 40%;
		.kanri_inq_in {
			width: 90%;
			margin: 0 auto;
			>h2 {
				color: #ffffff;
				font-size: clamp(33px, 9.5vw, 36px);
				line-height: 1;
				letter-spacing: 0.05em;
				font-weight: bold;
				text-align: center;
			}
			>p {
				text-align: center;
				margin: 15px auto 0px auto;
				width: 65%;
			}
			>ul {
				margin: 30px 0px 0px 0px;
				>li:nth-child(1) {
					border: 1px solid #ffffff;
					width: 100%;
					>a{
						padding: 15px 0px;
						display: block;
						.kanri_inq_tel {
							display: flex;
							gap: 0px 10px;
							justify-content: center;
							align-items: center;
							>img {
								width: 22px;
							}
							>p {
								font-size: clamp(24px, 6.9vw, 27px);
								line-height: 1;
								letter-spacing: 0.05em;
								color: #ffffff;
								font-weight: bold;
								display: block;
							}
						}
						>p {
							font-size: clamp(11px, 3.1vw, 13px);
							line-height: 1;
							letter-spacing: 0.05em;
							color: #ffffff;
							text-align: center;
							margin: 7px 0px 0px 0px;
							font-weight: bold;
							width: 100%;
						}
					}
				}
				>li:nth-child(2) {
                    margin: 15px 0px 0px 0px;
					width: 100%;
					>a {
						border: 1px solid #ffffff;
						display: block;
						text-align: center;
						font-size: clamp(15px, 4.3vw, 18px);
						letter-spacing: 0.05em;
						color: #ffffff;
						line-height: 70px;
						font-weight: bold;
						box-sizing: border-box;
						position: relative;
						padding: 0px 0px 0px 25px;
						&:after {
							content: "";
							display: block;
							width: 15px;
							height: 6px;
							background-image: url(/img/owner/inq_arrow.webp);
							background-repeat: no-repeat;
							background-size: contain;
							position: absolute;
							bottom: 0px;
							top: 0px;
							margin: auto;
							right: 15px;
						}
						>span {
							position: relative;
							&:before {
								content: "";
								display: block;
								width: 28px;
								height: 21px;
								background-image: url(/img/owner/inq_mail_icon.webp);
								background-repeat: no-repeat;
								background-size: contain;
								position: absolute;
								bottom: 0px;
								top: 0px;
								margin: auto;
								left: -45px;
							}
						}
					}
				}
			}
		}
	}
	/*  賃貸建物カタログ  */
	.catalog_con_w{
		width: 100%;
		margin: 60px 0px 0px 0px;
		position: relative;
		z-index: 0;
		.catalog_con_sum_text {
			text-align: right;
			width: 90%;
			margin: 0 auto;
			p.moji_green {
				font-size: clamp(35px, 10.1vw, 38px);
				line-height: 1;
				letter-spacing: 0.05em;
				font-weight: bold;
				text-align: right;
			}
			>h2 {
				width: clamp(130px, 37.6vw, 150px);
				margin: 2px 0px 0px auto;
				line-height: 1;
			}
			.catalog_con_sum_moji {
				line-height: 1.8;
				letter-spacing: 0.05em;
				margin: 30px 0px 0px 0px;
				text-align: left;
				font-size: clamp(13px, 3.7vw, 16px);
			}
			.btn-more {
				display: inline-block;
				text-align: right;
				padding: 0px 40px 0px 0px;
				font-size: clamp(18px, 5.2vw, 21px);
				line-height: 1.2;
				letter-spacing: 0.05em;
				position: relative;
				font-weight: 500;
				margin: 30px 0px 0px 0px;
				&:after {
					content: "";
					display: block;
					width: clamp(25px, 7.2vw, 28px);
					height: clamp(25px, 7.2vw, 28px);
					background-image: url(/img/owner/more_icon.webp);
					background-repeat: no-repeat;
					background-size: contain;
					position: absolute;
					bottom: 0px;
					top: 0px;
					margin: auto;
					right: 0px;
				}
			}
		}
		&:before {
			content: "";
			width: 85%;
			height: 75%;
			background: #e9fada;
			position: absolute;
			right: -6%;
			top: 18px;
			border-radius: 20px 0px 0px 0px;
			z-index: -1;
		}
		.catalog_con {
			margin: 45px 0px 0px 0px;
			.catalog_con_det {
				width: 100%;
				height: clamp(190px, 27.1vh, 220px);
				position: relative;
				.catalog-main-slider-sp {
					width: 100%;
					height: 100%;
					.swiper-wrapper {
						.swiper-slide{
							width: 70%;
							opacity: 0.5;
							cursor: pointer;
							img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								border-radius: 5px;
								overflow: hidden;
							}
						}
						.swiper-slide-active {
							opacity: 1;
						}
					}
				}
				.catalog_con_nav .btn-prev,
				.catalog_con_nav .btn-next {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					width: 40px;
					height: 40px;
					z-index: 10;
					cursor: pointer;
				}
				.btn-prev {
					left: 10%;
				}
				.btn-next {
					right: 10%;
				}
			}
			.catalog_con_sum {
				width: 100%;
				.catalog-thumb-slider-sp {
					width: 100%;
					height: 80px;
					overflow: hidden;
				}
			}
		}
	}
}
/* 賃貸管理ページ
---------------------------------------- */

}/* media screen fin 消さないこと */