@charset "utf-8";
/* CSS Document コスモレーベン様 ブラウザ調整CSS*/




/*IE10以降に適用されるCSSハック*/
@media all and (-ms-high-contrast:none){

}

/*--------------------------------------------------------------------ブラウザサイズ調整---------------------------------------------------------------------------*/

/*1680以上に発動！*/
@media (min-width: 1680px){




}


/*1680px以下*/
@media (max-width: 1720px){


}



/*1680px以下*/
@media (max-width: 1680px){


.o1680_d{display:none}
.header_tel >a { font-size:2rem}

.gHeader_logo{width:11%}
#gNavi{width:79%}

}



/*1600px以下*/
@media (max-width: 1600px){

.modal_menu .modal_box li a {font-size:1.7rem}
.modal_menu .modal_box li {padding: 5px 0 0 0;}
.modal_menu .modal_box h2{margin-bottom:5px}
.modal_menu h1{margin-bottom:20px}

.page_image{height:490px; background-size:contain}
.gHeader_logo > a{padding:8%}

#concept02 > .abimage{width:14%}
#concept02 > .abimage01{width:11%}

#greeting .page_image .page_title01 {
    top: 20%;
    right: 25%;
}

#greeting .page_image .page_title01 h1 {
    margin: 0;
}

#grade .grademodel .title_wrap{height:490px; background-size:contain}

#grade .grademodel .grade_list {
    width: 96%;
    margin: 60px auto 0 auto;
}
#grade .grademodel .grade_list li {
    width: 22.7%;
    margin-right: 3%;
}

}


@media (max-width: 1563px){

#gNavi{width:72%}
.gHeader_logo{width:10%}

.dropmenu li ul{width:130px}
.dropmenu li ul li a {
    font-size: 1.4rem;
    letter-spacing: -0.1rem;
}
.gNavi_li{font-size:1.2rem}

}


@media (max-width: 1490px){

#gNavi{width:74%}
.gNavi_span {
    letter-spacing: -0.1rem;
}



#topImage .top_logo img { width:18%}

}


/*1440以上に発動！*/
@media (min-width: 1440px){



}



/*シェア④1440以下 1440×900*/
@media (max-width: 1440px){

.o1440display{display:none}	
.u1440display{display:block}


.page_image {
    height: 440px;
    background-size: contain;
}

.gNavi_li{font-size:1.1rem}
	
#gNavi {
	margin: 0 140px 0 auto;;
}

#top_news .figure01 {
    overflow: hidden;
}

#top_wrap #top_building .page_title01 h1 img{ width:42% !important}
#top_wrap .page_title01 h1 img{width:22% !important}

#rocco03 .rocco_box{width:90%}
.writerList li a img{ width:96%}

#company01 .image_box{ height:340px}

#voice_archive .box_wrap{width:86%}
#voice_archive .box_half a{height:430px}

.page_image .page_title01 h1 img{width:50% !important} 
#kiyama .page_title01_in .abimage01{width:14%; left:10%;}
#kiyama .page_title01_in .abimage02{width:10% ; right:10%}
.susume_no{ width:7%}
#kiyama07 .innner_in h1 img{width:20%}
#kiyama07{height:420px}
#kiyama .box_image img{max-width:300px}
#kiyama04 .box_wrap01 .box_image img , #kiyama06 .box_wrap01 .box_image img{ max-width:360px}

#grade .grademodel .title_wrap{height:440px; background-size:contain}
#grade06 .page_title01 h1 img {
    width: 22% !important;
}
}



