@charset "UTF-8";



/* 開催セミナー --------------------------------------------------------------- */
#seminar {
	}
				
	#seminar .seminarInner {
		width: 90%;
		max-width: 900px;
		margin: 0 auto;
		margin-top: -100px;
		padding: 70px 0;
		}
	
	#seminar .seminarInner:first-child {
		border-top: 0;
		}
			
		#seminar .seminarInner dl {
			overflow: hidden;
			padding-top: 100px;
			}
		
		#seminar .seminarInner dl:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: 0;
			}
			
			#seminar .seminarInner dl dt,
			#seminar .seminarInner dl dd {
				}
			
			#seminar .seminarInner dl dt {
				float: left;
				width: 500px;
				}
				
				#seminar .seminarInner dl dt h2,
				#seminar .seminarInner dl dt h3 {
					margin-bottom: 20px;
					padding-bottom: 0;
					background-image: none;
					text-align: left;
					}
					
				#seminar .seminarInner dl dt h2 {
					font-size: 24px;
					line-height: 1.2;
					}
				
				#seminar .seminarInner dl dt h3 {
					color: #e95538;
					font-size: 16px;
					line-height: 1.6;
					margin-bottom: 20px;
					}
				
				#seminar .seminarInner dl dt p {
					font-size: 15px;
					line-height: 1.8;
					}
				
					#seminar .seminarInner dl dt p span {
						display: inline;
						font-size: 80%;
						}
					
			#seminar .seminarInner dl dd {
				float: right;
				width: 350px;
				}
			
				#seminar .seminarInner dl dd img {
					width: 100%;
					}
			
				#seminar .seminarInner dl dd .more {
					width: 100%;
					margin: 20px 0 0 auto;				
					}
					
					#seminar .seminarInner dl dd .more .bar {
						color: #e95538;
						border-color: #e95538 !important;
						background-image: url(../../img/common/arrowR.png);
						}

@media screen and (min-width:769px) and (max-width:1024px){
	#seminar .seminarInner {
		width: 760px;
		}
			
			#seminar .seminarInner dl dt {
				width: 400px;
				}
	}

@media screen and (min-width:501px) and (max-width:768px){
	#seminar .seminarInner {
		width: 90%;
		}
			
			#seminar .seminarInner dl dt {
				width: 55%;
				}
			
			#seminar .seminarInner dl dd {
				width: 45%;
				}
	}

@media screen and (max-width: 500px){
	#seminar {
		}
	
	#seminar .seminarInner {		
		margin-top: 0;
		padding: 0;
		}
				
			#seminar .seminarInner dl {
				overflow: hidden;
				padding-top: 80px;
				}
				
				#seminar .seminarInner dl dt {
					float: none;
					width: 100%;
					margin-bottom: 20px;
					}
					
				#seminar .seminarInner dl dd {
					float: none;
					width: 100%;
					}
					
					#seminar .seminarInner dl dt h2,
					#seminar .seminarInner dl dt h3 {
						margin-bottom: 10px;
						}
					
					#seminar .seminarInner dl dd .more {
						margin: 10px 0 0 auto;				
						}
	}



/* 詳細ウィンドウ --------------------------------------------------------------- */
#entry {
	padding: 50px 30px;
	line-height: 2;
	}

@media screen and (max-width: 768px){
	#entry {
		padding: 5%;
		line-height: 1.8;
		}
	}