@charset "UTF-8";

/*-------------------------
__top_style
-------------------------*/

#wrap{
	text-align:left;}

.overflow_box{
    overflow: hidden;}

/*-------------------------スライダーここから-------------------------*/

#slider{
	margin-top:58px;
	width:100%;
	height:820px;
	overflow: hidden;
	background-color:#fff;
	position:relative;}

#slider .slider_top{
	z-index:200;
	position:absolute;
	top:-490px;
	left:0;
	
	width: 100%;
	height: 500px;
	background-color: #fff;
	-webkit-transform: skewY(-15deg);
	   -moz-transform: skewY(-15deg);
	    -ms-transform: skewY(-15deg);
	     -o-transform: skewY(-15deg);
	        transform: skewY(-15deg);}

#slider .slider_top .inner{
	position:relative;
	-webkit-transform: skewY(15deg);
	   -moz-transform: skewY(15deg);
	    -ms-transform: skewY(15deg);
	     -o-transform: skewY(15deg);
	        transform: skewY(15deg);}

/*#slider .slider_top .inner .top_logo{
	position:absolute;
	top:510px;
	left:0px;
	width:260px;}

#slider .slider_top .inner .top_logo img{
	width:100%;
	height:auto;}*/

#slider .slider_bottom{
	z-index:201;
	position:absolute;
	right:0;
	bottom:-300px;
	
	width: 100%;
	height: 500px;
	background-color: #fff;
	-webkit-transform: skewY(-15deg);
	   -moz-transform: skewY(-15deg);
	    -ms-transform: skewY(-15deg);
	     -o-transform: skewY(-15deg);
	        transform: skewY(-15deg);}

#slider .slider_bottom .inner{
	position:relative;
	-webkit-transform: skewY(15deg);
	   -moz-transform: skewY(15deg);
	    -ms-transform: skewY(15deg);
	     -o-transform: skewY(15deg);
	        transform: skewY(15deg);}

#slider .slider_bottom .top_com{
	position:absolute;
	right:150px;
	bottom:-160px;
	width:720px;
	text-align:right;}

#slider .slider_bottom .top_com .top_com_logo{
	float:right;
	width:410px;
	margin-bottom:20px;}

#slider .slider_bottom .top_com .top_com_logo img{
	width:100%;
	height:auto;}
#slider .slider_bottom .top_com .top_com_text_box{
    float:right;
}
#slider .slider_bottom .top_com .top_main_title{
	color:#00349f;
	font-size:1.8em;
	line-height:2em;
	font-weight:700;}

#slider .slider_bottom .top_com p{
	color:#00349f;
	font-size:1.4em;
	line-height:2em;
	font-weight:700;}

#slider .logo_topics{ position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; padding: 0; z-index: 201;}
#slider .logo_topics .inner{ position: relative; width: 1040px; margin: 0 auto;}
/*--ロゴマークここから--*/
#slider .logo_topics .inner .top_logo{ position:absolute; top:0px; left:0px; width:260px;}
#slider .logo_topics .inner .top_logo img{ width:100%; height:auto;}
/*--トピックスここから--*/
#slider .logo_topics .inner .latest_news{ width: 670px; position: absolute; top: 0px; right: 0px; background-color: #fff; border: 3px solid #f00a0a; padding: 0; margin: 0; border-radius: 5px;}
#slider .logo_topics .inner .latest_news .latest_inner{ box-sizing: border-box; width: 100%; padding: 0; margin: 0; box-sizing: border-box; border-left: 1px solid #f00a0a;}
#slider .logo_topics .inner .latest_news .latest_inner .title{ float: left; width: 160px; font-size: 1.7em; line-height: 1; font-weight: 700; color: #ffffff; padding: 13px 0 13px 30px; box-sizing: border-box; background-color: #f00a0a; margin: 0 0 0 -1px; position: relative;}
#slider .logo_topics .inner .latest_news .latest_inner .text{ float: right; width: 100%; margin-left: -170px; padding-left: 170px; box-sizing: border-box;  font-size: 1.4em; line-height: 1.6; padding-top: 10px; padding-right: 10px; padding-bottom: 10px;}
#slider .logo_topics .inner .latest_news .latest_inner .text p.day{ float: left; width: 60px; font-weight: 700;}
#slider .logo_topics .inner .latest_news .latest_inner .text p.naiyou{ float: right; width: 100%; margin-left: -70px; padding-left: 70px; box-sizing: border-box; height: 20px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#slider .logo_topics .inner .latest_news .latest_inner .text p.naiyou a{ color: #00349f;}

#slider .logo_topics .inner .latest_news .latest_inner .title span{
    text-align: center;
    font-size: 1em;
    position: absolute;
    top: -10px;
    left: -30px;
    display: block;
    background-color: #fff100;
    color: #00349f;
    padding-top: 17px;
    height: 33px;
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transform: rotate(-20deg);
}

/*#slider .logo_topics .inner .latest_news .latest_inner .title:before{ content: ""; display: inline-block; width: 17px; height: 17px; margin: -3px 5px 0 0; background: url("/images/topics_icon.png") no-repeat; background-size: contain; vertical-align: middle;}*/

@media screen and (min-width: 961px){

#slider .slider_bottom .top_com p span{
	display:block;}

}

@media screen and (max-width: 767px) {
    
#slider .logo_topics{ position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding: 0; z-index: 201;}
#slider .logo_topics .inner{ position: relative; width: 100%; margin: 0 auto;}
#slider .logo_topics .inner .top_logo{ position:absolute; top:13px; left:15px; width:200px;}
#slider .logo_topics .inner .latest_news{ width: 100%; height: 31px; position: absolute; top: 69px; right: 0; bottom: 0; left: 0; margin: 0 auto; padding: 0;  box-sizing: border-box; z-index: 201; border: 2px solid #f00a0a; border-radius: 0px;}
#slider .logo_topics .inner .latest_news .latest_inner .title{ font-size: 1.2em; line-height: 1.6; padding: 5px 0 5px 5px; width: 100px;}
#slider .logo_topics .inner .latest_news .latest_inner .text{ font-size: 1.2em; line-height: 1.6; padding-top: 5px; padding-right5: 5px; padding-bottom: 5px; margin-left: -105px; padding-left: 105px;}
#slider .logo_topics .inner .latest_news .latest_inner .text p.naiyou{ margin-left: -65px; padding-left: 65px;}

#slider .logo_topics .inner .latest_news .latest_inner .title span{ display: none;}
    
/*#slider .logo_topics .inner .latest_news .latest_inner .title:before{ content: ""; display: inline-block; width: 14px; height: 14px; margin: -3px 5px 0 0; background: url("/images/topics_icon.png") no-repeat; background-size: contain; vertical-align: middle;}*/

#slider{
	margin:0 0 180px;
    padding-top: 100px;
	width:100%;
	height:270px;}

#slider .slider_top{
	display:none;}

#slider .slider_bottom{
	height:310px;
	position: absolute;
    right: 0;
    bottom: -290px;}

