@charset "UTF-8";

/*==============================
		content設定
==============================*/




#contents .btn{
	margin: 50px auto;
}

/*-----titleImage-----*/

#contents #titleImg{
	background-image: url(/img/landlord/titleimg_pc.jpg);
}

/*----- 事業紹介 -----*/

h2.subtitle{
	text-align: center;
	margin-bottom:20px;
}

#landlord h3{
	text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

#landlord_list .maincopy{
    font-size: 20px;		
	text-align: center;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 30px;
}

#landlord_list .landlord_list_wrap li{
	flex: 0 1 30%;
	width: 30%;
}

#landlord_list .landlord_list_wrap a{
	display:block;
	background: #a2dce6;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 20px;
	border-radius: 100px;
	border: 1px solid #a2dce6;
}

#landlord_list .landlord_list_wrap a i{
	display: block;
	font-size: 56px;
	margin-bottom: 20px;
}

#landlord_list .landlord_list_wrap a:after{
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

#landlord_list .landlord_list_wrap a:hover{
	opacity: 1;
	background: #fff;
	color: #a2dce6;
	
}

/*----- コンサル事例 -----*/

#consulting{
	background: #f2f2f2;
	padding: 50px 10px;
}

#consulting h2.subtitle{
	margin-bottom:40px;
}

#consulting p{
	text-align: center;
}

#consulting .case{
	display: flex;
	justify-content: space-between;
	margin-top:20px;
}

#consulting .case_box{
	width:49%;
	height:auto;
	background-color: #FFF;
	padding:30px;
}

#consulting .case_box p{
	text-align: left;
}

#consulting .case_box>div{
	text-align: center;
}

#consulting .case_box p.title{
	color:#00bfe2;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#consulting .case_box p.title span{
	display: inline-block;
	color:#333;
	font-size:14px;
	border-bottom:1px solid;
	margin-bottom:10px;
}

#consulting .case_box img{
	width:70%;
	text-align: center;
	padding:20px;
}
	
#consulting  h4{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 18px;
}

#consulting .btn{
	margin:0 auto;
	margin-top:20px;
	width:100%;
}

.img{
	margin:30px auto;
	width: 50%;
}

/*----- お問い合わせ -----*/

.contact{
	padding:50px 0;
	text-align: center;
}

.contact a{
	font-size:28px;
	font-weight: bold;
}

.contact >.flex {
    background: #fff;
    border: #d5eef3 6px solid;
    padding: 20px;
}

.contact >.flex >div {
    flex: 0 0 48%;
}

.contact >.flex >div p {
    text-align: center;
    margin-bottom: 10px;
	font-weight: bold;
	font-size:16px;
}

.contact .tel a {
    font-size: 48px;
    font-weight: bold;
    line-height: 1em;
}

.contact .tel span {
    display: block;
}

.mail a {
    background: #f56f21;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    display: block;
    border-bottom: #ec5836 4px solid;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
}



/*------------------------------
	タブレットの設定
------------------------------*/

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

	
	
}



/*------------------------------
	スマホの設定
------------------------------*/

@media screen and (max-width:600px){
	
	#contents h2.subtitle {
		font-size: 22px;
		line-height: normal;
		margin-bottom:10px;
	}
	
	/*-----titleImage-----*/
	
	#contents #titleImg{
		background-image: url(/img/landlord/titleimg_sp.jpg);
	}
	
	/*----- 事業紹介 -----*/
	

	#landlord_list .landlord_list_wrap li{
		flex: 0 1 100%;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#landlord_list .landlord_list_wrap a {
	    font-size: 20px;
	    padding: 15px;
	}
	
	#landlord_list .landlord_list_wrap a:after{
		margin: 0;
	}
	
/*----- コンサル事例 -----*/

	#consulting .case{
		display: block;
	}
	
	#consulting .case_box{
		width:100%;
		margin-bottom:20px;
	}
	
	#consulting .case_box p.title{
		line-height: 26px;
	}
	
	.img{
		width:90%;
	}
	
/*----- お問い合わせ -----*/
	
	.contact {
		width:90%;
	}
	
	.contact .flex{
		display: block;
	}
	
	.contact .tel{
		margin-bottom:20px;
	}
	
	.contact .tel a {
		font-size:36px;
	}
	
	.contact .mail a {
		font-size:20px;
	}
}