/* = Reset CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
dl,dt,dd,ul,ol,li {	list-style: none;}

body {
	background-color: #FDF4FB;
	margin: 0;
	padding: 0;
}

#head_base {
	background-color: #fff;
}

footer {
	background-color: #fff;
	padding: 50px 0 10px;
}





/* コンテンツの横幅
---------------------------------------------------*/

.w-container {
	max-width: 1200px;
	background-color: white;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:1025px){
	.w-container {
		max-width: 1200px;
		background-color: white;
		display: block;
		margin: 0 auto;
	}
}



/* 大タイトル
---------------------------------------------------*/

.title-box {
	display: grid;
	grid-template-columns: 300px auto;
	column-gap: 37px;
	background-color: white;
}


@media screen and (max-width:1025px){
	.title-box {
		display: grid;
		grid-template-columns: 300px auto;
		column-gap: 10px;
		background-color: white;
		paddin-left: 10px;
		paddin-right: 10px;
	}
}




@media screen and (max-width:767px){
	.title-box {
		display: flex;
		flex-flow: column;
		background-color: white;
	}
}





.title-item {
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width:767px){
	.title-item {
		margin-top: 20px;
		margin-bottom: 0px;
		margin-left:10px;
		margin-right:10px;
	}
}



.title-item img {
	display: block;
	margin: 0 auto;
}



.fudousan-title {
	color: #FFB62C;
	font-weight: 700;
	font-size: clamp(1.25rem, 0.3977rem + 3.6364vw, 3.125rem); /*20/50*/
	min-height: 0vw;
	padding: 0px;
}

.fudousan-catchcopy {
	color: #C3881A;
	font-weight: 400;
	font-size: clamp(1rem, 0.8864rem + 0.4848vw, 1.25rem); /*16/20*/
	min-height: 0vw;
}

.menkyo-number {
	color: #5A5A5A;
	font-weight: 400;
	font-size: clamp(0.875rem, 0.7614rem + 0.4848vw, 1.125rem); /*14/18*/
	min-height: 0vw;
}


/* オススメ不動産情報！
---------------------------------------------------*/

.osusume {
	background-color: #FAF9DA;
	border-top: solid 15px #FFAB38;
	text-align: center;
	padding-bottom: 15px;
}

@media screen and (max-width:767px){
	.osusume {
		background-color: #FAF9DA;
	 	border-top: solid 15px #FFAB38;
		padding-left:10px;
		padding-right:10px;
		}
}

.osusume img {
	width: 100%;
	max-width: 460px;
}

.osusume h1 {
	color: #FFAB38;
	font-weight: 500;
	font-size: clamp(1.25rem, 0.6818rem + 2.4242vw, 2.5rem); /*20/40*/
	min-height: 0vw;
	margin-top: 10px;
}

.otoiawase {
	color: #121212;
	font-weight: 400;
	font-size: clamp(1.125rem, 0.9545rem + 0.7273vw, 1.5rem); /*18/24*/
	min-height: 0vw;
	margin-top: 7px;
	margin-bottom: 12px;
}



/* instagram feed部分
---------------------------------------------------*/

.insta-fudousan {
	background-color: #FFAB38;
	padding-bottom: 10px;
}

.instagram-feed-box {
	display: grid;
	grid-template-columns: 370px 370px 370px;
	justify-content: space-evenly;
}



@media screen and (max-width:1025px){
	.instagram-feed-box {
		background-color: #FFAB38;
		display: grid;
		grid-template-columns: 370px 370px;
		justify-content: space-evenly;
	}
}


@media screen and (max-width:767px){
	.instagram-feed-box {
		background-color: #FFAB38;
		display: flex;
		flex-wrap: wrap;
	}
}




.instagram-feed-item {
	background-color: white;
	margin-top : 20px;
	margin-bottom : 20px;
}


@media screen and (max-width:767px){
	.instagram-feed-item img.insta_img {
		width: 100%;
	}
}


.insta-feed-text {
	color: #121212;
	font-weight: 400;
	font-size: clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem); /*16/18*/
	min-height: 0vw;
	line-height: 1.7;
	padding: 10px;
}


.feed-btn {
	margin-bottom: 20px;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.viewmore-button {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  line-height: 1;
	  text-decoration: none;
	  color: #ad711f;
	  font-size: 18px;
	  border-radius: 25px;
	  width: 200px;
	  height: 50px;
	  font-weight: bold;
	  border: 2px solid #ad711f;
	  transition: 0.3s;
	  background-color: #FFFFFF;
}

.viewmore-button:hover {
	background-color: #FAF9DA;
	border: 2px solid #6A4615;
	color: #6A4615;
}





/* 運営者情報
---------------------------------------------------*/

.wide-spacer {
	height: 25px;
}

.company-info {
	padding-top: 10px;
	background-color: white;
	border-left: solid 15px #FFAB38;
	padding-bottom: 10px;
	padding-left: 10px;
}


.company-info-text-small {
	color: #121212;
	font-weight: 400;
	font-size: clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem); /*16/18*/
	min-height: 0vw;
}

.company-info-text-large {
	color: #121212;
	font-weight: 500;
	font-size: clamp(1.125rem, 1.0682rem + 0.2424vw, 1.25rem); /*18/20*/
	min-height: 0vw;
}





/* フッターボタン
---------------------------------------------------*/

.footer-btn-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 10px 0px;
}


.footer-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 500px;
  color: white;
  font-size: 18px;
  font-weight: 500;
  background-color: #D6AB6F;
  transition: 0.3s;
  text-decoration: none;
}

@media screen and (max-width:1025px){
	.footer-btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 1em 2em;
		width: 400px;
		color: white;
		font-size: 18px;
		font-weight: 500;
		background-color: #D6AB6F;
		transition: 0.3s;
		text-decoration: none;
	}
}

@media screen and (max-width:767px){
	.footer-btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 1em 2em;
		width: 300px;
		color: white;
		font-size: 18px;
		font-weight: 500;
		background-color: #D6AB6F;
		transition: 0.3s;
		text-decoration: none;
	}
}






.footer-btn a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid white;
  border-right: 3px solid white;
  transform: rotate(45deg);
}

.footer-btn a:hover {
  text-decoration: none;
  background-color: #AD8347;
}




/* フッターcopyright
---------------------------------------------------*/
hr.gray {
	border: 1px solid #ACACAC; 
}


.fudousan-copyright {
	color: #121212;
	font-weight: 400;
	font-size: clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem); /*16/18*/
	min-height: 0vw;
	text-align: center;
}




/* その他
---------------------------------------------------*/

.br-only-smp {
	display: none;
}

@media screen and (max-width:767px){
	.br-only-smp {
		display: block;
	}
}