#slider .slider_bottom .top_com{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
	text-align:left;}

#slider .slider_bottom .top_com .top_com_logo{
	width:200px;
	margin-bottom:10px;}
#slider .slider_bottom .top_com .top_main_title{
	font-size:1.5em;		
}
#slider .slider_bottom .top_com p{
	font-size:1.3em;
	line-height:1.6em;}

}

/*============================新スライダーここから============================*/

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
		height: auto;
    /*display: none;*/
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff /*url(../images/slide_prev.png)*/ no-repeat right center;}
.slider_next {background: #fff /*url(../images/slide_next.png)*/ no-repeat left center;}
 
.arrow_prev{ position: absolute; top: 150px; left: 10px!important; width: 35px!important; height: 80px!important; opacity: 1!important;}
.arrow_next{ position: absolute; top: 150px; right: 10px!important; width: 35px!important; height: 80px!important; opacity: 1!important;}

.pagination {
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
	bottom: 90px;
    left: -450px;
    z-index: 900;
}
 
.pagination a {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    background: #888;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.pagination a.active {
	background-color:#00349f!important;
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

#slider .hide{
  display:none;
}

@media screen and (max-width: 767px) {

#slider{height:300px;
	overflow:visible;}

.slide_box{width:100%; height:100%; position:absolute;z-index: 1!important;}

.slick{}
.slick ul{display: none;}
.slick ul.slick-initialized{display:block;}
.slick-track{z-index:0!important;}

.slick ul{}
.slick ul li img{width:100%;}
}
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

@media screen and (max-width: 767px) {

.arrow_prev{ position: absolute; top: 100px; left: 10px!important; width: 20px!important; height: 46px!important; opacity: 1!important;z-index:100;}
.arrow_prev img{ width: 100%; height: auto;}
.arrow_next{ position: absolute; top: 100px; right: 10px!important; width: 20px!important; height: 46px!important; opacity: 1!important;z-index:101;}
.arrow_next img{ width: 100%; height: auto;}

}

/*-------------------------トピックスここから-------------------------*/

.covid19{z-index:301; padding: 30px 0; background: #FFF;position: relative;}
.covid19 a { width:100%;max-width:1040px; margin: 0 auto; border: 5px solid #333; display: block; font-size: 22px; font-weight: 700; line-height: 1.1; text-align: center; color: #333; padding: 40px 0; box-sizing: border-box;}
.covid19 a:hover{ opacity: 0.6;}
@media screen and (max-width: 767px) {
.covid19{padding:20px 10px 30px;}
.covid19 a {font-size: 16px; padding: 20px 0;}
}

#topics{
	z-index:300;
	position:relative;
	width:100%;
	margin:0 0 60px 0;
	padding: 50px 0 50px;
	text-align: center;
	background: url(../images/topics_back.jpg) no-repeat bottom center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;}

#topics:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);}

#topics .inner{
	position:relative;
	max-width:1040px;
	margin:0 auto;
    padding: 20px;
	background-color: #00349f;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.tabs {
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
	width: calc(100%/2);
	height: 50px;
	background-color: #00349f;
	line-height: 50px;
	font-size: 1.9em;
	text-align: center;
	color: #fff;
	display: block;
	float: left;
	font-weight: 700;
	transition: all 0.2s ease;
	cursor:pointer;
	-webkit-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	border-radius:5px 5px 0 0 / 5px 5px 0 0;}

@media screen and (max-width: 767px) {

#topics{
	margin:0 0 20px 0;}

.tab_item{
	font-size: 1.4em;
	line-height:1.2em;
	padding:8px 5px 0;
	box-sizing:border-box;
	height:45px;}

}

/*.tab_item:hover {
opacity: 0.75;
}*/

/*タブ内アイコン切り替え*/

.tab01:before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -3px 5px 0 0;
	background: url("../images/topics01_off.gif") no-repeat;
	background-size: contain;
	vertical-align: middle;}

.tab02:before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -3px 5px 0 0;
	background: url("../images/topics02_off.gif") no-repeat;
	background-size: contain;
	vertical-align: middle;}

.tabs input:checked + .tab01:before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -3px 5px 0 0;
	background: url("../images/topics01_on.gif") no-repeat;
	background-size: contain;
	vertical-align: middle;}

.tabs input:checked + .tab02:before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -3px 5px 0 0;
	background: url("../images/topics02_on.gif") no-repeat;
	background-size: contain;
	vertical-align: middle;}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;}

.tab_item p{ display: inline-block; vertical-align: middle;}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    border-top: 1px solid #ddd;
	text-align:left;
	height:305px;
	box-sizing:border-box;
	display: none;
	padding: 40px 40px 40px;
	clear: both;
	overflow: hidden;
	background-color: #fff;
	-webkit-border-radius:0 0 5px 5px / 0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px / 0 0 5px 5px;
	border-radius:0 0 5px 5px / 0 0 5px 5px;}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
	display: block;}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #fff;
	color: #00349f;}

.tab_content dl{zoom:1; margin-bottom:15px;}
.tab_content dl:after{content:"";display:block;clear:both;}

.tab_content_description{
	height:230px;
	overflow:auto;
	padding-right:20px;}








