/* CSS Document */

/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
/*ここにcss*/

.main_img_con{
	background:url(images/main_img.jpg) no-repeat center center;
height:600px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-bottom:120px;
	
}

.main_img_box{
	display:inline-block;
	text-align:center;
	font-size:2.0em;
	line-height:1.2em;
	color:#FFF;
	text-shadow:0 0 4px #000;	
}
.main_img_box2{
	color:#FFF;
	text-shadow:0 0 4px #000;	
}

.news_con{
	width:1000px;
	margin:0 auto 120px;
}

.news_title{
	font-size:2.2em;
	line-height:1.1em;
	text-align:center;
	color:#333;
	margin-bottom:15px;
}
.news_box_con{
	text-align:center;
	overflow:hidden;	
}
/*物件ボックス*/
.news_box{
	float:left;
	width:224px;
	margin:0 10px;
	background:url(images/pc_list_detail_bg.png) repeat-y center center;
	padding:0;
}
.news_box a{
	text-decoration:none;
}
.news_box_detail{
	margin:0;
	width:100%;
	padding-top:15px;
}
.news_box_photo{
	margin:0 20px 15px;
}
.news_box_photo img{
	width:175px;
	height:auto;
}
.news_box_name{
	margin:0 20px 8px;
	text-align:left;
}
.news_box_txt{
	margin:0 20px 10px;
	text-align:left;
	font-size:0.9em;
}
.news_box_button{
	box-sizing:border-box;
	margin:0 20px;
	padding:6px 0;
	text-align:center;
	border:2px solid #276df1;
	font-weight:bold;
}
.news_box_button:hover{
	background-color:#A7E4EB;
}




.rabbynet{
	margin:0 auto 120px;
	color:#FFF;
}
.rabby_title{
	width:1000px;
	margin:0 auto 20px;
	text-align:center;
}

.rabby_box{
	background-image:url(images/rabby_bg.gif);
}
.rabby_icon_box_title{
	margin-bottom:30px;
}

.rabby_icon_con{
	width:1000px;
	margin:0 auto;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;	
}
.rabby_icon_box{
	box-sizing:border-box;
	display:inline-block;
	width:50%;
	background-color:#00a934;
	padding:20px;
}

.rabby_icon_con .box_a{
	border-left:10px solid #FFF;
	border-right: 5px solid #FFF;
}
.rabby_icon_con .box_b{
	border-left:5px solid #FFF;
	border-right: 10px solid #FFF;
}

.rabby_icon_box_cel_con{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;	
	
}
/*500-20-20-15÷2=220*/

.rabby_icon_cel{
	width:200px;
	margin:0 10px 20px;
	text-align:center;
}
.rabby_icon_cel img{
	width:150px;
	height:auto;
}
.rabby_contact{
	width:100%;
	background-color:#00a934;
	border-top:10px solid #FFF;
	border-left:10px solid #FFF;
	border-right: 10px solid #FFF;	
	box-sizing:border-box;
	padding:20px;
	text-align:center;
}
.rabby_contact:hover{
	background-color:#24d155;
}
.rabby_contact a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}


.change{
	background:url(images/change_bg.png) repeat-x #82e8e1;
}

.change_con{
	width:1000px;
	margin:0 auto;
	padding-bottom:100px;
	text-align:left;
}
.change_title{
	text-align:center;
	margin-bottom:50px;
}
.change_txt{
	margin-bottom:30px;
	text-align:left;
}

.change_contact{
	text-align:center;
	margin-bottom:20px;
}

.change_contact a{
	font-weight:bold;
	text-decoration:none;
}
.change_contact a:hover{
	text-decoration:underline;
}



.blog{
	padding:120px 0;
	width:100%;
}
.blog_con{
	text-align:center;
	width:1000px;
	margin:0 auto;
}
.blog_title{
	font-size:1.4em;
	margin-bottom:25px;
}