/*シェア②1366px以下 1366×768*/
@media (max-width: 1366px){

/*テンプレート指示*/
.o1366_d{display:none}
.u1366_d{display:block}
.u1366w100a{ width:100%; height:auto}


/*全体*/

p , address {
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
}

dt , dd {
    font-size: 1.5rem;
    letter-spacing: 0rem;
}
h1  { font-size: 1.7rem; } /* 20px */
h2  { font-size: 1.8rem; } /* 20px */

input, textarea, select {
    font-size: 1.5rem;
}

#common_form dt {font-size:1.5rem}
#common_form dd {font-size:1.5rem}
#common_form .font_small , .required{font-size:1.3rem}

.font_s11 { font-size:1.1rem !important;}
.font_s12 { font-size:1.2rem !important;}
.font_s13 { font-size:1.3rem !important;}
.font_s14 { font-size:1.4rem !important;}
.font_s15 { font-size:1.5rem !important;}
.font_s16 { font-size:1.5rem !important;}
.font_s17 { font-size:1.6rem !important;}
.font_s18 { font-size:1.7rem !important;}
.font_s19 { font-size:1.7rem !important;}
.font_s20 { font-size:1.8rem !important;}
.font_s22 { font-size:1.8rem !important;}
.font_s24 { font-size:2.0rem !important;}
.font_s26 { font-size:2.2rem !important;}
.font_s28 { font-size:2.2rem !important;}
.font_s30 { font-size:2.4rem !important;}
.font_s32 { font-size:2.6rem !important;}
.font_s34 { font-size:2.6rem !important;}
.font_s36 { font-size:3.0rem !important;}
.font_s40 { font-size:3.6rem !important;}
.font_s42 { font-size:3.6rem !important;}
.font_s44 { font-size:3.8rem !important;}
.font_s46 { font-size:3.8rem !important;}
.font_s48 { font-size:4.0rem !important;}

.inner_wrap01{max-width:1000px;margin:0 auto;padding:0; width:92%}
.inner_wrap02{max-width:1100px;margin:0 auto;padding:0; width:92%}
.inner_wrap03{max-width:1200px;margin:0 auto;padding:0; width:92%}


.inner_wrap02_pad{max-width:1100px;margin:0 auto;padding:0; width:92%; padding:40px 0 40px 0}
.inner_wrap03_pad{max-width:1200px;margin:0 auto;padding:0; width:92%; padding:40px 0 40px 0}


.page_image .page_title01 p {font-size: 2.6rem;}
.hukidashi01{font-size:2.2rem}

.page_image .page_title01 p span{font-size:1.8rem}
.page_title01 h1 img{width:40% !important}
.page_title02 h1 img{width:40% !important}
.page_image {height: 422px;}


#top_building .total_text{font-size:1.7rem}

#top_go .box_half a {
    border: 4px solid #fff;
    width: 92%;
}

.top_model {
    margin-bottom: 38px;
}

#top_wrap .page_title01 {
    margin-bottom: 20px;
    padding-top: 0 !important;
}

.voice_photo01 img{ width:90%}
#voice_single02 .voice_box01 , #voice_single04 .voice_box01{margin-left:0}
#voice_single05 .voice_box01 .voice_photo01{margin-right:5%}
#voice_single02 .voice_box01 .voice_text02{margin-top:40px}
#voice02 #voice_single02 .voice_box03 .voice_text{margin-top:0}
#voice02 #voice_single04 .voice_box03 , #voice02 #voice_single05 .voice_box02{margin-top:20px}
.voice_q {
    margin: 20px auto 60px auto;
}

/*各ページ*/



.gHeader_btn {top: 15%;right: 0;}
.gHeader_btn li {width: 88%;}

.dropmenu li a img {width: 24%;}


#top_news .post_text h2 {
    font-size: 1.6rem;
    letter-spacing: 0;
}.topaboutList li h2{ font-size:2.2rem}
.page_title01 p{font-size:1.8rem}

#fade-in2 li:hover ul{
  top: 60px;
}

#gNavi {
    width: 78%;
}



#concept02 > .abimage{width:12%}
#concept02 > .abimage01{width:10%}
#concept02 > .abimage04{bottom:36%}

.specList{width:80%}
.specList li > a{height:254px}

#spec_single .spec_title{ font-size:2.6rem}
#spec_single .p_style01{font-size:1.7rem}
.graph_box{width:90%}

#spec02 #spec_single02 .graph_box .abimage{ right:5%}

#flow .flow_title {
    font-size: 2rem;
}
.flowNavi li .tab_item { font-size:2.2rem}

.workNavi li a {
    font-size: 2.0rem;
    padding: 10px 0;
}
.workNavi li a span{font-size:1.6rem}

.workNavi {
    margin: 10px auto 20px auto;
}
.work_archive .workList {
    width: 90%;
    margin: auto;
}

