@charset "utf-8";

@media screen and (min-width: 961px){
	.heading-container {
	    position: absolute;
	    bottom: 70px;
	    width: 750px;
	}

	.pg-kv-img-wrapper {
		overflow: hidden;
		height: 600px;
		width: 1440px;
		position: relative;
	}

	.pg-kv-img {
		width: 1440px;
		display: inline-block;
	}

	.pg-kv-img-innar {
		position: absolute;
		left: 0;
		top:0;
		height: 600px;
		width: 99000px;
	}

	.indicator li.red {
		background-color: #C63C4F;
	}

	.indicator-wrapper {
		position: absolute;
		display: flex;
		top: 565px;
		left: 50%;
		transform: translateX(-50%);
	}

	.indicator {
		display: flex;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: -ms-flex;
	    display: -moz-flex;
	}

	.indicator li {
		height: 8px;
		width: 8px;
		background-color: #FFF;
		border-radius: 50%;
		margin-left: 10px;
		position: relative;
		cursor: pointer;
		display: inline-block;
	}

	.indicator li:first-child {
		margin: 0;
	}

	.left {
		left: -42px;
	}

	.right {
		left: 42px;
	}

	.left,.right {
		position: relative;
		width: 36px;
		top: -10px;
	}




	.indicator-wrapper .left::before {
		content: "";
		display: inline-block;
		height: 11px;
		width: 2px;
		background-color: #FFF;
		border-radius: 0;
		transform: rotate(45deg);
		position: absolute;
		top: 5px;
		left: 21px;
	}

	.indicator-wrapper .left::after {
		content: "";
		display: inline-block;
		height: 11px;
		width: 2px;
		background-color: #FFF;
		border-radius: 0;
		position: absolute;
		transform: rotate(-45deg);
		top: 12px;
		left: 21px;
	}

	.indicator-wrapper .right::before {
		content: "";
		display: inline-block;
		height: 11px;
		width: 2px;
		background-color: #FFF;
		border-radius: 0;
		transform: rotate(-45deg);
		position: relative;
		top: -2px;
		left: 10px;
	}

	.indicator-wrapper .right::after {
		content: "";
		display: inline-block;
		height: 11px;
		width: 2px;
		background-color: #FFF;
		border-radius: 0;
		position: absolute;
		transform: rotate(45deg);
		top: 12px;
		left: 10px;
	}
	.sp {
		display: none;
	}
	.pg-company-info-block .section-body {
		margin-top: 0;
	}
	.pg-company-info-block .pg-kv-img.slide-img-01:before {
		background-image: url("/assets/images/phase01/phase01_kv_pc_01.jpg");
	}
	.pg-company-info-block .pg-kv-img.slide-img-02:before {
		background-image: url("/assets/images/phase01/phase01_kv_pc_02.jpg");
	}


	.indicator li {
		cursor: default;
	}
	.pg-kv-img-innar>a{
		display: inline-block;
	}
}


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

	.pg-kv-img-wrapper {
		overflow-x: hidden;
		height: 460px;
		position: relative;
	}

	.pg-kv-img {
		display: inline-block;
		width: 736px;
	}


	.indicator-wrapper {
		position: absolute;
		display: flex;
		top: 490px;
		left: 50%;
		transform: translate(-50%,-100%);
	}

	.indicator {
		display: flex;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: -ms-flex;
	    display: -moz-flex;
	}

	.indicator li:first-child {
		margin: 0;
	}

	.indicator li.red {
		background-color: #C63C4F;
		height:
	}


	.indicator li {
		height: 11px;
		width: 11px;
		background-color: #FFF;
		border-radius: 50%;
		margin-left: 13px;
		position: relative;
		cursor: pointer;
		display: inline-block;
	}

	.pg-kv-img-innar {
		position: absolute;
		left: 0;
		top:0;
		height: 460px;
		width: 99000px;
	}
	.pg-company-info-block .pg-kv-img {
		height: 460px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.pg-company-info-block .pg-kv-img.slide-img-01 {
		background-image: url("/assets/images/phase01/phase01_kv_sp_01.jpg");
	}
	.pg-company-info-block .pg-kv-img.slide-img-02 {
		background-image: url("/assets/images/phase01/phase01_kv_sp_02.jpg");
	}

	.pg-kv-img-innar>a {
		display: inline-block;
	}
	.pg-title {
		margin:10px 0 30px;
	}
}