/* 仲介手数料無料物件 */

@media screen and (min-width: 641px){

#est_fre {
	line-height: 200%;
	}

#est_fre .fre {
	width: 100%;
	background: url(img/mod.jpg) no-repeat left bottom;
	background-size: 20% auto;
	background-color: #00BFBB;
	color: #ffffff;
	margin: -150px 0px 130px 0px;
	padding: 100px 0px 50px 0px;
	}

#est_fre .fre dl {
	width: 87.5%;
	margin: 0px auto;
	display: table;
	}

#est_fre .fre dt {
	width: 32.142%;
	display: table-cell;
	vertical-align: top;
	}

#est_fre .fre dt p {
	width: 200px;
	background: #FFCC00;
	border: 1px #ffffff solid;
	line-height: 198px;
	margin: 0px;
	float: right;
	text-align: center;
	box-sizing: border-box;
	}

#est_fre .fre dt img {
	height: 150px;
	display: inline-block;
	vertical-align: middle;
	}

#est_fre .fre dd {
	width: 67.857%;
	padding: 0px 0px 0px 3.157%;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	}

#est_fre .fre dd h3 {
	font-size: 48px;
	line-height: 120%;
	letter-spacing: 0.2em;
	margin: 0px 0px 15px 0px;
	}

#est_fre .fre dd p {
	font-size: 24px;
	line-height: 120%;
	margin: 0px 0px 15px 0px;
	}

#est_fre .fre dd font {
	font-size: 36px;
	}

#est_fre.top ul {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 100px auto;
	}

#est_fre.top ul a {
	width: 100%;
	border-bottom: 1px #111111 solid;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 50px 0px;
	display: table;
	}

#est_fre.top ul a:last-child {
	margin: 0px;
	}

#est_fre.top ul dt {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	}

#est_fre.top ul dt img {
	width: 100%;
	height: auto;
	}

#est_fre.top ul dt p {
	width: 100%;
	background: #111111;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	}

#est_fre.top ul dd {
	width: 75%;
	padding: 0px 0px 0px 5.5%;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	}

#est_fre.top ul dl.pri dd,
#est_fre .det .sum dl.pri dd {
	font-size: 18px;
	font-weight: bold;
	color: #00BFBB;
	}

#est_fre.top ul dl.pri font,
#est_fre .det .sum dl.pri dd font {
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	font-weight: 500;
	margin: 10px 0px 0px 0px;
	}

#est_fre.top ul dl.pri strong,
#est_fre .det .sum dl.pri strong {
	color: #111111;
	position: relative;
	}

#est_fre.top ul dl.pri strong:before,
#est_fre .det .sum dl.pri strong:before {
	content: '';
	width: 100%;
	border-top: 3px #333333 solid;
	position: absolute;
    left: 0px;
    top: 15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	}

#est_fre.top ul dl.pri p,
#est_fre .det .sum dl.pri p {
	color: #00BFBB;
	margin: 0px 0px 0px 48px;
	display: inline-block;
	position: relative;
	}

#est_fre.top ul dl.pri p:before,
#est_fre .det .sum dl.pri p:before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2.5px #111111 solid;
	border-right: 2.5px #111111 solid;
	position: absolute;
	left: -28px;
    top: 20px;
	transform: rotate(45deg);
	}

#est_fre.top ul dl.pri p font,
#est_fre .det .sum dl.pri p font {
	font-size: 54px;
	}

#est_fre.top h3 {
	font-size: 16px;
	}

#est_fre.top .sum dl {
	width: 100%;
	display: table;
	}

#est_fre.top .sum dt {
	width: 100px;
	}

#est_fre.top .sum dd {
	width: calc(100% - 100px);
	padding: 0px;
	}

#est_fre .det {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 130px auto;
	}

#est_fre .det .slider-pro {
	width: 100%;
	background: #f5f5f5;
	margin: 0px 0px 50px 0px;
	}

