@charset "utf-8";
/* ================================================== */
/*                                                    */
/*                   header_res.css                   */
/*                                                    */
/* ================================================== */
@media screen and (max-width: 768px) {
	/* ハンバーガーメニュー */
	.hamburger-menu {
		width: 20%;
		height: 20%;
		position: relative;
		border: none;
		background: transparent;
		appearance: none;
		padding: 0;
		cursor: pointer;
	}
	.hamburger-menu__bar {
		display: inline-block;
		width: 50%;
		height: 2px;
		background: #333;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		transition: .5s;
	}
	.hamburger-menu__bar:first-child {
		top: 16px;
	}
	.hamburger-menu__bar:nth-child(2) {
		top: 24px;
	}
	.hamburger-menu__bar:last-child {
		top: 32px;
	}
	.hamburger-menu--open .hamburger-menu__bar {
		top: 50%;
	}
	.hamburger-menu--open .hamburger-menu__bar:first-child {
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
	}
	.hamburger-menu--open .hamburger-menu__bar:last-child {
		transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	}
	.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
		display: none;
	}
	.navigation {
		display: none;
		background: #242424;
		position: absolute;
		top: 0;
		left:20;
		width: 100%;
		z-index: 9999;
		margin:0 0 0 10%;
	}
	.navigation__list {
		text-align: right;
		list-style: none;
		padding: 0 5% 0 0;
		margin: 0;
	}
	.navigation__list-item {
		width:50%;
		border-bottom: solid 1px #fff;
		margin: 0 0 0 10%;
	}
	.navigation__list-item:first-child {
		border-top: solid 1px #474747;
	}
	.navigation__link {
		width:100%;
		font-size:0.9rem;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
		display: block;
		transition: .5s;
		margin:2% 0 2% 10%;
		padding:5% 0 5% 10%;
	}
	@media (hover: hover) and (pointer: fine) {
		.navigation__link:hover {
			background: #333;
		}
	}
	/* ハンバーガーメニュー */
}




@media screen and (max-width: 768px) {
	#header_wrap{
		width:100%;
		/*height:100px;*/
    }
	#header_wrap section.head_area{
		width:99%;
		background-color:#fff;
		position: static;
		border-radius:2;
		z-index:1000;
		margin:2% auto 0 auto;
		padding:0;
	}
	#header_wrap section.head_area p.corp_logo{
		width:30%;
		margin:0;
		padding:0;
	}
	#header_wrap section.head_area p.corp_logo img{
		width:100%;
	}
	#header_wrap section.head_area .no-flex{
		width:30%;
		display:block;
		margin:-5% 0 0 30%;
		padding:0;
	}
	#header_wrap section.head_area .no-flex h1{
		font-size:0.9rem;
		color:#333;
		font-weight:bold;
	}
	#header_wrap section.head_area .no-flex img{
		width:100%;
	}
	#header_wrap section.head_area ul.g-nav{
		display:none;
	}
	#header_wrap section.head_area .tel_area{
		display:none;
	}
}