@charset "UTF-8";


/* visual --------------------------------------------------------------- */
#visual {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	
	background-image: url(../../../img/products/titan/visual/visual.jpg);
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;		
		
	position: relative;
	}
	
@media(max-width: 768px){
	}

@media(max-width: 420px){
	#visual {
		height: 50vh;
		}
	}



/* outline --------------------------------------------------------------- */
#outline {
	width: 90%;
	max-width: 600px;
	margin: 0 auto 150px auto;
	}
	
	#outline h2 {
		font-size: 15px;
		margin-bottom: 50px;
		}
		
		#outline h2 span {
			font-size: 25px;
			padding-left: 0.75em;
			}
	
	#outline p {
		line-height: 2.5;
		margin-bottom: 100px;
		}
	
		#outline p img {
			width: 70%;
			}

@media(max-width: 768px){
	#outline {
		margin: 0 auto 50px auto;
		}
		
		#outline h2 {
			font-size: 10px;
			margin-bottom: 25px;
			}
			
			#outline h2 span {
				font-size: 20px;
				padding-left: 0;
				}
		
		#outline p {
			line-height: 2;
			margin-bottom: 50px;
			}
			
			#outline p img {
				width: 100%;
				}
	}



/* item --------------------------------------------------------------- */
#item {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 150px auto;
	}
	
	#item .item {
		margin: 0 auto 100px auto;
		}
		
		#item .item p,
		#item .item p img {
			width: 100%;
			}
		
		#item .item p {
			margin-bottom: 30px;
			}
			
		#item .item h3 {
			font-size: 20px !important;
			line-height: 2;
			}
			
			#item .item h3 span {
				font-size: 14px;
				letter-spacing: 1px;
				}

@media(max-width: 768px){
	#item {
		margin: 0 auto 100px auto;
		}
		
		#item .item {
			margin: 0 auto 50px auto;
			}
			
			#item .item p {
				margin-bottom: 15px;
				}
				
			#item .item h3 {
				font-size: 18px !important;
				}
				
				#item .item h3 span {
					font-size: 11px;
					letter-spacing: 0;
					}
				
				#item .item h3 span.price {
					font-size: 16px;
					}
	}



/* features --------------------------------------------------------------- */
#features {
	margin: 0 auto 150px auto;
	}

@media(max-width: 768px){
	#features {
		margin: 0 auto 100px auto;
		}
	}