@charset "UTF-8";
.mb16{margin-bottom: 16px;}
.mb24{margin-bottom: 24px;}

.mb64{margin-bottom: 64px;}
.zenkaku{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.green{
	color: #07C756;
}
main{
	font-size: 16px;/* font-sizeは16pxの62.5%の10px */
	font-family: "Noto Sans JP", sans-serif;
	counter-reset: number 0;
}

.poppins{
	 font-family: "Poppins", sans-serif;
}
.contents_inner{
	margin: 0 5%;
}
h2{
		font-size: 50px;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 700;
		text-align: center;
		margin-bottom: 64px;
	}
@media screen and (max-width: 767px) {
	h2{font-size: 28px;margin-bottom: 40px;}

}
a:hover{
	text-decoration: none;
}

/*==================================================
動き
===================================*/

.box{
	opacity: 0;
}


.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/* 拡大 */
.zoomIn{
	animation-name:zoomInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
  from {
	transform: scale(0.6);
  }

  to {
      transform: scale(1);
  }
}
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/

	.main_container{
		background: #fff;
	}
	.main_visual-container{
		width: 90%;
		margin: 0 auto;
		border-radius: 24px;
		background: url("../imgs/companyhousing/main_visual.png") no-repeat center center;
		background-size: cover;
		text-align: center;
		position: relative;
		z-index: 20;
	}
	
	.main_visual{
		padding-top: 64px;
		border-radius: 30px;
	}
	.main_visual p{
		font-size: 26px;
}
		
		
@media screen and (max-width: 767px) {
		.main_visual-container{background: none;}
		.main_visual{
			background: url("../imgs/companyhousing/main_visual.png") no-repeat center center;
			background-size: cover;
			margin-bottom: 40px;
			padding-top: 32px;
			height: 600px;
			overflow: hidden;
		}
	.main_visual p{
		font-size: 14px;
	}
}
		
	.main_visual img{
		max-width: 80vw;
	}
	.main_visual_list{
		display: flex;
		width: 694px;
		margin: 0 auto;
		justify-content: center;
		position: relative;
	}
	

	.main_visual_list li:nth-child(1)::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/woman.png") no-repeat;
		background-size:contain;
		width:233px;
		height: 400px;
		position: absolute;
		left: -200px;
		top: -120px;
		z-index: -10;
		
	}
	.main_visual_list li:nth-child(4)::after{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/man.png") no-repeat;
		background-size:contain;
		width:233px;
		height: 400px;
		position: absolute;
		right: -200px;
		top: -120px;
		z-index: -10;
		
	}
