@charset "utf-8";

/*----------------------------------------------------------------------------------------

	letter.css

----------------------------------------------------------------------------------------*/

body.letter > .wrapper {
	padding-bottom: 0;
}
body.letter .pagebody {
	width: auto;
}
body.letter .pagebody > .main {
	padding: 0;
	background-color: #f5f5f5;
}
body.letter .pgcontent {
	padding: 0;
}
body.letter header.main_h2_bg {
	display: none;
}

/* line ///
---------------------------------------------- */
body.letter .letter_hd {
	margin-bottom: 20px;
	padding-left: 94px;
	border-bottom: 3px solid;
	position: relative;
	color: #333;
	font-size: 2.8rem;
}
body.letter .letter_hd i {
	position: absolute;
	bottom: 5px;
	left: 0;
}
body.letter .letter_hd h2 {
	margin-bottom: 8px;
	line-height: 100%;
}
body.letter .letter_hd span {
	margin-bottom: 2px;
	display: block;
	color: #f81e1e;
	font-size: 1.6rem;
}
body.letter .letter_hd a {
	width: 91px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 26px;
}

body.letter .letter_content{
	margin-right: auto;
	margin-left: auto;
	width: 1050px;
}
body.letter .letter_title header { border-color: #f81e1e;}
body.letter .letter_title header h2{font-size: 3.6rem;}
body.letter .letter_content > h3{
	font-size: 22px;
	color:#472014;
	margin-bottom: 2rem;
}

/********/
body.letter .letter-subheader {
    background-color: #e8cca5;
    text-align: center;
}
/********/
body.letter .main_mess{
	width : 1050px;
	margin : 6rem auto 5rem;
	display: flex;
	justify-content: space-between;
}
body.letter .main_mess > li{
	border : 4px solid #471f13 ;
	padding: 3rem 2rem;
	background-color:#fffbf2;
	width:494PX;
}
body.letter .main_mess > li > h3{
	font-size: 24px;
	line-height:3.8rem;
	padding-left: 9rem;
	color: #471f13;
}
body.letter .main_mess > li > h3:before{
	background: url("/images/letter/letter_icon.png") no-repeat;
	background-size: auto;
	width: 69px;
	height: 69px;
	margin-top: 5px;
	margin-left:-80px;
	content: "";
	display: inline-block;
	position: absolute;
}
body.letter .main_mess > li > p{
	font-size: 16px;
	line-height: 1.8;
}
body.letter .main_mess > li > hr{
	margin-top: 2rem;
	margin-bottom: 2rem;
	border: 1px solid #471f13 ;
	background: none;
	height: 1px;
}

/********/
body.letter .main_mess2{
	padding: 15px;
	position: relative;
	width: 960px;
	margin : 0 auto 6rem;
}
body.letter .main_mess2::before, .main_mess2::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}
body.letter .main_mess2::before {
	border-left: solid 5px #471f13;
	border-top: solid 5px #471f13;
	top: 0;
	left: 0;
}
body.letter .main_mess2::after {
	border-right: solid 5px #471f13;
	border-bottom: solid 5px #471f13;
	bottom: 0;
	right: 0;
}
body.letter .main_mess2 h2{
	height: 84px;
	font-size: 26px;
	line-height: 84px;
	color: #fff;
	text-align: center;
	position: relative;
	background: #ee832b;
	border-radius: 5px;
}
body.letter .main_mess2 h2:after{
	position: absolute;
	content: "";
	width: 71px;
	height: 95px;
	bottom: 0;
	right: 15px;
	background: url(/images/letter/woman_icon.png) no-repeat center;
	background-size: 71px 95px;
}

