/*==============================
        header
==============================*/
@charset "utf-8";

#header{
	.header {
		background-color:#FFFFFF;
		box-shadow:0 3px 6px rgba(0,0,0,.1);
		.header_inner {
			width: calc(100% - 60px);
			max-width:1200px;
			margin:0 auto;
			display: grid;
			grid-template-columns: 90px 1fr 90px;
			align-items:center;
			&::before {
				content:'';
			}
			h1 {
				height: 80px;
				display:grid;
				grid-template-columns:40px auto;
				grid-column-gap:.5em;
				align-items:center;
				justify-content:center;
				font-size:2.0rem;
			}
			a {
				background-color: #ff9900;
				color:#FFFFFF;
				font-weight:600;
				display: grid;
				width: 90px;
				align-items: center;
				justify-content: center;
				line-height: 1;
				height: 2em;
				border-radius: 6px;
			}
		}
	}
	&.identity {
		.header {
			box-shadow:none;
			.header_inner {
				h1 {
					height:auto;
					padding-top:1em;
					font-size:1.8rem;
				}
			}
		}
	}
}