@charset "UTF-8";

/* ロケーション */
.content#one{
	padding-bottom:50px;
}
.content#two,
.content#four{
	padding-top:50px;
}
.content#three{
	padding-bottom:30px;
}
.content h3{
	text-align:center;
	font-size:2.0rem;
}
.content h4{
	text-align:center;
	font-size:1.8rem;
}
.content#three h4{
	padding-bottom:10px;
}
.content h5{
	text-align:center;
	font-size:1.6rem;
	padding:15px 0;
}
.content#three p{
	text-align:center;
}
@media (min-width: 568px) {
	.content p{
		text-align:center;
	}
}
@media (min-width: 768px) {
	.content#one{
		padding-bottom:40px;
	}
	.content h3{
		font-size:2.1rem;
	}
	.content h4{
		font-size:1.9rem;
	}
	.content h5{
		font-size:1.7rem;
	}
}
@media (min-width: 1024px) {
	.content h3{
		font-size:2.2rem;
	}
	.content h4{
		font-size:2.0rem;
	}
	.content h5{
		font-size:1.8rem;
	}
}
@media (min-width: 1200px) {
	.content h3{
		font-size:2.3rem;
	}
	.content h4{
		font-size:2.1rem;
	}
	.content h5{
		font-size:1.9rem;
	}
}

#chizu{
	margin:0 auto;
	text-align:center;
	padding-top:30px;
}
@media (min-width: 568px) {
	#chizu{
		width:400px;
	}
}

#develop{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	padding-top:30px;
}
.develop{
	width:100%;
	border-top:2px solid #CCC;
	padding:15px 0 10px;
}
.develop:last-child{
	border-bottom:2px solid #CCC;
}
.develop h6{
	font-size:1.3rem;
	padding-bottom:3px;
}
.develop dl{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	font-size:1.3rem;
	line-height:160%;
}
.develop dl dt{
	width:91px;
}
.develop dl dd{
	width:calc(100% - 91px);
}
.word-o{
	letter-spacing:-0.04em;
}
@media (min-width: 375px) {
	.word-o{
		letter-spacing:0;
	}
}
@media (min-width: 667px) {
	.develop{
		width:calc(50% - 15px);
	}
	.develop:nth-child(odd){
		margin-right:30px;
	}
	.develop:nth-last-child(2){
		border-bottom:2px solid #CCC;
	}
	.word-o{
		letter-spacing:-0.04em;
	}
}
@media (min-width: 1024px) {
	.develop{
		width:calc(100%/3 - 20px);
		margin-right:30px;
	}
	.develop:nth-child(3n){
		margin-right:0;
	}
	.develop:nth-last-child(3){
		border-bottom:2px solid #CCC;
	}
}
@media (min-width: 1200px) {
	.develop{
		width:calc(100%/3 - 26px);
		margin-right:39px;
	}
	.develop:nth-child(odd){
		margin-right:39px;
	}
	.develop:nth-child(3n){
		margin-right:0;
	}
}

#park{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.park{
	width:100%;
	padding-top:30px;
}
.park h6{
	font-size:1.7rem;
	padding:1px 0 3px;
}
.park p{
	font-size:1.3rem;
	line-height:150%;
}
@media (min-width: 568px) {
	.park{
		width:calc(50% - 15px);
	}
	.park:last-child{
		margin-left:30px;
	}
	.park p{
		text-align:left;
	}
}
@media (min-width: 768px) {
	.park{
		width:calc(50% - 20px);
	}
	.park:last-child{
		margin-left:40px;
	}
}

br.br568-666,br.br568-735,br.br568-767,br.br568-1023{
	display:none;
}
@media (min-width: 568px) and (max-width: 666px) {
	br.br568-666{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 735px) {
	br.br568-735{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 767px) {
	br.br568-767{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 1023px) {
	br.br568-1023{
		display:inline;
	}
}

.parallax-window{
    min-height:50vh;
}
@media (min-width: 568px) {
	.parallax-window{
    	min-height:100vh;
	}
}
@media (min-width: 768px) {
	.parallax-window{
    	min-height:50vh;
	}
}
@media (min-width: 812px) {
	.parallax-window{
    	min-height:100vh;
	}
}
@media (min-width: 1024px) {
	.parallax-window{
    	min-height:70vh;
	}
}