.foundation_archive .foundationList, .foundation_tax .foundationList{ width:90%}
#foundation_single .foundationNavi li a{font-size:1.8rem}

#rocco02 h2{line-height:4.5rem}

.modelList_li > a{height:260px}

.greetingList li .box_text h2 img{width:76%}
.greetingList li .box_wrap{width:90%}
.greetingList li .box_text p{font-size:1.6rem}

#company01 .abimage01{left:5%; bottom:10%; top:inherit;width:19%; height:auto}
#company01 .abimage02{right:5%; bottom:10%; top:inherit;width:19%; height:auto}
#company01 .image_box {
    height: 290px;
}

.staff_name h2{font-size:2rem}

.estateNavi li a{font-size:2.0rem}
.estateNavi li a span{font-size:1.6rem}

#policy02 h2{ font-size:1.8rem}
#rocco .rocco_logo img{width:10%}
.greetingList li .box_text{width:60%}
.housing_logo01 img{width:22%}

#kiyama .section_in{max-width:1200px}
#kiyama .section_in .abimage_map img{ max-width:600px}
#kiyama .box_text{width:48%}
#kiyama02 .box_wrap01, #kiyama03 .box_wrap01{padding-bottom:40px}
.kiyama_p {
    font-size: 1.6rem;
}
#kiyama02 .box_wrap02 ul{width:92%;}
#kiyama02 .box_wrap02 li img{width:80%}
#kiyama .box_wrap{max-width:1100px}
#kiyama .place_list li {width: 18.4%;}
.oazakiyama .abimage{max-width:160px}

#renovation02 .box_wrap01 .box_half > img{ width:80%}
.renovation_logo img{ width:46%}

#grade .grademodel .title_wrap h1 img{width:28%}
	
}

/* 横幅1366px以下で、高さ800px以下の場合 */
@media screen and (max-width: 1366px) and (max-height: 768px) {
	
	
.modal_box > ul{margin-bottom:20px}	

}



/*シェア⑤1280px以下 1280×1024 or 1280×800*/
/*SONYタブレット横*/
@media (max-width: 1280px){

.o1280_d{ display:none}
.u1280_d{ display:block}


.modal_content .content_in {max-width: 1000px;}
.modal_box{margin:0 5% 0 0}

.page_image {height: 390px;}

.materialList .list_box {
    min-height: 407px;
}

#foundation_single .foundationNavi li a {
	width:195px
}

.top_model {
    margin-bottom: 32px;
}

.page_image .page_title01 h1 img {
    width: 44% !important;
}

#grade .grademodel .title_wrap{height:390px; background-size:contain}

}

/* 横幅1366px以下で、高さ800px以下の場合 */
@media screen and (max-width: 1280px) and (max-height: 800px) {
	

.spec_archive02 .block_wrap {
    width: 72% !important;
}


}


@media (max-width: 1190px){

.gNavi_li {
    font-size: 1rem;
}
}



/*高さ*/

/* 高さ900px以下の場合 */
@media screen and (max-height: 900px) {
	
.common_slider.sp-horizontal .sp-previous-arrow {left: 4% }
.common_slider.sp-horizontal .sp-next-arrow {right: 4% }

}


/* 高さ768px以下の場合 */
@media screen and (max-height: 768px) {
	
.common_slider.sp-horizontal .sp-previous-arrow {left: 12% }
.common_slider.sp-horizontal .sp-next-arrow {right: 12% }

}




/*1093px以下 1093×615*/
@media (max-width: 1093px){
	
#foundation_single .foundationNavi li a {
	width:190px
}
	

}



/*--------------------------------------------------------------------------タブレット　横1024px-----------------------------------------------------------*/




/*シェア③タブレット横 1024×768*/

