@charset "utf-8";




/* ------------------------------------------------------------------------------------------------
* RESPONSIVE
* ------------------------------------------------------------------------------------------------ */

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

/* END RESPONSIVE 979px */

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

	.l-subtitle .u-inner {
		padding: 20px 10px 10px 10px;
	}

	.mainimg {
		margin-top: -20px;
	}

	.c-cection_text {
		letter-spacing: 0.05em;
		line-height: 1.8em;
		font-size: 14px;
	}

	.l-section-subtitle {
		font-size: 1.8rem;
	}

	.u-container p.name {
		font-size: 30px;
	}

	.is-concept01 .point1_left {
		width: 100%;
		margin-bottom: 20px;
	}

	.is-concept01 .point1_right {
		width: 100%;
		margin-left: 0;
	}

	.is-concept02 .point2_left {
		width: 100%;
		margin-bottom: 20px;
	}

	.is-concept02 .point2_right {
		width: 100%;
		margin-left: 0%;
	}

	.g-container {
		padding: 60px 0 0;
	}

	.l-content {
		padding: 0px 0 20px 0;
	}

	.l-headline {
		/*margin: 0 0 30px;*/
		margin: 0;
		background-image: none;
		position: relative;
		top: auto;
		left: auto;
	}

	.is-headline-access2 {
		color: #000;
		text-align: left;
		margin-bottom: 50px;
	}

	.l-content-title .e-sub,
	.l-content-title .e-main {
		color: #000;
		text-shadow: none;
	}

	.l-content-title .e-sub:after {
		background: rgba(0, 0, 0, .5);
	}

	.l-content-title {
		margin: 0 0 30px;
	}

	.l-headline {
		padding: 0;
		background-image: none;
	}

	.l-headline .u-inner {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.l-headline:before,
	.l-headline:after {
		display: none;
	}

	.l-headline-image {
		margin: 0 -15px 30px;
		position: relative;
	}

	.l-headline-image:before,
	.l-headline-image:after {
		font-size: 1rem;
		position: absolute;
		bottom: -1.5em;
	}

	/*	.l-headline-image:before {
	content: '▲阪神本線｢武庫川｣駅(徒歩10分･約800m)';
	left: 10px;
}

	.l-headline-image:after {
	content: '▲元浜緑地(徒歩5分･約360m)';
	right: 10px;
}
	*/
	.l-headline-title {
		font-size: 2.2rem;
		padding: 0;
		letter-spacing: .1em;
	}

	.l-route {
		padding: 0;
	}

	.l-route-title {
		margin: 0 0 30px;
	}

	.l-route .e-text {
		font-size: 1.4rem;
		text-align: left;
	}

	.l-route-note {
		font-size: 1rem;
		text-align: left;
		display: inline-block;
		/*	margin: 0 0 60px;*/
		margin: 0;
		padding: 0;
	}

	.colom_container {
		margin: 0;
	}

	.colom_item {
		width: 100%;
		padding: 0 0 10px 0;
	}

	.colom_container.is-line4 {
		margin-right: -20px;
	}

	.colom_container.is-line4 .colom_item {
		width: 50%;
		padding-right: 20px;
		padding-bottom: 30px;
	}


	.l-minute-list-title .e-img {
		height: auto;
	}

	.l-minute-list-inner {
		padding: 0;
	}

	.l-minute-list-items {
		margin: 0;
	}

	.l-minute-list-item {
		width: 100%;
		min-height: 0;
		margin: 0 0 40px;
		padding: 0;
		display: block;
	}

	.l-minute-list-item .e-title {
		text-align: center;
	}

	.l-minute-list-item .e-text {
		font-size: 1.4rem;
	}

	.l-minute-list-item .e-title .e-img {
		/*		width: auto;
		height: 32px;*/
		width: 100%;
		height: auto;
	}

	.l-minute-list-item .e-image {
		padding: 0;
		position: relative;
		bottom: auto;
		left: auto;
	}

	.e-image {
		text-align: center;
		padding: 0 0 30px 0;
	}

	.l-subtitle .u-inner {
		padding: 20px 10px 10px 10px;
	}


	.u-sp-zoom {
		color: rgba(0, 0, 0, .5);
		font-size: 1rem;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0;
		text-align: center;
		width: 100%;
		margin: 15px 0 0;
		padding: 7px 10px;
		display: block;
		background: rgba(100, 100, 100, .2);
		border-radius: 50px;
	}

	.e-text {
		padding-bottom: 20px;
	}


	.section-title {
		font-size: 1.8rem;
	}



	.colom_container.is-line3 {
		margin: 0 0 0 0;
	}

	.colom_container.is-line3 .colom_item {
		width: 100%;
		padding: 0 0 0px 0;
	}

	.colom_item {
		margin-bottom: 25px;
	}


	.c-text_time_label {
		font-size: 1.8rem;
		letter-spacing: -0.05rem;
	}


	.l-subtitle_min {
		font-size: 1.8rem;
		letter-spacing: -0.05rem;
	}

	nishiogi4 {
		font-size: 3.2rem;
		line-height: 1;
		letter-spacing: -0.05rem;
	}


	.c-cection_text {
		letter-spacing: 0.05em;
		line-height: 1.6em;
		font-size: 1.4rem;
	}


	.u-mgb100-sp {
		margin-bottom: 100px;
	}

	.u-mgb80-sp {
		margin-bottom: 80px;
	}

	.u-mgb40-sp {
		margin-bottom: 40px;
	}

	.u-mgb20-sp {
		margin-bottom: 20px;
	}

	.u-mgb15-sp {
		margin-bottom: 15px;
	}

	.u-mgb10-sp {
		margin-bottom: 10px;
	}

	.u-mgt40-sp {
		margin-top: 40px;
	}

	.u-mgt20-sp {
		margin-top: 20px;
	}


	.c-cection_subtitle_min {
		font-size: 1.4rem;
		font-weight: bold;
	}

	.c-link_anccer {
		padding-left: 10px;
		padding-right: 10px;
	}

	.c-link_anccer li {
		display: inline-block;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}

	.c-link_anccer li:last-child {
		border-bottom: none;
	}

	.c-link_anccer .e-link {
		padding: 15px 0px;
		line-height: 2rem;
		font-size: 1.6rem;
	}

	/*プランコピー*/
	.plan_commitment .copy {
		font-size: 2rem;
		line-height: 1.5;
	}

	.plan_commitment .copy_txt {
		font-size: 1.5rem;
		line-height: 1.8;
		letter-spacing: 1px;
	}

	/*タイル*/
	.plan_tile .copy_title {
		font-size: 2rem;
		line-height: 1.5;
	}

	.plan_tile .copy_txt {
		font-size: 1.5rem;
		letter-spacing: 1px;
		line-height: 1.8;
	}

	/*ポイントリスト*/
	.point_warp ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		width: 70%;
		max-width: 70%;
		margin: auto;
		margin-bottom: 50px;
	}

	.point_warp ul li:first-child .txt {
		height: 80px;
	}

	.point_warp ul li .txt {
		border-left: solid 1px #006837;
		height: 80px;
	}

	/*間取り詳細*/
	.plan_box {
		padding: 20px;
	}

	.plan_box .plan_name {
		padding: 10px;
	}

	.plan_box .plan_name p {
		padding: 0;
		display: block;
		width: 100%;
	}

	.plan_box .plan_name p span {
		margin-left: 0;
		padding-left: 0;
	}

	.c-plan_datas {
		position: relative;
		padding-left: 0;
		line-height: 1.4;
		border-top: 4px double;
		padding-top: 5px;
		width: 100%;
	}

	.c-plan_datas:before {
		display: none;
	}

	.c-plan_datas:after {
		display: none;
	}

	.plan_box .plan_name p {
		padding: 0;
		display: block;
		width: 100%;
	}

	.c-plan_data_main {
		font-size: 80%;
		margin-top: 5px;
	}

	.u-mgt5-sp {
		margin-top: 5px;
	}

	.plan_box .plan_detail > div {
		width: 100%;
	}

	.c-inner_min_plan_Datails {
		padding: 0px;
	}

	.plan_box .plan_detail .l-section-subtitle.is-copy {
		padding: 15px 0px;
		margin: 0 0 10px 0;
		line-height: 1.4;
		font-size: 1.5rem;
		padding-top: 20px;
	}

	.c-inner_min_plan_Datail {
		padding: 0px;
	}

	.c-colom3 {
		margin-right: 0px;
	}

	.c-colom2 {
		margin-right: 0px;
	}

	.c-colom3 .c-cection_items {
		width: calc(100%);
		padding-right: 0;
	}

	.c-colom2 .c-cection_items {
		width: calc(100%);
		padding-right: 0;
	}

	.c-crction_tumb_title {
		text-align: left;
	}

	.plan-entry__catch {
		font-size: 1.3rem;
	}

	.plan-entry__catch em {
		font-size: 2.6rem;
	}

	.plan_sub_text {
		line-height: 1.4;
	}

	.c-plan_data_sub .c-plan_item {
		font-size: 1.3rem;
	}

	.u-mgt10-sp {
		margin-top: 10px;
	}

	.c-plan_data_main .c-plan_item:before {
		top: 2px;
	}

	.c-plan_data_sub .c-plan_item:before {
		top: 2px;
	}

	.plan_commitment {
		padding: 45px 20px 0px 20px;
		margin-bottom: 80px;
	}

	.plan_box .plan_name-title {
		font-size: 2rem;
	}

	.plan_box .plan_name .is-name_small {
		font-size: 1.4rem;
		padding-left: 0px;
	}


	.plan_box .plan_name {
		margin-bottom: 0;
	}

	.c-plan_copy {
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: left;
	}

	.plan_img__title {
		font-size: 1.3rem;
	}

	.c-colom2 .c-cection_items--long {
		margin-top: auto;
	}

}

