@charset "utf-8";


/* underPage kv 
--------------------------------------------------*/
.underPage #kv .kv{
	background: url(../img/pc/kv.jpg) no-repeat center center/cover;
}
	.underPage #kv .kv h2 span{
		max-width: 434px;
	}
@media screen and (max-width: 768px){
	.underPage #kv .kv h2 span{
		max-width: 271px;/*PC×0.625*/
	}
}



/* city
--------------------------------------------------*/
.city{
	position: relative;
	margin-bottom: 145px;
}
.city:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translate(50%,100%);
	width: 500px;
	height: 500px;
	background : linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	opacity: .1;
	z-index: -1;
	border-radius: 50%;
}
	.city .figBox{
		max-width: 1500px;
		width: 100%;
		margin: 0 auto 70px;
	}
		.city .figBox .figure{
			width: 50%;
		}
	.city p{
		font-size: 18px;
		line-height: 1.89;
		text-align: center;
		max-width: 890px;
		width: 100%;
		margin: 0 auto;
	}
		.city p sup{
			font-size: 11px;
			color: #666;
		}
		.city p span{
			display: block;
			font-size: 11px;
			text-align: right;
			color: #666;
			margin-top: 17px;
		}
@media screen and (max-width: 768px){
	.city{
		margin-bottom: 70px;
	}
	.city:after{
		width: 130px;
		height: 130px;
	}
		.city .figBox{
			margin-bottom: 35px;
		}
			.city .figBox .figure{
				width: 100%;
			}
		.city p{
			font-size: 14px;
			text-align: justify; 
			text-justify: inter-ideograph;
			width: 90%;
		}
			.city p sup{
				font-size: 8px;
			}
			.city p span{
				font-size: 10px;
				letter-spacing: .1em;
				text-align: justify; 
				text-justify: inter-ideograph;
				margin-top: 10px;
			}
}


/* hankyushin
--------------------------------------------------*/
.hankyushin{
	margin-bottom: 150px;
}
	.hankyushin .inner{
		max-width: 1040px;
	}
		.hankyushin .groupLogo{
			width: 334px;
		    margin-right: auto;
		    margin-bottom: 50px;
		}
		.hankyushin .desc{
			font-size: 16px;
			line-height: 2.125;
			margin-bottom: 65px;
		}
		.hankyushin .cmBox{
		}
			.hankyushin .cmBox .movieBox{
				max-width: 540px;
				width: 51.923%;
			}
				.hankyushin .cmBox .movie {
				    position: relative;
				    width: 100%;
				    padding-bottom: 56.27198%;
				}
					.hankyushin .cmBox iframe {
					    position: absolute;
					    top: 0;
					    left: 0;
					    right: 0;
					    margin: auto;
					    display: block;
					    width: 100%;
					    height: 100%;
					}
			.hankyushin .cmBox .figure{
				max-width: 470px;
				width: 45.1923%;
			}
@media screen and (max-width: 768px){
	.hankyushin{
		margin-bottom: 70px;
	}
		.hankyushin .inner{
			max-width: 560px;
		}
			.hankyushin .groupLogo{
				width: 220px;
    			margin-bottom: 15px;
			}
			.hankyushin .desc{
				font-size: 14px;
				line-height: 1.89;
				margin-bottom: 40px;
				text-align: justify; 
				text-justify: inter-ideograph;
			}
			.hankyushin .cmBox{
			}
				.hankyushin .cmBox .movieBox{
					max-width: 560px;
				    width: 100%;
				    margin-bottom: 20px;
				}
				.hankyushin .cmBox .figure{
					max-width: 560px;
    				width: 100%;
				}
}


/* sec
--------------------------------------------------*/
.sec{
}
	.sec .secBox{
		max-width: 1210px;
		width: 95%;
		margin: 0 auto;
	}
		.sec .openBtnBox{
			position: relative;
			box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
			margin-bottom: 40px;
		}
			.sec .openBtnBox h3{
				background-color: #fff;
				border-left: solid 2px #33d6c1;
				font-size: 23px;
				font-weight: bold;
				letter-spacing: .22em;
				line-height: 1;
				padding: 30px 0 27px 40px;
			}
			.sec .openBtnBox .slideBtn{
				position: absolute;
				right: 0;
				top: 0;
				width: 80px;
				height: 100%;
				background : linear-gradient(90deg, rgba(153, 234, 224, 1) 0%, rgba(162, 229, 230, 1) 35.85%, rgba(186, 215, 245, 1) 94.15%, rgba(189, 213, 247, 1) 100%);
			}
			.sec .openBtnBox .slideBtn:before,
			.sec .openBtnBox .slideBtn:after{
				content: '';
				position: absolute;
				width: 42.5%;
				height: 2px;
				background-color: #fff;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
			}
			.sec .openBtnBox .slideBtn:after{
				transform: rotate(90deg);
				transition: transform .4s;
			}
			.sec .openBtnBox.isActive .slideBtn:after{
				transform: rotate(0);
			}
		.sec .cntBox{
			position: relative;
			padding: 45px 0 140px;
			display: none;
		}
			.sec .secBox .inner{
				max-width: 1040px;
				width: 100%;
			}
				.sec .secBox h4 {
				    font-size: 34px;
				    line-height: 1.647;
				    margin-bottom: 45px;
				    font-weight: bold;
				    color: #595959;
				}
				.sec .secBox .desc {
				    font-size: 18px;
				    line-height: 1.889;
				    letter-spacing: .1em;
				    margin-bottom: 100px;
				}		