@media (max-width: 1024px){
	
	

.w100_u1024{ width:100%; height: auto}

.pc_d{display:none}

.o1024_d{display:none}
.o1280_d{display:none}
.o1366_d{display:none}
.o1440_d{display:none}
.o1680_d{display:none}

/*PCでは効かせない指示*/

.tb_d{display:block}
.tbs_d{display:block}


.sp_d{display:none}
.mo_d{display:block}






/*ヘッダー&全体*/

.page_image{height:321px}
.page_title01 h1 img {
    width: 48% !important;
}
.secondpage_top {
    padding-top: 100px;
}

.page_image.mb80{margin-bottom:40px !important}
.materialNavi{width:100%}
.page_title02 h1 img {
    width: 48% !important;
}
/*TB用ヘッダーここまで*/


/*トップページ*/

#top_building .box_text{margin:0}
#top_building .box_image{width:58%}

#top_wrap #top_building .page_title01 h1 img {width: 50% !important;}
#top_go .box_left .inner .inner_in img , #top_go .box_right .inner .inner_in img{width:50%}


#top_wrap .page_title01 h1 img{width:26% !important}
#top_kiyama .box_wrap .box_in img{width:50%}

.topsns_wrap .half_block .btn_stlye01{width:100%}
#topImage .top_logo img{width:30%}


.conceptList li{width:84%}
.conceptList li .abimage{width:7%}

.specList {
    width: 100%;
    margin: 20px auto;
}

.graph_box {
    width: 100%;
}

.mokumoku_in {
    padding: 7% 10%;
}
.materialList .list_box {
    min-height: 364px;
}

.flowNavi li .tab_item {
    font-size: 2.2rem;
    display: block;
    padding: 20px 0;
    width: 360px;
}

.flowList02 li {
    width: 31%;
    margin: 0px 3% 0 0;
}
.flowList02 li a{height:230px}
.security_block > .title_wrap{height:200px}
.securityList li{width:48%; margin:30px auto}

.workNavi , .work_archive .workList{width:100%}
.workList_li{ margin:0 1.5% 30px 1.5%}

.foundation_archive .foundationList, .foundation_tax .foundationList {
    width: 100%;
}
.foundationList_li .txt_blok h2 {
    margin-top: 40px;
}
.foundationList_li .txt_blok p {
    margin-top: 0;
}
.foundationNavi{width:94%}
#estate_single .linkList{width:100%}

.feedList_li .eventImage{width:34%}
.feedList_li .eventText{width:62%}
#rocco .rocco_logo img{width:10%}

#rocco03 .box_back .abimage01 , #rocco03 .box_back .abimage03{width:46%}
#rocco03 .box_back .abimage02 , #rocco03 .box_back .abimage04{width:44%}
.writerList {
    margin: 0;
}
#rocco03 .rocco_box{width:94%}

#greeting .page_image .page_title01 {
    top: 15%;
    right: 13%;
}
.greetingList li .box_image{float:right; width:34%}
#company01 .image_box{margin-top:30px}

.historyList .abimage01 , .historyList .abimage03{width:25%}
.historyList .abimage02 {
    right: 0;
    top: 20%;
}

#renovation .box_wrap { width:92%}
#renovation02 .box_wrap01 .box_half > img {
    width: 90%;
}
#renovation .mokumoku_in{width:68%}
#renovation03 .box_wrap02 .box_text .box_in {padding: 4% 3% 3% 3%;}
#renovation03 ul , #renovation03 .up_box{width:100%}
#voice_archive .box_wrap {width: 90%;}
#voice_archive .box_half .inner_in h2{width:66%}
#voice_archive .box_right .inner_in h2{width:90%}
#voice_archive .btn_stlye01{margin-top:20px}
#voice_archive .box_half a{height:380px}
.voice_no{ max-width:60px}
#voice_single .page_image .page_title01 h1{margin-top:10px !important}

#voice_single02 .voice_box01 .voice_text02 {
    margin-top: 30px;
    margin-right: 5.2%;
}

#voice_single03 .voice_box03{margin-top:30px}
#voice_single03 .voice_box03 .voice_text02{margin-top:0}
#voice_single04 .voice_box02 .voice_text01{margin-right: 5.2%;}
#voice_single04 .voice_box02 .voice_text02 , #voice_single05 .voice_box03 , #voice_single05 .voice_box02{margin-top:0}
.voice_a dt img , .voice_q dt img {width:86%}
#voice02 #voice_single04 .voice_box02{margin-top:-40px}
#voice_single03 .voice_box02 .voice_photo {margin-right: 0;}


