@media screen and (min-width:768px){
	.sp_only{
display: none!important;
	}
}/*@media screen and (min-width:768px){*/

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

	main{
		padding-top: 80px;
	}


		/*
	------------------------------------
	共通パーツ
	------------------------------------
	*/

	.container{
		width: 92%;
		max-width: 400px;
		padding:0 ;
		margin-inline: auto;
	}

	/*居住支援サービスとはの見出し*/
	.common_guide_head{
		font-size: 24px;
	}

	.common_guide_head::before{
		width: 37px;
		height: 31px;
		right:calc(100% + 10px);
	}
	.common_guide_head::after{
		width: 26px;
		height: 38px;
		left:calc(100% + 16px);
	}


	/*アクセント付きのタイトル*/
	.common_rent_head{
		font-size: 24px;
	}

	.common_rent_head .accent{
		margin:0 24px;

	}

	.common_rent_head .accent::before,
	.common_rent_head .accent::after{
		width:8px;
		height:22px;
	}

	.common_rent_head .accent::before{
		right:calc(100% + 8px);
	}
	.common_rent_head .accent::after{
		left:calc(100% + 5px);
	}

	.common_rent_head .accent span::before{
		width:4px;
		height:4px;
		bottom:calc(100% - 3px);
	}



	/*イベントのセクションタイトル*/
	.common_event_head{
		font-size: 24px;
	}

	.common_event_head::before{
		width:32px;
		height:32px;
		right:calc(100% + 12px);
		margin-top: 3px;
	}

	.common_event_head::after{
		width:22px;
		height:24px;
		left:calc(100% + 32px);
	}


	/*イベントのボタン*/
	.common_event_button{
		width: 100%;
		height:60px;
		border-radius: 35px;
		font-size: 20px;
	}

	.common_event_button::before{
		width:112px;
		height:45px;
		left:-16px;
		top:-12px;
	}

	.common_event_button .radi{
		width: 20px;
		height: 20px;
		right:16px;
	}

	.common_event_button .radi::after{
		border-width: 3.5px 0 3.5px 8px;
	}
	/*イベントリスト*/

	.common_event_list{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap:60px ;
	}

	.common_event_list .event_item{

	}

	.common_event_list .event_thumb img{
		border-radius: 12px;
	}

	.common_event_list .event_contents{
		padding-top: 14px;
	}

	.common_event_list .event_date{
		font-size: 18px;
	}

	.common_event_list .event_title{
		margin-top: 5px;
		font-size: 18px;
		line-height: 1.4;
	}

	.common_event_list .event_info{
		margin-top: 5px;
		line-height: 1.5;

	}

	.common_event_list .event_link{
		min-height: 80px;
		padding:8px;
		margin-top: 20px;
	}

	.common_event_list .event_link01{
	
		font-size: 20px;
	}

	.common_event_list .event_link01::after{
		width:21px;
		height:21px;
		margin-left: 12px;
	}

	.common_event_list .event_link02{
		margin-top: 4px;
	}

	/*
	------------------------------------
	ヘッダー
	------------------------------------
	*/

	header{

	}

	header .header_inner{
		max-width: 100%;
		padding:0 20px;
		margin-inline: auto;
	}

	header .header_flex{
		height:80px;
	}

	header .header_logo{
		display: block;
		width:260px;
	}

	header .header_right{
		display: flex;
		align-items: center;
	}

	header .header_nav{
		display: none;
	}


	header .contact_button{
		display: none;
	}

	header .drawer_open{
		display: flex;
		justify-content: center;
		align-items: center;
		min-width:32px;
		min-height:24px;
		cursor: pointer;
	}
	
	header .drawer_open .bar{
		width:32px;
		height:2px;
	}
	
	header .drawer_open .bar02{
		margin:7px 0;
	}

	#drawer_menu{
		position: fixed;

	}



	#drawer_menu{
		top:80px;
		width:100%;
		max-height: calc(100vh - 80px);
		max-height: calc(calc(var(--vh2, 1vh) * 100 - 80px));
	}
	

	#drawer_menu .drawer_menu_inner{
		padding:32px 24px 48px;
	}

	#drawer_menu .drawer_parent_item{
		text-align: center;
	}

	#drawer_menu .drawer_parent_item + .drawer_parent_item{
		margin-top: 24px;
		
	}

	#drawer_menu .drawer_parent_link{
		font-size: 20px;
	}


	/*
	------------------------------------
	フッター
	------------------------------------
	*/

	footer{

	}

	footer .footer_area01{
		padding:80px 0 160px;
	}

	footer .footer_head{
		font-size: 20px;
	}

	footer .footer_head::before{
		width: 30px;
		height: 72px;
		right:calc(100% + 30px);
	}

	footer .footer_head::after{
		width: 64px;
		height: 56px;
		left:calc(100% + 30px);
	}

	footer .footer_flex{
		margin-top: 60px;
		flex-direction: column;
		align-items: center;
	}

	footer .footer_left{
		width: 100%;
	}

	footer .footer_logo{
		width:260px;
	}

	footer .footer_address{
		margin-top: 16px;
	}

	footer .footer_button{
		margin-top: 56px;
		width: 100%;
		height: 80px;

	}

	footer .footer_button + .footer_button{
		margin-top: 32px;
	}

	footer .footer_button.tel{
		font-size: 30px;
	}
	footer .footer_button.tel::before{
		width:24px;
		height:32px;
		margin-right: 8px;
	}

	footer .footer_button.mail{
		font-size: 24px;
	}
	footer .footer_button.mail::before{
		width:30px;
		height:20px;
		margin-right: 8px;
	}

	footer .footer_right{
		width:100%;
		margin-top:40px;
	}


	footer .footer_area02{
		padding:40px 0 56px;
	}

	footer .footer_bg{
		width:1000px;
		height:100px;
		bottom:-20px;
	}

	footer .footer_copy{
		font-size: 15px;
	}



	/*
	------------------------------------
	トップページ
	------------------------------------
	*/
	body.top_body{
		
	}

	main.top_main{

	}

	.top_section{

	}

	.top_fv_section{
		height:500px;
	}

	.top_fv_section .fv_title01{
		width:350px;
		top:60px;
		left:0;
		right:0;
		margin:auto;
	}

	.top_fv_section .fv_title02{
		width:295px;
		top:160px;
		left:0;
		right:0;
		margin:auto;
	}

	.top_fv_section .fv_bird{
		width:60px;
		top:120px;
		left:calc(50% + 100px);
	}

	.top_fv_section .fv_deco01{
		width:310px;
		bottom:-20px;
		right:calc(50%);
	}

	.top_fv_section .fv_deco02{
		width:260px;
		bottom:-6px;
		left:calc(50% + 10px);
	}


	.top_guide_section{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.top_guide_section .guide_text{
		margin-top: 24px;
		line-height: 1.5;
	}

	.top_match_section{
		padding-top: 90px;
		padding-bottom: 100px;
	}

	.top_match_section .sec_title{
		font-size: 24px;
		line-height: 1.5;
	}

	.top_match_section .match_image{
		max-width: 1017px;
		margin:24px auto 0;
	}


	.top_match_section .match_flex{
		margin-top: 64px;

		gap:40px 0;
	}

	.top_match_section .match_block{
		width: 100%;
		padding:40px 24px 48px;
	}

	.top_match_section .maich_icon{
		height:76px;
	}

	.top_match_section .common_rent_head{
		margin-top: 24px;
	}


	.top_match_section .match_wave{
		width:280px;
		margin:8px auto 0;
	}

	.top_match_section .match_support{
		font-size: 16px;
		list-style: 1.5;
		margin-top: 12px;
	}

	.top_match_section .match_support span{
		margin:0 3px;
		min-width: 64px;
		min-height: 24px;
		border-radius: 32px;		
	}

	.top_match_section .match_text{
		margin-top: 32px;
		line-height: 1.5;
	}

	.top_acitivity_section{
		padding-top: 88px;
		padding-bottom: 80px;
	} 

	.top_acitivity_section .acitivity_box{
		padding:40px 24px 48px;
		border-radius: 15px;
	}

	.top_acitivity_section .acitivity_head{
		font-weight: 500;
		font-size: 24px;
	}

	.top_acitivity_section .acitivity_head::before{
		width:38px;
		height:40px;
		left:100%;
		top:-30px;
	}
	.top_acitivity_section .acitivity_head::after{
		width:38px;
		height:40px;
		left:calc(100% + 30px);
		top:0;
	}

	.top_acitivity_section .acitivity_list{
		margin:36px auto 0;
	}

	.top_acitivity_section .acitivity_list li{
		padding-left: 20px;
		line-height: 1.5;
	}

	.top_acitivity_section .acitivity_list li::before {
		font-size: 16px;
		line-height: 1.5;
		top:0;
	}

	.top_acitivity_section .acitivity_list li + li{
		margin-top: 15px;
	}

	.top_about_section{
		padding-top:52px;
		padding-bottom: 64px;
	}

	.top_about_section .about_head{
		font-size: 24px;

	}

	.top_about_section .about_deco{
		display: none;
	}

	.top_about_section .about_text{
		margin-top: 24px;
		line-height: 1.5;
	
	}

	.top_about_section .about_button_frame{
		margin:32px auto 0;
		width: 100%;
	}

	.top_about_section .about_button_frame::before{
		width: 28px;
		height: 18px;
		right:24px;
	}

	.top_about_section .about_button{
		width: 100%;
		min-width: auto;
		min-height: 60px;
		border-radius: 60px;
		padding:4px 16px;
		font-size: 20px;		
	}

	.top_event_section{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.top_event_section .event_list{
		margin-top: 40px;
	}

	.top_event_section .event_button{
		margin:64px auto 0;
	}



	/*
	------------------------------------
	下層mv
	------------------------------------
	*/

	.page_mv_section{
		height:180px;
	}

	.page_mv_section .deco01{
		display: none;
		width:116px;
		top:70px;
		right:calc(50% + 320px);
	}

	.page_mv_section .deco02{
		display: none;
		width:108px;
		top:20px;
		left:calc(50% + 350px);
	}

	.page_mv_section .deco03{
		display: none;
		width:42px;
		top:78px;
		left:calc(50% + 560px);
	}

	.page_mv_section .title_box{
		min-width: auto;
		width: 92%;
		max-width: 400px;
		min-height: 137px;
		padding:24px 16px;
		bottom:-36px;
	}

	.page_mv_section .title_box_shadow{
		min-width: auto;
		width: 92%;
		max-width: 400px;
		min-height: 137px;
		bottom:-36px;
	}

	.page_mv_section .page_title{
		font-size: 24px;
	}

	.page_mv_section .wave{
		width:280px;
		margin:8px auto 0;
	}
	/*
	------------------------------------
	住宅を借りたい方
	------------------------------------
	*/


	body.rent_body{
		
	}

	main.rent_main{

	}

	.rent_mv_section .mv_bg{
		background-image: url('../img/rent/rent_mv.jpg');
	}

	.rent_section01{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.rent_section01 .p01{
		margin-top: 32px;
		line-height: 1.5;
	}

	.rent_section01 .box{
		margin: 64px auto 0;
		padding:28px 16px 20px;
	}

	.rent_section01 .box::before{
		width:40px;
		height:46px;
		top:12px;
		left:calc(50% + 100px);
	}

	.rent_section01 .box::after{
		width:45px;
		height:48px;
		top:40px;
		left:calc(50% + 130px);
	}

	.rent_section01 .box_head{
		font-size: 20px;
	}

	.rent_section01 .box_text{
		margin-top: 4px;
		font-size: 16px;
		line-height: 1.5;
	}

	/*
	------------------------------------
	住宅を貸したい方
	------------------------------------
	*/


	body.lease_body{
		
	}

	main.lease_main{

	}

	.lease_mv_section .mv_bg{
		background-image: url('../img/lease/lease_mv.jpg');
	}

	.lease_section01{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.lease_section01 .p01{
		margin-top: 32px;
		line-height: 1.5;
	}

	.lease_section01 .box{
		margin: 64px auto 0;
		padding:28px 16px 20px;
	}

	.lease_section01 .box::before{
		width:40px;
		height:46px;
		top:12px;
		left:calc(50% + 100px);
	}

	.lease_section01 .box::after{
		width:45px;
		height:48px;
		top:40px;
		left:calc(50% + 130px);
	}

	.lease_section01 .box_head{
		font-size: 20px;
	}

	.lease_section01 .box_text{
		margin-top: 4px;
		font-size: 16px;
		line-height: 1.5;
	}
	/*
	------------------------------------
	当団体について
	------------------------------------
	*/


	body.about_body{
		
	}

	main.about_main{

	}


	main.about_main .sec_title{
		font-size: 24px;
	}

	.about_mv_section .mv_bg{
		background-image: url('../img/about/about_mv.jpg');
	}

	.about_section01{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.about_section01 .p01{
		margin-top: 32px;		
	}

	.about_purpose_section{
		padding-top: 92px;
		padding-bottom: 90px;
	}

	.about_purpose_section .purpose_head::before,
	.about_purpose_section .purpose_head::after{

		width:36px;
		height:40px;
	}

	.about_purpose_section .purpose_head::before{
		transform: rotateY(12deg);
		top:-30px;
		left:calc(100% + 24px);
	}	
	.about_purpose_section .purpose_head::after{
		top:10px;
		left:calc(100% + 48px);
	}	

	.about_purpose_section .purpose_text{
		margin-top: 48px;
	}

	.about_purpose_section .attempt_box{
		margin-top: 80px;
		padding:44px 24px 60px;

	}

	.about_purpose_section .attempt_text01{
		margin-top: 24px;
		list-style: 1.5;
	}

	.about_purpose_section .event_button{
		margin:56px auto 0;
	}

	.about_purpose_section .attempt_text02{
		list-style: 1.5;
		margin-top: 40px;
	}

	.about_member_section{
		padding-top:100px;
		padding-bottom: 100px;
	}

	.about_member_section .table_frame{
		margin-top: 32px;
	}

	.about_member_section table{
		width: 100%;
		border-collapse:collapse ;
	}

	.about_member_section table th{
		height:32px;
		font-size: 16px;
	}

	.about_member_section table td{
		line-height: 1.5;
		padding-top: 16px;
		padding-bottom: 24px;
		font-size: 14px;
	}

	.about_member_section table td p + p{
		margin-top: 8px;
	}

	.about_member_section th:first-child,
	.about_member_section td:first-child{
		padding-left: 12px;
		padding-right: 12px;
		width:40%;
	}

	.about_member_section th:last-child,
	.about_member_section td:last-child{
		padding-left: 12px;
		padding-right: 12px;
		width:60%;
	}


	.about_member_section .pdf_button{
		margin:48px auto 0;
		max-width: 400px;
		height: 60px;
		font-size: 18px;
		padding-right: 24px;
	}

	.about_member_section .pdf_button span::after{

		width:30px;
		height:36px;
		left: calc(100% + 20px);
	}

	.about_member_section .member_button_frame{
		margin:56px auto 0;
		width: 100%;
	}

	.about_member_section .member_button_frame::before{
		width: 28px;
		height: 18px;
		right:36px;
		bottom:100%;

	}

	.about_member_section .member_button{
		width: 100%;
		height: 80px;
		font-size: 20px;
	}


	.about_member_section .member_button::before{
		content: none;
		width:52px;
		height:37px;
		left:-15px;
		top:-1px;
	}

	.about_member_section .member_button::after{
		content: none;
		width:23px;
		height:30px;
		right:14px;
		top:2px;
	}

	.about_member_section .member_button .angle{
		margin-top: 10px;
		width: 20px;
		height: 10px;
	}


	/*
	------------------------------------
	イベント
	------------------------------------
	*/


	body.event_body{
		
	}

	main.event_main{

	}

	.event_mv_section .mv_bg{
		background-image: url('../img/event/event_mv.jpg');
	}

	.event_list_section{
		padding-top: 100px;
		padding-bottom: 100px;
	}


}/*@media screen and (max-width:767px){*/