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

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


	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
	}

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

	.container{
		max-width: 720px;
		padding:0 ;
		margin-inline: auto;
	}

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

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


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

	.common_rent_head .accent{
		margin:0 30px;

	}

	.common_rent_head .accent::before,
	.common_rent_head .accent::after{
		width:10px;
		height:27px;
	}

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

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



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

	.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: 450px;
		height:70px;
		border-radius: 35px;
		font-size: 25px;
	}

	.common_event_button::before{
		width:140px;
		height:54px;
		left:-20px;
		top:-14px;
	}

	.common_event_button .radi{
		width: 23px;
		height: 23px;
		right:36px;
	}

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

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

	.common_event_list .event_item{

	}

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

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

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

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

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

	}

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

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

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

	.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:100px;
	}

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

	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:40px;
		min-height:30px;
		cursor: pointer;
	}
	
	header .drawer_open_inner{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	header .drawer_open .bar{
		width:40px;
		height:3px;
		background-color: #FF9D00;
		transition-duration: 0.5s;
	}
	
	header .drawer_open .bar02{
		margin:9px 0;
	}
	
	header .drawer_open.active .bar01 {
		transform: translateY(1px) rotate(-45deg);
	}
	header .drawer_open.active .bar02 {
		display: none;
	}
	header .drawer_open.active .bar03 {
		transform: translateY(-1px) rotate(45deg);
	}

	#drawer_menu{
		position: fixed;

	}

	#drawer_menu_bg{
		position: fixed;
		top:0;
		left:0;
		z-index:20;
		width:100%;
		height:100vh;
		opacity: 0;
		pointer-events: none;
		transition-duration:0.7s;
		background-color: rgba(0,0,0,0.6);
	}
	
	#drawer_menu_bg.show{
		opacity: 1;
		pointer-events: auto;
	}
	

	#drawer_menu{
		position: fixed;
		top:100px;
		right:0;
		z-index:25;
		width:100%;
		max-height: calc(100vh - 100px);
		max-height: calc(calc(var(--vh2, 1vh) * 100 - 100px));
		background-color: #fff;
		transition-duration: 0.7s;
		opacity: 0;
		pointer-events: none;
		overflow-y: auto;
	}
	
	#drawer_menu.show{
		opacity: 1;
		pointer-events: auto;
	}

	#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;
		font-weight: bold;
		/* color:#FF9D00; */
	}


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

	footer{

	}

	footer .footer_area01{
		padding:106px 0 290px;
	}

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

	footer .footer_head::before{
		width: 37px;
		height: 89px;
		right:calc(100% + 36px);
	}

	footer .footer_head::after{
		width: 81px;
		height: 70px;
		left:calc(100% + 36px);
	}

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

	footer .footer_left{
		/* width: 100%; */
	}

	footer .footer_logo{
		width:366px;
	}

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

	footer .footer_button{
		margin-top: 64px;
		width: 377px;
		max-width: 100%;
		height: 102px;

	}

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

	footer .footer_button.tel{
		font-size: 35px;
	}
	footer .footer_button.tel::before{
		width:30px;
		height:38px;
		margin-right: 10px;
	}

	footer .footer_button.mail{
		font-size: 30px;
	}
	footer .footer_button.mail::before{
		width:37px;
		height:25px;
		margin-right: 10px;
	}

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


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

	footer .footer_bg{
		width:1938px;
		height:206px;
		bottom:-20px;
	}

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



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

	main.top_main{

	}

	.top_section{

	}

	.top_fv_section{
		height:710px;
	}

	.top_fv_section .fv_title01{
		width:calc(778px * 0.8);
		top:calc(84px * 0.8_);
		left:calc(50% - calc(309px * 0.8));
	}

	.top_fv_section .fv_title02{
		width:calc(590px * 0.8);
		top:calc(253px * 0.8);
		left:calc(50% - calc(136px * 0.8));
	}

	.top_fv_section .fv_bird{
		width:125px;
		top:190px;
		left:calc(50% + 310px);
	}

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

	.top_fv_section .fv_deco02{
		width:520px;
		bottom:-12px;
		left:calc(50% + 80px);
	}


	.top_guide_section{
		padding-top: 160px;
		padding-bottom: 132px;
	}

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

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

	.top_match_section .sec_title{
		font-size: 23px;
		line-height: 1.8;
	}

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


	.top_match_section .match_flex{
		display: flex;
		justify-content: space-between;
		margin-top: 80px;
		flex-direction: column;
		align-items: center;
		gap:40px 0;
	}

	.top_match_section .match_block{
		width: 558px;
		max-width: 100%;
		padding:48px 96px 56px;
	}

	.top_match_section .maich_icon{
		height:94px;
	}

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


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

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

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

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

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

	.top_acitivity_section .acitivity_box{
		padding:62px 24px 72px;
		border-radius: 15px;
	}

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

	.top_acitivity_section .acitivity_head::before{
		width:46px;
		height:50px;
		left:calc(100% + 36px);
		top:-36px;
	}
	.top_acitivity_section .acitivity_head::after{
		width:46px;
		height:50px;
		left:calc(100% + 85px);
		top:0;
	}

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

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

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

	.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: 25px;

	}

	.top_about_section .about_deco{
		width:1540px;
		top:24px;
		left:calc(50% - 710px);
	}

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

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

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

	.top_about_section .about_button{
		min-width: 450px;
		min-height: 70px;
		border-radius: 70px;
		padding:4px 8px;
		font-size: 25px;		
	}

	.top_event_section{
		padding-top: 150px;
		padding-bottom: 172px;
	}

	.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{
		width:116px;
		top:70px;
		right:calc(50% + 320px);
	}

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

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

	.page_mv_section .title_box{
		min-width: 558px;
		min-height: 137px;
		padding:24px 16px;
		bottom:-36px;
	}

	.page_mv_section .title_box_shadow{
		min-width: 558px;
		min-height: 137px;
		border-radius: 15px;
		bottom:-36px;
		transform: translateX(3px) translateY(3px);
	}

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

	.page_mv_section .wave{
		width:330px;
		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: 140px;
		padding-bottom: 124px;
	}

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

	.rent_section01 .box{
		margin: 140px auto 0;
		max-width: 652px;
		padding:28px 16px 20px;
	}

	.rent_section01 .box::before{
		width:50px;
		height:55px;
		top:16px;
		left:calc(50% + 150px);
	}

	.rent_section01 .box::after{
		width:56px;
		height:60px;
		top:50px;
		left:calc(50% + 200px);
	}

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

	.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: 140px;
		padding-bottom: 124px;
	}

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

	.lease_section01 .box{
		margin: 140px auto 0;
		max-width: 652px;
		padding:28px 16px 20px;
	}

	.lease_section01 .box::before{
		width:50px;
		height:55px;
		top:16px;
		left:calc(50% + 150px);
	}

	.lease_section01 .box::after{
		width:56px;
		height:60px;
		top:50px;
		left:calc(50% + 200px);
	}

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

	.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: 30px;
	}

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

	.about_section01{
		padding-top: 140px;
		padding-bottom: 96px;
	}

	.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:43px;
		height:48px;
	}

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

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

	.about_purpose_section .attempt_box{
		margin-top: 124px;
		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:144px;
		padding-bottom: 132px;
	}

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

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

	.about_member_section table th{
		height:40px;
		font-size: 20px;
	}

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


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

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


	.about_member_section .pdf_button{
		margin:64px auto 0;
		max-width: 400px;
		height: 76px;
		font-size: 20px;
		padding-right: 32px;
	}

	.about_member_section .pdf_button span::after{

		width:36px;
		height:45px;
		left: calc(100% + 28px);
	}

	.about_member_section .member_button_frame{
		margin:84px auto 0;
	}

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

	}


	.about_member_section .member_button{
		width: 543px;
		height: 104px;
		font-size: 25px;
	}


	.about_member_section .member_button::before{
		width:104px;
		height:74px;
		left:-29px;
		top:-2px;
	}

	.about_member_section .member_button::after{
		width:47px;
		height:61px;
		right:28px;
		top:4px;
	}

	.about_member_section .member_button .angle{
		margin-top: 15px;
		width: 25px;
		height: 12px;
	}


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


	body.event_body{
		
	}

	main.event_main{

	}

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

	.event_list_section{
		padding-top: 124px;
		padding-bottom: 120px;
	}



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