@charset "utf-8";
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
@media screen and (min-width:641px) {
	.pc { display: block !important }
	.sp { display: none !important }
	body { width: 100%; -webkit-text-size-adjust: 100%; font-feature-settings: "palt"; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic M", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif; }
	img { max-width: 100%; width: auto; height: auto; vertical-align: bottom; }

	/*PC用*/
	body { background-color: #fff; background-image: url("../images/bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: 1900px auto; }
	#header { margin: 0 auto; width: 100%; background: url("../images/bg_header.png") no-repeat center top; }
	#header .inner { align-items: center; margin: 0 auto; width: 1100px; height: 50px; }
	#header .logo { width: 430px; }
	#header .header_menu { padding: 0 23px 0 0; width: 309px; box-sizing: border-box; }
	#header .header_menu li { }
	#header .header_menu li a { color: #fff; font-size: 16px; line-height: 1; letter-spacing: 0.08em; }
	#header .header_menu li:hover { text-decoration: underline; }
	#footer { margin: 0 auto; padding: 0 0 65px; width: 100%; background: #7E796F; clear: both; }
	#footer .page_top { margin: 0 auto; width: 100%; }
	#footer .page_top a { display: block; padding: 23px 0; text-align: center; background: #222326; }
	#footer .page_top a span { display: block; margin: 0 auto; width: 62px; }
	#footer .footer_logo { margin: 0 auto; padding: 65px 0 36px; width: 592px; }
	#footer small { display: block; width: 100%; color: #fff; font-size: 12px; text-align: center; letter-spacing: 0.14em; }
	.drawer { display: none; }
}

/*SP用*/
@media screen and (max-width:640px) {
	.pc { display: none !important }
	.sp { display: block !important }
	img { max-width: 100%; height: auto; width: auto; }
	body { min-width: auto !important; }
	.sp_tac { text-align: center !important; }
	.sp_tar { text-align: right !important; }
	.sp_mb15 { margin-bottom: 15px !important; }
	.sp_mb20 { margin-bottom: 20px !important; }
	div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }
	body { background-position: top center; }
	#header { margin: 0 auto; width: 100%; background: #0000006b; position: relative; z-index: 1000; }
	#header .inner { align-items: flex-start; margin: 0 auto; width: 100%; background: none; }
	#header .logo {padding: 2.733vw 0 0 2.666vw;width: 79.066vw;}
	#header .header_menu { display: none; }
	#header .menu_btn { width: 11.666vw; height: 11.666vw; cursor: pointer; }
	#footer { margin: 0 auto; padding: 0 0 8.266vw; width: 100%; background: #7E796F; clear: both; }
	#footer .page_top { margin: 0 auto; width: 100%; }
	#footer .page_top a { display: block; padding: 4.666vw 0; text-align: center; background: #222326; }
	#footer .page_top a span { display: block; margin: 0 auto; width: 15.866vw; }
	#footer .footer_logo { margin: 0 auto; padding: 8.533vw 0 3.6vw; width: 81.333vw; }
	#footer small { display: block; width: 100%; color: #fff; font-size: 3.2vw; text-align: center; letter-spacing: 0.14em; }
	.drawer { display: none; width: 100%; position: fixed; right: 0; top: 0; z-index: 10000; }
	.drawer .drawer_header { margin: 0 auto; width: 100%; height: 11.533vw; justify-content: flex-end; align-items: center; box-sizing: border-box; }
	.drawer .drawer_header .close_btn { width: 11.666vw; cursor: pointer; }
	.drawer .drawer_header .close_btn img { width: 100%; }
	.drawer .drawer_menu_box { float: right; padding: 15.6vw 0 15.6vw 10.933vw; width: 72.933%; height: 100%; background: #7E796F; box-sizing: border-box; }
	.drawer .drawer_menu_box ul { }
	.drawer .drawer_menu_box ul li { }
	.drawer .drawer_menu_box ul li a { display: block; padding: 4vw 0; color: #fff; font-size: 4.266vw; line-height: 1; }
	.drawer .drawer_menu_box ul li a:hover { text-decoration: underline; }
}