header {
    background: #000;
}

header#pattern5 h1 {
    color: #fff;
}

header#pattern5 .link_setting a {
    color: #fff !important;
		transition: 0.2s ease-in-out;
}

header#pattern5 .link_setting a:hover {
    opacity: 0.6;
}

header nav * {
    color: #ffffff;
}

header#pattern5 .header_contents {
    margin-top: 0 !important;
}

header#pattern5 #menu_head {
    right: 280px;
}

header#pattern5 .header_contents .header_col1 .btn > a {
    background: #333;
    border: 1px solid #fff;
}

header nav ul.nav_1st > li > a {
    color: #fff !important;
}

header nav ul.nav_1st > li > a:hover {
    background: none;
    opacity: 0.6;
}

header nav ul.nav_2nd > li > a {
    background: #000000;
}

header nav ul.nav_2nd > li:hover {
    opacity: 1 !important;
}

header nav ul.nav_2nd > li a:hover {
    opacity: 1 !important;
}

header nav ul.nav_2nd > li > a span {
		transition: 0.2s ease-in-out;
}

header nav ul.nav_2nd > li:hover > a span {
    opacity: 0.6;
}

header nav ul.nav_1st > li.current a span {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 2px;
}

header .header_contents .header_col1 .tel a {
    color: #fff !important;
}

footer {
    background: #000000;
}

#fixbtn .fixbtnwrap {
    background: #000000;
}

footer .contents_btn01 a {
	background: #333 !important;
}

/*tablet
================================================================================================================================*/
@media screen and (max-width: 900px){
	header .sp_menu a div span,
	header .sp_menu a div:before,
	header .sp_menu a div:after {
			background: #fff;
	}

	header#pattern5 #menu_head {
		width: 100%;
	}
	
	header#pattern5 .header_contents {
			margin-top: 0;
	}
	
	header#pattern5 nav ul.nav_1st {
		width: 100% !important;
		display: block;
	}
	
	header nav ul.nav_1st > li {
		width: 100% !important;
		display: block;
	}
	
	header.open:after, header .header_contents {
			background: rgb(0 0 0 / 100%);
	}

	header nav ul.nav_1st > li.current {
			background: #000000;
	}

	header .header_sns, header .header_contents .header_col1, header .header_contents .header_col2 {
		border-top: none !important;
		border-bottom: none !important;
	}

	header nav ul.nav_1st > li i:before, header nav ul.nav_1st > li i:after {
			background: #fff;
	}
}

/*sp
================================================================================================================================*/
@media screen and (max-width: 640px){
	header .header_contents .header_col1 .btn>a:nth-of-type(1):nth-last-of-type(2) {
		margin: 0 0 10px 0;
	}
	
	footer nav ul li:nth-last-of-type(2n+1) {
		border-left: none;
	}
}