@charset "utf-8";

/*********************************
 *
 * TOP STYLES
 *
 *********************************/

@media screen and (min-width: 768px) {
	/* mainimg */
	#mainimg {width:710px; height:339px; background:url(../images/top/bg_slide.gif) left bottom repeat-x;}

	/* footer */
	#footer {margin:50px auto 0 auto;}
	
	.iframe_box iframe {background-color:transparent;}
}

@media screen and (max-width: 767px) {
	#imgSlider {background:#fff !important;}
	#mainimg {overflow:hidden; width:100%; max-width:767px; margin:0 0 40px 0;}
		#mainimg img {width:100vw; max-width:767px; height:auto;}
		/*div.slider-nav {display:none !important;}*/
	
	.iframe_box {display:inline-block; overflow:auto; width:100%; height:250px; -webkit-overflow-scrolling:touch;}
	.iframe_box iframe {display:block; width:100%; height:100%; border:none; background-color:transparent;}

	/* footer */
	#footer {margin:20px 0 0 0;}
}

h4 {margin:40px 0 0 0 !important;}
#contents h2 {margin:20px 0 0 0 !important; padding:0 !important; background:none; color:#72535e; font-size:16px; font-weight:700; line-height:1.3;}
#contents h2:first-child {margin-top:0 !important;}
#contents h2:before {content:''; display:inline-block; width:13px; height:13px; margin:0 6px 0 0; background:#e09eac; border-radius:2px;}