@charset "utf-8";

h3{font-size: 16px; line-height: 160%;letter-spacing: 0.1em; font-weight: 500; color: #fff;}
h3 span{font-size: 48px; font-family: 'Noto-Sans-JP-Medium'; display: inline-block; padding: 0 0 10px;}
#navlink { padding: 400px 0 108px;}

#service{border-radius: 50px; }
#service .service_inner{margin: 0 auto; max-width: 1400px; padding: 0 50px;}
#service .link_box{display: flex;padding-left:0;}
#service .link_box li{border-radius: 40px; background: #F1F5F9; width: 400px;list-style:none;}

#service .link_box li:not(:last-child){margin: 0 50px 0 0 ;}
#service .link_box li .img{border-radius: 40px 40px 0 0;}
#service .link_box li .content{padding: 20px 0 40px;}
#service .link_box li .content h3{color: #2952A7; text-align: center; font-size: 16px;font-family: poppins, sans-serif; font-weight: 600; font-style: normal; padding: 20px 0 0; letter-spacing: 0.05em;}
#service .link_box li .content h3 span{font-size: 28px; display: inline-block;} 
#service .link_box li.link_box_1 .content h3 span,
#service .link_box li.link_box_2 .content h3 span{padding: 0 0 22px;}

#service .link_btn{background: #fff; margin: 80px auto 0; width: 322px; border-radius: 1000px; background: #fff; display: block; padding: 25px 15px 25px 0; position: relative; font-size: 18px; font-family: 'Noto-Sans-JP-Medium';color: #2952A7;text-align: center;}
#service .link_btn span {border-radius: 100px; width: 44px; height: 44px; background: linear-gradient(120deg, #09b794 5%, #001b8b 60%, #001b8b 70%,#09b794 90% ); background-position: 10% 50%; background-size: 200% auto; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
#service .link_btn.thumb-hover span{ transition: all 0.5s ease-out; background-position: 90% 50%;}

#service .link_box li .content .link{padding: 32px 0 0;}
#service .link_box li.link_box_3 .content .link{padding: 20px 0 0;}
#service .link_box li .content .link a{display: block; border-radius: 100px; background: #fff; text-align: center; margin: 0 auto; width: 245px; padding: 18px 0; position: relative;}
#service .link_box li .content .link a:before{content: ""; display: block; background: rgba(255,255,255,0.5); width: 260px; height: 69px; border-radius: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0;transition: all 0.5s ease-out; z-index: -1;}
#service .link_box li .content .link a.thumb-hover:before{opacity: 1;transition: all 0.5s ease-out; }
#service .link_box li .content .link a:not(:last-child){margin: 0 auto 21px;}
#service .link_box li .content .link a{font-size: 18px; z-index: 1; position: relative; }

.select_box .select_box_inner{ max-width: 1344px; width: 100%; padding: 0 60px; margin:0 auto; position: relative;}
.select_box .bg_white{border-radius: 40px; padding: 47px 50px 0; }
.select_box .bg_white h3 {text-align: center;}
.select_box .bg_white h3 span{font-family: 'Noto-Sans-JP-Medium';background: linear-gradient(to right, #2852A7 60%, #299C9D 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;letter-spacing: 0.05em; line-height: 152%; font-size: 39px;padding: 0px; }
.select_box .bg_white .flex_boxs{ display: flex; flex-wrap: wrap;padding: 39px 0 0;}

.select_box .bg_white .flex_boxs .box_content h4{font-family: 'Noto-Sans-JP-Medium'; background: #2755B2; color: #fff; text-align: center; letter-spacing: 0.05em; font-size: 32px; line-height: 188%;}
.select_box .bg_white .flex_boxs .box_content .flex{display: flex; padding: 45px 0 0;}
.select_box .bg_white .flex_boxs .box_content .flex a{padding: 98px 0 0; width: 33%; position: relative; display: block; margin: 0;}
.select_box .bg_white .flex_boxs .box_content .flex a .content_box{border-radius: 28px; background: #F1F5F8; padding: 152px 26px 97px 33px;width: 100%; height: 100%; display: block; position: relative;}
.select_box .bg_white .flex_boxs .box_content .flex a:not(:last-child){margin: 0 30px 0 0;}
.select_box .bg_white .flex_boxs .box_content .flex a .img_box{position: absolute; transform: translateX(-50%); left: 50%; top: 0%;z-index: 1; overflow: hidden; width: 233px; height: auto; border-radius: 1000px;}
.select_box .bg_white .flex_boxs .box_content .flex a .img_box img{width: 100%; height: auto;transition: all 0.5s ease-out;}
.select_box .bg_white .flex_boxs .box_content .flex a.thumb-hover .img_box img{transform: scale(1.2);transition: all 0.5s ease-out;}
.select_box .bg_white .flex_boxs .box_content .flex a .content_box p.title{font-family: poppins, sans-serif; font-weight: 600; font-style: normal; color: #2855B2; line-height: 144%; font-size: 15px; text-align: left;}
.select_box .bg_white .flex_boxs .box_content .flex a .content_box p.title span{font-size: 21px; font-family: 'Noto-Sans-JP-Medium';color: #000; line-height: 153%; display: inline-block; padding: 6px 0 0;}
.select_box .bg_white .flex_boxs .box_content .flex a .content_box p.tt_box{font-size: 14px; line-height: 200%; letter-spacing: 0.05em; padding: 12px 0 0; text-align: left;}
.select_box .bg_white .flex_boxs .box_content .flex a .content_box span.link_tt{position: absolute; bottom: 53px; right: 44px; font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; color: #2952A7; padding: 0 35px 0 0;}
.select_box .bg_white .flex_boxs .box_content .flex a .content_box span.link_tt:before{display: block; content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%) rotateZ(-45deg); border-bottom: 2px solid #2952A7; border-right: 2px solid #2952A7; width: 8px; height: 8px;}
.select_box .bg_white .flex_boxs .box_content.mini{width: 31.4%;}
.select_box .bg_white .flex_boxs .box_content.mini .flex a{width: 100%;}
.select_box .bg_white .flex_boxs .box_content.mini:not(:nth-child(3n)){margin: 0 30px 50px 0;}

#buyers{padding: 193px 0 0;}
#sellers{padding: 60px 0 0;}
#real_estate{padding: 47px 0 0;}
#real_estate.select_box .bg_white{padding: 47px 50px 50px;}

#buyers.select_box .bg_white{padding: 47px 50px 50px;}
#other_business{padding: 65px 0 0;}
#other_business.select_box .bg_white .flex_boxs .box_content.mini .flex{height: calc(100% - 62px);} 

.select_box .bg_white .flex_boxs .box_content:not(:last-child){margin: 0 0 50px;}
.voice {padding: 53px 0 0;}
@media only screen and (max-width: 768px) {
	h3{font-size: 13px; }
	h3 span{font-size: 32px; padding: 0 0 10px;}
	#navlink { padding: 178px 0 26px;}

	#buyers{padding: 40px 0 0;}
	
	
	#service{border-radius: 30px; }
	
	
	#service .link_btn{ margin:40px auto 0; width: 60%; padding: 19px 10px 20px 0; font-size: 12px; }
	#service .link_btn span {width: 32px; height: 32px; right: 5px;}
	#service .link_btn.thumb-hover span{ transition: all 0.5s ease-out; background-position: 90% 50%;}
	
	#service .service_inner{padding: 0;}
	#service .service_inner .slider_box .link_box{ flex-direction: column; background: #FAFAFA; padding: 42px 25px 20px; border-radius: 36px;}
	#service .service_inner .slider_box .link_box li{border-radius: 0; width: 100%; background: none;}
	
	#service .link_box li:not(:last-child){margin: 0;}
	#service .link_box li .img{border-radius: 30px 30px 0 0;width: 100%; height: auto;}
	#service .link_box li .content{padding: 0;}
	#service .link_box li .content h3{font-size: 11px;padding: 0; border: 1px solid #fff; border-radius: 22px; text-align: left; padding: 18px 23px;}
	#service .link_box li .content h3 span{font-size: 17px; color: #000; } 
	#service .link_box li.link_box_1 .content h3 span,
	#service .link_box li.link_box_2 .content h3 span{padding: 0 0 6px;}
	#service .link_box li .content .link a::before {display: none;}

	#service .link_box li.link_box_1 .content h3{background: url(../image/service/img_1_bg.jpg) no-repeat center center; background-size: cover;}
	#service .link_box li.link_box_2 .content h3{background: url(../image/service/img_2_bg.jpg) no-repeat center center; background-size: cover;}
	#service .link_box li.link_box_3 .content h3{background: url(../image/service/img_3_bg.jpg) no-repeat center center; background-size: cover;}
	
	#service .link_box li .content .link{padding: 20px 0 0; display: flex ; flex-wrap: wrap; align-items: flex-start;}
	#service .link_box li .content .link a{ width: 48%; padding:11px 20px 12px 0; font-size: 11px; margin: 0 4% 20px 0; background: #F1F5F8; color: #2952A7;}
	#service .link_box li .content .link a:not(:last-child){margin: 0 4% 15px 0;}
	#service .link_box li .content .link a:nth-child(2n){margin: 0 0 4%;}https://php8.artory.dev/public_dev/ailestat/service/detail/index.php?key=12
	#service .link_box li .content .link a:before {display: none;}
	#service .link_box li .content .link a span {border-radius: 100px; width: 22px; height: 22px; background: linear-gradient(120deg, #09b794 5%, #001b8b 60%, #001b8b 70%,#09b794 90% ); background-position: 10% 50%; background-size: 200% auto; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 5px;}
	#service .link_box li .content .link a.thumb-hover span{ transition: all 0.5s ease-out; background-position: 90% 50%;}

	#service .link_box li .content .link .explanation_link span::after {width: 6px; height: 6px;}
	.select_box .bg_white{ padding: 30px 20px 2%;border-radius: 36px;}
	.select_box .bg_white h3 span {font-size: 20px;}
	.select_box .select_box_inner{padding: 0 ;}
	
	.select_box .bg_white .flex_boxs{padding: 15px 0 0;}
	.select_box .bg_white .flex_boxs .box_content h4{font-size: 16px;}
	.select_box .bg_white .flex_boxs .box_content .flex{ display: flex ; flex-wrap: wrap; padding: 14px 0 0;}
	.select_box .bg_white .flex_boxs .box_content .flex a{width: 48%; padding: 19% 0 0;margin: 0 0 4%;}
	.select_box .bg_white .flex_boxs .box_content .flex a .content_box{ padding: 40% 15px 50px; border-radius: 14px; margin: 0 0 4%;height: 100%;}
	.select_box .bg_white .flex_boxs .box_content .flex a:not(:last-child) {margin: 0 0% 4%;}
	.select_box .bg_white .flex_boxs .box_content .flex a:not(:nth-child(2n)){margin: 0 4% 4% 0; }
	.select_box .bg_white .flex_boxs .box_content .flex a .img_box{width: 73%; height: auto;}
	.select_box .bg_white .flex_boxs .box_content .flex a .content_box p.title{font-size: 11px;}
	.select_box .bg_white .flex_boxs .box_content .flex a .content_box p.title span{font-size: 15px; padding: 3px 0 0; }
	.select_box .bg_white .flex_boxs .box_content .flex a .content_box p.tt_box{font-size: 11px; padding: 6px 0 0;}
	.select_box .bg_white .flex_boxs .box_content .flex a .content_box span.link_tt{bottom: 26px; right: 22px; padding: 0 20px 0 0; font-size: 11px;}
	.select_box .bg_white .flex_boxs .box_content .flex a .content_box span.link_tt:before{ border-bottom: 2px solid #2952A7; border-right: 2px solid #2952A7; width: 8px; height: 8px;}
	.select_box .bg_white .flex_boxs .box_content.mini{width: 48%}
	.select_box .bg_white .flex_boxs .box_content.mini .flex a { width: 100%;padding: 38% 0 0;}
	.select_box .bg_white .flex_boxs .box_content.mini:not(:nth-child(3n)){margin: 0 4% 4% 0;}
	.select_box .bg_white .flex_boxs .box_content.mini:nth-child(2n){margin: 0 0 4%;}
	.select_box .bg_white .flex_boxs .box_content.mini:nth-child(3n){margin: 0 4% 4% 0;}
	
	.select_box .bg_white .flex_boxs .box_content:not(:last-child){margin: 0 0 0;}
	.voice {padding: 56px 0 0;}
	#sellers{padding: 30px 0 0;}
	
	#real_estate.select_box .bg_white{padding: 30px 20px 2%;}
	#buyers.select_box .bg_white{padding: 30px 20px 2%;}
	#other_business{padding: 30px 0 0;}
	
	#other_business.select_box .bg_white .flex_boxs .box_content.mini .flex a{margin: 0px;}
	#other_business.select_box .bg_white .flex_boxs .box_content .flex a .content_box{margin: 0px;}
	#other_business.select_box .bg_white .flex_boxs #content_10.box_content.mini{margin: 0 0% 4%; }
	#other_business.select_box .bg_white .flex_boxs .box_content.mini .flex{height: calc(100% - 30px);} 

}