.main_visual p.main_visual_list_text{
	font-size: 12px;
}
	
	@media screen and (max-width: 1080px) {
			.main_visual_list li:nth-child(1)::before,
			.main_visual_list li:nth-child(4)::after{
				content: none;
			}
	}

	
	
	.main_visual_list li{
		margin-right: 16px;
		z-index: 3;
	}
	.main_visual_list li:last-child{
		margin-right: 0;
	}



	@media screen and (max-width: 767px) {
		.main_visual_list{
			flex-wrap:wrap;
			justify-content: center;
			width: 90%;
			margin: 0 auto;
			
		}
		.main_visual_list li{
			width: 40%;
		}
		.main_visual_list li:nth-child(odd){
			margin: 0 8px 4px 0;
		}
		.main_visual_list li:nth-child(even){
			margin: 0 0 4px 0;
		}
		.main_visual_list li img{
			width: 100%;
		}
		.main_visual_list::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/man.png") no-repeat bottom left;
		background-size:contain;
		width:100px;
		height: 200px;
		position: absolute;
		left: -40px;
		bottom: -80px;
		z-index: 10;
		}
		
		.main_visual_list::after{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/woman.png") no-repeat bottom left;
		background-size:contain;
		width:110px;
		height: 200px;
		position: absolute;
		right: -40px;
		bottom: -90px;
		z-index: 10;
		}
}
/*--------------------------------------------------
  cta
--------------------------------------------------*/
	.cta{
		background: #5DD990;
		max-width: 1080px;
		width: 100%;
		margin: 0 auto;
		border-radius: 24px;
		padding: 16px 40px 24px;
		position: relative;
		z-index: 15;
		bottom: -100px;
		
	}
	.cta .white{
		position: absolute;
		top: 16px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		width: 100%;
	}

	.cta2{
		background: #5DD990;
		max-width: 1080px;
		width: 80%;
		margin: 0 auto;
		border-radius: 24px;
		padding: 56px 40px 24px;
		position: relative;
		z-index: 10;
		
	}
	
	.cta2::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/cta_woman.png") no-repeat center bottom;
		background-size:contain;
		width:240px;
		height: 306px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.cta2 .white{
		position: absolute;
		text-align: center;
		width: 100%;
		top: 16px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	
	
	.cta .cta_contents{
		display: flex;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		justify-content: space-between;
	}


	.cta2 .cta_contents{
		display: flex;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		justify-content: flex-end;
	}
	
	.cta_contents_tel{
		text-align: center;
		line-height: 1.2;
		margin-right: 3%;
		z-index: 999;
	
	}
	.cta_contents_tel p:nth-child(1){
		font-size: 26px;
	}

	.cta_contents_tel .tel{
		font-size:3.125rem; 
		font-weight: 600;
		
	}
	
	@media screen and (max-width: 767px) {
		.cta{
			bottom: 0;
		}
		.cta .white,.cta2 .white{font-size: 13px;text-align: left;padding-left: 100px;}
		
		.cta .cta_contents,
		.cta2 .cta_contents{
			display: block;
		}
		.cta_contents_tel{
			text-align: center;
			margin-bottom: 16px;
		}
		.cta_contents_tel p:nth-child(1){
			font-size: 20px;
		}
		.cta_contents_tel .tel{
			font-size:30px; 
			font-weight: 600;
		}
		.cta_contents_tel p:last-child{
			font-size: 14px;
		}
		.cta_contents_tel{
		margin-right: 0;
	}
		
		.cta2::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/cta2_woman.png") no-repeat center bottom;
		background-size:contain;
		width:82px;
		height: 82px;
		position: absolute;
		top: 8px;
		left:8px;
	}
		
		
}