@media screen and (max-width: 768px){
	.sec .secBox{
		max-width: 560px;
		width: 95%;
	}
		.sec .openBtnBox{
			margin-bottom: 20px;
		}
			.sec .openBtnBox h3{
			    font-size: 16px;
			    padding: 15px 0 15px 15px;
			    letter-spacing: .1em;
			}
			.sec .openBtnBox .slideBtn{
				width: 46px;
			}
			.sec .openBtnBox .slideBtn:before,
			.sec .openBtnBox .slideBtn:after{
				height: 2px;
			}
		.sec .cntBox{
			padding: 10px 0 60px;
		}
			.sec .secBox .inner{
				max-width: 560px;
				width: 90%;
			}
				.sec .secBox h4 {
				    font-size: 20px;
    				margin-bottom: 20px;
				}
				.sec .secBox .desc {
				    font-size: 14px;
				    margin-bottom: 40px;
				}	
}
@media screen and (max-width: 370px){
	.sec .openBtnBox h3{
	    font-size: 13px;
	}
	.sec .openBtnBox .slideBtn{
		width: 43px;
	}
}



/* groupSec
--------------------------------------------------*/
#groupSec{
}
	#groupSec .cntBox:before{
		content: '';
	    position: absolute;
	    right: -160px;
	    top: 40%;
	    width: 100px;
	    height: 100px;
	    transform: rotate(45deg);
	    transform-origin: top;
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#groupSec .cntBox:after{
		content: '';
	    position: absolute;
	    right: 0;
	    top: 15%;
	    width: 470px;
	    height: 470px;
	    transform: translate(140%,80%) rotate(45deg);
	    transform-origin: center;
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#groupSec .groupListWrap{
	}
		#groupSec .groupListWrap .ttl{
			font-size: 34px;
			margin-bottom: 50px;
			font-weight: bold;
			line-height: 1.647;
			color: #595959;
		}
		#groupSec .groupListWrap .capTxt{
			text-align: right;
			margin-top: 10px;
		}
		#groupSec .groupList{
			justify-content: space-between;
		}
			#groupSec .groupList li{
				width: 22.6923%;
				width: 31%;
			}
			#groupSec .groupList li:nth-of-type(n + 4){
				margin-top: 45px;
			}
				#groupSec .groupList li .name{
					font-size: 20px;
				    line-height: 1.357;
				    text-align: left;
				    padding-top: 22px;
				    margin-bottom: 8px;
				}
				#groupSec .groupList li .txt{
					font-size: 15px;
					line-height: 1.875;
					letter-spacing: 0.1em;
				}
					#groupSec .groupList li span{
						display: block;
						position: relative;
					}
@media screen and (max-width: 1000px){
	#groupSec .groupList .noneList {
	    display: none;
	}
	#groupSec .groupList li {
    	width: 32%;
	}
	#groupSec .groupList li:nth-of-type(n + 4){
		margin-top: 5%;
	}
}
@media screen and (max-width: 768px){
	#groupSec .groupListWrap {
	}
		#groupSec .groupListWrap .ttl {
		    font-size: 20px;
		    margin-bottom: 20px;
		}
			#groupSec .groupList li{
				width: 48%;
			}
			#groupSec .groupList li:nth-of-type(n + 3),
			#groupSec .groupList li:nth-of-type(n + 4){
				margin-top: 6%;
			}
				#groupSec .groupList li img{
					width: 100%;
				}
				#groupSec .groupList li .name {
				    padding-top: 12px;
				    margin-bottom: 5px;
				    font-size: 16px;
				}
				#groupSec .groupList li .txt{
					font-size: 12px;
				}
}






/* rebuildingSec
--------------------------------------------------*/
#rebuildingSec{
}
	#rebuildingSec .cntBox:before{
		content: '';
	    position: absolute;
	    right: -340px;
	    top: 10%;
	    width: 170px;
	    height: 170px;
	    transform: rotate(45deg);
	    transform-origin: top;
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#rebuildingSec .cntBox:after{
		content: '';
	    position: absolute;
	    left: -140px;
	    bottom: 10%;
	    width: 140px;
	    height: 140px;
	    border-radius: 50%;
	    transform: translateX(-50%);
	    background : linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#rebuildingSec .mFig{
		width: 100%;
		margin-bottom: 100px;
	}
	#rebuildingSec .results{
		background-color: #f5fdfc;
		padding: 35px 0 60px;
	}
		#rebuildingSec .results .headline{ 
			font-size: 23px;
			font-weight: bold;
			line-height: 1.6;
			text-align: center;
			margin-bottom: 25px;
			color: #646464;
		}
		#rebuildingSec .results ul{
			max-width: 970px;
			width: 95%;
			margin: 0 auto 45px;
		}
			#rebuildingSec .results li{
				max-width: 310px;
				width: 31.9588%;
			}
			#rebuildingSec .results li:nth-of-type(n + 4){
				margin-top: 2.0618%;
			}
		#rebuildingSec .results .detailBtn{
			width: 294px;
			margin: 0 auto;
		}
