@media screen and ( max-width: 1130px ) {
	
	/* --------------- header -------------- */
	
	.logo_header {
		width: 140px;
		margin-right: 0;
	}
	
	#navi {
		width: 50%;
		min-width: 500px;
		margin-right: 0;
	}
	
	#navi ul li a {
		padding: 17px 0;
	}
	
	.tel_header {
		width: 150px;
		margin-left: auto;
	}
	
	ul.header_sns {
		margin-left: auto;
	}
	
	a.btn_header {
		width: 68px;
		font-size: 12px;
		border-width: 2px;
	}
	
	a.btn_header.reserve {
		right: 75px;
	}
	
	
	/* --------------- top -------------- */
	
	
	#mainimg {
		height: 40.5vw;
	}
	
	.main_slide {
		width: 150%;
	}
	
	.ribbon_60th img {
		width: 120px;
	}
	
	.col_topbnr .bnr_top.finebubble:before {
		top: -0.82vw;
		left: -0.88vw;
	}
	
	
	
	
	
	
	/* --------------- about -------------- */

	.box_about1 {
		width: 940px;
		padding-top: 60px;
	}
	
	.list_about1 li.jutaku {
		top: 10px;
	}
	
	.list_about1 li.kensetu {
		bottom: 210px;
		left: 110px;
	}

	.list_about1 li.jisho {
		bottom: 238px;
		right: 120px;
	}

	.list_about1 li.house {
		padding-right: 20px;
		bottom: 66px;
	}
	
	.box_about3 {
		width: 950px;
		margin: 0 auto;
	}
	
	.bg_about2 {
		max-width: 580px;
	}
	
	dl.subbox_about1 {
		width: 320px;
	}
	
	dl.subbox_about1 br {
		display: none;
	}
	
	.submds_about1 {
		font-size: 18px;
	}
	
	.submds_about1.Dev {
		top: 17px;
	}
	
	.submds_about1.Build {
		left: 80px;
	}
	
	.submds_about1.Sale {
		bottom: 17px;
		left: 397px;
	}
	
	.subtxt_about1.Dev {
		left: 448px;
	}
	
	.subtxt_about1.Build {
		width: 168px;
		bottom: 0;
		left: -194px;
	}
	
	.subtxt_about1.Sale {
		bottom: 40px;
		left: 588px;
	}

	
	
	
	
	
	

}