#housing03 .box_back .abimage01{top:22%; left:3%; max-width:291px; width:25%; height:auto}
#housing03 .box_back .abimage02{top:10%; right:6%;max-width:302px; width:25%; height:auto}
#housing03 .box_back .abimage03{top:25%; right:0%;max-width:272px; width:25%; height:auto}
#housing03 .box_back .abimage04{bottom:13%;width:25%; height:auto}
#housing .housingList{width:94%}
#housing .housingList .box_text {min-height: 234px;}
#housing04 .box_wrap .title_wrap > img{width:6%}
#housing05 p.text_c img{max-width:220px}


#kiyama .section_in {
    max-width: 1200px;
    width: 92%;
}
#kiyama .section_in .abimage_map img {
    max-width: 460px;
}
#kiyama02 .abimage_map {top: 24%;}
#kiyama03 .abimage_map {top: 14%;}

#kiyama02 .box_wrap01, #kiyama03 .box_wrap01{margin-top:30px; padding-bottom: 0;}
#kiyama03 .box_wrap04 p > img{max-width:300px}
.oazakiyama .abimage{max-width:146px}


#grade .grademodel .title_wrap {
    height: 321px;
    background-size: contain;
}

#grade .grademodel .inner_wrap03_pad p > img{max-width:300px; width:100%; height:auto}
#grade .grademodel .title_wrap p > img{max-width:240px; width:100%; height:auto}




.font_s48 {
    font-size: 3rem !important;
}
	
.footer_menu .footer_wrap .footer_box:nth-of-type(3n) {
	margin-right: 40px;
}
.footer_menu .footer_wrap .footer_box:nth-of-type(2n) {
	margin-right: 0;
}

}



/*--------------------------------------------------------------------------タブレット　縦800px-----------------------------------------------------------*/


@media (max-width: 800px){
	
.tbs_d{display:none !important}
.tbv_d{display:block !important}
.w100_u800{ width:100%; height: auto}


/*全体*/


	
	
p , address{
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
}

dt , dd {
    font-size: 1.4rem;
    letter-spacing: 0rem;
}
h1  { font-size: 1.6rem; } /* 20px */
h2  { font-size: 1.6rem; } /* 20px */


input, textarea, select {
    font-size: 1.5rem;
}

.font_s11 { font-size:1.0rem !important;}
.font_s12 { font-size:1.0rem !important;}
.font_s13 { font-size:1.2rem !important;}
.font_s14 { font-size:1.2rem !important;}
.font_s15 { font-size:1.4rem !important;}
.font_s16 { font-size:1.5rem !important;}
.font_s17 { font-size:1.5rem !important;}
.font_s18 { font-size:1.6rem !important;}
.font_s19 { font-size:1.6rem !important;}
.font_s20 { font-size:1.7rem !important;}
.font_s22 { font-size:1.7rem !important;}
.font_s24 { font-size:1.8rem !important;}
.font_s26 { font-size:1.8rem !important;}
.font_s28 { font-size:2.0rem !important;}
.font_s30 { font-size:2.0rem !important;}
.font_s32 { font-size:2.2rem !important;}
.font_s34 { font-size:2.2rem !important;}
.font_s36 { font-size:2.2rem !important;}
.font_s40 { font-size:2.6rem !important;}
.font_s42 { font-size:2.6rem !important;}
.font_s44 { font-size:2.6rem !important;}
.font_s46 { font-size:2.6rem !important;}
.font_s48 { font-size:2.6rem !important;}
	

.top_hukidashi {
    margin-bottom: 0;
}

.page_image {
    height: 240px;
    margin-top: 50px;
}
	
/*top*/	

.page_image .page_title01 h1 {margin-top: 0;}
.footer_box01{ width:34%}

#topImage{height:98vh}
#top_news .common_tag{float:none}

#top_news .post_text {
    background-color: rgba(255,255,255,0.8);
    height: 100%;
}

#top_building .box_text {
    float: none;
    width: 100%;
    margin: 0 2%;
    text-align: center;
}

#top_building .text_l{text-align:center !important}

#top_building .box_image {
    width: 97%;
    margin-top: 20px;
}