@media screen and (max-width: 768px){
	#rebuildingSec{
	}
		#rebuildingSec .mFig{
			margin-bottom: 50px;
		}
		#rebuildingSec .results{
			border-radius: 10px;
			padding: 35px 0 40px;
		}
			#rebuildingSec .results .headline{ 
			    font-size: 20px;
    			letter-spacing: .15em;
    			margin-bottom: 20px;
			}
			#rebuildingSec .results ul{
				width: 83.125%;
				margin-bottom: 30px;
			}
				#rebuildingSec .results li{
					max-width: 470px;
					width: 100%;
					margin-left: auto;
					margin-right: auto;
				}
				#rebuildingSec .results li + li,
				#rebuildingSec .results li:nth-of-type(n + 4){
					margin-top: 3%;
				}
		#rebuildingSec .results .detailBtn {
		    width: 260px;
		    margin: 0 auto;
		}
}





/* mansionSec
--------------------------------------------------*/
#mansionSec{
}
	#mansionSec .tips{
		position: relative;
		margin-bottom: 80px;
	}
		#mansionSec .tips .geoLogo{
			width: 419px;
			margin-right: auto;
			margin-bottom: 40px;
		}
		#mansionSec .tips p{
			font-size: 18px;
			line-height: 1.889;
		}
	#mansionSec .imgListWrap{
		position: relative;
		max-width: 1038px;
		width: 100%;
		margin-right: auto;
		margin-bottom: 80px;
	}
	#mansionSec .imgListWrap:before{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 236px;
		height: 236px;
		border-radius: 50%;
		transform: translate(50%,-50%);
		background : linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
		opacity: .1;
		z-index: -1;
	}
	#mansionSec .imgListWrap:after{
		content: '';
	    position: absolute;
	    left: -250px;
	    bottom: 0;
	    width: 170px;
	    height: 170px;
	    transform: rotate(45deg);
	    transform-origin: top;
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
		#mansionSec .imgListWrap .imgList:nth-child(1),
		#mansionSec .imgListWrap .imgList:nth-child(4){
			/*max-width: 692px;*/
			width: 66.66667%;
		}
			#mansionSec .imgListWrap .imgList:nth-child(1) li,
			#mansionSec .imgListWrap .imgList:nth-child(4) li{
				width: 50%;
			}
		#mansionSec .imgListWrap .imgList:nth-child(2),
		#mansionSec .imgListWrap .imgList:nth-child(3){
			/*max-width: 346px;*/
			width: 33.33333%;
		}
	#mansionSec .outLink{
		margin-bottom: 80px;
		width: 100%;
	}	
		#mansionSec .outLink a{
			display: block;
			width: 48.0769%;
			box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
		}
	#mansionSec .border{
		position: absolute;
		top: 20px;
		left: 1070px;
		width: 320px;
		height: 34px;
	}
		#mansionSec .border:before,
		#mansionSec .border:after{
			content: '';
			position: absolute;
			height: 2px;
			right: 0;
		}
		#mansionSec .border:before{
			width: 250px;
			top: 0;
			background-color: #a3c4f4;
		}
		#mansionSec .border:after{
			width: 285px;
			bottom: 0;
			background-color: #70e2d4;
		}
		#mansionSec .border i{
			position: absolute;
			display: block;
			right: 0;
			top: 0;
			bottom: 0;
			height: 2px;
			width: 320px;
			background-color: #78d7e7;
			margin: auto;
		}
@media screen and (max-width: 768px){
	#mansionSec .tips{
		margin-bottom: 40px;
	}
		#mansionSec .tips .geoLogo{
			width: 260px;
			margin-bottom: 20px;
		}
		#mansionSec .tips p{
			font-size: 14px;
		}
	#mansionSec .imgListWrap{
		max-width: 560px;
		width: 100%;
		margin-left: auto;
		margin-bottom: 50px;
	}
		#mansionSec .imgListWrap .imgList:nth-child(1),
		#mansionSec .imgListWrap .imgList:nth-child(4){
			width: 100%;
		}
		#mansionSec .imgListWrap .imgList:nth-child(2),
		#mansionSec .imgListWrap .imgList:nth-child(3){
			width: 50%;
		}
		#mansionSec .outLink{
			margin-bottom: 50px;
		}
			#mansionSec .outLink a{
				width: 100%;
			}
			#mansionSec .outLink a + a{
				margin-top: 20px;
			}
	#mansionSec .border{
		position: absolute;
		top: 0;
		left: auto;
		right: -110px;
		width: 128px;
		height: 14px;
	}
		#mansionSec .border:before,
		#mansionSec .border:after{
			height: 1px;
		}
		#mansionSec .border:before{
			width: 114px;
		}
		#mansionSec .border:after{
			width: 100px;
		}
		#mansionSec .border i{
			height: 1px;
			width: 128px;
		}
}

