/* オンライン相談会 */

@media screen and (min-width: 641px){

#onl {
	background: url(../../img/bg.png) center top;
	line-height: 200%;
	margin: -100px 0px 0px 0px;
	padding: 100px 0px 100px 0px;
	}

#onl .main {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	}

#onl img {
	margin: 0px 0px 50px 0px;
	}

#onl .main .hli {
	width: 100%;
	}

#onl h3 {
	font-size: 18px;
	margin: 0px 0px 50px 0px;
	}

#onl h3 p {
	font-size: 14px;
	margin: 0px;
	}

#onl h4 {
	margin: 100px 0px -20px 0px;
	text-align: center;
	}

#onl iframe {
	width: 100%;
	height: 563px;
	margin: 0px 0px 100px 0px;
	}

#onl .joi {
	width: 90%;
	max-width: 720px;
	margin: 0px auto;
	}

#onl .joi img {
	max-width: 100%;
	}

}

@media screen and (max-width: 640px){

#onl {
	background: url(../../img/bg.png) center top;
	line-height: 200%;
	margin: -50px 0px 0px 0px;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
	}

#onl .main {
	width: 90%;
	margin: 0px auto;
	}

#onl img {
	width: 100%;
	margin: 0px 0px 30px 0px;
	}

#onl h3 {
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	}

#onl h3 p {
	font-size: 12px;
	margin: 0px;
	}

#onl h4 {
	margin: 50px 0px -10px 0px;
	text-align: center;
	}

#onl h4 img {
	width: auto;
	}

#onl iframe {
	width: 100%;
	height: 200px;
	margin: 0px 0px 50px 0px;
	}

}