@charset 'UTF-8';
/* ==============================================*/
/*　PC用　*/
/* ==============================================*/
@media screen and (min-width:768px) {


}


/* ==============================================*/
/*　スマホ用　*/
/* ==============================================*/
@media screen and (max-width:767px) {
#mainVisual {
	width:100%;
	background-size:auto 100%;
	overflow:hidden;
}
#mainVisual h2{
	font-size:20px;
	left:0;
	right:0;
	top:40%;
	bottom:0;
	margin:auto;
	text-align:center;
	vertical-align:middle;
}
#mainVisual img{
	margin-left:-25%;
}
/* HEADER ==============================================*/

#topic_path{
	width:100%;
	background-color:#EEE;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#topic_path a:hover {
	background-position:right center !important;
}
#topic_path .home a {
	background-image:url("../img/sp/icon_home.png");
	background-position:right center;
	padding-right:15px;
	width:30px;
}
#topic_path li a ,
#topic_path li.end {
	background-image:url("../img/icon/icon_22.gif");
	background-position:right center;
}

/* main_visual ==============================================*/

#Larea .page_navi {
    width: auto;
}

/* CONTENT ==============================================*/
#Larea,
#Rarea{
	width:100%;
	float:none;
	clear:both;
}

#Larea .intro {
	width:auto !important;
	background-image:none !important;
	padding:20px !important;
	border:1px solid #CCC !important;
}
#Larea .text_box {
	width:auto !important;
}

#Larea .content_box1 {
    width: auto !important;
	padding:1em !important;
}
#Larea .content_box1 .img_area img{
	width:100% !important;
	height:auto;
	margin:0;
}
#Larea .content_box1 .inq_area{
	width:100% !important;
	float:none;
}



#Larea .left-area ,
#Larea .right-area {
	width:100% !important;
}
#Larea .left-area img,
#Larea .right-area img{
	width:100%;
}
#link_box aside figure img{
	width:100%;
}
#Larea .content_box1 h2 {
	font-size:24px;
}
#Larea .content_box1 img{
	max-width:100%;
}

/* 加盟店マップ */
.franchise_list #sec_1{
	display:none;
}
.franchise_list #sec_2{
    margin-top:0 !important;
    border:none !important;
}
.franchise_list #Larea #sec_2 table th:last-child,
.franchise_list #Larea #sec_2 table td:last-child{
	display:none;
}

/* 鉄筋コンクリート宣言 */
.information_102 #Larea .content_box1 img {
    max-width: 40%;
    height:auto;
}


/* 商品ラインナップ */
#Larea .content_box1 .lu_box ,
#Larea .content_box1 .lu_box a,
#Larea .content_box1 .lu_box img{
	width:100% !important;
}
#Larea .content_box1 .table3 th,
#Larea .content_box1 .table3 td,
#Larea .content_box1 .table3 img{
	clear:both;
	float:left;
	width:100% !important;
}
#Larea .content_box1 .table3 th{
	border:none;
}
.lineup-detail .left-area,
.lineup-detail .right-area {
	width:auto;
}

.lineup-detail h2.lineup_mv ,
.lineup-detail h2.lineup_mv img{
	width:100%;
	height:auto;
}
.lineup-detail section {
	padding:1em;
}
.lineup-detail section h3 img{
	max-width:100%;
	height:auto;
}
.lineup-detail section p{
}

.lineup-detail section .img-left,
.lineup-detail section .img-right,
.lineup-detail section .img-left2,
.lineup-detail section .img-right2,
.lineup-detail section .img_right{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	display:block;
}
.lineup-detail .ex_box img {
    margin-right:0;
}
.lineup-detail .ex_box img[width="280"] {
	width:100%;
	height:auto;
}
.lineup-detail  section img[width="930"]{
	width:100%;
	height:auto;
}
#content #sec_thumb a {
	width:45% !important;
	margin:2% !important;
}
#content #sec_thumb a img{
	display:block;
	width:100% !important;
}
	