.blog_box{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

.blog_cel_l, .blog_cel_r{
	float:left;
	line-height:1.3em;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:2px dashed #000033;
}

.blog_cel_l{
	font-weight:bold;
	width:140px;
}
.blog_cel_r{
	width:860px;
}



.outline{
	width:100%;
	padding:120px 0;
	background-color:#dedede;
}
.outline_con{
	text-align:center;
	width:1000px;
	margin:0 auto;
}

.outline_title{
	font-size:1.4em;
	margin-bottom:25px;
}

.outline_txt table{
	margin:0 auto;
}
.outline_txt table th{
	padding:15px 25px 15px 0;
	border-bottom:4px solid #333;
}
.outline_txt table td{
	padding:15px 0;
	border-bottom:4px solid #333;
}



/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
/*ここにcss*/


.main_img_con{
	background:url(images/sp_main_img.jpg) no-repeat center bottom;
	background-size:100vw auto;
height:60vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-bottom:120px;
}

.main_img_box{
	display:inline-block;
	text-align:center;
	font-size:2.0em;
	line-height:1.2em;
	color:#FFF;
	text-shadow:0 0 4px #000;	
}
.main_img_box img{
	width:85%;
}





.news_con{
	width:100%;
	margin:0 auto 60px;
}

.news_title{
	font-size:1.3em;
	line-height:1.1em;
	text-align:center;
	color:#333;
	margin-bottom:15px;
}
.news_box_con{
	text-align:center;
}
/*物件ボックス*/
.news_box{
	width:80%;
	margin:0 auto 40px;
	background:url(images/sp_list_detail_bg.png) repeat-y center center;
	background-size:100% auto;
	padding:0;
}
.news_box a{
	text-decoration:none;
}
.news_box_detail{
	margin:0;
	width:100%;
	padding-top:15px;
}
.news_box_photo{
	margin:0 20px 15px;
}
.news_box_photo img{
	width:100%;
	height:auto;
}
.news_box_name{
	margin:0 20px 8px;
	text-align:left;
}
.news_box_txt{
	margin:0 20px 10px;
	text-align:left;
	font-size:0.9em;
}
.news_box_button{
	box-sizing:border-box;
	margin:0 20px;
	padding:6px 0;
	text-align:center;
	border:2px solid #276df1;
	font-weight:bold;
}
.news_box_button:hover{
	background-color:#A7E4EB;
}




.rabbynet{
	margin:0 auto 60px;
	color:#FFF;
}
.rabby_title{
	width:90%;
	margin:0 auto 20px;
	text-align:center;
}

.rabby_box{
	width:100%;
	background-image:url(images/rabby_bg.gif);
}
.rabby_icon_box_title{
	margin-bottom:30px;
	width:50%;
	height:auto;
}

.rabby_icon_con{
	width:95%;
	margin:0 auto;
}
.rabby_icon_box{
	box-sizing:border-box;
	display:inline-block;
	width:100%;
	margin:0 auto ; 
	background-color:#00a934;
	padding:10px;
}

.rabby_icon_con .box_a{
	border-left:5px solid #FFF;
	border-right: 5px solid #FFF;
}
.rabby_icon_con .box_b{
	border-left:5px solid #FFF;
	border-right: 5px solid #FFF;
}

.rabby_icon_box_cel_con{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.rabby_icon_cel{
	/*46-2*/
	width:31%;
	margin:0 1% 20px;
	text-align:center;
	font-size:0.8em;
}
.rabby_icon_cel img{
	width:95%;
	height:auto;
}
.rabby_contact{
	width:100%;
	background-color:#00a934;
	border-top:5px solid #FFF;
	border-left:5px solid #FFF;
	border-right: 5px solid #FFF;	
	box-sizing:border-box;
	padding:20px;
	text-align:center;
}
.rabby_contact a{
	color:#FFF;
	font-weight:bold;
}

.change{
	width:100%;
	background:url(images/sp_change_bg.png) repeat-x #82e8e1;
}

.change_con{
	width:90%;
	margin:0 auto;
	padding-bottom:60px;
	text-align:left;
}
.change_title{
	text-align:center;
	margin-bottom:50px;
}
.change_title img{
	width:80%;
	height:auto;
}
.change_txt{
	margin-bottom:30px;
	text-align:left;
}

.change_contact{
	text-align:center;
	margin-bottom:20px;
}

.blog{
	width:100%;
	padding:60px 0;
}

.blog_title{
	text-align:center;
	font-size:1.4em;
	margin-bottom:25px;
}

.blog_box{
	text-align:center;
	width:90%;
	margin:0 auto;
}

.blog_cel_l, .blog_cel_r{
	font-size:0.9em;
	line-height:1.3em;
	text-align:left;
}

.blog_cel_l{
	padding:0 0.8em;
	padding-left:0.8em;
	box-sizing:border-box;
	margin-bottom:6px;
}
.blog_cel_r{
	border-bottom:4px solid #333;
	margin-bottom:8px;
	padding:0 0.8em 8px 2em;
	box-sizing:border-box;
}



.outline{
	background-color:#dedede;
	padding:60px 0;
	width:100%;
}
.outline_con{
	text-align:center;
	width:90%;
	margin:0 auto;
}

.outline_title{
	font-size:1.4em;
	margin-bottom:25px;
}

.outline_txt table{
	margin:0 auto;
	width: 100%;
}
.outline_txt table th{
	display: block;
	padding:0 0 10px 5px;
	font-weight:bold;
}
.outline_txt table td{
	padding:0 0 5px 15px;
	display: block;
	border-bottom:4px solid #333;
	margin-bottom:13px;
}






/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/