/* checkSystem --------------------------------------------------*/
#mansionSec .checkSystem{
	background-color: #f5fdfc;
	border-radius: 10px;
	padding: 45px 0 60px;
	margin-bottom: 60px;
}
	#mansionSec .checkSystem .ttlBox{
		align-items: center;
		max-width: 836px;
		width: 90%;
		margin: 0 auto 48px;
	}
		#mansionSec .checkSystem .checkLogo{
			max-width: 370px;
			width: 44.2584%;
		}
		#mansionSec .checkSystem .txtBox{
			max-width: 430px;
			width: 51.4354%;
		}
			#mansionSec .checkSystem .txtBox p:nth-of-type(1){
				font-size: 24px;
				margin-bottom: 5px;
				font-weight: bold;
				letter-spacing: .2em;
			}
			#mansionSec .checkSystem .txtBox p:nth-of-type(2){
				font-size: 14px;
				line-height: 1.857;
				letter-spacing: .05em;
			}
	#mansionSec .checkSystem .checkFlow{
		max-width: 686px;
		width: 90%;
		margin: 0 auto 42px;
	}
	#mansionSec .checkSystem .detailBtn{
		width: 294px;
		margin: 0 auto;
	}
@media screen and (max-width: 768px){
	#mansionSec .checkSystem{
		border-radius: 10px;
		padding: 35px 0 40px;
		margin-bottom: 40px;
	}
		#mansionSec .checkSystem .ttlBox{
			width: 83.125%;
			margin: 0 auto 30px;
		}
			#mansionSec .checkSystem .checkLogo{
				max-width: 200px;
				width: 100%;
				margin: 0 auto 15px;
			}
			#mansionSec .checkSystem .txtBox{
				max-width: 560px;
				width: 100%;
			}
				#mansionSec .checkSystem .txtBox p:nth-of-type(1){
					font-size: 18px;
					margin-bottom: 10px;
				}
				#mansionSec .checkSystem .txtBox p:nth-of-type(2){
				}
		#mansionSec .checkSystem .checkFlow{
			width: 83.125%;
			margin: 0 auto 30px;
		}
		#mansionSec .checkSystem .detailBtn{
		    width: 260px;
		    margin: 0 auto;
		}
}


/* geoFit --------------------------------------------------*/
#mansionSec .geoFit{
	background-color: #f5fdfc;
	border-radius: 10px;
	padding: 45px 0 60px;
}
	#mansionSec .geoFit .box{
		flex-direction: row-reverse;
		align-items: flex-end;
		max-width: 930px;
		width: 90%;
		margin: 0 auto 48px;
		position: relative;
	}
		#mansionSec .geoFit .fitLogo{
			position: absolute;
			left: 7%;
			top: 20%;
			max-width: 284px;
			width: 30.5376%;
		}
		#mansionSec .geoFit .figure{
			max-width: 483px;
			width: 51.9355%;
		}
		#mansionSec .geoFit .txtBox{
			max-width: 420px;
			width: 45.1613%;
		}
			#mansionSec .geoFit .txtBox p:nth-of-type(1){
				font-size: 24px;
				margin-bottom: 5px;
				font-weight: bold;
				letter-spacing: .2em;
			}
			#mansionSec .geoFit .txtBox p:nth-of-type(2){
				font-size: 14px;
				line-height: 1.857;
				letter-spacing: .05em;
			}
	#mansionSec .geoFit .checkFlow{
		max-width: 686px;
		width: 90%;
		margin: 0 auto 42px;
	}
	#mansionSec .geoFit .detailBtn{
		width: 294px;
		margin: 0 auto;
	}
@media screen and (max-width: 1000px){
	#mansionSec .geoFit .fitLogo {
	    position: static;
	    width: 100%;
	    margin: 0 auto 30px;
	}
	#mansionSec .geoFit .figure {
	    max-width: 483px;
	    width: 100%;
	    margin: 0 auto 30px;
	}
	#mansionSec .geoFit .txtBox {
	    max-width: 420px;
	    width: 100%;
	    margin: 0 auto;
	}
}
@media screen and (max-width: 768px){
	#mansionSec .geoFit{
		border-radius: 10px;
		padding: 35px 0 40px;
	}
		#mansionSec .geoFit .box{
			width: 83.125%;
			margin: 0 auto 30px;
		}
			#mansionSec .geoFit .fitLogo {
			    max-width: 180px;
			    margin: 0 auto 20px;
			}
			#mansionSec .geoFit .figure {
			    max-width: 560px;
			    width: 100%;
			    margin: 0 auto 25px;
			}
			#mansionSec .geoFit .txtBox {
			    max-width: 420px;
			    width: 100%;
			    margin: 0 auto;
			}
			#mansionSec .geoFit .txtBox p:nth-of-type(1) {
			    font-size: 18px;
			    margin-bottom: 10px;
			}
		#mansionSec .geoFit .detailBtn{
		    width: 260px;
		    margin: 0 auto;
		}	
}


