@charset "utf-8";

#navlink .real_estate_information_bt ul{width: auto;}
/*------------------------------ .real_estate_information ------------------------------*/
#helpful_tips.real_estate_information .content .flex { padding: 71px 0 0;}
#helpful_tips.real_estate_information .content{padding: 61px 0 93px;}
#helpful_tips.real_estate_information .content h3{text-align: center;}
#helpful_tips.real_estate_information .content .flex .box{margin-bottom: 77px; }
#helpful_tips.real_estate_information .page_box{display: flex; justify-content: center}
#helpful_tips.real_estate_information .page_box .page:not(:last-child){margin: 0 15px 0 0;}
#helpful_tips.real_estate_information .page_box .page{display: block; border: 1px solid #2952A7; color: #2952A7; width: 47px; height: 47px;font-family: poppins, sans-serif; font-weight: 600; font-style: normal; border-radius: 100px; text-align: center; padding: 16px 0; line-height: 100%;}
#helpful_tips.real_estate_information .page_box .page.active{border: 1px solid #2952A7; color: #fff; background: #2952A7;}

/*------------------------------ .delesil ------------------------------*/
#helpful_tips.delesil .bg_white{padding: 101px 0 109px;}
#helpful_tips.delesil .bg_white .flex_box{display: flex; align-items: flex-start; padding: 72px 0 0;}
#helpful_tips.delesil .bg_white .flex_box .content_box{width: 790px; height: auto; margin: 0 91px 0 0;}
#helpful_tips.delesil .bg_white .flex_box .content_box .title_box{border-bottom: 1px solid #D0D0D0; padding: 0 0 49px;}
#helpful_tips.delesil .bg_white .flex_box .content_box .title_box h3{font-size: 34px; line-height: 148%; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; color: #000; letter-spacing: 0;}
#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex{padding: 37px 0 0;}
#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex ul{ padding: 0 23px 0 0 ; display: inline-block;} 
#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex ul li{border: 1px solid #D0D0D0; border-radius: 100px; font-size: 14px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; line-height: 160%; padding: 10px 20px; display: inline-block; margin-bottom: 6px;}
#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex ul li:not(:last-child){margin-right:6px;}
#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex p{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; color: #2952A7; font-size: 14px;display: inline-block;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content{padding: 40px 0 0;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box:not(:last-child){padding: 0 0 80px;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box h4{font-size: 30px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; border-left: 5px solid #2952A7; letter-spacing: 0.03em; line-height: 220%; padding: 0 0 0 27px;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box p{font-size: 18px; line-height: 200%; }
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box a.link{font-size: 18px; line-height: 200%; color:#0059ff; border-bottom: 1px solid #0059ff; padding: 0 0 5px; display: inline-block;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box a.link.thumb-hover{border-bottom: 1px solid #0059ff;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box .btn{margin: 0 auto;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box .btn a{border-radius: 17px; font-size: 18px; letter-spacing: 0.05em; margin: 0 auto; width: 288px;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .box .btn:before{ width: 308px; height: 82px;border-radius: 17px; }
#helpful_tips.delesil .bg_white .flex_box .content_box .content .youtube{position: relative; width: 100%; height: auto; padding: 56.5% 0 0;}
#helpful_tips.delesil .bg_white .flex_box .content_box .content .youtube iframe{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}


#helpful_tips.delesil .bg_white .flex_box aside{padding: 92px 0 0; width: 317px;}
#helpful_tips.delesil .bg_white .flex_box aside .box:not(:last-child){margin: 0 0 48px;}
#helpful_tips.delesil .bg_white .flex_box aside .box h3{ color: #000;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; font-size: 20px; letter-spacing: 0; border-bottom: 2px solid #2952A7; padding: 0 0 9px;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul{padding: 33px 0 0;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul li:not(:last-child){margin: 0 0 39px;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul li a{display: flex; align-items: flex-start;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul li a img{margin: 0 11px 0 0 ;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div{width: 225px;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div span{font-size: 14px;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; line-height: 172%; letter-spacing: 0.05em;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div span.title{display: inline-block; padding: 0 21px 0 0;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div span.deta{color: #2952A7;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul.link_tag li:not(:last-child){margin: 0 0 27px;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul.link_tag li a{font-size: 14px; letter-spacing: 0.05em; line-height: 136%;}
#helpful_tips.delesil .bg_white .flex_box aside .box ul.link_tag li a span{font-size: 14px;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; line-height: 136%; letter-spacing: 0.05em;}

#helpful_tips.delesil .bg_white .linl_sns{display: flex; align-items: center; width: 380px; margin: 0 auto; padding: 93px 0 0; justify-content: center;}
#helpful_tips.delesil .bg_white .linl_sns p{font-size: 25px; letter-spacing: 0.1em; color: #2952A7; font-family: montserrat, sans-serif; font-weight: 600; font-style: normal;}
#helpful_tips.delesil .bg_white .linl_sns ul{display: flex; align-items: center;}
#helpful_tips.delesil .bg_white .linl_sns ul li:not(:last-child){margin: 0 15px 0 0;}

#picks{margin: 100px 0;}
#picks .picks_inner{max-width: 1400px; padding: 0 50px; margin: 0 auto;}
#picks .bg_box{background: #F1F5F8; border-radius: 30px; padding: 38px 35px 105px;}
#picks .bg_box h3{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-size: 16px; color: #2952A7; text-align: center;line-height: 160%;}
#picks .bg_box h3 span{font-size: 36px;line-height: 160%;}
#picks .bg_box .link_list_box{padding: 25px 0 0;}

.link_list_box{display: flex; justify-content: flex-start;}
#related .link_list_box.no-slick{ max-width: 1400px; display: flex; margin: 0 auto; }
.link_list_box .slick-track{display: flex;justify-content: center;}
.link_list_box .box{width: 379px; height: auto; background: #fff; border-radius: 15px 15px 0 0; position: relative;margin: 0 15px; float: none;}
.link_list_box .box:before{content: ""; display: block; width: 107%; height: 105%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #D6D6D6; border-radius: 15px 15px 0 0; opacity: 0;transition: 0.5s;}
.link_list_box .box.thumb-hover:before{opacity: 1; transition: 0.5s;}
.link_list_box .box a{ background: #fff; border-radius: 15px 15px 0 0; position: relative; display: block; height: 100%; z-index: 1; padding: 0 0 100px;}
.link_list_box .box a span.link_tt{position: absolute; bottom: 39px; right: 22px;letter-spacing: 0.05em; color: #2952A7; width: 120px; text-align: left; font-size: 15px;font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; }
.link_list_box .box a span.link_tt:before{display: block; content: ""; width: 10px; height: 10px; position: absolute; transform: translateY(-50%) rotateZ(-45deg); top: 50%; right: 0px; border-bottom: 2px solid #2952A7; border-right: 2px solid #2952A7;}
.link_list_box .box a .img_box{ border-radius: 15px; overflow: hidden;}
.link_list_box .box a .img_box img{width: 100%; height: auto;transition: 0.5s;}
.link_list_box .box.thumb-hover a .img_box img{transition: 0.5s;transform: scale(1.3);}
.link_list_box .box a div.text_box{padding: 30px 34px 0 28px;}
.link_list_box .box a span.title{letter-spacing: 0.05em; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; line-height: 119%;}
.link_list_box .box a span.tt{padding: 15px 0 0; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; line-height: 160%; display: block; font-size: 20px;letter-spacing: 0.05em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

#related{background: #F1F5F8; padding: 69px 0 68px;}
#related h3{line-height: 160%; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-size: 16px; color: #2952A7; text-align: center;}
#related h3 span{font-size: 36px;line-height: 160%;}
#related .link_list_box{padding: 38px 0 0;}
#related .link_list_box .slick-list{padding: 38px 15% 15px !important;}

#related .link_list_box{display: flex;justify-content: center;}
@media only screen and (max-width: 768px) {
	#navlink .real_estate_information_bt ul{width: max-content;}

	#helpful_tips.real_estate_information .content .flex { padding: 30px 0 0; }
	#helpful_tips.real_estate_information .content{padding: 30px 0 45px;}
	#helpful_tips.real_estate_information .content h3{text-align: center;}
	#helpful_tips .content .flex .box p.tt {height: auto;font-size: 16px;}
	#helpful_tips.real_estate_information .content .flex .box{width: 100%; margin: 0 0% 25px 0;}
	#helpful_tips.real_estate_information .page_box{display: flex; justify-content: center}
	#helpful_tips.real_estate_information .page_box .page:not(:last-child){margin: 0 15px 0 0;}
	#helpful_tips.real_estate_information .page_box .page{width: 34px; height: 34px; padding: 10px 0;}

	#helpful_tips.delesil .content .btn{margin: 0;}
	/*------------------------------ .delesil ------------------------------*/
	#helpful_tips.delesil .bg_white{padding:50px 0;}
	#helpful_tips.delesil .bg_white .flex_box{display: block; padding: 14px 0 0;}
	#helpful_tips.delesil .bg_white .flex_box .content_box{width: 100%; height: auto; margin: 0 0 45px;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .title_box{padding: 0 0 32px;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .title_box h3{font-size: 18px; }
	#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex{padding: 13px 0 0;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex ul{padding: 0 10px 0 0 ;} 
	#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex ul li{font-size: 11px; padding: 3px 10px; margin-bottom: 4px;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex ul li:not(:last-child){margin-right: 4px;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .title_box .flex p{font-size: 12px;line-height: 160%;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .content{padding: 20px 0 0;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .content .box:not(:last-child){padding: 0 0 50px;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .content .box h4{font-size: 16px; border-left: 3px solid #2952A7; padding: 0px 0 0 13px; line-height: 160%;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .content .box p{font-size: 12px; line-height: 160%;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .content .box a.link{font-size: 12px; line-height: 160%;}
	#helpful_tips.delesil .bg_white .flex_box .content_box .content .box .btn a{font-size: 12px; width: 172px; border-radius: 7px;}
	
	#helpful_tips.delesil .bg_white .flex_box aside{padding: 0px 0 0; width: 100%;}
	#helpful_tips.delesil .bg_white .flex_box aside .box:not(:last-child){margin: 0 0 30px;}
	#helpful_tips.delesil .bg_white .flex_box aside .box h3{ font-size: 16px; padding: 0 0 9px;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul{padding: 20px 0 0;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul li:not(:last-child){margin: 0 0 20px;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul li a{display: flex; align-items: flex-start;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul li a img{margin: 0 11px 0 0 ;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div{width: 225px;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div span{font-size: 12px;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div span.title{padding: 0 10px 0 0;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul li a div span.deta{}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul.link_tag li:not(:last-child){margin: 0 0 15px;}
	#helpful_tips.delesil .bg_white .flex_box aside .box ul.link_tag li a{font-size: 12px; }
	#helpful_tips.delesil .bg_white .flex_box aside .box ul.link_tag li a span{font-size: 12px;}
	
	#helpful_tips.delesil .bg_white .flex_box .content_box .content .box .btn:before{ width: 182px; height: 51px;border-radius: 7px; }
	
	#helpful_tips.delesil .bg_white .linl_sns{width: 100%; padding: 0; }
	#helpful_tips.delesil .bg_white .linl_sns p{font-size: 18px; }
	#helpful_tips.delesil .bg_white .linl_sns ul li:not(:last-child){margin: 0 10px 0 0;}
	#helpful_tips.delesil .bg_white .linl_sns ul li a{width: 35px; height: auto; display: block;}
	#helpful_tips.delesil .bg_white .linl_sns ul li a img{width: 100%; height: auto;}
	
	#picks{margin: 50px 0;}
	#picks .picks_inner{padding: 0 0; }
	#picks .bg_box{ border-radius: 0px; padding: 30px 0px 55px ;}
	#picks .bg_box h3{font-size: 13px; border-bottom: 1px solid #2952A7; text-align: left; padding: 0 25px 7px;}
	#picks .bg_box h3 span{font-size: 24px;}
	#picks .bg_box .link_list_box{margin: 0px;}
	#picks .bg_box .link_list_box .slick-track{display: flex;}
	#picks .bg_box .link_list_box .box {width: 190px; float: none;}
	#picks .bg_box .link_list_box .box a{ padding: 0 0 50px;}
	
	.link_list_box{display: block; justify-content: space-between;}
	.link_list_box .box{width: 190px; height: auto; margin: 0 15px 30px 0;}

	.link_list_box .box a .img_box {border-radius: 7px;}
	.link_list_box .box a{height: 100%;padding: 0 0 50px;}
	.link_list_box .box a span.link_tt{bottom: 20px; right: 11px; width: 90px; font-size: 11px;}
	.link_list_box .box a span.link_tt:before{ width: 6px; height:6px;}
	.link_list_box .box a div.text_box{padding: 15px 18px 0;}
	.link_list_box .box a span.title{font-size: 11px;}
	.link_list_box .box a span.tt{padding: 7px 0 0; font-size: 11px;}
	.link_list_box .slick-dots{bottom: -30px;width: auto; left: 50%; transform: translateX(-50%);padding: 0 25px 0 0;}
	.link_list_box .slick-dots li{width: auto; height: auto; margin: 0px 7px;}
	.link_list_box .slick-dots li button{position: 0px; border-radius: 100px; background: #E3E3E3; width: 7px; height: 7px;}
	.link_list_box .slick-dots li.slick-active button{background: #3A6DB8;}
	.link_list_box .slick-dots li button::before{display: none;}
	.link_list_box .slick-list{padding: 5% 0% 5% 2% !important;}
	
	#related{ padding: 35px 0 55px; overflow: hidden;}
	#related .link_list_box .slick-track{display: flex;}
	#related .link_list_box .box{margin: 0 15px 0 0; float: none;}
	#related h3{font-size: 13px;border-bottom: 1px solid #2952A7; text-align: left; padding: 0 0 7px;}
	#related h3 span{font-size: 24px;}
	#related .link_list_box{padding: 20px 0 0; margin: 0;}
	#related .link_list_box .slick-list{padding: 5% 0% 2% 25px !important;}
	#related .link_list_box .slick-dots{padding: 0;}
}