@media screen and (min-width: 768px)and (max-width: 1080px) {
		.cta2::before{
			content: none;
		}
	.cta2 .cta_contents{
			justify-content: center;
		}
	}
	

	@media screen and (max-width: 1200px) {
		
		
		.cta2{
			width: 90%;
		}
		.cta .cta_contents > div:nth-child(1){
			display: none;
		}
		
		.cta,.cta2{
			padding: 64px 16px 16px;
		}
	}
	
	
	span.icon_mail{
		position: relative;
		padding-left: 28px;
	}
	span.icon_line{
		position: relative;
		padding-left: 38px;
	}
	span.icon_mail::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/icon_mail.png") no-repeat;
		background-size:contain;
		width:25px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	span.icon_line::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/icon_line.png") no-repeat;
		background-size:contain;
		width:30px;
		height: 30px;
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	
	.cta_contents_mail span.hours{
		font-size: 14px;
		margin-left: 8px;
	}
	
	@media screen and (min-width:480px) and (max-width: 1000px) {
		span.hours{display: none;}
	}
	
	li.button{
		
		
		border-radius: 16px;
		text-align: center;
		height: 50px;
		line-height: 50px;
/*		max-width: 440px;
*/		padding: 0 24px;
		

	}
	li.button:nth-child(1){
		box-shadow: 0px 0.2rem 0px 0.1rem #CD3758;
	}
	li.button:nth-child(2){
		box-shadow: 0px 0.2rem 0px 0.1rem #cccccc;
	}
	li.button:hover {
	  transform: translate3d(0.21rem, 0.2rem, 0);
	  box-shadow: none;
	  opacity: 1;
	  transition: all 0.2s;
}
	
	
	li.button a{
		display: block;
	}
	li.button:nth-child(1){
		background: #FF6183;
		margin-bottom: 12px;
		
	}
	li.button:nth-child(1) a{
		color: #fff;
	}
	li.button:nth-child(2){
		background: #ffffff;
	}
	
	@media screen and (max-width: 767px) {
	li.button{
		font-size: 16px;
		height: 74px;
		/*max-width: 300px;*/
		border-radius: 8px;
		padding: 0 ;
		line-height: 1.6;
		display:flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center; 
		justify-content:center;
	
	}
		
	span.icon_mail::before{
		background:url("../imgs/companyhousing/icon_mail.png") no-repeat;
		background-size:contain;
		width:22px;
		height: 18px;
	}	
	span.hours{
			display: block;
			margin-left: 0;
		}
	span.icon_line::before{
		background:url("../imgs/companyhousing/icon_line.png") no-repeat;
		background-size:contain;
		width:28px;
		height: 28px;
	}	
		.cta::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/house.png") no-repeat;
		background-size:contain;
		width:104px;
		height: 96px;
		position: absolute;
		top: -15px;
		left: -15px;	
		}
}
/*--------------------------------------------------
  お悩み
--------------------------------------------------*/

	.onayami{
		background: #E5F3FF;
		padding-top: 280px;
		margin-top: -120px;
		position: relative;
	}
	.onayami::before {
		content: "";
		width: 100%;
		height: 80px;
		background-color: #fff;
		position: absolute;
		bottom: 0;
		clip-path: polygon(0% 0%, 0% 100%, 50% 100%);
		z-index: 999;
	}
	.onayami::after {
		content: "";
		width: 100%;
		height: 80px;
		background-color: #fff;
		position: absolute;
		bottom: 0;
		clip-path: polygon(100% 100%, 100% 0, 50% 100%);
	}
	.onayami_woman{
		position: absolute;
		bottom: -5px;
		overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}

	.onayami h2{
		font-size: 36px;
		margin-bottom: 176px;
	}

	.onayami_list{
		display: flex;
		max-width: 1280px;
		width:94%;
		margin: 0 auto ;
		padding-bottom: 160px;
		justify-content: space-between;
	}
	.onayami_list li{
		width: 23.5%;
		display: flex;
    	align-items: stretch;
		position: relative;
	}
	.onayami_list li::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/onayami01.png") no-repeat;
		background-size:contain;
		width:160px;
		height: 160px;
		position: absolute;
		top: -120px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		
	}
	.onayami_list li:nth-child(2)::before{
		background:url("../imgs/companyhousing/onayami02.png") no-repeat;
		background-size:contain;
		width:160px;
		height: 160px;
	}
	
	.onayami_list li:nth-child(3)::before{
		background:url("../imgs/companyhousing/onayami03.png") no-repeat;
		background-size:contain;
		width:160px;
		height: 160px;
	}
	
	.onayami_list li:nth-child(4)::before{
		background:url("../imgs/companyhousing/onayami04.png") no-repeat;
		background-size:contain;
		width:160px;
		height: 160px;
	}
	.onayami_contents{
		background: #fff;
		border-radius: 56px;
		padding: 48px;
	}
	
	.onayami_contents dt{
		margin-bottom: 16px;
		color: #0F5DA6;
		font-size: 20px;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 700;
		text-align: center;
	}
	
	.onayami_contents dd{
		font-weight: 500;
		line-height: 2;
	}

@media screen and (max-width: 767px) {
	.onayami{
		padding-top: 160px;
	}
	.onayami h2{
		font-size: 24px;
	}
	.onayami_list{
		display: block;
		width:94%;
		margin: 0 auto ;
		padding-bottom: 64px;
	}
	.onayami_list li{
		width: 90%;
		margin: 0 auto 160px;
	}
	.onayami_contents{
		border-radius: 16px;
		padding: 48px 32px;
	}
	
	.onayami_woman img{
		width: 100px;
	}
	
	.onayami::before,.onayami::after {

		height: 40px;

	}
}
/*--------------------------------------------------
  おまかせください
--------------------------------------------------*/

	.omakase{
		padding: 120px 0;
		text-align: center;
		position: relative;
		width: 100%;
	}
	
	.omakase_title{
		font-size: 60px;
		color: #07C756;
	}
	
	.omakase_title+p{
		font-size: 30px;
		margin-bottom: 64px;
	}
	
	.omakase_title+p span{
		font-size: 42px;
	}
	.omakase_image{
		max-width: 1280px;
		width: 90%;
		margin: 0 auto;
	}