#est_fre .det h2 {
	width: 100%;
	border-top: 1px #111111 solid;
	border-bottom: 1px #111111 solid;
	font-size: 24px;
	line-height: 150%;
	letter-spacing: 0.2em;
	margin: 0px 0px 100px 0px;
	padding: 40px 0px;
	text-align: center;
	}

#est_fre .det h2 p {
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0px 30px 0px;
	}

#est_fre .det h2 span {
	font-size: 36px;
	color: #00BFBB;
	letter-spacing: normal;
	display: block;
	}

#est_fre .det h2 font {
	font-family: 'Oswald', sans-serif;
	font-size: 72px;
	font-weight: 500;
	}

#est_fre .det h2 strong {
	color: #111111;
	position: relative;
	}

#est_fre .det h2 strong:before {
	content: '';
	width: 100%;
	border-top: 3px #333333 solid;
	position: absolute;
    left: 0px;
    top: 15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	}

#est_fre .det h2 ol {
	color: #00BFBB;
	margin: 0px 0px 0px 55px;
	display: inline-block;
	position: relative;
	}

#est_fre .det h2 ol:before {
	content: '';
	width: 14px;
	height: 14px;
	border-top: 5px #111111 solid;
	border-right: 5px #111111 solid;
	position: absolute;
	left: -35px;
    top: 20px;
	transform: rotate(45deg);
	}

#est_fre .det h2 ol font {
	font-size: 96px;
	}

#est_fre .det h2 .clo {
	background: #111111;
	font-weight: bold;
	line-height: 40px;
	color: #ffffff;
	letter-spacing: normal;
	margin: 0px auto 40px auto;
	padding: 0px 15px;
	display: table;
	}

#est_fre .det picture img {
	width: 100%;
	margin: 0px auto 100px auto;
	}

#est_fre .det .pla,
#est_fre .det .dia {
	width: 100%;
	margin: 100px 0px 0px 0px;
	overflow: hidden;
	}

#est_fre .det .pla h3,
#est_fre .det .dia h3,
#est_fre .det .rep h3,
#est_fre .det .sum h3 {
	font-size: 24px;
	letter-spacing: 0.2em;
	margin: 0px;
	text-align: center;
	}

#est_fre .det .pla li {
	width: 47.916%;
	margin: 50px 4.166% 0px 0px;
	float: left;
	text-align: center;
	}

#est_fre .det .pla li:nth-child(2n) {
	margin: 50px 0px 0px 0px;
	}

#est_fre .det .pla img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#est_fre .det .dia p {
	width: 100%;
	max-width: 800px;
	margin: 50px auto 0px auto;
	}

#est_fre .det .dia img {
	width: 100%;
	}

#est_fre .det .rep {
	width: 100%;
	border: 5px #00BFBB solid;
	margin: 100px 0px 0px 0px;
	padding: 45px 0px;
	text-align: center;
	box-sizing: border-box;
	}

#est_fre .det .rep dl {
	width: 66.666%;
	max-width: 1000px;
	font-size: 18px;
	margin: 50px auto 30px auto;
	display: table;
	}

#est_fre .det .rep dd {
	width: 50%;
	display: table-cell;
	}

#est_fre .det .rep span {
	font-size: 36px;
	font-weight: bold;
	color: #00BFBB;
	letter-spacing: normal;
	margin: 0px 0px 0px 10%;
	}

#est_fre .det .rep font {
	font-family: 'Oswald', sans-serif;
	font-size: 72px;
	font-weight: 500;
	}

#est_fre .det .sum {
	width: 100%;
	margin: 100px 0px;
	box-sizing: border-box;
	}

#est_fre .det .sum dl {
	width: 100%;
	border-bottom: 1px #e6e6e6 solid;
	float: left;
	display: table;
	box-sizing: border-box;
	}

#est_fre .det .sum dl:nth-child(2) {
	border-top: 1px #e6e6e6 solid;
	margin: 50px 0px 0px 0px;
	}

#est_fre .det .sum dt {
	width: 20%;
	padding: 30px 0px;
	display: table-cell;
	}