/*--------------------
230425ここから修正　1/2

--------------------*/
.tab_content li{border-bottom:1px solid #373332;display:flex;position:relative;margin-bottom:15px;}
.tab_content li time{color:#373332;font-size:1.6em;line-height:1.6em;font-weight:700;width:170px;}
.tab_content li span{display:inline-block;padding:5px 5px 3px 5px;color:#fff;background-color:#f00a0a;font-size:1.3em;line-height:1em;font-weight:700;position:absolute;top:0;left:105px;}
.tab_content li div{width:calc(100% - 170px);color:#373332;font-size:1.6em;line-height:1.6em;font-weight:700;box-sizing:border-box;}
.tab_content li div a{color:#00349f;}


/*ここから旧スタイル後で消す*/
.tab_content dl{
	border-bottom:1px solid #373332;}

.tab_content dl dt{
	color:#373332;
	font-size:1.6em;
	line-height:1.6em;
	font-weight:700;
	width:170px;
	float:left;}

.tab_content dl dt span{
	display:inline-block;
	padding:5px 5px 3px 5px;
	color:#fff;
	background-color:#f00a0a;
	font-size:0.8em;
	line-height:1em;
	margin-left:5px;}

.tab_content dl dd{
	color:#373332;
	font-size:1.6em;
	line-height:1.6em;
	font-weight:700;
	float:right;
	width:100%;
	margin-left:-170px;
	padding-left:170px;
	box-sizing:border-box;}

.tab_content dl dd a{
    color:#00349f;}
/*ここまで旧スタイル後で消す*/



/*--------------------
230425ここまで修正 

--------------------*/










@media screen and (max-width: 767px) {

#topics{
	padding:20px 10px;
     box-sizing: border-box;}

#topics .inner{
	padding:10px 10px;}

	
	
	
	
/*--------------------
230425ここから修正　2/2

--------------------*/
.tab_content li{display:block;margin-bottom:5px;}
.tab_content li time{width:100%;font-size:1.3em;margin:0;padding:0;}
.tab_content li span{font-size:1.0em;left:90px;}
.tab_content li div{width:100%;font-size:1.2em;margin:0;padding-bottom:5px;font-weight:normal;}



/*ここから旧スタイル後で消す*/	
	
.tab_content dl{
	margin-bottom:5px;}

.tab_content dl dt{
	width:100%;
	font-size:1.3em;
	margin:0;
	padding:0;
	float:none;}

.tab_content dl dd{
    width:100%;
	font-size:1.2em;
	margin:0;
	padding:0;
    font-weight: normal;
	float:none;}

.tab_content dl dd{
	padding-bottom:5px;}
/*ここまで旧スタイル後で消す*/	
/*--------------------
230425ここまで修正 

--------------------*/
	
	
	


.tab_content{
	padding:10px;
	height:200px;}

.tab_content_description{
	padding:0;
	height:180px;}

.tab_item span{
    display: block;}

}

/*-------------------------お客様の声-------------------------*/

#voice{}

#voice .inner{
	max-width:1040px;
	margin:0 auto;}

#voice .inner .voice_banner{
	float:left;
	width:100%;
	height:310px;
	position:relative;}

#voice .inner .voice_banner a{
	text-decoration:none;
	display:block;
	width:100%;
	height:310px;
	background:url(../images/voice_back.jpg) no-repeat bottom center scroll;
	background-size: cover;}

#voice .inner .voice_banner a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#voice .inner .voice_banner a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;}

.voice_text{
	width:60%;
	box-sizing:border-box;
	padding:30px;
	background-color:rgba(255,255,255,0.8);
	
	position: absolute;
	top: 50%;
	left: 35%;
	transform: translate(-50%, -50%);
	color:#fff;}

.voice_text .vt01{
	font-size:3em;
	letter-spacing:0.1em;
	color:#00349f;
	margin-bottom:10px;
	font-weight:700;}

.voice_text .vt01 span{
	font-size:0.8em;}

.voice_text .vt02{
	font-size:1.4em;
	line-height:1.6;
	color:#000;}

@media screen and (max-width: 767px) {

#voice{}

#voice .inner{
	margin:0 10px;
	box-sizing:border-box;}

#voice .inner .voice_banner{
	width:100%;
	height:170px;
	margin:0 0 20px 0;
	padding:0;}

#voice .inner .voice_banner a{
	width:100%;
	height:170px;
	background:url(../images/voice_back.jpg) no-repeat top center scroll;
	background-size:auto 100%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;}

.voice_text{
	width:90%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	padding:15px;}

.voice_text .vt01{
	font-size:2em;
	margin-bottom:5px;}

.voice_text .vt02{
	font-size:1.3em;
	line-height:1.6em;}

}

#voice h2{
	position: relative;
	text-align: center;
	margin:80px 0 60px 0;}

#voice h2:before{
	position: absolute;
	top: 20%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: #00349f;}

#voice h2 span.span_box{
	color:#00349f;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 3em;
	padding: 0 1em;
	background-color: #fff;}

#voice h2 span span{
	font-size:1.3em;
	margin-top:15px;
	display:block;
	font-weight:700;}

#voice h2 img{
	height:36px;
	width:auto;}

@media screen and (max-width: 767px) {

#voice h2{
	margin:20px 0 20px 0;}

#voice h2 span span{
	font-size:1.1em;
	margin-top:5px;}

#voice h2 img{
	height:22px;}

}

/*-------------------------LINE-------------------------*/

/*#voice .inner .line_btn a{
	display:block;
	padding:15px;
	box-sizing:border-box;}

#voice .inner .line_btn{
	float:right;
	width:260px;
	background-color:#00b900;
	-webkit-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;}

#voice .inner .line_btn .line_logo{
	text-align:center;
	height:55px;
	margin-bottom:15px;}

#voice .inner .line_btn .line_logo img{
	height:100%;
	width:auto;}

#voice .inner .line_btn a{
	text-decoration:none;
	color:#fff;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#voice .inner .line_btn a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;}

#voice .inner .line_btn dl{
	color:#fff;
	margin-bottom:10px;}

#voice .inner .line_btn dl dt{
	font-size:1.5em;
	font-weight:700;
	margin-bottom:5px;}

#voice .inner .line_btn dl dd{
	font-size:1.3em;
	line-height:1.6em;}

#voice .inner .line_btn ul li{
	width:110px;
	height:120px;
	color:#000;
	background-color:#fff;
	padding:10px;
	box-sizing:border-box;}

#voice .inner .line_btn ul li .line_title{
	color:#00b900;
	font-size:1.3em;
	line-height:1.3em;
	font-weight:700;
	margin-bottom:5px;}

#voice .inner .line_btn ul li .line_id{
	border:1px solid #ddd;
	padding:6px;
	font-size:1.4em;}

#voice .inner .line_btn ul li .line_qr{
	text-align:center;
	margin:0 auto;
	width:60px;
	height:60px;}

#voice .inner .line_btn ul li .line_qr img{
	width:100%;
	height:auto;}

#voice .inner .line_btn ul li:nth-child(1){
	float:left;}

#voice .inner .line_btn ul li:nth-child(2){
	float:right;}

@media screen and (max-width: 767px) {

#voice .inner .line_btn{
	width:100%;
	height:auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;}

#voice .inner .line_btn .line_logo{
	height:40px;
	margin-bottom:10px;}

#voice .inner .line_btn a ul{
	display:none;}

#voice .inner .line_btn dl{
	margin-bottom:0;}

}*/

/*-------------------------物件検索ここから-------------------------*/

#search h2{
	position: relative;
	text-align: center;
	margin:80px 0 60px 0;
	font-size: 3.5em;
	font-weight: 700;}

#search h2:before{
	position: absolute;
	top: 20%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: #00349f;}

#search h2 span.span_box{
	color:#00349f;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 3em;
	padding: 0 1em;
	background-color: #fff;}

#search h2 span span{
	font-size:0.6em;
	margin-top:15px;
	display:block;}

/*#search h2 img{
	height:36px;
	width:auto;}*/

@media screen and (max-width: 767px) {

#search h2{
	margin:20px 0 20px 0;
    font-size: 2.2em;}

#search h2 span span{
	font-size:0.6em;
	margin-top:5px;}

#search h2 img{
	height:22px;}

}

#search{
	margin-bottom:60px;}

#search .inner{
    max-width:1040px;
	margin:0 auto;}

#search .inner .article_quantitative{
	margin-bottom:20px;}

#search .inner .article_quantitative dl{
	float:left;
	margin-right:25px;
	width: 25%;
	width: calc((100% - 75px) / 4);
	width: -webkit-calc((100% - 75px) / 4);
	width: -moz-calc((100% - 75px) / 4);
	box-sizing:border-box;
	border-left:1px solid #fff;}

