@charset "UTF-8";



/* visual --------------------------------------------------------------- */
#visual {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	
	background-image: url(../../img/outher/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 {
		margin-bottom: 50px;
		}
		
	#outline p {
		line-height: 2.5;
		margin-bottom: 1em;
		}

@media(max-width: 768px){
	#outline {
		margin: 0 auto 100px auto;
		}
		
		#outline p {
			line-height: 2;
			}
	}



/* profile --------------------------------------------------------------- */
#profile {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 150px auto;
	}
	
	#profile h2 {
		margin: 0 auto 50px auto;
		}
		
		#profile h2 img {
			height: 18px;
			}
		
	#profile dl {
		}
		
		#profile dl dt {
			margin-bottom: 50px;
			}
			
		#profile dl dt,
		#profile dl dt img {
			width: 100%;
			}
						
		#profile dl dd {
			width: 90%;
			max-width: 600px;
			margin: 0 auto;
			}
			
			#profile dl dd p {
				line-height: 2.5;
				}
				
@media(max-width: 768px){
	#profile {
		margin: 0 auto 100px auto;
		}
		
			#profile dl dt,
			#profile dl dt img {
				width: 100%;
				}
			
			#profile dl dt {
				margin-bottom: 25px;
				}
				
				#profile dl dd p {
					line-height: 2;
					}
	}



/* blog --------------------------------------------------------------- */
#blog {
	width: 100%;
	margin: 0 auto 150px auto;
	padding: 250px 0;
	background-image: url(../../img/outher/blog/blog.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	}
	
	#blog dl {
		margin: 0 auto;
		}
		
		#blog dl dt {
			}
			
		#blog dl dt,
		#blog dl dt img {
			width: 100%;
			}
						
		#blog dl dd {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			overflow: hidden;
			}
							
			#blog dl dd p {
				float: right;
				width: 500px;
				margin: 0 auto;
				line-height: 2.5;
				color: #ffffff;
				}
				
				#blog dl dd p a {
					display: inline-block;
					color: #ffffff;
					margin-top: 20px;
					padding: 10px 30px;
					text-align: center;
					border: solid 1px;
					}
						
@media(max-width: 768px){
	#blog {
		margin: 0 auto 50px auto;
		padding: 0;
		background-image: none;
		}
		
		#blog dl {
			margin: 0 auto;
			}
			
			#blog dl dt {
				margin-bottom: 25px;
				}
				
				#blog dl dd p {
					float: none;
					width: 90%;
					line-height: 2;
					color: #46607c;
					}
					
					#blog dl dd p a {
						display: block;
						width: 100%;
						color: #46607c;
						margin-top: 50px;
						padding: 10px 0;
						text-align: center;
						}
	}

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