/* END RESPONSIVE 767px */

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

	/*ポイントリスト*/
	.point_warp ul li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		margin-bottom: 50px;
	}

	.point_warp ul li:first-child .txt {
		height: 110px;
	}

	.point_warp ul li .txt {
		height: 145px;
	}

	/*タイル*/
	.plan_tile .img_wrap ul li {
		margin-bottom: 30px;
	}


	.c-plan_name {
		width: 100%;
		padding: 5px 0 0px 0;
		height: auto;
	}


	.plan_box .plan_name {
		margin-bottom: 0;
		padding: 0;
	}


	.c-plan_datas {
		padding: 10px 15px 15px 15px;
		width: 100%;
	}


	.c-copy_min {
		margin-top: 20px;
		margin-bottom: 10px;
	}


	.u-inner.is-plan_menu {
		padding: 20px;
	}

	.l-map_caption_data {
		bottom: 14%;
		left: 0;
	}

}

@media screen and (min-width:768px) and (max-width:900px) {
	.point_warp ul li:first-child .txt {
		height: 200px;
	}

	.point_warp ul li .txt {
		height: 200px;
	}

	.c-plan-nav {
		margin-bottom: 20px !important;
	}

	.c-plan-nav ul li a {
		font-size: 1.4rem;
	}


}

/* END RESPONSIVE 374px */
@media screen and (orientation: landscape) {}

/* END RESPONSIVE landscape */
@media print {}

/* END PRINT */