#search .inner .article_quantitative dl:nth-child(4){
	margin-right:0;}

#search .inner .article_quantitative dl dt{
	font-size:1.6em;
	background-color:#373332;
	color:#fff;
	text-align:center;
	padding:12px 0 10px;
	margin-bottom:10px;}

#search .inner .article_quantitative dl dd{
	font-size:1.5em;
	text-align:right;
	font-weight:700;}

#search .inner .article_quantitative dl dd span{
	font-size:2em;
	color:#f00a0a;}

@media screen and (max-width: 767px) {

#search .inner{
    margin:0 10px;
	box-sizing:border-box;}
    
#search .inner .article_quantitative{
	margin-bottom:10px;}

#search{
	margin-bottom:20px;}

#search .inner .article_quantitative dl{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	width: 50%;
	width: calc((100% - 10px) / 2);
	width: -webkit-calc((100% - 10px) / 2);
	width: -moz-calc((100% - 10px) / 2);
	box-sizing:border-box;
	border-left:1px solid #fff;}

#search .inner .article_quantitative dl:nth-child(2),
#search .inner .article_quantitative dl:nth-child(4){
	margin-right:0;}

#search .inner .article_quantitative dl dt{
	font-size:1.4em;
	padding:7px 0 5px;
	margin-bottom:5px;}

}
#search .inner .tokushu{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:20px;
	max-width:1040px;
	margin-bottom:30px;}

#search .inner .tokushu li{
	width:calc(50% - 10px);}

#search .inner .tokushu li a{
	display:block;
	transition:.3s;}

#search .inner .tokushu li a:hover{
	opacity:.8;}

#search .inner .tokushu li a img{
	width:100%;height:auto;}


@media screen and (max-width: 767px) {
#search .inner .tokushu{
	margin-bottom:10px;}
}



.search_inner01,
.search_step03,
.search_step04{
	background-color:#e6ebf6;
	padding:30px;
	box-sizing:border-box;
	border-radius:10px;}

.search_inner01{
	margin-bottom:30px;}

.search_inner01 h3,
.search_step03 h3,
.search_step04 h3{
	color:#00349f;
	font-size:2em;
	font-weight:700;}

.search_inner01 h3 span{
	color:#fff;
	background-color:#00349f;
	display:inline-block;
	text-align:center;
	margin-right:5px;
	padding:5px 0 3px;
	width:30px;}

.syubetsu_list{
	width:320px;
	float:left;}

.syubetsu_list ul{}

.syubetsu_list ul li{
	float:left;
	margin-right:20px;
	margin-top:20px;
	width: 50%;
	width: calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: -moz-calc((100% - 20px) / 2);
	box-sizing:border-box;
	position:relative;}

.syubetsu_list ul li:nth-child(2),
.syubetsu_list ul li:nth-child(4){
	margin-right:0px;}

input[type="radio"],
input[type="checkbox"]{
	display: none;}