#est_fre .det .sum dd {
	width: 80%;
	padding: 30px 0px;
	display: table-cell;
	}

#est_fre .det iframe {
	width: 100%;
	height: 600px;
	margin: 100px 0px 0px 0px;
	}

#est_fre .det img {
	max-width: 100%;
	height: auto;
	}

#est_fre .det a {
	color: #51b7d9;
	text-decoration: underline;
	}

}

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

#est_fre {
	width: 90%;
	line-height: 200%;
	margin: 0px auto;
	}

#est_fre .fre {
	width: 100%;
	background: url(img/mod.jpg) no-repeat right bottom;
	background-size: 25% auto;
	background-color: #00BFBB;
	color: #ffffff;
	margin: 0px 0px 70px 0px;
	padding: 30px 0px;
	}

#est_fre .fre dl {
	width: 90%;
	margin: 0px auto;
	}

#est_fre .fre dt p {
	width: 140px;
	background: #FFCC00;
	border: 1px #ffffff solid;
	line-height: 138px;
	margin: 0px auto 20px auto;
	text-align: center;
	box-sizing: border-box;
	}

#est_fre .fre dt img {
	height: 110px;
	display: inline-block;
	vertical-align: middle;
	}

#est_fre .fre dd h3 {
	font-size: 28px;
	line-height: 120%;
	letter-spacing: 0.2em;
	margin: 0px 0px 10px 0px;
	}

#est_fre .fre dd p {
	font-size: 18px;
	line-height: 120%;
	margin: 0px 0px 10px 0px;
	}

#est_fre.top ul {
	width: 100%;
	margin: 0px auto 50px auto;
	}

#est_fre.top ul a {
	width: 100%;
	border-bottom: 1px #111111 solid;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	display: block;
	}

#est_fre.top ul a:last-child {
	margin: 0px;
	}

#est_fre.top ul dt {
	margin: 0px 0px 20px 0px;
	position: relative;
	}

#est_fre.top ul dt img {
	width: 100%;
	height: auto;
	}

#est_fre.top ul dt p {
	width: 100%;
	background: #111111;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	}

#est_fre.top ul dl.pri dd,
#est_fre .det .sum dl.pri dd {
	font-size: 16px;
	font-weight: bold;
	color: #00BFBB;
	}

#est_fre.top ul dl.pri font,
#est_fre .det .sum dl.pri dd font {
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	font-weight: 500;
	}

#est_fre.top ul dl.pri strong,
#est_fre .det .sum dl.pri strong {
	color: #111111;
	position: relative;
	}

#est_fre.top ul dl.pri strong:before,
#est_fre .det .sum dl.pri strong:before {
	content: '';
	width: 100%;
	border-top: 3px #333333 solid;
	position: absolute;
    left: 0px;
    top: 15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	}

#est_fre.top ul dl.pri p,
#est_fre .det .sum dl.pri p {
	color: #00BFBB;
	margin: 0px 0px 0px 28px;
	display: inline-block;
	position: relative;
	}

#est_fre.top ul dl.pri p:before,
#est_fre .det .sum dl.pri p:before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2.5px #111111 solid;
	border-right: 2.5px #111111 solid;
	position: absolute;
	left: -18px;
    top: 15px;
	transform: rotate(45deg);
	}

#est_fre.top ul dl.pri p font,
#est_fre .det .sum dl.pri p font {
	font-size: 48px;
	}

#est_fre.top h3 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	}

#est_fre.top .sum dl {
	width: 100%;
	display: table;
	}

#est_fre.top .sum dt {
	width: 80px;
	display: table-cell;
	}

#est_fre.top .sum dd {
	width: calc(100% - 80px);
	display: table-cell;
	}

#est_fre .det {
	margin: 0px auto 70px auto;
	}

#est_fre .det .slider-pro {
	width: 100%;
	background: #f5f5f5;
	margin: 0px 0px 30px 0px;
	}

