@charset "UTF-8";


/* mainimage
--------------------- */
#mainimage {
	padding: 100px;
}
	#mainimage img {
		width: 100%;
		height: auto
	}

	#mainimage .textArea {
		float: right;
		width: 45%;
	}
	#mainimage .textArea h1 {
		padding: 60px 0;
	}
	#mainimage .textArea p {
		margin-bottom: 60px;
	}

		#mainimage .textArea ul {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;

			-webkit-flex-wrap: wrap; 
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		#mainimage .textArea ul li {
			width: 23%;
			margin-right: 2.5%;
		}
			#mainimage .textArea ul li:last-child {
				margin-right: 0%;
			}


	#mainimage .phtArea {
		float: left;
		width: 50%;
	}


	#mainimage p {
		margin-top: 40px;
	}
	#mainimage .btn {
		font-size: 2.4rem;
	}





/* Concept
--------------------- */
#Concept {
	background: #000;
	padding: 100px 0;
}
	#Concept .inner {
		width: 800px;
		max-width: 90%;
	}


	#Concept .read {
		text-align: center;
		margin-bottom: 60px;
	}

	#Concept .movie {
		margin-bottom: 60px;
	}
		#Concept .movie iframe {
			width: 100%;
			height: calc(800px / 16 * 9);
		}


	#Concept .box {
		border: solid 1px #FFF;
		padding: 30px;
		margin-top: 10px;
	}
		#Concept .box ul {
		}
			#Concept .box ul li {
				position: relative;
				padding-left: 15px;
			}
			#Concept .box ul li:before {
				content: "";
				position: absolute;
				top: 1.1em;
				left: 0;
				width: 6px;
				height: 6px;
				background-color: #e50012;
				border-radius: 50%;
			}




	#Concept .cell {
		margin-bottom: 60px;
	}
		#Concept .cell:last-child {
			margin-bottom: 0px;
		}
		#Concept .cell:last-child p {
			margin-bottom: 60px;
		}
		#Concept .cell:last-child p:last-child {
			margin-bottom: 0px;
		}
	#Concept .cell img {
		width: 100%;
		height: auto;
	}









/* Design
--------------------- */
#Design {
	padding: 100px 0;
}
	#Design p {
		text-align: center;
	}
	#Design .article {
		margin-top: 60px;
	}

	#Design .set {
		margin-top: 30px;
	}
		#Design .set dl {
			width: 23.5%;
			margin-right: 2%;
		}
		#Design .set dl:last-child {
			margin-right: 0%;
		}

		#Design .set dl dd {
			margin-top: 20px;
		}

		#Design .set dl img {
			width: 100%;
			height: auto;
		}


	#Design .cell {
	}
		#Design .cell .read {
			text-align: center;
		}
		#Design .cell .read dt {
			margin-bottom: 10px;
		}
		#Design .cell .read dt img {
			width: auto;
			height: 60px;
		}




/* Hope
--------------------- */
#Hope {
	padding: 100px 0;
	background: #000;
}
	#Hope .inner {
		width: 800px;
	}
	#Hope p {
		margin-bottom: 40px;
	}
	#Hope p strong {
		color: #ff0000;
	}







/* 1200px */
@media screen and (max-width: 1200px) {



}





/* max 1023px */
@media screen and (max-width: 1023px) {



/* mainimage
--------------------- */
#mainimage {
	padding: 20% 10%;
}
	#mainimage img {
		width: 100%;
		height: auto
	}

	#mainimage .textArea {
		float: none;
		width: 100%;
	}
	#mainimage .textArea h1 {
		padding: 0px 0 10% 0;
		width: 100%;
		margin: 0 auto;
	}
	#mainimage .textArea p {
		margin-bottom: 60px;
	}

		#mainimage .textArea ul {
			display: none;
		}


	#mainimage .phtArea {
		float: none;
		width: 100%;
	}

	#mainimage .btn {
		font-size: 1.8rem;
	}



/* Concept
--------------------- */
#Concept {
	background: #000;
	padding: 20% 0;
}

	#Concept .read {
		text-align: left;
		margin-bottom: 10%;
	}

	#Concept .movie {
		margin-bottom: 10%;
	}
		#Concept .movie iframe {
			width: 100%;
			height: calc(100vw / 16 * 9);
		}


	#Concept .box {
		border: solid 1px #FFF;
		padding: 10% 5%;
		margin-top: 10px;
	}
		#Concept .box ul {
		}
			#Concept .box ul li {
				position: relative;
				padding-left: 15px;
			}
			#Concept .box ul li:before {
				content: "";
				position: absolute;
				top: .65em;
				left: 0;
				width: 6px;
				height: 6px;
				background-color: #e50012;
				border-radius: 50%;
			}




	#Concept .cell {
		margin-bottom: 0% !important;
	}
		#Concept .cell:last-child {
			margin-bottom: 0px;
		}
		#Concept .cell:last-child p {
			margin-bottom: 10%;
		}
		#Concept .cell:last-child p:last-child {
			margin-bottom: 0px;
		}
	#Concept .cell img {
		width: 100%;
		height: auto;
	}









/* Design
--------------------- */
#Design {
	padding: 20% 0 10% 0;
}
	#Design p {
		text-align: left;
	}
	#Design .article {
		margin-top: 60px;
	}

	#Design .set {
		margin-top: 30px;
	}
		#Design .set dl {
			width: 48%;
			margin-right: 2%;
			margin-bottom: 10%;
		}
		#Design .set dl:nth-child(2n) {
			margin-right: 0%;
		}
	
		#Design .set dl.none {
			display: none;
		}
	

		#Design .set dl dd {
			margin-top: 10px;
		}

		#Design .set dl img {
			width: 100%;
			height: auto;
		}


	#Design .cell {
	}
		#Design .cell .read {
			text-align: left;
		}
		#Design .cell .read dt {
			margin-bottom: 10px;
		}
		#Design .cell .read dt img {
			width: auto;
			height: 30px;
		}




/* Hope
--------------------- */
#Hope {
	padding: 20% 0;
	background: #000;
}
	#Hope .inner {
		width: 800px;
	}
	#Hope p {
		margin-bottom: 40px;
	}
	#Hope p:last-child {
		margin-bottom: 0px;
	}
	#Hope p strong {
		color: #ff0000;
	}





}