/*  ownersClub
--------------------------------------------------*/
#ownersClub{
	padding-top: 100px;
}
	#ownersClub .cntBox:before{
		content: '';
	    position: absolute;
	    right: -340px;
	    top: 10%;
	    width: 170px;
	    height: 170px;
	    transform: rotate(45deg);
	    transform-origin: top;
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#ownersClub .cntBox:after {
	    content: '';
	    position: absolute;
	    left: -140px;
	    bottom: 10%;
	    width: 140px;
	    height: 140px;
	    border-radius: 50%;
	    transform: translateX(-50%);
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#ownersClub h5{
	    margin-bottom: 60px;
	}
		#ownersClub h5 span{
			line-height: 1.889;
			color: #51958f;
		    border-bottom: solid 1px #5fa6a1;
		    padding-bottom: 16px;
		    display: inline-block;
		    letter-spacing: .22em;
		    font-size: 16px;
		}
	#ownersClub .headline{
		/*font-size: 30px;*/
		font-size: 26px;
		line-height: 1.667;
		margin-bottom: 20px;
		font-weight: bold;
		letter-spacing: .2em;
	}
	/* ----------------------------- */
	#ownersClub .openBtnBox{
		background-color: #fcfbf8;
		border-radius: 10px;
		padding: 35px;
		position: relative;
		margin-bottom: 85px;
		box-shadow: none;
	}
		#ownersClub .ownersLogo{
	    	width: 336px;
	    	margin-right: auto;
		}
		#ownersClub .plusBtn{
			position: absolute;
			width: 60px;
			height: 60px;
			right: 50px;
			top: 50%;
			transform: translateY(-50%);
		}
		#ownersClub .plusBtn:before,
		#ownersClub .plusBtn:after{
			content: "";
			width: 100%;
			height: 6px;
			background-color: #5fa9a4;
			position: absolute;
			left: 0;
			right: 0;
			top: calc(50% - 3px);
			margin: auto;
		}
		#ownersClub .plusBtn:after{
			transform: rotate(-90deg);
			transition: .4s;
		}
		#ownersClub .isActive .plusBtn:after{
			transform: rotate(0);
		}


	/* ----------------------------- */
	#ownersClub .cntBox{
		display: none;
		/*padding-bottom: 80px;*/
	}

		/*「阪急阪神オーナーズクラブ」とは*/
		#ownersClub .ownersclub{
			margin-bottom: 100px;
		}
			#ownersClub .ownersclub .figure{
				width: calc(170 / 1040 * 100%);
			}
			#ownersClub .ownersclub .txt{
				width: calc(830 / 1040 * 100%);
				font-size: 18px;
				line-height: 1.889;
			}
				#ownersClub .ownersclub .txt span{
					display: block;
					font-size: 12px;
					margin-top: 10px;
				}

		#ownersClub .flexCnt{
			width: 100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
			#ownersClub .magazine{
				width: 46%;
				margin-bottom: 100px;
			}
				#ownersClub .magazine .txtBox{
					width: 100%;
				}
					#ownersClub .magazine p:nth-of-type(2){
						font-size: 18px;
						line-height: 1.889;
					}
						#ownersClub .magazine p:nth-of-type(2) span{
							display: block;
							font-size: 12px;
							margin-top: 10px;
						}
			#ownersClub .infoBox{
				width: 46%;
				margin-bottom: 100px;
			}	
				#ownersClub .infoBox .txtBox{
					width: 100%;
				}
					#ownersClub .infoBox p:nth-of-type(2){
						font-size: 18px;
						line-height: 1.889;
					}
						#ownersClub .infoBox p:nth-of-type(2) span{
							display: block;
							font-size: 12px;
							margin-top: 10px;
						}

		#ownersClub .guideBox{
			margin-bottom: 120px;
		}
			#ownersClub .guideBox .txt{
				width: 100%;
				font-size: 18px;
				line-height: 1.889;
				margin-bottom: 40px;
			}
				#ownersClub .guideBox .txt span{
					display: block;
					font-size: 12px;
					margin-top: 10px;
				}
			#ownersClub .guideBox .figBox{
				width: 100%;
				align-items: start;
			}
				#ownersClub .guideBox .figure{
					width: calc(232 / 1040 * 100%);
				}


		#ownersClub .concier{
			margin-bottom: 60px;
		}
			#ownersClub .concier .txt{
				width: 48%;
				font-size: 18px;
				line-height: 1.889;
			}
				#ownersClub .concier .txt span{
					display: block;
					font-size: 12px;
					margin-top: 10px;
				}
			#ownersClub .concier .concierCnt{
				width: 48%;
				padding: 20px 20px 25px;
				box-sizing: border-box;
				border: solid 1px #ccc;
				align-items: center;
			}
				#ownersClub .concier .concierTxt{
					width: 100%;
					font-size: 18px;
					line-height: 1.8;
    				font-weight: 600;
					color: #AE975F;
					margin-bottom: 20px;
					text-align: center;
				}
				#ownersClub .concier .figure{
					width: 48%;
				}
				#ownersClub .concier a{
					display: block;
					width: 49%;
					background-color: #B7A372;
				    border: 1px solid #B7A372;
				    color: #FFF;
				    text-decoration: none;
				    padding: 18px 0 20px;
				    font-size: 14px;
				    line-height: 1;
				    letter-spacing: .05em;
				    font-weight: 600;
				    text-align: center;
				    border-radius: 50px;
				    box-sizing: border-box;
				}


		#ownersClub .seminer{
			padding: 20px 40px 25px;
			box-sizing: border-box;
			border: solid 1px #ccc;
			margin-bottom: 100px;
		}
			#ownersClub .seminer .seminerTtl{
				font-size: 18px;
				line-height: 1.8;
				font-weight: 600;
				color: #AE975F;
				margin-bottom: 20px;
				text-align: center;
				margin-bottom: 20px;
			}
			#ownersClub .seminer .seminerCnt{
				width: 100%;
			}
				#ownersClub .seminer .txt{
					width: 48%;
					font-size: 16px;
					line-height: 1.889;
				}
					#ownersClub .seminer .txt span{
						display: block;
						font-size: 12px;
						margin-top: 10px;
					}
				#ownersClub .seminer .figure{
					width: 48%;
				}


		#ownersClub .systemBox{
			/*border-bottom: solid 1px #b0b0b0;*/
			/*padding-bottom: 100px;*/
		}
	/* ----------------------------- */
	#ownersClub .headBox{
	    /*margin-bottom: 80px;*/
	}
		#ownersClub .headBox p{
			font-size: 18px;
			line-height: 1.889;
		}