@media screen and (min-width: 768px) {

.syubetsu_list label{
	padding-top:70px;
	display: block;
	font-size:1.7em;
	font-weight:700;
	line-height: 45px;
	color: #00349f;	
	text-align: center;
	cursor: pointer;
	border: 3px solid #00349f;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
    
.syubetsu_list ul li:nth-child(1) input[type="radio"] + label{
	padding:45px 0 3px 0; background:url(../images/search_title01_on.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer;}
.syubetsu_list ul li:nth-child(1) input[type="radio"]:checked + label{
	background:url(../images/search_title01_off.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer; color:#fff; background-color:#00349f;}
.syubetsu_list ul li:nth-child(2) input[type="radio"] + label{
	padding:45px 0 3px 0; background:url(../images/search_title02_on.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer;}
.syubetsu_list ul li:nth-child(2) input[type="radio"]:checked + label{
	background:url(../images/search_title02_off.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer; color:#fff; background-color:#00349f;}
.syubetsu_list ul li:nth-child(3) input[type="radio"] + label{
	padding:45px 0 3px 0; background:url(../images/search_title03_on.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer;}
.syubetsu_list ul li:nth-child(3) input[type="radio"]:checked + label{
	background:url(../images/search_title03_off.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer; color:#fff; background-color:#00349f;}
.syubetsu_list ul li:nth-child(4) input[type="radio"] + label{
	padding:45px 0 3px 0; background:url(../images/search_title04_on.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer;}
.syubetsu_list ul li:nth-child(4) input[type="radio"]:checked + label{
	background:url(../images/search_title04_off.gif) no-repeat top 15px center; background-size:32px 32px; cursor:pointer; color:#fff; background-color:#00349f;}

}
    
.area_rosen_list{
	width:630px;
	float:right;}

.area_rosen_list .area_list,
.area_rosen_list .rosen_list{
	background-color:#d0d9ee;
	margin-top:20px;
	padding:20px;}

.area_rosen_list .area_list dl dt,
.area_rosen_list .rosen_list dl dt{
	color:#00349f;
	font-size:2em;
	font-weight:700;
	width:100px;
	float:left;}

.area_rosen_list .area_list dl dd,
.area_rosen_list .rosen_list dl dd{
	float:right;
	width:100%;
	margin-left:-100px;
	padding-left:100px;
	box-sizing:border-box;}

.area_rosen_list .area_list dl dd{
	color:#373332;
	font-size:1.7em;
	font-weight:700;}

.area_rosen_list .area_list dl dd label{
	display:inline-block;
	min-width:90px;}

.area_rosen_list .area_list dl dd input[type="checkbox"] + label{
	padding:5px 0 5px 25px; background:url(../images/check_off.png) no-repeat left center; background-size:20px 20px; cursor:pointer;}
.area_rosen_list .area_list dl dd input[type="checkbox"]:checked + label{
	background:url(../images/check_on.png) no-repeat left center; background-size:20px 20px; cursor:pointer;}

.area_rosen_list .rosen_list dl dd select{
	font-size:1.6em;
	webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 80%;
	padding: 7px 5px 7px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/select_arrow.png) right 50% no-repeat, #fff;
	background-size: 20px, 100%;}

.search_inner01 .send_btn{
	margin-top:30px;
	text-align:center;}

.search_inner01 .send_btn input[type="button"]{
	cursor:pointer;
    font-size: 2.6em;
    font-weight: bold;
    padding: 10px 80px;
    background-color: #00349f;
    color: #fff;
    border-style: none;
	border-radius:6px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.search_inner01 .send_btn input[type="button"]:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

.search_step03{
	float:left;
	margin-right:20px;
	width: 50%;
	width: calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: -moz-calc((100% - 20px) / 2);
	box-sizing:border-box;
	position:relative;}

.search_step03 h3,
.search_step04 h3{
	margin-bottom:20px;
	padding-left:20px;
	position:relative;}

.search_step03 h3::before,
.search_step04 h3::before{
	content: "";
	display: inline-block;
	border-style: solid;
	border-color: #00349f transparent transparent transparent;
	border-width: 13px 8px 0 8px;
	
	position: absolute;
	left: -3px;
	top: 50%;
	margin-top: -10px;}

.search_step03 .frommap_search{
	text-align:center;}

.search_step03 .frommap_search a{
	display:inline-block;
	font-size: 2.6em;
    font-weight: bold;
    padding: 15px 80px 10px;
    background-color: #00349f;
    color: #fff;
    border-style: none;
	border-radius:6px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.search_step03 .frommap_search a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

.search_step04{
	float:left;
	width: 50%;
	width: calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: -moz-calc((100% - 20px) / 2);
	box-sizing:border-box;
	position:relative;}

.search_step04 input[type="text"]{
	border:0;
	padding:10px;
	font-size:1.6em;
	color:#000;
	border:solid 1px #ccc;
	margin:0 0 10px;
	width:300px;
    box-sizing: border-box;}

@media screen and (max-width: 374px){
    .search_step04 input[type="text"]{
	width:100%;}
}

.search_step04 input[type="button"]{
	font-size: 1.8em;
    font-weight: bold;
    padding: 7px 16px 6px;
    background-color: #00349f;
    color: #fff;
    border-style: none;
	border-radius:6px;
	text-decoration:none;
	margin-left:10px;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.search_step04 input[type="button"]:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

@media screen and (max-width: 767px) {

.search_inner01 h3,
.search_step03 h3,
.search_step04 h3{
	font-size:1.8em;}

.search_inner01 h3 span{
	width:25px;}

.search_inner01{
	padding:15px;
	margin-bottom:10px;}

.syubetsu_list,
.area_rosen_list{
	width:100%;
	height:auto;
	float:none;}

.syubetsu_list ul{
	margin-bottom:15px;}

.syubetsu_list ul li{
	float:left;
	margin-right:10px;
	margin-top:10px;
	width: 50%;
	width: calc((100% - 10px) / 2);
	width: -webkit-calc((100% - 10px) / 2);
	width: -moz-calc((100% - 10px) / 2);
	box-sizing:border-box;
	position:relative;}

.syubetsu_list label{
	display: block;
	font-size:1.6em;
	font-weight:700;
	line-height: 45px;
	color: #00349f;	
	text-align: center;
	cursor: pointer;
	border: 3px solid #00349f;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.syubetsu_list ul li input[type="radio"]:checked + label{
     background-color: #00349f;}

.syubetsu_list ul li:nth-child(1) input[type="radio"] + label span{
	padding:3px 0 3px 34px; background:url(../images/search_title01_on.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; display: inline-block;}
.syubetsu_list ul li:nth-child(1) input[type="radio"]:checked + label span{
	background:url(../images/search_title01_off.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; color:#fff; /*background-color:#00349f;*/}
.syubetsu_list ul li:nth-child(2) input[type="radio"] + label span{
	padding:3px 0 3px 34px; background:url(../images/search_title02_on.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; display: inline-block;}
.syubetsu_list ul li:nth-child(2) input[type="radio"]:checked + label span{
	background:url(../images/search_title02_off.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; color:#fff; /*background-color:#00349f;*/}
.syubetsu_list ul li:nth-child(3) input[type="radio"] + label span{
	padding:3px 0 3px 34px; background:url(../images/search_title03_on.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; display: inline-block;}
.syubetsu_list ul li:nth-child(3) input[type="radio"]:checked + label span{
	background:url(../images/search_title03_off.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; color:#fff; /*background-color:#00349f;*/}
.syubetsu_list ul li:nth-child(4) input[type="radio"] + label span{
	padding:3px 0 3px 34px; background:url(../images/search_title04_on.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; display: inline-block;}
.syubetsu_list ul li:nth-child(4) input[type="radio"]:checked + label span{
	background:url(../images/search_title04_off.gif) no-repeat left center; background-size:28px 28px; cursor:pointer; color:#fff; /*background-color:#00349f;*/}

.area_rosen_list .area_list dl dt,
.area_rosen_list .rosen_list dl dt{
	font-size:1.6em;
	width:70px;}

.area_rosen_list .area_list dl dd,
.area_rosen_list .rosen_list dl dd{
	margin-left: -70px;
	padding-left: 70px;
	font-size:1.6em;}

.area_rosen_list .area_list dl dd input[type="checkbox"]{
	margin-right:5px;}

.area_rosen_list .rosen_list dl dd select{
	font-size:1em;
	width:100%;}

.syubetsu_list ul li:nth-child(1) label:before,
.syubetsu_list ul li:nth-child(2) label:before,
.syubetsu_list ul li:nth-child(3) label:before,
.syubetsu_list ul li:nth-child(4) label:before{
	width: 26px;
	height: 26px;
	position: absolute;
    top: 50%;
    left: 25px;}

.area_rosen_list .area_list,
.area_rosen_list .rosen_list{
	padding:10px;
	margin-top:10px;}

.area_rosen_list .area_list dl dd,
.area_rosen_list .rosen_list dl dd{
	margin-bottom:0;}

.area_rosen_list .area_list dl dd label{
	min-width:auto;
	margin:5px 0;
	margin-right:5px;}

.search_step03,
.search_step04{
	float:none;
	width:100%;
	margin-bottom:10px;
	padding:15px;}

.search_step03 h3,
.search_step04 h3{
	margin-bottom:10px;}

.search_inner01 .send_btn{
	margin:0;}

.search_inner01 .send_btn input[type="button"]{
	font-size:2em;
	margin-top:10px;}

.search_step03 .frommap_search a{
	font-size:2em;}

.search_step04 input[type="button"]{
	display:block;
	margin:0 auto;
	padding: 15px 80px 10px;}
}


.banner{max-width:1040px;text-align:center;margin:30px auto;}
.banner a{display:block;}
.banner img{width:100%;height: auto;}
@media screen and (min-width:1025px) {
.banner a{transition:all 0.3s;}
.banner a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
}
@media screen and (max-width: 767px) {
.banner{margin:10px 0;}
}


/*-------------------------こだわり物件特集ここから-------------------------*/

.pickup{}

.pickup ul li{
	text-align:center;
	float:left;
	margin-right:25px;
	width: 20%;
	width: calc((100% - 75px) / 4);
	width: -webkit-calc((100% - 75px) / 4);
	width: -moz-calc((100% - 75px) / 4);
	box-sizing:border-box;
	border-left:1px solid #fff;
	/*min-height:138px;*/}

.pickup ul li:nth-child(4){
	margin-right:0;}

.pickup ul li a{
	display:block;
	border:4px solid #00349f;
	color:#00349f;
	text-decoration:none;
	padding:15px 5px;
	border-radius:5px;
	height:100%;
	box-sizing:border-box;
	min-height:138px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.pickup ul li a:hover{
	background-color:#D7E1EF;}

.pickup ul li a img{
	display:inline-block;
	width:50px;
	height:50px;
	margin-bottom:10px;}

.pickup ul li a p{
	font-size:1.5em;
	line-height:1.3;
	font-weight:700;}

@media screen and (min-width: 768px) {

.pickup ul li a p span{
	display:block;}

}

@media screen and (max-width: 767px) {

.pickup ul li{
	float:none;
	width:100%;
	min-height:auto;
	margin:0 0 10px 0;}

.pickup ul li a{
	border:3px solid #00349f;
	text-align:left;
	padding:8px 8px 4px;
	min-height:0;
	font-size:1.1em;
	line-height:0;}

.pickup ul li a img,
.pickup ul li a p{
	vertical-align:middle;
	display:inline-block;}

.pickup ul li a img{
	margin:0 10px 0 0;
	width: 30px;
    height: 30px;}

}

/*-------------------------新着物件ここから-------------------------*/

#new_arrivals{
	background-color:#00349f;
	padding:80px 0 60px;}

#new_arrivals .inner{
	max-width:1040px;
	margin:0 auto;}

#new_arrivals h2{ position: relative; text-align: center; font-size: 3.5em; font-weight: 700;}
#new_arrivals h2:before{position: absolute;top: 20%;z-index: 1;content: '';display: block;width: 100%;height: 3px;background-color: #fff;}
#new_arrivals h2 span.span_box{color:#fff;position: relative;z-index: 2;display: inline-block;margin: 0 3em;padding: 0 1em;background-color: #00349f;}
#new_arrivals h2 span span{font-size:0.6em;margin-top:15px;display:block; font-weight:700;}
#new_arrivals h2 img{height:36px;width:auto;}

.new_arrivals_list{
	margin-bottom:20px;}

.new_arrivals_list ul li{
	float:left;
	margin-right:40px;
	margin-top:40px;
	width: 33.333333%;
	width: calc((100% - 81px) / 3);
	width: -webkit-calc((100% - 81px) / 3);
	width: -moz-calc((100% - 81px) / 3);
	box-sizing:border-box;
	padding:0;
    /*background-color: #fff;*/
	border-radius:10px;}

.new_arrivals_list ul li .box_bb_inner{
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.new_arrivals_list ul li .box_bb_inner:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

@media screen and (min-width: 768px) {
    
.new_arrivals_list ul li:nth-child(3),
.new_arrivals_list ul li:nth-child(6){
	margin-right:0;}

}

.new_arrivals_list ul li .box_bb_inner{
    background-color:#fff;
    border-radius:10px;
}

.new_arrivals_list ul li p.bukken_name{
	font-size:1.6em;
	font-weight:700;
	padding:15px;}

.new_arrivals_list ul li .pic{
	text-align:center;
	width:100%;
	height:200px;
	overflow:hidden;
	border:1px solid #ccc;
	box-sizing:border-box;}

.new_arrivals_list ul li .pic img{
	height:100%;
	width:auto;}

.bukken_detail{
	padding:15px;
	box-sizing:border-box;}

.new_arrivals_list ul li p.syubetsu{
	float:left;
	font-size:1.5em;
	font-weight:700;}

.new_arrivals_list ul li p.shinchiku{ color:#fa7d6e;}
.new_arrivals_list ul li p.cyuko{ color:#42ade9;}
.new_arrivals_list ul li p.tochi{ color:#50b478;}
.new_arrivals_list ul li p.mansion{ color:#ffbe1e;}

.new_arrivals_list ul li p.kakaku{
	float:right;
	font-size:1.3em;
	font-weight:700;}

.new_arrivals_list ul li p.rosen{
	font-size: 1.5em;
	line-height: 1.5em;
	margin:10px 0 0 0;
	height:38px;
	overflow:hidden;}

.new_arrivals_list ul li p.rosen span.access_span{
	color:red;}

.new_arrivals_list ul li p.kakaku span{
	color:red;
	font-size:1.5em;}

.new_arrivals_list ul li p.bukken_comment{
	background-color:#eee;
	font-size:1.3em;
	line-height:1.5em;
	padding:15px;
	box-sizing:border-box;
	-webkit-border-radius:0 0 10px 10px/0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px/0 0 10px 10px;
	border-radius:0 0 10px 10px/0 0 10px 10px;}

.new_arrivals_list ul li p.bukken_comment span{
	display:block;
	height:40px;
	overflow:hidden;}

.new_arrivals_list ul li p.rosen,
.new_arrivals_list ul li p.bukken_comment{
    white-space: normal;}

@media screen and (min-width: 768px) {

.slider_recommend .slide_wrap ol .left,
.slider_recommend .slide_wrap ol .right{ display: none;}

}

/*下部ボタン（スライド・一覧）*/
.slider_recommend .slide_wrap ol{padding:50px 0 0; text-align: center!important;}
.slider_recommend .slide_wrap ol li{display:inline-block;vertical-align:top;line-height:1px;}
.slider_recommend .slide_wrap ol .list{width:30%;}
.slider_recommend .slide_wrap ol .list a{display:block;font-size:1.5em;line-height:50px;text-decoration:none;color:#fff;height:50px;border:2px solid #fff; border-radius: 5px; font-weight: 700;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.slider_recommend .slide_wrap ol .list a:hover{background-color:#fff; color:#00349F;}


@media screen and (max-width: 767px) {

/*下部ボタン（スライド・一覧）*/ 
.slider_recommend .slide_wrap ol .left{width:20%;}
.slider_recommend .slide_wrap ol .right{width:20%;}
.slider_recommend .slide_wrap ol .left a,
.slider_recommend .slide_wrap ol .right a{width:30px;display:block;margin:0 auto;}
.slider_recommend .slide_wrap ol .left a img,
.slider_recommend .slide_wrap ol .right a img{width:100%;height:auto;}
.slider_recommend .slide_wrap ol{padding:10px 0 0; text-align: center!important;}
.slider_recommend .slide_wrap ol .list{width:60%;}
.slider_recommend .slide_wrap ol .list a{display:block;font-size:1.2em;line-height:28px;text-decoration:none;color:#fff;height:28px;border:1px solid #fff; border-radius: 5px; font-weight: 700;}
.slider_recommend .slide_wrap{box-sizing:border-box;}
.slider_recommend .slide_wrap ul{box-sizing:content-box;}
.slider_recommend .slide_wrap.b_full{padding:0 5px;}
.slider_recommend .slide_wrap > ul{padding:10px 0 0;text-align:left;}
.slider_recommend .slide_wrap .box{vertical-align:top;display:inline-block;margin:0 0 10px;}
.slider_recommend .slide_wrap.b_full .box{width:100%;}
.slider_recommend .slide_wrap .box a{color:#000;text-decoration:none;}
.slider_recommend .slide_wrap .box .inner{background:#FFF;white-space:normal;}
.slider_recommend .slide_wrap.b1 .box .inner{margin:0 5px;padding:3px;border:1px solid #CCC;position:relative;}
.slider_recommend .slide_wrap.b2 .box .inner{margin:0 5px;padding:3px;border:1px solid #CCC;}
.slider_recommend .slide_wrap.b3 .box .inner{margin:0 3px;padding:3px;border:1px solid #CCC;}
.slider_recommend .slide_wrap.b_full .box .inner{margin:0 5px;}
.slider_recommend .slide_wrap .box ul{}

/*スライダJS対応用*/
.slider_recommend .slide_wrap.b1{width:auto !important;}
.slider_recommend .slide_wrap.b2{padding:0 6px;}
.slider_recommend .slide_wrap.b3{padding:0 6px;}
.slider_recommend .slide_wrap.b2.slide_on{overflow:hidden;padding:0;width:98%!important;margin-left:1%!important;margin-right:1%!important;}
.slider_recommend .slide_wrap.b_full.slide_on .box .photo{width:100%;height:260px;text-align:center;overflow:hidden;position:relative;}
.slider_recommend .slide_wrap.b_full.slide_on .box .photo img{width:auto;max-width:none;max-height:260px;position:absolute;margin:auto;top:-50%;bottom:-50%;left:-50%;right:-50%;}
    
.slider_recommend .slide_wrap{
    box-sizing:border-box;
    height: 375px;}
    
#new_arrivals{
	padding:20px 0 20px;}

#new_arrivals .inner{
	box-sizing:border-box;
	padding:0 10px;}

#new_arrivals h2{ margin:20px 0 20px 0; font-size: 2.2em;}
#new_arrivals h2 span span{ font-size:0.6em; margin-top:5px;}
#new_arrivals h2 img{ height:22px;}

.new_arrivals_list{
	height:650px;
	overflow:hidden;}

.new_arrivals_list ul li{
	float: left;
    margin: 0 5px;
    margin-top: 10px;
    width: 50%;
    /*width: calc((100% - 10px) / 2);
    width: -webkit-calc((100% - 10px) / 2);
    width: -moz-calc((100% - 10px) / 2);*/
    box-sizing: border-box;
    padding: 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;}
	
.new_arrivals_list ul li:nth-child(2),
.new_arrivals_list ul li:nth-child(4),
.new_arrivals_list ul li:nth-child(6){
	margin-right:0;}

.new_arrivals_list ul li .box_bb_inner{
    margin: 0 5px;}

.new_arrivals_list ul li p.bukken_name{
    font-size: 1.5em;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:10px;
    box-sizing: border-box;}

.new_arrivals_list ul li .pic{
	height: 130px;}

.bukken_detail{
	padding:10px;}

.new_arrivals_list ul li p.syubetsu{
    float: none;
	font-size:1.3em;
    margin-bottom: 5px;}

.new_arrivals_list ul li p.rosen{
	font-size: 1.3em;
	line-height: 1.4em;
	margin:5px 0 0 0;
	height:35px;
	overflow:hidden;}

.new_arrivals_list ul li p.bukken_comment{
    font-size: 1.2em;
	line-height: 1.4em;
	padding:10px;
	-webkit-border-radius:0 0 5px 5px/0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px/0 0 5px 5px;
	border-radius:0 0 5px 5px/0 0 5px 5px;}

.new_arrivals_list ul li p.bukken_comment span{
    height: 32px;}

#new_arrivals .more a{
	margin:0;}

}

/*-------------------------コンテンツ一覧ここから-------------------------*/

#contents_list{ overflow: hidden;}

#contents_list .inner ul li{}

#contents_list .inner ul li{zoom:1;}

#contents_list .inner ul li:after{content:"";display:block;clear:both;}

#contents_list .inner ul li:nth-child(1) .photo_box,
#contents_list .inner ul li:nth-child(2) .text_box,
#contents_list .inner ul li:nth-child(3) .photo_box,
#contents_list .inner ul li:nth-child(4) .text_box{
	box-sizing:border-box;
	width:50%;
	height:300px;
	float:left;}

#contents_list .inner ul li:nth-child(1) .text_box,
#contents_list .inner ul li:nth-child(2) .photo_box,
#contents_list .inner ul li:nth-child(3) .text_box,
#contents_list .inner ul li:nth-child(4) .photo_box{
	box-sizing:border-box;
	width:50%;
	height:300px;
	float:right;}

#contents_list .inner ul li:nth-child(1) .photo_box,
#contents_list .inner ul li:nth-child(2) .photo_box,
#contents_list .inner ul li:nth-child(3) .photo_box,
#contents_list .inner ul li:nth-child(4) .photo_box{}
 
 #contents_list .inner ul li .photo_box img{}

#contents_list .inner ul li:nth-child(1) .photo_box{
	position:relative;
	background:url(../images/keiwa_town_back.jpg) no-repeat bottom center scroll;
	-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
	position: relative;
	height:300px;}

#contents_list .inner ul li:nth-child(2) .photo_box{
	background:url(../images/sekourei_back.jpg) no-repeat bottom center scroll;
	-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
	background-position:top;}

#contents_list .inner ul li:nth-child(3) .photo_box{
	background:url(../images/panorama_back.jpg) no-repeat bottom center scroll;
	-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}

#contents_list .inner ul li:nth-child(4) .photo_box{
	position:relative;
	background:url(../images/area_back.jpg) no-repeat bottom center scroll;
	-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
	position: relative;
	height:300px;}

#contents_list .inner ul li:nth-child(1) .photo_box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);}

#contents_list .inner ul li:nth-child(1) img,
#contents_list .inner ul li:nth-child(4) img{
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	letter-spacing:5px;
	color:#fff;}

#contents_list .inner ul li .text_box{
	position: relative;}

#contents_list .inner ul li .text_box a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#contents_list .inner ul li .text_box a:hover{
	background-color:#D7E1EF;}

#contents_list .inner ul li .text_box .text_box_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:400px;}

#contents_list .inner ul li .text_box p.con_title{
	font-size:2.5em;
	line-height:1.2em;
	letter-spacing:0.1em;
	font-weight:700;
	color:#00349f;
	margin-bottom:10px;}

#contents_list .inner ul li .text_box p.con_text{
	font-size:1.4em;
	line-height:1.7;
	color:#000;}

/*#contents_list .inner ul li:nth-child(1) .text_box{
	float:right;}

#contents_list .inner ul li:nth-child(1) .pic_box{
	float:left;}*/

@media screen and (max-width: 767px) {

#contents_list .inner ul li:nth-child(1) .photo_box,
#contents_list .inner ul li:nth-child(2) .photo_box,
#contents_list .inner ul li:nth-child(3) .photo_box,
#contents_list .inner ul li:nth-child(4) .photo_box{
	width:100%;
	height:170px;
	float:none;}

#contents_list .inner ul li:nth-child(1) .text_box,
#contents_list .inner ul li:nth-child(2) .text_box,
#contents_list .inner ul li:nth-child(3) .text_box,
#contents_list .inner ul li:nth-child(4) .text_box{
	width:100%;
	height:auto;
	float:none;}

#contents_list .inner ul li .text_box .text_box_inner{
	position:static;
	top: 0;
	left: 0;
	transform:none;
	padding:10px;}

#contents_list .inner ul li .text_box p.con_title{
	font-size:1.8em;
	letter-spacing:0;
	margin-bottom:5px;}

#contents_list .inner ul li .text_box p.con_text{
	font-size:1.3em;
	line-height:1.5;}

#contents_list .inner ul li:nth-child(1) img{
	height:50px;width:auto;}

#contents_list .inner ul li:nth-child(4) img{
	height:100px;width:auto;}

}

/*-------------------------コンテンツボタン-------------------------*/

#contents_mini{
	background: linear-gradient(
    -45deg,
    #fff 25%, #e6ebf6 25%,
    #e6ebf6 50%, #fff 50%,
    #fff 75%, #e6ebf6 75%,
    #e6ebf6
  );
  background-size: 5px 5px;
  padding:60px 0 60px 0;}

#contents_mini .inner{
	max-width:1040px;
	margin:0 auto;}

#contents_mini .inner ul{
	margin-bottom:35px;}

#contents_mini .inner ul li{
	text-align:center;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
	width: 25%;
	width: calc((100% - 75px) / 4);
	width: -webkit-calc((100% - 75px) / 4);
	width: -moz-calc((100% - 75px) / 4);
	box-sizing:border-box;
	border-left:1px solid #fff;
	min-height:158px;}

#contents_mini .inner ul li:last-child{
	float:left;
	margin-bottom:25px;
	width: 100%;
	box-sizing:border-box;
	border-left:none;
	min-height:150px;
	border: 4px solid #00349f;
    border-radius: 5px;}

#contents_mini .inner ul li:nth-child(4),
#contents_mini .inner ul li:nth-child(8),
#contents_mini .inner ul li:last-child{
	margin-right:0;}

#contents_mini .inner ul li a{
	display:block;
	border:4px solid #00349f;
	color:#00349f;
	text-decoration:none;
	padding:15px 5px;
	border-radius:5px;
	background-color:#fff;
	height:100%;
	min-height:158px;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#contents_mini .inner ul li:last-child a{
	display:block;
	border:none;
	padding:0;
	border-radius:5px;
	background-color:#00349f;
	min-height:150px;
	overflow: hidden;
	transition: none;}

#contents_mini .inner ul li:not(li:last-child) a:hover{
	background-color:#D7E1EF;}

#contents_mini .inner ul li a img{
	display:inline-block;
	width:70px;
	height:70px;
	margin-bottom:10px;}

#contents_mini .inner ul li:last-child a img,
#contents_mini .inner ul li:last-child a picture{
	width:100%;
	height:auto;
	margin-bottom:0;
	vertical-align: bottom;
	transition: .3s;}

#contents_mini .inner ul li:last-child:hover a img{
	opacity: .8;}

#contents_mini .inner ul li:last-child a{
	width:100%;
	height:auto;
	margin-bottom:0;
	vertical-align: bottom;}

#contents_mini .inner ul li a p{
	font-size:1.5em;
	line-height:1.3;
	font-weight:700;}

#contents_mini .inner ul li a p span{
	display:block;}

.baikyaku{
    width: 1040px;
    margin: 0 auto;
	margin-bottom:60px;}
	
.baikyaku a img{
    width: 100%;
    height: auto;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.baikyaku a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

.greerting{
	text-align:center;
	background-color:#fff;
	padding:40px;
	box-sizing:border-box;}

.greerting p.con_title{
	font-size:2.5em;
	line-height:1.2em;
	font-weight:700;
	color:#00349f;
	margin-bottom:15px;}

.greerting p.con_text{
	font-size:1.4em;
	line-height:1.9;
	color:#000;}

@media screen and (min-width: 768px) {

.greerting p.con_text span{
	display:block;}

}

@media screen and (max-width: 767px) {

#contents_mini{
	padding:20px 0 20px;}

#contents_mini .inner{
	margin:0 10px;}

#contents_mini .inner ul{
	margin-bottom:10px;}

#contents_mini .inner ul li:nth-child(2),
#contents_mini .inner ul li:nth-child(4),
#contents_mini .inner ul li:nth-child(6),
#contents_mini .inner ul li:nth-child(8){
	margin-right:0;}

#contents_mini .inner ul li{
	text-align:center;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width: 50%;
	width: calc((100% - 10px) / 2);
	width: -webkit-calc((100% - 10px) / 2);
	width: -moz-calc((100% - 10px) / 2);
	box-sizing:border-box;
	border-left:1px solid #fff;
	min-height:122px;}

#contents_mini .inner ul li a{
	padding:10px 0;
	border: 3px solid #00349f;}

#contents_mini .inner ul li{
	min-height:122px;}

#contents_mini .inner ul li a{
	min-height:122px;}
	
#contents_mini .inner ul li:last-child{
	min-height:initial;}

#contents_mini .inner ul li:last-child a{
	min-height:initial;}

#contents_mini .inner ul li a img{
	width:50px;
	height:50px;
	margin-bottom:5px;}