/** こんな人におすすめ ******/
body.letter .letter_kaitori {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1rem;
}
body.letter .letter_kaitori > li {
    /*width: 193px;*/
    width: calc(92% / 5);
    border: 1px solid;
    margin-bottom: 30px;
}
body.letter .letter_kaitori p > img {
    max-width: 100%;
}
body.letter .letter_kaitori_con{
	padding:15px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
body.letter .letter_kaitori h4 { text-align: center;font-size: 1.4rem;}
body.letter .letter_kaitori > li p:last-child { height: 100px;}
body.letter .letter_kaitori > li:not(:nth-of-type(5)) { margin-right: 20px;}

/** こんなメリットもあります ******/
body.letter .letter_merit {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
body.letter .letter_merit > li {
    width: calc(90% / 3);
    margin-bottom: 30px;
}
body.letter .letter_merit img {
    display: block;
    max-width: 100%;
    height: auto;
}

/** 新たに買主様を募集(一般顧客向け販売) ******/
body.letter .recruitment{
    position: relative;
    margin: 3rem 0 7rem;
    border: 3px solid #92c800;
}
body.letter .recruitment h2,.recruitment h3{
	text-align: center;
}
body.letter .recruitment h2{
	font-size: 2.7rem;
	color: #fff;
	background-color:#92c800;
	 height: 87px;
	 line-height: 87px;
}
body.letter .recruitment h3{
	font-size: 2.2rem;
	color: #472014;
	margin:3rem 3rem 0;
	font-weight: normal;
}
body.letter .recruitment_inner{
    padding: 1em 4rem 4rem;
    background-color:#f7f7f7;
}
body.letter .recruitment_contet{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top:3rem;
}
body.letter .recruitment_contet > li { width: calc(96% / 2);}
body.letter .recruitment_contet > li > h4,.recruitment_inner p{text-align: center;}
body.letter .recruitment_contet > li:first-child > h4{background-color:#ee832b;}
body.letter .recruitment_contet > li:last-child > h4{background-color:#20abbe;}
body.letter .recruitment_contet > li:first-child{border: 3px solid #ee832b;}
body.letter .recruitment_contet > li:last-child{border: 3px solid #20abbe;}
body.letter .recruitment_contet > li > p{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3rem;
	font-size: 1.6rem;
	line-height: 1.8;
	height: 150px;
}

/** 当社の不動産広告のクオリティーは地域トップクラス ******/
body.letter .quality_contet{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top:3rem;
	margin-bottom: 2rem;
}
body.letter .quality_contet > li { width: calc(95% / 3);}
body.letter .quality_contet img, .advertising_pro img,.advertising_pro_cg img{
    display: block;
    max-width: 100%;
    height: auto;
}
body.letter .quality_contet + p{margin-bottom: 6rem;font-size: 1.6rem;}
body.letter .advertising_pro{
	display: flex;
	flex-flow: row wrap;
	/*justify-content: space-around;*/
	justify-content: center;
	margin-top:4rem;
	margin-bottom:6rem;
}
body.letter .advertising_pro > li { width: calc(70% / 2);}
body.letter .advertising_pro > li:first-child { margin-right: 5rem;}
body.letter .advertising_pro p,.advertising_pro_cg p {
	font-size: 1.6rem;
	text-align: center;
	margin-top:1rem;
}
body.letter .advertising_pro_h3 {
    font-size: 1.8rem !important;
    line-height: 1.4;
    padding-bottom: 2rem;
    margin: 0 4rem 3rem;
    border-bottom: solid 1px ;
    font-weight: normal;
}
body.letter .advertising_pro_h3 strong {
    font-size: 2rem;
    color: #fff;
    background: #92c800;
    border-radius: 50px;
    padding: .5rem 3rem;
    margin-right: 1rem;
}
body.letter .advertising_pro_cg{
	display: flex;
	justify-content: center;
	margin-top:4rem;
	margin-bottom:6rem;
}
body.letter .advertising_pro_cg > li:not(:nth-child(2)) { width: calc(65% / 2);}
body.letter .advertising_pro_cg > li:nth-child(2) {margin: 0 6rem 0 7rem;}
body.letter .letter_space{
	background: #fffbf2;
	padding:5rem 1rem;
}
body.letter .letter_space img{
	margin: 0 auto;
	display: block;
}
body.letter #body_footer{margin-top: 0;}

@media screen and (max-width:480px) {
	body.letter #letter_wap{padding: 0 1rem;}
	body.letter .main_mess{
		width:100%;
		flex-flow: column;
		margin: 3rem auto !important;
	}
	body.letter .main_mess > li{
		width:100%;
		padding: 2rem;
	}
	body.letter .main_mess > li:first-child{margin-bottom: 2rem;}
	body.letter .main_mess > li > h3 {
		font-size: 1.7rem !important;
		line-height: 2.8rem !important;
		padding-left: 5rem !important;
	}
	body.letter .main_mess > li > h3::before {
		background-size: 45px !important;
		width: 45px !important;
		height: 45px !important;
		margin-left: -55px !important;
	}
	body.letter .letter_content,.main_mess2{width: auto !important;}
	body.letter .main_mess2 h2{
		height: auto !important;
		font-size: 2rem !important;
		line-height: 1.6 !important;
		padding: 1rem;
	}
	body.letter .main_mess2 h2::after {display: none;}
	body.letter .letter_title header.letter_hd i {
		position: absolute;
		left: 5px;
		bottom: 6px;
		width: 45px;
	}
	body.letter .letter_title header h2 { font-size: 2rem;}
	body.letter .letter_title header {padding-left: 6rem;}

	body.letter .letter_kaitori {justify-content: space-between;}
	body.letter .letter_content > h3{
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}
	body.letter .letter_kaitori h4 { font-size: 1.2rem;}
	body.letter .letter_kaitori > li:not(:nth-of-type(5)) { margin-right: 0 !important;}
	body.letter .letter_kaitori > li {
	    width: calc(95% / 2) !important;
	    margin-bottom: 2rem !important;
	}
	body.letter .recruitment {margin: 1rem 0 4rem !important;}
	body.letter .letter_merit > li {
		width: 90% !important;
		margin: 0 auto 30px;
	}
	body.letter .recruitment h2{
		font-size: 1.8rem !important;
		height: auto !important;
		line-height: 1 !important;
		padding: 2rem 0;
	}
	body.letter .recruitment_inner {padding: 2rem !important;}
	body.letter .recruitment_inner p {font-size: 1.4rem;}
	body.letter .recruitment h3{
		margin: 0 !important;
		font-size: 1.6rem !important;
	}
	body.letter .recruitment_contet > li,
	body.letter .quality_contet > li,
	body.letter .advertising_pro > li,
	body.letter .advertising_pro_cg > li:not(:nth-child(2)){
		width: 100% !important;
		margin-bottom: 2rem !important;
	}
	body.letter .recruitment_contet > li > p{font-size: 1.4rem !important;}
	body.letter .quality_contet{margin-bottom: 0 !important;margin-top: 2rem !important;}
	body.letter .advertising_pro{
		margin-bottom: 2rem !important;
		margin-top: 2rem !important;
	}
	body.letter .advertising_pro > li:first-child{margin-right: 0 !important;margin-bottom: 3rem !important;}
	body.letter .advertising_pro_h3 {
		margin: 0  !important;
	}
	body.letter .advertising_pro_h3 strong{
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 1rem;
	}
	body.letter .advertising_pro_cg{
		flex-flow: column;
		margin-top: 2rem !important;
		margin-bottom: 2rem !important;
	}
	body.letter .advertising_pro_cg > li:nth-child(2) {margin: 2rem auto !important;}
	body.letter .blog-banner,.snsLink-list{display: none;}
}