@media screen and (max-width: 1000px){
	#ownersClub .guideBox .figBox{
		width: 60%;
		margin: 0 auto 40px; 
	}
	#ownersClub .guideBox .txt{
		width: 100%;
	}
}	
@media screen and (max-width: 768px){
	#ownersClub{
		padding-top: 60px;
	}
		#ownersClub h5{
			margin-bottom: 35px;
		}
			#ownersClub h5 span{
				padding-bottom: 10px;
			}
		#ownersClub .headline{
			font-size: 20px;
    		margin-bottom: 10px;
		}
		/* ----------------------------- */
		#ownersClub .openBtnBox{
			border-radius: 6px;
			padding: 20px;
			margin-bottom: 40px;
		}
			#ownersClub .ownersLogo{
		    	width: 170px;
			}
			#ownersClub .plusBtn{
				width: 24px;
				height: 24px;
				right: 30px;
			}
			#ownersClub .plusBtn:before,
			#ownersClub .plusBtn:after{
				height: 4px;
				top: calc(50% - 2px);
			}

		/* ----------------------------- */
		#ownersClub .cntBox{
			padding-bottom: 40px;
		}

			/*「阪急阪神オーナーズクラブ」とは*/
			#ownersClub .ownersclub{
				margin-bottom: 65px;
			}
				#ownersClub .ownersclub .figure{
					width: 50%;
					margin: 0 auto 20px;
				}
				#ownersClub .ownersclub .txt{
					width: 100%;
					font-size: 14px;
				}
					#ownersClub .ownersclub .txt span{
						font-size: 10px;
						margin-top: 10px;
					}

			#ownersClub .flexCnt{
			}
				#ownersClub .magazine{
					width: 100%;
					margin-bottom: 65px;
				}
					#ownersClub .magazine p:nth-of-type(2){
						font-size: 14px;
					}
						#ownersClub .magazine p:nth-of-type(2) span{
							font-size: 10px;
							margin-top: 10px;
						}
				
				#ownersClub .infoBox{
					width: 100%;
					margin-bottom: 65px;
				}	
					#ownersClub .infoBox p:nth-of-type(2){
						font-size: 14px;
					}
						#ownersClub .infoBox p:nth-of-type(2) span{
							font-size: 10px;
							margin-top: 10px;
						}

			#ownersClub .guideBox{
				margin-bottom: 75px;
			}
				#ownersClub .guideBox .txt{
					font-size: 14px;
					margin-bottom: 30px;
				}
					#ownersClub .guideBox .txt span{
						font-size: 10px;
						margin-top: 10px;
					}
				#ownersClub .guideBox .figBox{
					width: 100%;
				}
					#ownersClub .guideBox .figure{
						width: 49%;
					}
					#ownersClub .guideBox .figure:nth-of-type(n + 3){
						margin-top: 15%;
					}

			#ownersClub .concier{
				margin-bottom: 30px;
			}
				#ownersClub .concier .txt{
					width: 100%;
					font-size: 14px;
					margin-bottom: 30px;
				}
					#ownersClub .concier .txt span{
						font-size: 10px;
						margin-top: 10px;
					}
				#ownersClub .concier .concierCnt{
					width: 100%;
					padding: 20px 20px 25px;
				}
					#ownersClub .concier .concierTxt{
						font-size: 14px;
					}
					#ownersClub .concier .figure{
						width: 100%;
						margin-bottom: 20px;
					}
					#ownersClub .concier a{
						max-width: 280px;
						width: 100%;
					    padding: 18px 0 20px;
					    font-size: 14px;
					}


			#ownersClub .seminer{
				padding: 20px 20px 25px;
				margin-bottom: 60px;
			}
				#ownersClub .seminer .seminerTtl{
					font-size: 14px;
					margin-bottom: 15px;
				}
				#ownersClub .seminer .seminerCnt{
				}
					#ownersClub .seminer .txt{
						width: 100%;
						font-size: 14px;
						margin-bottom: 20px;
					}
						#ownersClub .seminer .txt span{
							font-size: 10px;
							margin-top: 10px;
						}
					#ownersClub .seminer .figure{
						width: 100%;
					}


			#ownersClub .systemBox .headline{
				margin-bottom: 20px;
			}
			#ownersClub .systemBox{
				/*padding-bottom: 50px;*/
			}

		/* ----------------------------- */
		#ownersClub .headBox{
		}
			#ownersClub .headBox p{
				font-size: 14px;
			}
}