#top_wrap #top_building .page_title01 h1 img {
    width: 30% !important;
}
#top_zibun .inner_in h2 img{
    max-width: 120px;
    width: 100%;
    height: auto;
}
#top_wrap .page_title01 h1 img {
    width: 34% !important;
}
#top_go .box_right a {
    height: 118px;
}

#top_event .eventText .btn_stlye01 { display:none}
#top_event .abimage01{width:14%}
#top_event .abimage02{width:8%; right:0; }

.estateList_li .abimage01{ width:12%}
.estateList_li .abimage02 {
    width: 16%;
    right: 0;
}

.top_banner h2 img{ width:36%}
.top_banner{height:120px; max-width:678px}
.topaboutList li h2{ font-size:1.7rem}
.page_title01 p{font-size:1.7rem}
.hukidashi01 {font-size: 1.8rem;}

#top_kiyama h2{margin-bottom:0}
.btn_stlye01 {
    height: 40px;
    padding: 5px;
    line-height: 3rem;
}
#footer02 address{font-size:1.2rem}
.footer_tel{margin:0; font-size:1.2rem}
.footer_dial{margin:0; font-size:1.2rem; display:block}

/*大切にしていること*/

#concept02 > .abimage{width:14%}
#concept02 > .abimage01{width:12%}
#concept02 > .abimage03{top:24%}
#concept02 > .abimage04{bottom:36%}


.conceptList li {
    width: 90%;
    margin: 0 auto 30px auto;
}

/*性能について*/

.specList li > a {height: 206px;}
#spec_archive01 .inner_wrap02_pad p.text_c .w100_u800{width:80%}
#spec_single .page_image .page_title01 .font_s20{margin-top:10px  !important; font-size:1.6rem !important}
#spec_single .p_style01{text-align:left !important}

.mokumoku_back{height:248px}
.mokumoku_in { padding:7%}
.mokumoku_in .box_image{width:30%}
.mokumoku_back .abimage02 { right:6%}
#spec_single .btn_stlye01{width:42%}

#spec02 #spec_single02 .graph_box .abimage {
    right: 0;
    bottom: -89px;
    width: 20%;
}
#spec02 #spec_single03 .mokumoku_in .box_image{width:11%}
#spec02 #spec_single05 .graph_box .box_all{ width:60%; margin:auto}
#spec02 #spec_single05 .graph_box {
    padding-bottom: 126px;
}
#spec02 #spec_single05 .mokumoku_back .abimage02{display:none}
#spec_single .page_image .page_title01 h1 img{width:12% !important}

.mokumoku_back .abimage02 { display:none}

#spec03 #spec_single02 .spec_title .abimage {
    left: 10%;
}

#spec03 #spec_single03 .spec_title .abimage {
    left: 0;
}

#spec03 #spec_single04 .spec_title .abimage {
    left: 10%;
}

/*素材について*/

.materialNavi li a {
    width: 220px;
    font-size: 2rem;
}
.materialNavi li a span , .flowNavi .tab_item span{font-size:1.6rem}
.materialList_li{width:48%}
.point_box .box_image{width:30%}
.point_box .box_text {
    background: none;
    padding-left: 2%;
}
.advice_title {top: -16px;}
.advice_title img{width:72%}
.wall .point_box .box_text { background:none}



/*家づくりの流れ*/

.flowNavi{width:90%}
.flowNavi li .tab_item{width:300px; font-size:2rem}
.flowList02 li a {
    height: 174px;
}

.securityList li {
    width: 48%;
    margin: 10px auto;
}

.securityList01 .list_box {
    min-height: 276px;
}
.security_block > .title_wrap {
    height: 209px;
    background-size: cover;
    background-attachment: inherit;
}


/*建築実例*/

.workNavi li a{font-size:1.8rem}
.workNavi li a span{font-size:1.4rem}
.workNavi li a{width:220px}
.workList_li .abimage{top:100px; width:52%}

.common_slider.sp-horizontal .sp-previous-arrow{left:3%}
.common_slider.sp-horizontal .sp-next-arrow{ right:3%}
.slider-pro p.sp-layer{font-size:1.4rem !important}

.works_title {
    padding-left: 44px;
    background-size: 5%;
}