@media screen and (max-width: 767px) {
	.omakase{
		padding: 40px 0;
	}
	.omakase_title{
		font-size: 28px;
		margin-bottom: 16px;
	}
	.omakase_title+p{
		font-size: 22px;
		margin-bottom: 24px;
	}
	.omakase_title+p span{
		font-size: 28px;
	}
}

/*--------------------------------------------------
  選ばれる理由
--------------------------------------------------*/

	.reason{
		padding-bottom: 80px;
	}
	.reason h2{
		font-size: 50px;
	}
	
	.reason_list{
		width: 80%;
		max-width: 1280px;
		margin: 0 auto;
	}
	.reason_list li{
		display: flex;
		justify-content: space-between;
		margin-bottom: 80px;

	}
	.reason_contents{
		width:50%;
		position: relative;
		padding-top: 64px;
	}
	.reason_contents::before{
		position: absolute;
		 counter-increment: number 1;
		content: counter(number, decimal-leading-zero);
		top: 0;
		font-size: 60px;
		font-family: "Poppins", sans-serif;
		color: #07C756;
		line-height: 1;
		
	}
	.reason_image{
		width: 45%;
	}
	.reason_image img{
		width: 100%;
		height: auto;
	}
	.reason_contents dt{
		font-size: 32px;
		color: #fff;
		line-height: 2.2;
		margin-bottom: 40px;
	}
	.reason_contents dt span{
		background: #07C756;
		padding: 8px 16px;
		color: #fff;
	}

	
	.reason_contents dd{
		line-height: 2;
	}

@media screen and (max-width: 767px) {
	.reason{
		padding-bottom: 0;
	}
	.reason h2{
		font-size: 28px;
		margin-bottom: 24px;
	}
	.reason_list{
		width: 90%;
	}
	
	.reason_list li{
		display: block;
		margin-bottom: 56px;

	}
	.reason_contents{
		width:100%;
		padding-top: 32px;
	}
	.reason_contents::before{
		font-size: 40px;
	}
	.reason_contents dt{
		font-size: 18px;
		line-height: 2.3;
		margin-bottom: 16px;
		margin-top: 16px;
	}
	.reason_contents dt span{
		padding: 4px 8px;
	}
	.reason_image{
		width: 100%;
	}
	.reason_contents dd{
		margin-bottom: 24px;
	}
}

/*--------------------------------------------------
  流れ
--------------------------------------------------*/
	.flow{
		background: #F2F2F2;
		padding: 120px;
	}
	
	.flow ul{
		width: 70%;
		margin: 0 auto;
		max-width:920px;
	}
	.flow ul li{
		margin-bottom: 40px;
		display: flex;
	}
	.flow ul li div{
		margin-right: 40px;
	}

	.flow_contents dt{
		font-size: 32px;
		font-family: "Zen Kaku Gothic New", sans-serif;
		display:flex;
		-webkit-align-items: center;
		align-items: center;

	}
	
	.flow_contents dt span{
		font-size: 18px;
		padding: 0 24px;
		height: 34px;
		line-height: 34px;
		border-radius:17px;
		color: #fff;
		margin-left: 24px;
	}
	
	.flow_contents dt span.company{
		background:#07C756; 
	}
	.flow_contents dt span.heisya{
		background:#91D3D1; 
	}
	.flow_contents dt span.employee{
		background:#6CA2D5; 
	}

@media screen and (max-width: 767px) {
	.flow{
		padding: 80px 0;
	}
	.flow ul{
		width: 90%;
	}
	.flow ul li{
		margin-bottom: 64px;
		display: block;
	}

	.flow ul li:last-child{
		margin-bottom: 0;
	}
	.flow ul li div{
		margin-right:0;
		margin-bottom: 16px;
		text-align: center;
		
	}
	.flow ul li div img{
		width: 100px;
		height: auto;
	
	}
	.flow_contents dt{
		font-size: 22px;
		margin-bottom: 16px;
		display: block;
		text-align: center;
	}
	.flow_contents dt span{
		font-size: 14px;
		padding: 4px 16px;
		border-radius:40px;
		margin-left: 16px;
		line-height: 1;
		height: auto;
	}
	
	.flow_contents dd{
		line-height: 1.8;
	}
}

