@charset "UTF-8"; @media screen and (min-width: 768px),print {
	main{width: 100%;}
	
	.tab-btn{width: 1100px;margin: 0 auto 70px;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.tab-btn li{width: 267px;margin-right: 10px;}
	.tab-btn li a{display: block; width: 100%;border: 1px solid #2793DC;background-color: #fff;font-size: 16px;font-weight: bold;text-align: center; color: #2793DC;padding: 20px 0;transition: .7s;text-decoration: none;}
	.tab-btn li.active-btn a{background-color: #2793DC;color: #fff;}
	.tab-btn li a:hover{background-color: #2793DC;transition: .7s;color: #fff;}
	.tab-btn li:last-child{margin-right: 0;}
	
	.system-list-bg{background-image: url("../images/estate/estate-bg.png");background-repeat: repeat-y;background-position: top center;padding: 90px 0;}
	.system-list-bg .system-list{width: 1100px;margin: 0 auto;}
	
	.search-box{position: fixed;top: 0;left: 0; width: 100vw;height: 100vh; background-color: #000;z-index: 999;display: none;opacity: 0;transition: opacity 0.4s ease;}
	.search-box.is-show {display: block;opacity: 1;}
	.search-box .search-close{font-size: 35px;color: #fff;text-align: right;margin-right: 50px;margin-top: 30px;margin-bottom: 20px;}
	.search-box .search-filter{width: 1100px;margin: 0 auto;}
	.search-box .search-filter h2{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 10px;}
	.search-box .search-filter .filter-group{background-color: #fff;padding: 20px;margin-bottom: 20px;}
	.search-box .search-filter .filter-group h3{font-weight: bold;margin: 10px 0;}
	.search-box .search-filter .filter-group label{font-size: 14px;margin-right: 5px;}
	
	
	.search-filter-map{width: 1100px;margin: 0 auto 50px;background-color: #fff;padding: 30px 20px 30px 80px;position: relative;}
	.search-filter-map .filter-group-map label{margin-right: 20px;}
	.search-filter-map .filter-group-map label input[type="checkbox"] {width: 20px;height: 20px;position: relative;top: 4px;left: -8px;}
	.search-filter-map .filter-group-map label:nth-child(1) input[type="checkbox"] {accent-color: #A31219; /* 好きな色 */}
	.search-filter-map .filter-group-map label:nth-child(2) input[type="checkbox"] {accent-color: #2793DC; /* 好きな色 */}
	.search-filter-map .filter-group-map label:nth-child(3) input[type="checkbox"] {accent-color: #188659; /* 好きな色 */}
	
	.search-filter-map .search-btn{position: absolute;top: 30px;right: 80px;}
	
	.system-list-bg .search-map{width: 1100px;height: 880px; margin: 0 auto;}
	.system-list-bg .search-map iframe{width: 100%;height: 100%;}

	/* 検索結果表示 */
	.search-result-info{width: 1100px;margin: 0 auto 30px;background-color: #fff;padding: 20px 30px;border-left: 4px solid #2793DC;}
	.search-result-info .search-condition{margin: 0;font-size: 14px;color: #333;}
	.search-result-info .search-condition span{display: inline-block;margin-right: 20px;padding: 5px 12px;background-color: #f5f5f5;border-radius: 3px;}
	.system-list-bg .search-result-count{width: 1100px;margin: 0 auto 30px;font-size: 16px;font-weight: bold;color: #fff;background-color: rgba(39, 147, 220, 0.9);padding: 15px 30px;border-radius: 4px;}

}
@media screen and (max-width: 767px) {
	.tab-btn{width: 90%;margin: 0 auto 5vw;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.tab-btn li{width: 48%;margin-right: 4%;margin-bottom: 3vw;}
	.tab-btn li a{display: block; width: 100%;border: 1px solid #2793DC;background-color: #fff;font-size: 3.8vw;font-weight: bold;text-align: center; color: #2793DC;padding: 3vw 0;transition: .7s;text-decoration: none;}
	.tab-btn li.active-btn a{background-color: #2793DC;color: #fff;}
	.tab-btn li a:hover{background-color: #2793DC;transition: .7s;color: #fff;}
	.tab-btn li:nth-child(2n){margin-right: 0;}

	.system-list-bg{width: 90%;margin: 0 auto;background-image: url("../images/estate/estate-bg.png");background-repeat: repeat-y;background-position: top center;background-size: 100%; padding: 8vw 0;}
	.system-list-bg .system-list{}

	/* 検索フォーム */
	.search-box{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: #000;z-index: 999;display: none;opacity: 0;transition: opacity 0.4s ease;overflow-y: auto;}
	.search-box.is-show{display: block;opacity: 1;}
	.search-box .search-close{font-size: 8vw;color: #fff;text-align: right;margin-right: 5vw;margin-top: 4vw;margin-bottom: 4vw;}
	.search-box .search-filter{width: 90%;margin: 0 auto;padding-bottom: 10vw;}
	.search-box .search-filter h2{font-size: 4vw;color: #fff;font-weight: bold;margin-bottom: 2vw;}
	.search-box .search-filter .filter-group{background-color: #fff;padding: 4vw;margin-bottom: 4vw;}
	.search-box .search-filter .filter-group h3{font-weight: bold;margin: 2vw 0;font-size: 3.5vw;}
	.search-box .search-filter .filter-group label{font-size: 3.5vw;margin-right: 2vw;display: inline-block;margin-bottom: 2vw;}
	.search-box .search-filter .search-btn{display: block;width: 100%;background-color: #2793DC;color: #fff;border: none;padding: 4vw;font-size: 4vw;font-weight: bold;border-radius: 4px;margin-top: 4vw;}

	/* 検索結果表示 */
	.search-result-info{width: 90%;margin: 0 auto 4vw;background-color: #fff;padding: 4vw 5vw;border-left: 3px solid #2793DC;}
	.search-result-info .search-condition{margin: 0;font-size: 3.2vw;color: #333;}
	.search-result-info .search-condition span{display: inline-block;margin-right: 2vw;margin-bottom: 2vw;padding: 1.5vw 3vw;background-color: #f5f5f5;border-radius: 3px;}
	.system-list-bg .search-result-count{width: 100%;margin: 0 auto 4vw;font-size: 3.6vw;font-weight: bold;color: #fff;background-color: rgba(39, 147, 220, 0.9);padding: 3vw 4vw;border-radius: 4px;box-sizing: border-box;}

}