#est_fre .det h2 {
	width: 100%;
	border-top: 1px #111111 solid;
	border-bottom: 1px #111111 solid;
	font-size: 18px;
	letter-spacing: 0.2em;
	margin: 0px 0px 50px 0px;
	padding: 20px 0px;
	}

#est_fre .det h2 p {
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0px 20px 0px;
	text-align: center;
	}

#est_fre .det h2 span {
	font-size: 28px;
	color: #00BFBB;
	letter-spacing: normal;
	text-align: center;
	display: block;
	}

#est_fre .det h2 font {
	font-family: 'Oswald', sans-serif;
	font-size: 54px;
	font-weight: 500;
	}

#est_fre .det h2 strong {
	font-size: 18px;
	color: #111111;
	position: relative;
	}

#est_fre .det h2 strong font {
	font-size: 36px;
	}

#est_fre .det h2 strong:before {
	content: '';
	width: 100%;
	border-top: 3px #333333 solid;
	position: absolute;
    left: 0px;
    top: 15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	}

#est_fre .det h2 ol {
	color: #00BFBB;
	font-size: 28px;
	margin: 0px 0px 0px 28px;
	display: inline-block;
	position: relative;
	}

#est_fre .det h2 ol:before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2.5px #111111 solid;
	border-right: 2.5px #111111 solid;
	position: absolute;
	left: -18px;
    top: 20px;
	transform: rotate(45deg);
	}

#est_fre .det h2 ol font {
	font-size: 64px;
	}

#est_fre .det h2 .clo {
	background: #111111;
	font-weight: bold;
	line-height: 36px;
	color: #ffffff;
	letter-spacing: normal;
	margin: 0px auto 20px auto;
	padding: 0px 10px;
	display: table;
	}

#est_fre .det picture img {
	width: 100%;
	margin: 0px auto 50px auto;
	}

#est_fre .det .pla {
	width: 100%;
	padding: 70px 0px 0px 0px;
	}

#est_fre .det .pla h3,
#est_fre .det .dia h3,
#est_fre .det .rep h3,
#est_fre .det .sum h3 {
	font-size: 18px;
	letter-spacing: 0.2em;
	margin: 0px;
	text-align: center;
	}

#est_fre .det .pla li {
	width: 100%;
	margin: 30px 0px 0px 0px;
	text-align: center;
	}

#est_fre .det .pla img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#est_fre .det .dia {
	width: 100%;
	padding: 50px 0px 0px 0px;
	}

#est_fre .det .dia p {
	margin: 30px 0px 0px 0px;
	}

#est_fre .det .dia img {
	width: 100%;
	}

#est_fre .det .rep {
	width: 100%;
	border: 5px #00BFBB solid;
	margin: 50px 0px 0px 0px;
	padding: 25px 0px;
	text-align: center;
	box-sizing: border-box;
	}

#est_fre .det .rep dl {
	font-size: 14px;
	margin: 0px auto 20px auto;
	}

#est_fre .det .rep dd {
	margin: 30px 0px 0px 0px;
	}

#est_fre .det .rep span {
	font-size: 28px;
	font-weight: bold;
	color: #00BFBB;
	letter-spacing: normal;
	margin: 0px 0px 0px 5%;
	}

#est_fre .det .rep font {
	font-family: 'Oswald', sans-serif;
	font-size: 54px;
	font-weight: 500;
	}

#est_fre .det .sum {
	width: 100%;
	margin: 50px 0px;
	box-sizing: border-box;
	}

#est_fre .det .sum dl {
	width: 100%;
	border-bottom: 1px #e6e6e6 solid;
	padding: 20px 0px;
	}

#est_fre .det .sum dl:nth-child(2) {
	border-top: 1px #e6e6e6 solid;
	margin: 30px 0px 0px 0px;
	}

#est_fre .det .sum dt {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}

#est_fre .det iframe {
	width: 100%;
	height: 300px;
	}

#est_fre .det img {
	max-width: 100%;
	height: auto;
	}

#est_fre .det a {
	color: #51b7d9;
	text-decoration: underline;
	}

}