/* redevelopmentSec
--------------------------------------------------*/
#redevelopmentSec{
}
	#redevelopmentSec .cntBox:before{
		content: '';
	    position: absolute;
	    right: -340px;
	    top: 10%;
	    width: 170px;
	    height: 170px;
	    transform: rotate(45deg);
	    transform-origin: top;
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#redevelopmentSec .cntBox:after {
	    content: '';
	    position: absolute;
	    left: -140px;
	    bottom: 10%;
	    width: 140px;
	    height: 140px;
	    border-radius: 50%;
	    transform: translateX(-50%);
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#redevelopmentSec .mFig{
		width: 100%;
		margin-bottom: 100px;
	}
	#redevelopmentSec .results{
		background-color: #f5fdfc;
		padding: 35px 0 60px;
	}
		#redevelopmentSec .results .headline{ 
			font-size: 23px;
			font-weight: bold;
			line-height: 1.6;
			text-align: center;
			margin-bottom: 25px;
			color: #646464;
		}
		#redevelopmentSec .results ul{
			max-width: 970px;
			width: 95%;
			margin: 0 auto 45px;
		}
			#redevelopmentSec .results li{
				max-width: 470px;
				width: 48.4536%;
				position: relative;
			}
			#redevelopmentSec .results li:nth-of-type(n + 3){
				margin-top: 3.0928%;
			}
		#redevelopmentSec .results .detailBtn{
			width: 294px;
			margin: 0 auto;
		}
@media screen and (max-width: 768px){
	#redevelopmentSec{
	}
		#redevelopmentSec .mFig{
			margin-bottom: 50px;
		}
		#redevelopmentSec .results{
			padding: 35px 0 40px;
		}
			#redevelopmentSec .results .headline{ 
			    font-size: 20px;
    			letter-spacing: .15em;
    			margin-bottom: 20px;
			}
			#redevelopmentSec .results ul{
				width: 83.125%;
				margin-bottom: 30px;
			}
				#redevelopmentSec .results li{
					width: 100%;
					margin-left: auto;
					margin-right: auto;
				}
				#redevelopmentSec .results li + li,
				#redevelopmentSec .results li:nth-of-type(n + 3){
					margin-top: 3%;
				}
		#redevelopmentSec .results .detailBtn{
			width: 260px;
		    margin: 0 auto;
		}
}



/* guideSec
--------------------------------------------------*/
#guideSec{
}
	#guideSec .cntBox:before{
		content: '';
	    position: absolute;
	    right: -340px;
	    top: 10%;
	    width: 170px;
	    height: 170px;
	    transform: rotate(45deg);
	    transform-origin: top;
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#guideSec .cntBox:after {
	    content: '';
	    position: absolute;
	    left: -140px;
	    bottom: 10%;
	    width: 140px;
	    height: 140px;
	    border-radius: 50%;
	    transform: translateX(-50%);
	    background: linear-gradient(90deg, rgba(51, 214, 193, 1) 0%, rgba(180, 159, 225, 1) 100%);
	    opacity: .1;
	    z-index: -1;
	}
	#guideSec .cntBox{
		padding-bottom: 0;		
	}
	#guideSec .mFig{
		width: 100%;
		margin-bottom: 100px;
	}
	#guideSec .results{
		background-color: #f5fdfc;
		padding: 35px 0 60px;
	}
		#guideSec .results .headline{ 
			font-size: 23px;
			font-weight: bold;
			line-height: 1.6;
			text-align: center;
			margin-bottom: 25px;
			color: #646464;
		}
		#guideSec .results ul{
			max-width: 970px;
			width: 95%;
			margin: 0 auto 45px;
		}
			#guideSec .results li{
				max-width: 470px;
				width: 48.4536%;
				position: relative;
			}
			#guideSec .results li:nth-of-type(n + 3){
				margin-top: 3.0928%;
			}
				#guideSec .results li p{
					font-size: 16px;
					line-height: 1.625;
					margin-top: 10px;
					font-family: 'Yu Gothic',Yugothic,sans-serif;
				}
					#guideSec .results li span{
						color: #b59a5b;
					}
		#guideSec .results .detailBtn{
			position: relative;
			width: 294px;
			margin: 0 auto;
		}
			#guideSec .results .detailBtn .soon{
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				opacity: .7;
			}
