@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1599px) {
	#i_bnr{ margin-top: 250px; }

	.bnr_float_wrap{ width: auto; height: auto; position: absolute; top: 140px; left: 88px; z-index: 10; background: rgba(0, 0, 0, .2); }
	.bnr_float .blk01{ width: 80px; height: 80px; }
	.bnr_float .blk02{ width: 80px; height: 80px; top: 80px; left: 129px; }
	.bnr_float .txt01{ width: 450px; height: 52px; top: 20px; left: 28px; }
	.bnr_float .txt02{ width: 450px; height: 52px; top: 88px; left: 76px; }
	.bnr_float .txt01 .dk, .bnr_float .txt02 .dk{ display: none; }
	.bnr_float .txt01 .mb, .bnr_float .txt02 .mb{ display: block; }
}

@media all and (max-width: 1399px) {
	.container-fluid{ padding: 0 20px; }
	.header_wrap{ height: 80px; padding: 0 20px; }
	
	.logo{ margin: 20px 0;}
	.logo a{ width: 226px; height: 40px; }

	ul.menu{ margin: 24px 0 0 0;}
	ul.menu li{ margin: 0 0 0 40px; font-size: 1.25em; }

	main{ margin-top: 80px; }

	#i_bnr{ margin-top: 220px; }
	.bnr_float_wrap{ top: 110px;}

	#inr:before{ opacity: .7; background: url('../../img/bg-inr.png') left 50px top 200px fixed no-repeat; background-size: 300px auto; }
}

@media all and (max-width: 1199px) {
	.cnt_wrap{ max-width: 991px;}
}

@media all and (max-width: 991px) {
	ul.menu{ display: none;}
	.menu-mobile{ display: block; }

	.footer_wrap{ padding: 40px 20px 0 20px; }

	.cnt_wrap{ min-height: auto;}

	#inr:before{ background: url('../../img/bg-inr.png') left 30px top 100px fixed no-repeat; background-size: 250px auto; }
	.cnt_wrap{ max-width: 768px;}
}

@media all and (max-width: 768px) {
	#inr:before{ background: url('../../img/bg-inr.png') left 30px top 150px fixed no-repeat; background-size: 200px auto; }
	.cnt_wrap{ max-width: 575px;}
}

@media all and (max-width: 767px) {
	#i_bnr{ margin-top: 160px; }
	.bnr_float_wrap{ left: 48px;}
	.bnr_float .blk01{ width: 50px; height: 50px; }
	.bnr_float .blk02{ width: 50px; height: 50px; top: 50px; left: 83px; }
	.bnr_float .txt01{ width: 300px; height: 35px; top: 10px; left: 15px; }
	.bnr_float .txt02{ width: 300px; height: 35px; top: 54px; left: 48px; }
}

@media all and (max-width: 575px) {
	h2{ font-size: 1.625em; }
	h3{ font-size: 1.5em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }

	section{ padding: 40px 0; }
	section h2{ margin-bottom: 30px;}

	#i_bnr{ margin-top: 200px; }

	.slick_wrap{ margin: 0 -56px; }

	.footer_wrap{ padding: 40px 10px 0 10px; }
	.footer_wrap b{ margin-bottom: 10px; font-size: 1.25em; }
	.flogo{ width: 130px; height: 116px; margin:0 auto;}

	.finfo li i, .finfo li p, .qlink li i, .qlink li p { font-size: .875em; }
	.slink li p { font-size: 2em; }

	#inr:before{ opacity: .5; background: url('../../img/bg-inr.png') left 30px top 150px fixed no-repeat; background-size: 180px auto; }
	.cnt_wrap p{ font-size: 1.125em;}

	.share li{ font-size: 1em;}
	.share li i{ margin-right: 5px;}
}

@media all and (max-width: 480px) {
	.header_wrap{ height: 66px; padding: 0 15px; }
	
	.logo{ margin: 15px 0;}
	.logo a{ width: 192px; height: 34px; }

	.menu-mobile{ width: 45px; top: 10px; right: 28px;}

	#i_bnr{ margin-top: 115px; }
	.bnr_float_wrap{ top: 90px; left: 30px;}
	.bnr_float .blk01{ width: 40px; height: 40px; }
	.bnr_float .blk02{ width: 40px; height: 40px; top: 40px; left: 67px; }
	.bnr_float .txt01{ width: 250px; height: 29px; top: 6px; left: 10px; }
	.bnr_float .txt02{ width: 250px; height: 29px; top: 44px; left: 38px; }
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
	.share li{ font-size: .75em;}
}

@media all and (max-width: 320px) {
}