.feature_box_1 h3{
	font-size: 1.2rem;
	line-height: 2rem;
	}
	
h3.gb br{
	display: none;
	}
	
.feature_box_1 div.displayflex {
	display: block;
	height: auto;
	}
	
.feature_box_1 div h4{
	width:100%;
	height:20px;
	letter-spacing:-1.5px;
}
	
.feature_box_1 div h4 br{
	display: none;
}
	
.room_style{
	margin-top: 0;
}
	
/* 土地活用実例 */
.casestudy_001 #Larea .right-area img.img_left{
    width: auto;
}

/* 実例集 */
.casestudy_101 ul.category {
	display:table;
	width:100%;
}
.casestudy_101 ul.category li{
	display:table-cell;
	margin:0 2px;
	font-size:12px;
}
.casestudy_101 ul.category li a{
	width:100%;
    background-image:none;
}
.casestudy_101 #Larea .content_box1 .img_area{
	display:table;
}
.casestudy_101 #Larea .content_box1 .img_area a{
	display:table-cell;
	vertical-align:top;
}

/* 見学会 */

.event_101 #Larea .content_box1 .img_area{
	width:100% !important;
	float:none !important;
}
.event_101 #Larea .content_box1 .img_area img{
	width:100% !important;
	max-width:100% !important;
	float:left;
}


/* マンション経営Ｑ＆Ａ */
.useful_201 #Larea .content_box1 h2 {
    height: auto;
}
.useful_501 #Larea .content_box1 .img_area {
	width:40%;
}

/* 会社概要 */
.aboutus #gmap{
	width:100% !important;
    height: 300px;
}


/* お問い合わせフォーム */
form table{
	max-width:100% !important;
}
.contact_201 form table th,
.contact_201 form table td,
.contact_301 form table th,
.contact_301 form table td,
.contact_401 form table th,
.contact_401 form table td,
.contact_501 form table th,
.contact_501 form table td{
	clear:both;
	width:auto !important;
	display:block !important;
	border:none !important;

}

.contact_201 form table th,
.contact_301 form table th,
.contact_401 form table th,
.contact_501 form table th{
	background-color: #2D4B9B;
	padding:0.5em;
	color:#FFF;
	width:auto !important;
	max-width:90%;

    border-radius: 3px;
    -moz-border-radius: 3px:
	-webkit-border-radius:3px;
    behavior: url(css/PIE.htc);
    position: relative;
}
.contact_201 form input[type="text"],
.contact_201 form textarea,
.contact_301 form input[type="text"],
.contact_301 form textarea,
.contact_401 form input[type="text"],
.contact_401 form textarea,
.contact_501 form input[type="text"],
.contact_501 form textarea{
	padding:0.5em;
	width:90% !important;
}
.contact_201 form input[style="width:70px;"],
.contact_301 form input[style="width:70px;"],
.contact_501 form input[style="width:70px;"]{
	width:30% !important;
}
.contact_201 form input[style="width:50px;"],
.contact_301 form input[style="width:50px;"],
.contact_501 form input[style="width:50px;"]{
	width:25% !important;
}

.contact_301 #Larea .img_area {
	display:none;
}
.btn_area input{
	padding:1em;
	margin:0 !important;
}


/* 大家さんも安心！のひみつ */
.anshin #Larea .content_box1 table {
	width:90%;
}
.anshin #Larea .content_box1 td img{
	width:100%;
}


/* 主なＣＭ・パブリシティ */
.publicity .left-area,
.publicity .right-area,
.publicity .content_box2{
	display:none;
}




/* 右メニュー ==============================================*/

#Rarea .r_menu,
#Rarea .r_link,
#Rarea .r_link2{
	display:none;
}
#Rarea .bnr_area a{
	display:inline-block;
	float:left;
	width:45%;
	margin:2%;
}
#Rarea .bnr_area a img{
	width:100%;
	height:auto;
}




/* FOOTER ==============================================*/


}