@charset "shift_jis";
.header{
	height: 0;
	position: relative;
}
.header_logo{
	float: right;
	padding: 0 130px 10px;
}
.logo{
	position: absolute;
	top: -20px;
	left: 143px;
	z-index: 2;
}
.logo .gd {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 0 17px;
	text-align: center;
	width: 100%;
}
.logo2{
	background-color: #FFF;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 15px 20px;
	position: absolute;
	top: 0;
	left:40px;
	max-width: 250px;
	width: 20%;
	z-index: 2;
}
.logo2 a,
.logo2 span{
	display: block;
}
.logo2 .gd{
	margin-top: 5px;
}
.logo2 img{
	height: auto;
	width: 100%;
	vertical-align: bottom;
}
@media screen and (max-width: 767px) {
.header {
    background-color: #fff;
}
.header_logo {
    padding: 0 7%;
    width: 80%;
}
.header_logo img {
     float: right; 
}
.header_link{
		background-color: #FF9D0A;
    padding: 12% 6%;
    color: #fff;
    font-size: 3vw;
}
.logo {
    left: 5%;
    width: 25%;
}
.logo .gd {
	padding: 8% 10% 9%;
	width: auto;
}
.logo .gd img {
	height: auto;
	width: 100%;
}
	.logo2{
		border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
		top: 0;
		left: 50%;
		padding: 10px;
		width: 30%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.logo2 .gd{
	margin-top: 3px;
}
}
@media screen and (max-width: 900px) and (min-width: 767px){
	.logo2{
		left: 20px;
	}
}
@media screen and (max-width: 767px) and (min-width: 545px){
	.header_logo {
    width: 100%;
}
}
@media screen and (max-width: 290px) {
.header_logo img{
		width: 60%;
		float: right;
}
}