@charset "UTF-8";  

.pc {
	display: inline-block ;
}

.pc2 {
	display: block ;
}

.sp ,.sp2 {
	display: none;
}

#wrapper {
	width: 100%;
	margin: auto;
	padding: 0;
	position: relative;
}


/*====================================
ヘッダー
=====================================*/
header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: rgba(255,255,255,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	transition: 0.2s linear;
	opacity: 0;
	visibility: hidden;
	&.scroll {
		opacity: 1;
		visibility: visible;
	}
	#header_in {
		max-width: 1220px;
		height: 100px;
		margin: 0 auto;
		padding: 10px 30px 10px 15px; 
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: 0.2s linear;
		a.logo {
			width: 290px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			display: flex;
			align-items: center;
			&:hover {
				opacity: 0.8;
			}
			img {
				display: inline-block;
				width: 89px;
				height: auto;
				margin: 0 15px 0 0;
				padding: 0; 
			}
			h2 {
				display: inline-block;
				margin: 0;
				padding: 0;
				font-size: 14px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
				color: #041945 !important;
			}
		}
		nav {
			display: inline-block;
			margin: 0;
			padding: 0;
			ul {
				margin: 0;
				padding: 35px 0 0;
				list-style: none;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				li {
					margin: 0 0 0 30px;
					padding: 0;
					a {
						display: inline-block;
						margin: 0;
						padding: 7px 10px;
						font-size: 16px;
						line-height: 160%;
						font-weight: var(--weight-bold1);
						font-family: var(--font-min);
						font-style: italic;
						color: #16334f !important;
						text-decoration: none !important;
						white-space: nowrap;
						position: relative;
						&:after {
							position: absolute;
							content: '';
							width: 100%;
							height: 2px;
							margin: auto;
							background: #a57830;
							left: 0;
							bottom: 0;
							transform-origin: right top;
							transform: scale(0, 1);
							transition: transform .3s;
						}
						&:hover:after {
							transform: scale(1, 1);
							transform-origin: left top;
						}
					}
				}
			}
		}
	}
}

#sp_menu ,#accordion {
	display: none;
}

main {
	margin: 0 auto;
}


footer {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 15px;
	background: #011335;
	div.logo {
		margin: 0;
		padding: 0;
		text-align: left;
		display: flex;
		align-items: center;
		.txt {
			margin: 0 0 0 20px;
			padding: 0;
			color: #abb1bc;
			h6 {
				margin: 0;
				padding: 0;
				font-size: 16px;
				line-height: 160%;
				font-weight: var(--weight-nomal);
			}
			p {
				margin: 5px 0 0;
				padding: 0;
				font-size: 12px;
				line-height: 160%;
			}
		}
	}
	.copy {
		margin: 10px 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 160%;
		color: #abb1bc;
		text-align: right;
	}
}

#page_top {
	position: fixed;
	bottom: 20px;
    right: 30px;
	z-index: 80;
	img {
		transition: 0.2s linear;
		&:hover {
			opacity: 0.8;
		}
	}
}