#work_single03 {
    height: 300px;
    background-attachment: inherit;
}

.page_list{width:280px}


/*お問合せフォーム共通*/

#common_form{ padding:2% 1%}

#common_form dt {
    width: 26%;
    margin: 0 1%;
    font-size: 1.4rem;
}

#common_form dd{width:72% !important; font-size:1.4rem}
#common_form .font_small, .required{font-size:1.3rem}
#common_form dl{padding:14px 0}
#common_form input{font-size:1.4rem}

.contact_block01 p.text_c img{width:16%}

#policy02 h2 {
    font-size: 1.6rem;
}


/*構造コレクション*/

.foundationList_li .txt_blok p{font-size:1.2rem}

.foundationList_li .txt_blok h2 {margin-top: 30px;}
.foundationList_li .txt_blok .plus{padding:1px 8px}
.foundationNavi {
    width: 98%;
}
#foundation_single .foundationNavi li a {
    font-size: 1.6rem;
    width: 164px;
}

#foundation_single .foundationNavi li {
    padding: 0 0.5% 0.5% 0.5%;
}

.estateNavi li a {
    font-size: 1.8rem;
}

.estateNavi li a span {
    font-size: 1.4rem;
}

.estateNavi li {
    padding: 0 0.6%;
    width: 145px;
}
.estate_logo{ margin-bottom:20px}
.estate_logo img{ width:25%}

.estate_chara span {
    min-width: 120px;
    height: 28px;
	font-size:1.3rem
}
.estateList .box_text{width:76%}
.estateList .box_wrap {
    margin: auto;
    padding: 2% 3%;
}
#estate .memo_box{width:96%}

.estate_slider.sp-horizontal .sp-previous-arrow {
    left: -7% !important;
}

.estate_slider.sp-horizontal .sp-next-arrow {
    right: -7% !important;
}

/*次矢印のアイコンフォント*/
.sp-next-arrow:before {
  background-size: contain;
  width: 38px;
  height: 38px;
}

/*前矢印のアイコンフォント*/
.sp-previous-arrow:before {
  background-size: contain;
  width: 38px;
  height: 38px;
}
#estate_single .point_box .abimage { width: 23%;}
#estate_single .linkList li{width:100%}
#estate_single .estate_category{font-size:1.8reM}
.feedList_li{
	width:98%;
	background: url(image/common/border_single.png);
    background-position: bottom;
    background-repeat: repeat-x;
    position: relative;
    padding: 30px 0;
}

#event .border_box02 , .post_archive .border_box02 {
    background: none !important;
	padding:0 0 10px 0
}

.feedList_li .eventImage {
    width: 32%;
    margin-left: 2%;
}
.feedList_li .eventText {
    width: 60%;
    margin-right: 2%;
}

.event_category_tag01{width:17%}
.event_category_tag02{width:32%}

/*代表挨拶*/

#greeting01 .page_title01 p.font_s20.mt20{margin-top:0 !important; font-size:1.6rem !important; font-weight:normal !important}
.greetingList li .box_text p {
    font-weight: bold;
    line-height: 2.6rem;
    margin: 20px 0 0 10px;
    font-size: 1.5rem;
}
.greetingList li .box_text h2 img{width:90%}


/*ショールーム rocco*/
#rocco02 h2 {
    line-height: 3.5rem;
}

.writerList li {
    float: left;
    width: 49%;
    margin: 20px 0.5%;
    background-color: #fff;
    padding: 1px 1px 0 1px;
    min-height: 576px;
    position: relative;
}

.writerList_li03  a{ position:inherit !important}

/*モデルハウス*/


.modelList_li > a {height: 220px;}
.modelList_li {
    position: relative;
    margin-bottom: 30px;
}

.modelpointList .box_text {
    display: table;
    min-height: 200px;
}

#company01 .image_box {
    height: 180px;
}

#company01 .image_box .box01 .abimage{ width:60%}
#company01 .image_box .box03 .abimage{ width:60%}

.historyList .abimage02 {
    width: 22%;
}

/*スタッフ紹介*/

#staff .fp_box .box_in{width:100%}
#staff .fp_box .abimage{width:11%}

.staff_image{width:100%; height:auto}