/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 1033px ) {

	
	body {
		padding-top: 60px;
	}
	
	/* --------------- header -------------- */
	
	.col_header {
		width: 100%;
		height: 60px;
		padding: 0 0 0 2%;
	}
	
	.logo_header {
		width: 205px;
		height: 100%;
		padding: 0;
		display: flex;
		align-items: center;
		float: left;
	}
	
	#navi,
	.tel_header {
		display: none;
	}
	
	#sp_navi {
		width: 85%;
		height: calc(100vh - 60px);
		color: #fff;
		font-size: 14px;
		font-weight: 400;
		background-color: #e02c1e;
		position: absolute;
		top: 60px;
		right: 0;
		display: none;
		overflow: auto;
		-webkit-box-sizing : border-box ;
		-moz-box-sizing : border-box ;
		box-sizing : border-box ;
	}
	
	#sp_navi ul {
		margin: 0;
		padding: 0;
	}
	
	#sp_navi ul li {
		width: 100%;
		margin: 0;
		padding: 0;
		display: table;
		-webkit-box-sizing : border-box ;
		-moz-box-sizing : border-box ;
		box-sizing : border-box ;
		position: relative;
		z-index: 0;
	}
	
	#sp_navi ul li:not(.list_navi1):before {
		content: "";
		width: 7px;
		height: 7px;
		margin: auto;
		position: absolute;
		top: 20px;
		right: 5%;
		display: block;
		border-top: 2px solid #fff; 
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
	}
	
	#sp_navi ul li.ac_btn:not(.list_navi1):before {
		top: 18px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	
	#sp_navi ul li a {
		padding: 12px 0 12px 3%;
		border-bottom: solid 1px rgba(255,255,255,0.85);
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		text-decoration: none;
		display: table-cell;
		vertical-align: middle;
		-webkit-box-sizing : border-box ;
		-moz-box-sizing : border-box ;
		box-sizing : border-box ;
	}
	
	#sp_navi ul li .trigger {
		padding: 12px 0 12px 3%;
		border-bottom: solid 1px rgba(255,255,255,0.85);
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		text-decoration: none;
	}
	
	#sp_navi ul li.ac_btn .subnavi {
		display: none;
	}
	
	#sp_navi ul li.ac_btn a {
		width: 100%;
		padding-left: calc(3% + 20px);
		border-bottom: dotted 1px rgba(255,255,255,0.85);
		background-color: #d84e31;
		display: block;
		-webkit-box-sizing : border-box ;
		-moz-box-sizing : border-box ;
		box-sizing : border-box ;
		position: relative;
		z-index: 0;
	}
	
	#sp_navi ul li.ac_btn a:last-child {
		border-bottom: solid 1px rgba(255,255,255,0.85);
	}
	
	#sp_navi ul li.ac_btn a:before {
		content: "";
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-color: transparent transparent transparent #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 23px;
	}
	
	#sp_navi ul li.list_navi1 {
		padding: 3%;
		border-bottom: solid 1px rgba(255,255,255,0.85);
		display: -webkit-box;
		display: -ms-flexbox;
		-webkit-box-pack: justify;
		   -ms-flex-pack: justify;
		 justify-content: space-between;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	
	#sp_navi ul li.list_navi1 a {
		width: 49%;
		height: 14vw;
		padding: 0 20% 0 0;
		color: #e02c1e;
		font-size: 3vw;
		line-height: 3.8vw;
		font-weight: 500;
		border: solid 1px #fff;
		background-size: 101% auto;
		background-repeat: no-repeat;
		position: relative;
		z-index: 0;
		overflow: hidden;
		-webkit-box-sizing : border-box ;
		-moz-box-sizing : border-box ;
		box-sizing : border-box ;
	}
	
	#sp_navi ul li.list_navi1 a:nth-child(1),
	#sp_navi ul li.list_navi1 a:nth-child(2) {
		margin-bottom: 2%;
	}
	
	#sp_navi ul li.list_navi1 a.model {
		background-image: url(../img/top/sp/bg_topmodel.jpg);
	}
	#sp_navi ul li.list_navi1 a.subdivision {
		background-image: url(../img/top/sp/bg_topsubdivision.jpg);
	}
	#sp_navi ul li.list_navi1 a.works {
		background-image: url(../img/top/sp/bg_topworks.jpg);
	}
	#sp_navi ul li.list_navi1 a.voice {
		background-image: url(../img/top/sp/bg_topvoice.jpg);
	}
	
	#sp_navi ul li.list_navi1 a div {
		width: 100%;
		height: 101%;
		text-align: center;
		font-weight: bold;
		background-color: rgba(255,255,255,0.85);
		display: table;
		transform: skew(17deg, 0deg);
		-webkit-transform: skew(17deg, 0deg);
		position: relative;
		left: -16px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
	}
	
	#sp_navi ul li.list_navi1 a div span {
		padding: 0 0 0 10px;
		display: table-cell;
		vertical-align: middle;
		transform: skew(-17deg, 0deg);
		-webkit-transform: skew(-17deg, 0deg);
	}
	
	a.btn_header {
		width: 88px;
		font-size: 13px;
	}
	
	a.btn_header.reserve {
		right: 172px;
	}
	
	a.btn_header.doc {
		right: 70px;
	}
	
	ul.header_sns {
		display: none;
	}
	
	#sp_navi ul.header_sns_sp {
		margin: 0;
		padding: 25px 0 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
	}
	
	#sp_navi ul.header_sns_sp li {
		width: 55px;
		height: 55px;
		margin: 0;
		padding: 0;
		display: block;
	}
	
	#sp_navi ul.header_sns_sp li:first-child {
		margin-right: 35px;
	}
	
	#sp_navi ul.header_sns_sp li a {
		padding: 0;
		border: none;
		display: block;
	}
	
	#sp_navi ul.header_sns_sp li:before {
		content: none;
	}
	
	#menubtn {
		width: 60px;
		height: 60px;
		margin: 0 5px 0 0;
		padding: 0;
		display: block;
		position: absolute;
		z-index: 0;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	
	#menubtn span {
		width: 34px;
		height: 3px;
		background-color: #000;
		display: inline-block;
		position: absolute;
		left: 13px;
	}
	
	#menubtn span:nth-child(1) {
		top: 17px;
	}
	
	#menubtn span:nth-child(2) {
		top: 29px;
	}
	
	#menubtn span:nth-child(3) {
		top: 41px;
	}
	
	#menubtn span:nth-of-type(1) {
		-webkit-animation: menu-bar01 .75s forwards;
		animation: menu-bar01 .75s forwards;
	}

	@-webkit-keyframes menu-bar01 {
		0% {
			-webkit-transform: translateY(11px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(11px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}

	@keyframes menu-bar01 {
		0% {
			transform: translateY(11px) rotate(45deg);
		}
		50% {
			transform: translateY(11px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}

	#menubtn span:nth-of-type(2) {
		transition: all .25s .25s;
		opacity: 1;
	}

	#menubtn span:nth-of-type(3) {
		-webkit-animation: menu-bar02 .75s forwards;
		animation: menu-bar02 .75s forwards;
	}
	@-webkit-keyframes menu-bar02 {
		0% {
			-webkit-transform: translateY(-11px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-11px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar02 {
		0% {
			transform: translateY(-11px) rotate(-45deg);
		}
		50% {
			transform: translateY(-11px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	#menubtn.active span:nth-of-type(1) {
		-webkit-animation: active-menu-bar01 .75s forwards;
		animation: active-menu-bar01 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(12px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(12px) rotate(0);
		}
		100% {
			transform: translateY(12px) rotate(45deg);
		}
	}
	#menubtn.active span:nth-of-type(2) {
		opacity: 0;
	}
	#menubtn.active span:nth-of-type(3) {
		-webkit-animation: active-menu-bar03 .75s forwards;
		animation: active-menu-bar03 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-12px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-12px) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-12px) rotate(0);
		}
		100% {
			transform: translateY(-12px) rotate(-45deg);
		}
	}
	
	.btn_header_contact {
		margin: auto 60px auto auto;
	}
	
	
	
	/* --------------- footer -------------- */
	
	.col_r_footer {
		width: calc(100% - 225px);
	}
	
	dl.link_footer1 {
		min-width: auto;
		padding: 3px 18px 0;
	}
	
	dl.link_footer1.right {
		width: 135px;
	}
	
	
	
	/* --------------- top -------------- */
	
	.bnr_lp_fixed {
		right: 10px;
	}
	
	#mainimg {
		height: 44vw;
	}
	
	.main_slide {
		width: 162%;
	}
	
	.list_topadvantage {
		width: 720px;
	}
	
	.list_topadvantage li {
		width: 160px;
		height: 160px;
		border-width: 4px;
	}
	
	.list_topadvantage li a {
		border-width: 4px;
	}
	
	.list_topadvantage li .inner {
		height: 82px;
	}
	
	.list_topadvantage li .inner .num {
		height: 24px;
		background-size: auto 48px;
	}
	
	.list_topadvantage li .inner .txt {
		height: 42px;
		background-size: auto 84px;
	}
	
	.wrapslide_tophouse {
		padding: 0 60px;
	}
	
	.btn-topslide-next,
	.btn-topslide-prev {
		width: 46px;
		height: 46px;
		margin-top: -51px;
	}

	.col_tophouse.subdivision .slide_tophouse dl dt .trim {
		height: 19.5vw;
	}
	
	.wrap_topnews a {
		width: 50%;
		padding: 2% 3% 1.5% 0;
	}
	
	.wrap_topnews a:nth-child(2) {
		padding-left: 4%;
	}
	
	.thumb_topnews {
		width: 45%;
		margin-right: 0;
	}
	
	.thumb_topnews .trim {
		height: 13vw;
	}
	
	.wrap_topnews a dl {
		width: 50%;
	}
	
	.col_topsns {
		width: 94%;
	}
	
	.col_topsns .fb,
	.col_topsns .insta,
	.col_topsns .flyer {
		height: 31vw;
		max-height: 310px;
	}
	
	.btn_topcontent2 {
		height: 20.2vw;
	}
	
	.mds_topcontent2 {
		width: 60%;
	}
	
	.btn_topcontent2 .bg_btmlink img {
		margin-left: -32%;
	}
	
	
	
	/* --------------- company -------------- */
	
	.info_company1 > div.left {
		padding-right: 5%;
	}
	
	.info_company1 > div.right {
		padding-left: 5%;
	}
	
	#gmap iframe {
		height: 480px;
	}
	
	.link_campany1 a {
		height: 90px;
	}
	
	.link_campany1 a dl dt {
		font-size: 1.7vw;
	}
	
	.link_campany1 a dl dt span {
		padding-right: 8%;
		background-size: 1.4vw auto;
	}
	
	
	
	/* --------------- news / detail -------------- */
	
	.col_news_d1 {
		padding: 50px 0;
	}
	
	.col_news_left {
		min-height: 350px;
	}
	
	
	
	/* --------------- works / detail -------------- */
	
	.mds_works_d {
		line-height: 1.6;
	}
	
	.info_works_d1 {
		margin-bottom: 80px;
	}
	
	.swiper-container.thumb .trim {
		height: 14vw;
	}
	
	.swiper-container.other .trim {
		height: 18vw;
	}
	
	
	
	/* --------------- about -------------- */
	
	.col_about1 {
		padding-top: 50px;
	}
	
	.box_about1 {
		width: 800px;
		padding-top: 50px;
	}
	
	.list_about1 li {
		font-size: 15px;
	}
	
	.list_about1 li.jutaku {
		top: 5px;
	}
	
	.list_about1 li.kensetu {
		bottom: 180px;
		left: 93px;
	}

	.list_about1 li.jisho {
		bottom: 202px;
		right: 108px;
	}

	.list_about1 li.house {
		padding-right: 20px;
		bottom: 57px;
	}
	
	.txt_about1 {
		margin-bottom: 60px;
	}
	
	.box_about3 {
		width: 780px;
	}
	
	.bg_about2 {
		max-width: 400px;
	}
	
	dl.subbox_about1 {
		width: 288px;
		padding: 16px 18px;
		font-size: 13px;
		line-height: 1.7;
		top: 0;
	}
	
	dl.subbox_about1 br {
		display: none;
	}
	
	.submds_about1 {
		font-size: 14px;
	}
	
	.submds_about1.Dev {
		top: 11px;
	}
	
	.submds_about1.Build {
		bottom: 13px;
		left: 53px;
	}
	
	.submds_about1.Sale {
		bottom: 13px;
		left: 271px;
	}
	
	.subtxt_about1.Dev {
		left: 313px;
	}
	
	.subtxt_about1.Build {
		width: 183px;
		bottom: -38px;
		left: -199px;
	}
	
	.subtxt_about1.Sale {
		width: 183px;
		bottom: -10px;
		left: 410px;
	}
	
	.subtxt_about1.Dev:before {
		width: 325px;
	}
	
	.subtxt_about1.Build:before {
		width: 233px;
	}
	
	.subtxt_about1.Sale:before {
		width: 230px;
	}
	
	
	
	/* --------------- advantage / flow -------------- */
	
	.list_flow1 dl dd {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.list_flow1 dl dt {
		width: 220px;
	}
	
	.img_flow2 {
		right: 0;
	}
	
	.col_flow2 .list_flow1 dl dd {
		padding-right: 200px;
	}



	/* --------------- advantage / support -------------- */
	
	.col_support1 {
		padding-top: 60px;
	}
	
	.list_support_longlife {
		padding-bottom: 15px;
	}
	
	.list_support_longlife .icon div {
		width: 15vw;
		height: 15vw;
	}
	
	.list_support_longlife .icon img {
		width: 10vw;
	}
	
	.list_support_longlife dl dt {
		font-size: 23px;
	}
	
	.list_support_longlife dl dd {
		padding: 0 12%;
	}
	
	
	
	/* --------------- advantage / finebubble -------------- */
	
	ul.list_chara_ufb {
		max-width: 620px;
		flex-wrap: wrap;
	}
	
	ul.list_chara_ufb li {
		width: 32%;
		margin: 0 2% 2% 0;
	}
	
	ul.list_chara_ufb li:nth-child(3){
		margin-right: 0;
	}
	
	.col_spec_finebubble {
		display: block;
	}
	
	.col_spec_finebubble ul.img {
		width: 100%;
		margin: 0 0 15px;
		padding: 0;
		justify-content: center;
	}
	
	.col_spec_finebubble ul.img li {
		max-width: 150px;
	}
	
	.col_spec_finebubble .cont_tables {
		width: 100%;
	}
	
	.col_contact_ufb {
		display: block;
	}
	
	.video_ufb {
		width: 700px;
		height: 394px;
		margin: 0 auto 50px;
	}
	
	.col_contact_ufb a {
		margin: 0 auto;
	}
	

	/* --------------- model -------------- */
	
	.slide_model .soldout dl dt .trim:before {
		background-size: 200% auto;
	}
	
	.map_model1 {
		width: 730px;
	}
	
	.map_model1 ul li.north div:before {
		width: 145px;
	}
	.map_model1 ul li.north div:after {
		left: 305px;
	}
	
	.map_model1 ul li.west div:before {
		width: 95px;
	}
	.map_model1 ul li.west div:after {
		left: 255px;
	}
	
	.map_model1 ul li.south div:before {
		width: 182px;
	}
	.map_model1 ul li.south div:after {
		left: 342px;
	}
	
	.map_model1 ul li.center div:before {
		width: 90px;
	}
	.map_model1 ul li.center div:after {
		right: 250px;
	}
	
	.map_model1 ul li.east div:before {
		width: 7px;
	}
	
	.map_model1 ul li.east div:after {
		right: 167px;
	}
	
	
	
	/* --------------- model / detail -------------- */

	.tbl_model_d th {
		padding-left: 130px;
	}
	
	.img_location1 {
		width: 210px;
	}
	
	.img_location1 .trim,
	.img_location2 .trim {
		height: 160px;
	}
	
	.img_location2 {
		width: 210px;
		margin-left: 1%;
		margin-right: 1%;
	}

	.col_model_d_contact {
		padding: 80px 0;
	}
	
	
	
	/* --------------- column -------------- */
	
	.col_columnlist a.cont {
		width: calc( 92%/3 );
		margin: 0 4% 50px 0;
	}
	
	
	
	








}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start 851px�`1033px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 851px ) and ( max-width: 1033px ) {




}

/* ---------------------------------------------------------------
	end 851px�`1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start 701px�`1033px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) and ( max-width: 1033px ) {


	.tab_none {
		display: none;
	}
	

  .commercial_list .list-wrapper .item dl dt {
    margin:  0 0 18px;
    padding: 0;
    height: 19vw;
  }
  
}

/* ---------------------------------------------------------------
	end 701px�`1033px
--------------------------------------------------------------- */