/*--------------------------------------------------
  ご利用者様の声
--------------------------------------------------*/
	
	.voice{
		padding: 120px 0 0 0;
	}
	
	ul.voice_container{
		width: 92%;
		margin: 0 auto 64px;
		display: flex;
		justify-content: space-between;
	}
	
	.voice_contents{
		width: 32%;
		background: #DBFFEA;
		padding: 32px 40px;
		border-radius: 16px;
	}
	.voice_image{
		float: left;
		margin-right: 16px;
	}
	.voice_name{
		font-size: 15px;
	}
	
	h3{
		font-size: 26px;
		margin: 8px 0;
	}
	
	.voice_day{
		font-size: 13px;
		 font-family: "Poppins", sans-serif;
		margin-bottom: 16px;
	}
	
	.voice_text{
		line-height: 2;
	}

		
	.industry{
		display: flex;
		flex-wrap:wrap;
		width: 80%;
		max-width: 1280px;
		margin: 0 auto 120px;
		justify-content: space-between;


		
	}
	.industry + div{
		font-size: 30px;
	}
	
	.industry_title{
		text-align: center;
		font-size: 26px;
		margin-bottom: 40px;
	}
	.industry > li{
		background: #E5F3FF;
		margin-bottom: 16px;
		width: 24%;
		padding: 24px 0;
		text-align: center;
		border-radius: 8px;
		font-weight: 500;
	}