.baikyaku{
	width:100%;
	margin-bottom:20px;}

.baikyaku a img{
	width:100%;
	height:auto;}

.greerting{
	padding:15px;}

.greerting p.con_title{
	font-size:1.8em;
	line-height:1.2em;
	font-weight:700;
	color:#00349f;
	margin-bottom:5px;}

.greerting p.con_text{
	text-align:left!important;
	font-size:1.3em;
	line-height:1.5;
	color:#000;}

}

@media screen and (min-width: 768px) {
a.sph_only{
    pointer-events: none;
}
}

/*-------------------------新着物件ここから-------------------------*/

/*-------------------------
__top_style
-------------------------*/

#contents_mini{}

#contents_mini .inner{}

#contents_mini .inner ul{}

#contents_mini .inner ul li{}

#contents_mini .inner ul li a{}

@media screen and (max-width: 960px){

}

.slider_prev{
	height:836px!important;}


/*-------------------------トップページ工事中表示ここから-------------------------*/

.under_construction{ text-align: center;}
.under_construction .inner{ width: 700px; margin: 100px auto; border: 5px solid #ddd; padding: 50px 20px; box-sizing: border-box; background-color: #fff;}
.under_construction .cs{ font-size: 37px; color: #ddd; margin-bottom: 25px; font-weight: 700;}
.under_construction h1{ font-size: 25px; line-height: 35px; margin-bottom: 25px; font-weight: 700;}
.under_construction h1 span{ display: block;}
.under_construction p{ font-size: 15px;}

@media screen and (max-width: 767px) {

.under_construction{ padding: 0 10px;}
.under_construction .inner{ width: 100%; margin: 20px auto; border: 3px solid #ddd; padding: 30px 10px;}
.under_construction .cs{ font-size: 25px; color: #ddd; margin-bottom: 10px;}
.under_construction h1{ font-size: 16px; line-height: 23px; margin-bottom: 10px;}
.under_construction p{ font-size: 12px; line-height: 19px;}
.under_construction p span{ display: block;}

}