@charset "UTF-8";



/* visual --------------------------------------------------------------- */
#visual {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	
	background-image: url(../../../img/products/expert/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;
		background-position: right center;
		}
	}



/* 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: 1em;
		}

@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;
			}
	}



/* 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 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 150px auto;
	}
	
	#features h2 {
		margin: 0 auto 50px auto;
		}
		
		#features h2 img {
			height: 18px;
			}
	
	#features #featuresTop {
		}
	
	#features #featuresBtm {
		margin-bottom: 150px;
		}
						
		#features #featuresTop dl,
		#features #featuresBtm dl {
			width: 100%;
			display: table;
			}
			
			#features #featuresTop dl dt,
			#features #featuresTop dl dd,
			#features #featuresBtm dl dt,
			#features #featuresBtm dl dd {
				display: table-cell;
				vertical-align: middle;
				}
			
			#features #featuresTop dl dt,
			#features #featuresBtm dl dd {
				width: 40%;
				}
				
				#features #featuresTop dl dt .featuresTopInner {
					}
				
				#features #featuresTop dl dt .featuresTopInner.top,
				#features #featuresBtm dl dd .featuresBtmInner.top {
					margin-bottom: 50px;
					}
					
					#features #featuresTop dl dt .featuresTopInner h3,
					#features #featuresBtm dl dd .featuresBtmInner h3 {
						display: inline-block;
						font-size: 16px;
						text-align: left;
						border-bottom: solid 1px;
						margin-bottom: 10px;
						}
					
					#features #featuresTop dl dt .featuresTopInner p,
					#features #featuresBtm dl dd .featuresBtmInner p {
						}
					
			#features #featuresTop dl dd,
			#features #featuresBtm dl dt {
				width: 55%;
				}
			
			#features #featuresTop dl dd {
				padding-left: 5%;
				}
			
			#features #featuresBtm dl dt {
				padding-right: 5%;
				}
				
				#features #featuresTop dl dd img,
				#features #featuresBtm dl dt img {
					width: 100%;
					}
	
	#features #featuresMid {
		margin: -50px 0;
		z-index: 10;
		}
				
		#features #featuresMid p {
			width: 60%;
			margin: 0 auto;
			}
			
			#features #featuresMid p img {
				width: 100%;
				}

@media(max-width: 768px){
	#features {
		margin: 0 auto 100px auto;
		}
		
		#features #featuresTop {
			}
		
		#features #featuresBtm {
			margin-bottom: 100px;
			}
							
			#features #featuresTop dl,
			#features #featuresBtm dl {
				display: block;
				}
				
				#features #featuresTop dl dt,
				#features #featuresTop dl dd,
				#features #featuresBtm dl dt,
				#features #featuresBtm dl dd {
					display: block;
					}
				
				#features #featuresTop dl dt,
				#features #featuresBtm dl dd {
					width: 90%;
					margin: 0 auto;
					}
				
				#features #featuresTop dl dt {
					margin-bottom: 25px;
					}
				
				#features #featuresBtm dl dd {
					margin-top: 25px;
					}
					
					#features #featuresTop dl dt .featuresTopInner.top,
					#features #featuresBtm dl dd .featuresBtmInner.top {
						margin-bottom: 25px;
						}
						
						#features #featuresTop dl dt .featuresTopInner h3,
						#features #featuresBtm dl dd .featuresBtmInner h3 {
							font-size: 15px;
							}
						
				#features #featuresTop dl dd,
				#features #featuresBtm dl dt {
					width: 100%;
					}
				
				#features #featuresTop dl dd,
				#features #featuresBtm dl dt {
					padding: 0;
					}
		
		#features #featuresMid {
			margin: -25px 0;
			}
					
			#features #featuresMid p {
				width: 90%;
				}
	}