@charset "utf-8";




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

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

/* END RESPONSIVE 979px */

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

	.u-inner {
		padding: 10px !important;
	}
	
	.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;
	}

	.colom_container.c-colom2_flex .c-colom-1 {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.colom_container.c-colom2_flex .c-colom-2 {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin-bottom: -10px;
	}

	.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 50px 0;
	}

	.colom_container.is-line3 .colom_item {
		width: 100%;
		padding: 0 0 0 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;
	}

	.c-text_time_data {
		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-mgb0-sp {
		margin-bottom: 0px !important;
	}

	.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;
	}

	.c-text_time_labels {
		font-size: 1.6rem;
	}
	
	.c-text_time_labels .c-text_time_data {
		font-size: 4rem;
	}

	.l-section-subtitle.l-section-subtitle-min span {
		font-size: 1.4rem;

	}

}

/* END RESPONSIVE 767px */

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

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

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

/* END PRINT */