@media screen and (max-width: 767px) {
	.voice{
		padding: 80px 0 0 0;
	}
	ul.voice_container{
		width: 90%;
		margin: 0 auto 64px;
		display: block;
	}
	
	.voice_contents{
		width: 100%;
		padding: 32px;
		border-radius: 16px;
		margin-bottom: 40px;
		text-align: center;
	}
	.voice_image{
		float: none;
		margin-right: 0;
		
	}
	h3{
		font-size: 20px;
	}
	.voice_text{
		text-align: left;
	}
	
	.industry_title{
		font-size: 20px;
		margin-bottom: 32px;
	}
	.industry{
		margin-bottom: 80px;
	}
	.industry > li{
		width: 100%;
		font-size: 14px;
		padding: 8px 0;
		margin-bottom: 8px;
	}
	.industry + div{
		font-size: 20px;
	}
}
/*--------------------------------------------------
  限定情報
--------------------------------------------------*/
	
	.info{
		width: 96%;
		max-width: 1280px;
		margin: 0 auto 120px;
		text-align: center;
		background: #CDEFEE;
		border-radius: 16px;
		padding: 100px 0 40px 0;
		position: relative;
		top: -48px;
		
	}
	
	.info01{
		font-size: 18px;
	}
	
	.info02{
		font-size: 30px;
		margin-bottom: 32px;
	}
	
	.info02 span{
		color: #07C756;
	}
	
	.info_contents{
		display: flex;
		justify-content: center;
		width: 70%;
		margin: 0 auto 16px;
		border-bottom: solid #91D3D1 1px;
		padding-bottom: 40px;
	}
	
	.info_contents li{
		border: dashed #A1A1A1 1px;
		padding: 8px 56px;
		border-radius: 8px;
		margin: 0 12px;
	}
	.info_contents li span{
		position: relative;
		padding-left: 28px;
	}
	.info_contents li span::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/icon_check.png") no-repeat;
		background-size:contain;
		width:20px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.info_link{
		display: flex;
		justify-content: center;
		width: 70%;
		margin: 0 auto;
		-webkit-align-items: center;
		align-items: center;
		position: relative;
	}
	.info_link::after{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/illust.png") no-repeat bottom;
		background-size:contain;
		width:116px;
		height: 193px;
		position: absolute;
		bottom: 0;
		right: -100px;
	}
	.info_link_text{
		font-size: 18px;
	}
	.info_button{
		border-radius: 8px;
		text-align: center;
		height: 50px;
		line-height: 50px;
		max-width: 280px;
		width: 30%;
		box-shadow: 0px 0.2rem 0px 0.1rem #cccccc;
		background: #fff;
		

	}
	.info_link_text + .info_button{margin: 0 8px 0 24px; }
	.info_button:hover {
	  transform: translate3d(0.21rem, 0.2rem, 0);
	  box-shadow: none;
	  opacity: 1;
	  transition: all 0.2s;
}
	
	
	.info_button a{
		display: block;
	}
	
	span.icon_mail_black{
		position: relative;
		padding-left: 28px;
	}

	span.icon_mail_black::before{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/icon_mail_black.png") no-repeat;
		background-size:contain;
		width:25px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	@media screen and (max-width: 767px) {
		.info{

		top: -80px;
			margin: 0 auto;
		
	}
		.info01{
		margin-bottom: 16px;
		}
		.info02{
		font-size: 24px;
		margin-bottom: 32px;
	}
		
		.info_contents{
			display: block;
			width: 80%;
	}
		
		.info_contents li{
		border: dashed #A1A1A1 1px;
		padding: 8px 16px;
		border-radius: 8px;
		margin: 0 0 8px;
	}
		
	.info_link{
			display: block;
			width: 90%;
	}
	.info_link_text {
	  		font-size: 16px;
			margin-bottom: 16px;
	}
	.info_button {

	  	width: 100%;
		max-width: 360px;
	}
	.info_link_text + .info_button{margin: 0 0 16px 0; }
		
	.info_link::after{
		content: "";
		display: inline-block;
		background:url("../imgs/companyhousing/illust.png") no-repeat bottom;
		background-size:contain;
		width:100px;
		height: 120px;
		position: absolute;
		top: -80px;
		right: -20px;
	}
}

	
	
/*--------------------------------------------------
  よくある質問
--------------------------------------------------*/
	.qa{
		background: #F5F5F5;
		padding: 120px 0;
	}
	
	.qa_contents{
		width: 70%;
		margin: 0 auto 40px;
		max-width:920px;
		border-bottom: solid 1px #BFBFBF;
		padding-bottom: 40px;
	}
	
	.qa_contents dt{
		position: relative;
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 24px;
		padding-left: 64px;
	}
	.qa_contents dt::before{
		content: "Q.";
		font-size: 40px;
		font-weight: 500;
		font-family: "Poppins", sans-serif;
		color: #07C756;
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.qa_contents dd{
		position: relative;
		padding-left: 64px;
		
	}
	.qa_contents dd::before{
		content: "A.";
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		font-size: 40px;
		font-weight: 500;
		font-family: "Poppins", sans-serif;
		color: #F4D731;
		
	}

@media screen and (max-width: 767px) {
	.qa{
		padding: 80px 0 40px;
	}
		.qa_contents{
		width: 90%;
		
	}
	.qa_contents dt{
		font-size: 16px;
		padding-left: 50px;
	}
	.qa_contents dd{
		padding-left: 50px;
	}
	.qa_contents dt::before{
		content: "Q.";
		font-size: 30px;
		
	}
	.qa_contents dd{
		font-size: 15px;
		line-height: 1.8;
	}
	.qa_contents dd::before{
		content: "A.";
		font-size: 30px;

		
	}
}

/*--------------------------------------------------
  仲介手数料
--------------------------------------------------*/
	
	.commission{
		background: #E5F3FF;
		padding: 64px 0 120px; 
		text-align: center;
	}
	.commission_text{
		font-size: 18px;
		font-weight: 500;
		line-height: 2;
		
	}
	.commission_text2{
		font-size: 30px;
		font-weight: 500;
	}
	.commission_title{
		font-size: 1.8vw;
		color: #fff;
		line-height: 2.2;
		margin-bottom: 40px;
	}
	.commission_title span{
		background: #07C756;
		padding: 8px 16px;
		color: #fff;
	}
	
	.commission_image{
		margin-bottom: 24px;
	}
	.commission_image2{
		margin: 40px 0;
	}
	.commission + .cta2{
		top:-80px;
	}
	@media screen and (max-width: 767px) {
		.commission_title{
		font-size: 17px;
			line-height: 2.4;
		}
		.commission_title span{
		background: #07C756;
		padding: 4px;
		color: #fff;
	}
		.commission_image img{
			width: 240px;
		}
		.commission_image2 img{
			width: 100%;
		}
		.commission_text{
			width: 90%;
			margin: 0 auto 40px;
			font-size: 16px;
		}
		
		.commission_text2{
			font-size: 20px;
		}
}
/*--------------------------------------------------
  メールフォーム
--------------------------------------------------*/
	
	.form{
		padding: 40px 0;

	}
	
	.form_text{
		font-size: 18px;
		text-align: center;
		margin-bottom: 40px;
	}
	.form_contents{
		width: 50%;
		margin: 0 auto;
	}
.form_contents dt{
	font-weight: 700;
	margin-bottom: 16px;
}
.form_contents dd{
	margin-bottom: 24px;
}
.form_contents dd div.check{
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap:wrap;
	width:100%;
	margin-bottom: 16px;

}
span.must{
	font-size: 13px;
	line-height: 1;
	color: #fff;
	background: #FF6183;
	border-radius: 8px;
	padding: 2px 8px;
	margin-left: 8px;
}
span.not_must{
	font-size: 13px;
	line-height: 1;
	color: #fff;
	background: #0F5DA6;
	border-radius: 8px;
	padding: 2px 8px;
	margin-left: 8px;
}
input,textarea{
        width: 100%;
        padding: 16px;
        background: #fff;
        border: #D9D9D9 1px solid;
        border-radius: 8px;
		font-size: 16px;
   
}
input.checkbox{
	width:24px;
	height: 24px;
	margin-right: 8px;
}
label{
	font-size: 16px;
}
div.button_submit input {
        display: none;
    }
div.button_submit label{
	display: block;
	max-width: 440px;
	height: 54px;
	line-height: 54px;
	background: #07C756;
	color: #fff;
	margin: 0 auto;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0px 0.2rem 0px 0.1rem #146736;
	cursor: pointer;
}

div.button_submit label:hover {
	  transform: translate3d(0.21rem, 0.2rem, 0);
	  box-shadow: none;
	  opacity: 1;
	  transition: all 0.2s;
}

.button_submit a{
	display: block;
}

input::placeholder,
textarea::placeholder{
 font-size: 16px;
}

@media screen and (max-width: 768px) {
	.form{
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.form h2{
		font-size: 22px;
		margin-bottom: 24px;
	
	}
	.form div.form_text{
		font-size: 15px;
		line-height: 2;
	}
	.form_contents{
		width: 100%;
	}
	div.button_submit label{
	width: 100%;
	}
}
.error{
	color: #FF6183;
    font-size: 15px;
    font-weight: 700;
    margin: 16px 0;
}
/*--------------------------------------------------
  確認画面
--------------------------------------------------*/

.contents{
	padding-bottom: 120px;
}

	.cmn_headline{
		text-align: center;
		font-size: 50px;
		margin-bottom: 64px;
		padding-top: 64px;
	}
	
	.kakunin dd{
		border-bottom: solid 1px #D9D9D9;
		margin-bottom: 32px;
		padding-bottom: 32px;
		font-size: 18px;
	}
	.button_contents{
		display: flex;
		justify-content: space-between;
		width: 50%;
		margin: 40px auto 0;
	}
	.button_contents li{
		width: 48%;
	}
	#back_input div.button_submit label{
		background: #b8b8b8;
		box-shadow: 0px 0.2rem 0px 0.1rem #8a8a8a;

	}

	#back_input div.button_submit label:hover {
		  transform: translate3d(0.21rem, 0.2rem, 0);
		  box-shadow: none;
		  opacity: 1;
		  transition: all 0.2s;
	}
#back_home{
    width: 440px;
    height: 54px;
    line-height: 54px;
    background: #07C756;
    margin: 0 auto;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0px 0.2rem 0px 0.1rem #146736;

}
#back_home:hover {
	  transform: translate3d(0.21rem, 0.2rem, 0);
	  box-shadow: none;
	  opacity: 1;
	  transition: all 0.2s;
}
#back_home a{
	display: block;
	color: #fff;
}
@media screen and (max-width: 768px) {
	.cmn_headline{
		font-size: 30px;
		margin-bottom: 32px;
	}
	
	.contents{
		width: 90%;
		margin: 0 auto;
	}
	.button_contents{
		width: 100%;
	}
	#back_home{
		width: 100%;
	}
}


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

/* End SP */