@charset "UTF-8";

/* font */
body{ font-family: 'Noto Sans JP', sans-serif; font-weight: 400; margin: 0;}
a, a:link, a:visited, a:active { color: #221714; outline: 0px none; text-decoration: none; -webkit-touch-callout: none; }


/* common */
@media (min-width: 768px) {
	main{ background-image: url("../../images/back.png"); background-size: cover; margin: 155px 0 0; overflow: hidden;}
	.pcnone{ display: none!important;}
}
@media (max-width: 767.98px) {
	body { font-size: 14px;}
	main{ background-image: url("../../images/back.png"); background-size: cover; background-position: right; margin: 130px 0 0; overflow: hidden;}
	.container { max-width: 768px; padding: 0 10px;}
	.spnone{ display: none!important;}
}


/* header */
@media (min-width: 768px) {
	header{ height: 155px; background-color: #fff; border-bottom: 40px solid #000; position: fixed; top: 0; left: 0; width: 100%; z-index: 800;}
	#top_logo{ display: flex; width: 1200px; justify-content: left; align-items: center; margin: 0 auto; padding: 0 13px; height: 120px;}
	#top_logo>div:first-child { display: inline-flex; align-items: center; justify-content: center;}
	#top_logo>div:nth-child(2) { margin: 0 0 0 68px;}
	#top_logo>div h1{ margin: 0;}
	#top_logo>div h1>a{ vertical-align: middle; padding: 0; display: flex; justify-content: center;}
	#top_logo>div h1>a>img{ width: 410px; height: auto;}
	#top_logo .top_menu{ display: flex; list-style: none; margin: 0; padding: 0;}
	#top_logo .top_menu a{ position: relative; display: inline-flex; align-items: flex-end; justify-content: center; color: #000;}
	#top_logo .top_menu a:first-child{ margin: 0 35px 0 0;}
	#top_logo .top_menu a .logo2{ width: auto; height: 32px;}
	#top_logo .top_menu a .logo3{ width: auto; height: 32px;}

	.scroll_pc header{ height: 100px; background-color: #fff; border-bottom: 35px solid #000;}
	.scroll_pc #top_logo{ display: flex; width: 1200px; justify-content: left; align-items: center; margin: 0 auto; padding: 0 13px; height: 65px;}
	.scroll_pc #top_logo>div:nth-child(2) { margin: 0 0 0 50px;}
	.scroll_pc #top_logo>div h1>a>img{ width: 260px; height: auto;}
	.scroll_pc #top_logo .top_menu a:first-child{ margin: 0 25px 0 0;}
	.scroll_pc #top_logo .top_menu a .logo2{ width: auto; height: 19px;}
	.scroll_pc #top_logo .top_menu a .logo3{ width: auto; height: 19px;}
}
@media (max-width: 767.98px) {
	header{ height: 130px; background-color: #fff; border-bottom: 22px solid #000; position: fixed; top: 0; left: 0; width: 100%; z-index: 800;}
	#top_logo{ display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0 13px; height: 100px; flex-wrap: wrap;}
	#top_logo>div:first-child { display: inline-flex; align-items: center; width: 100%;}
	#top_logo>div:nth-child(2) { margin: 0; width: 100%;}
	#top_logo>div h1{ margin: 0;}
	#top_logo>div h1>a{ padding: 0; display: flex;}
	#top_logo>div h1>a>img{ width: 280px; height: auto;}
	#top_logo .top_menu{ display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
	#top_logo .top_menu a{ position: relative; display: flex; align-items: flex-end; color: #000;}
	#top_logo .top_menu a:first-child{ margin: 0 20px 0 0;}
	#top_logo .top_menu a .logo2{ width: auto; height: 20px;}
	#top_logo .top_menu a .logo3{ width: auto; height: 20px;}

	.scroll_pc header{ height: 83px; background-color: #fff; border-bottom: 15px solid #000;}
	.scroll_pc #top_logo{ display: flex; width: 100%; justify-content: left; align-items: flex-start; margin: 0 auto; padding: 10px 13px; height: auto;}
	.scroll_pc #top_logo>div:nth-child(2) { margin: 0 0 0 54px}
	.scroll_pc #top_logo>div h1>a>img{ width: 180px; height: auto;}
	.scroll_pc #top_logo .top_menu a:first-child{ margin: 0 25px 0 0;}
	.scroll_pc #top_logo .top_menu a .logo2{ width: auto; height: 12px;}
	.scroll_pc #top_logo .top_menu a .logo3{ width: auto; height: 12px;}
}


/* footer */
@media (min-width: 768px) {
	.bottom_link{ display: flex; justify-content: center; padding: 180px 0 115px; font-size: 20px;}
	.bottom_link a:first-child{ border-left: 1px solid #000;}
	.bottom_link a{ border-right: 1px solid #000; padding: 5px 28px;}
}
@media (max-width: 767.98px) {
	.bottom_link { padding: 70px 0 100px;}
	.bottom_link>div{ display: flex; justify-content: center; flex-wrap: wrap; padding: 10px; font-size: 16px; width: 300px; text-align: center; background-color: rgba(255,255,255,0.8); margin: 0 auto;}
	.bottom_link>div a{ padding: 10px; width: 300px; text-align: center; background-color: rgba(255,255,255,0.8);}
	.bottom_link>div a:nth-child(2){ padding: 0 10px;}
	.bottom_link>div a:last-child{ border-bottom: 0px;}
}


@media (min-width: 768px) {
}
@media (max-width: 767.98px) {	
}