#staff03 .staffList .list_box{min-height:280px !important}
#staff03 .staffList_text {
    padding: 10px 5% 10px 5%;
    min-height: 100px;
}
.staff_photo .abimage{width:20%}

.staff_license, .staff_from, .staff_like {
    font-size: 1.4rem;
}

/*お知らせ*/

#npcatch img {
    float: none !important;
    padding: 0 !important;
    width: 100%;
    height: auto;
}

.entry-content img {
    max-width: 700px;
    height: auto;
    width: 100%;
    height: auto;
}


/*基山に住む*/

#kiyama .box_text {width: 100%;}
#kiyama02 .box_wrap01, #kiyama03 .box_wrap01 {
    padding-bottom: 400px;
}

#kiyama .section_in .abimage_map {
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

#kiyama .section_in .abimage_map img {
    max-width: 500px;
}
#kiyama02 .box_wrap01, #kiyama03 .box_wrap01{margin-top:0}
#kiyama02 .box_wrap02 ul{width:100%}
#kiyama02 .box_wrap02 li {
    width: 25%;
    float: left;
    margin: 0;
}

#kiyama02 .abimage_map {top: 40%}
#kiyama03 .abimage_map {top: 23%}
#kiyama .box_image img {max-width: 240px;}
#kiyama .box_image{width:100%; margin-bottom:10px}
.oazakiyama .abimage {max-width: 120px;}
.oazakiyama_in {padding: 14% 2% 3% 2%;}
#kiyama .box_wrap {
    max-width: 1100px;
    margin: 30px auto 0 auto;
}

.kiyama_title {
    margin-bottom: 10px;
}

#kiyama02 .box_wrap01 .kiyama_title, #kiyama03 .box_wrap01 .kiyama_title {
    margin-top: 0px;
}
.susume_no {
    width: 9%;
}

#kiyama07 {height: 320px;}

/*住まいの情報センター*/

#housing03 .box_back{height:500px}
#housing .p_style{margin:10px auto 10px auto}
#housing .housingList .box_text {
    min-height: 242px;
}
.housing_logo01 img {
    width: 30%;
}


#housing05 ul li img {
	width:100%; height:auto}


/*オーナーズボイス*/

#voice_archive .box_wrap {width: 100%;}
#voice_archive .box_half a {
    height: 320px;
}

.voice_photo01 {
    float: none;
    margin-right: 0;
    width: 100%;
    text-align: center;
}
.voice_photo01 img {
    width: 40%;
}
#voice_single02 .voice_box01 .voice_text01 {
    float: none;
    width: 100%;
}
.voice_box .voice_p {
    margin-left: 63px;
    max-width: 86%;
}
#voice_single .voice_text {
    width: 100%;
	margin-top:10px
}
#voice_single02 .voice_box01 .voice_text02 {
    float: none;
}
#voice_single02 .voice_box02 .voice_photo02{width:100%}
#voice_single03 .voice_box01 .voice_photo02, #voice_single04 .voice_box03 .voice_photo02, #voice_single05 .voice_box02 .voice_photo02 {
    float: none;
    width: 100%;
    text-align: center;
}
#voice_single03 .voice_box01 .voice_photo02 img {
    margin-left: 0;
}
#voice_single03 .voice_box03 .voice_text02 {
    margin-top: 30px;
}

#voice_single04 .voice_box02 {
    margin-top: 0;
}
#voice_single04 .voice_box02 .voice_text01 {
    margin-right: 0;
    float: none;
}
#voice_single05 .voice_box01 .voice_photo01 {
    margin-right: 0;
}
#voice02 #voice_single03 .voice_box03 , #voice02 #voice_single03 .voice_box03 .voice_text02 ,#voice02 #voice_single04 .voice_box02{
    margin-top: 30px;
}
#renovation .mokumoku_in {width: 77%;}
#renovation02 .box_wrap03 a{height:120px}
#renovation02 .box_wrap03 a img{max-width:280px}
#renovation03 ul li img{width:100%; height:auto}
#renovation03 .up_box div img{width:90%; height:auto}


/*グレードモデル*/

#grade .grademodel .title_wrap {
    height: 240px;
    background-size: contain;
}

}