@media screen and (max-width: 768px){
	#guideSec .mFig{
		width: 100%;
		margin-bottom: 50px;
	}
		#guideSec .results{
			padding: 35px 0 40px;
		}
			#guideSec .results .headline{ 
				font-size: 20px;
    			letter-spacing: .15em;
    			margin-bottom: 20px;
			}
			#guideSec .results ul{
				width: 83.125%;
				margin-bottom: 30px;
			}
				#guideSec .results li{
					width: 100%;
					margin-left: auto;
					margin-right: auto;
				}
				#guideSec .results li + li,
				#guideSec .results li:nth-of-type(n + 3){
					margin-top: 25px;
				}
					#guideSec .results li p{
						font-size: 12px;
    					line-height: 1.6;
					}
		#guideSec .results .detailBtn{
			width: 260px;
		    margin: 0 auto;
		}
}






/* outro
--------------------------------------------------*/
#outro{
	margin-top: 150px;
	padding: 150px 0;
	background-color: #eefafc;
}
	#outro .inner{
		max-width: 1040px;
	}
		#outro .catchBox{
			margin-bottom: 100px;
		}
			#outro .catchBox .left{
				/*max-width: 620px;*/
				width: 59.615385%;
			}
				#outro .catchBox .left .logo{
					max-width: 323px;
					width: 100%;
					margin-bottom: 35px;
				}
				#outro .catchBox .left p{
					font-size: 14px;
					line-height: 2.286;
				}
				#outro .catchBox .left p + p{
					margin-top: 25px;
					padding-top: 25px;
					border-top: solid 1px #ccc;
				}
			#outro .catchBox .right{
				/*max-width: 394px;*/
				width: 37.88462%;
			}
		#outro .supplyResult{
			margin-bottom: 100px;
		}
			#outro .supplyResult h5{
				font-size: 32px;
				line-height: 1;
				letter-spacing: .2em;
				text-align: center;
				margin-bottom: 50px;
			}
			#outro .supplyResult li{
				width: 48.0769231%;
			}
			#outro .supplyResult li:nth-child(n + 3){
				margin-top: 52px;
			}
			#outro .supplyResult li:nth-child(n + 5){
				width: 31.73077%;
				/*width: 24.4231%;*/
			}
				#outro .supplyResult li p{
					font-size: 12px;
					line-height: 1.4;
					letter-spacing: .1em;
					text-align: center;
					margin-top: 22px;
				}
		#outro .mansionResult{
		}
			#outro .mansionResult h5{
				font-size: 32px;
				line-height: 1;
				letter-spacing: .2em;
				text-align: center;
				margin-bottom: 17px;
			}
			#outro .mansionResult .explain{
				font-size: 16px;
				line-height: 1.8;
				text-align: center;
				margin-bottom: 43px;
			}
				#outro .mansionResult .explain small{
					font-size: .75em;
				}
			#outro .mansionResult ul.two{
				max-width: 685px;
				width: 100%;
				margin: 0 auto;
			}
			#outro .mansionResult li{
				width: 31.73077%;
				/*width: 24.4231%;*/
			}
			#outro .mansionResult ul.two li{
				width: 48.175182%;
			}
				#outro .mansionResult li p{
					font-size: 12px;
					line-height: 1.4;
					letter-spacing: .1em;
					text-align: center;
					margin-top: 22px;
				}
@media screen and (max-width: 768px){
	#outro{
		margin-top: 60px;
		padding: 60px 0;
	}
		#outro .inner{
			max-width: 560px;
		}
			#outro .catchBox{
				margin-bottom: 70px;
			}
				#outro .catchBox .left{
					width: 100%;
					margin-bottom: 30px;
				}
					#outro .catchBox .left .logo{
						max-width: 220px;
						margin: 0 auto;
						margin-bottom: 30px;
					}
					#outro .catchBox .left p{
						font-size: 13px;
						line-height: 2;
					}
					#outro .catchBox .left p + p{
						margin-top: 15px;
						padding-top: 15px;
					}
				#outro .catchBox .right{
					width: 90%;
					margin: 0 auto;
				}
			#outro .supplyResult{
				margin-bottom: 50px;
			}
				#outro .supplyResult h5{
					font-size: 20px;
					line-height: 1.6;
					margin-bottom: 25px;
				}
				#outro .supplyResult ul{
					width: 90%;
					margin: 0 auto;
				}
				#outro .supplyResult li,
				#outro .supplyResult li:nth-child(n + 5){
					width: 100%;
				}
				#outro .supplyResult li + li,
				#outro .supplyResult li:nth-child(n + 3){
					margin-top: 30px;
				}
					#outro .supplyResult li p{
						text-align: left;
						margin-top: 10px;
					}
			#outro .mansionResult{
			}
				#outro .mansionResult h5{
					font-size: 20px;
					line-height: 1.6;
					margin-bottom: 15px;
				}
				#outro .mansionResult .explain{
					font-size: 12px;
					text-align: justify; 
					text-justify: inter-ideograph;
					margin-bottom: 25px;
				}
				#outro .mansionResult ul,
				#outro .mansionResult ul.two{
					width: 90%;
					margin: 0 auto;
				}
				#outro .mansionResult li,
				#outro .mansionResult ul.two li{
					width: 100%;
				}
				#outro .mansionResult li + li{
					margin-top: 30px;
				}
					#outro .mansionResult li p{
						text-align: left;
						margin-top: 10px;
					}
}