@charset "UTF-8";  

.pc {
	display: inline-block !important;
}

.pc2 {
	display: block !important;
}

.sp ,.sp2 {
	display: none !important;
}

#wrapper {
	width: 100%;
	min-width: 1060px;
	margin: auto;
	padding: 0;
	position: relative;
}


/*====================================
ヘッダー
=====================================*/
header {
	position: absolute;
	width: 100%;
	height: 140px;
	margin: 0 auto;
	padding: 50px 80px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 10;
	transition: 0.2s linear;
	&.home {
		height: 160px;
	}
}
/*header.scroll {
	height: 100px;
}*/
	header h1 {
		width: 100px;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		a {
			display: inline-block;
			margin: 0;
			padding: 0;
			&:hover {
				opacity: 0.8;
			}
		}
	}
	header nav {
		width: calc(100% - 100px);
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: flex-end;
		ul {
			margin: 0;
			padding: 0;
			font-family: "Montserrat", sans-serif;
			list-style: none;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			li {
				display: inline-block;
				margin: 0 30px 0;
				padding: 0;
				position: relative;
				a {
					display: inline-block;
					margin: 0;
					padding: 5px;
					font-size: 16px;
					font-weight: var(--weight-bold2);
					color: #333 !important;
					white-space: nowrap;
					text-decoration: none !important;
					&:hover {
						color: #EB5B01 !important;
					}
				}
				span {
					display: inline-block;
					margin: 0;
					padding: 5px;
					font-size: 16px;
					font-weight: var(--weight-bold2);
					color: #333 !important;
					cursor: pointer;
				}
				ul.dropdwn_menu {
					position: absolute;
					display: none;
					width: 230px;
					margin: 0;
					padding: 10px 15px;
					background: #fff;
					top: 43px;
					left: -20px;
					z-index: 1;
					li {
						display: block;
						margin: 0;
						padding: 0 !important;
						text-align: left;
						a {
							display: block;
							width: 100%;
							height: auto;
							margin: 0;
							padding: 0.4em 0 !important;
							font-size: 16px;
							line-height: 160%;
							font-weight: var(--weight-bold1);
							color: #333 !important;
							&:hover {
								color: #EB5B01 !important;
							}
						}
					}
				}
			}
			div {
				display: inline-block;
				margin: 0 0 0 25px;
				padding: 0;
				a {
					width: 132px;
					height: 40px;
					margin: 0;
					font-size: 16px;
					font-weight: var(--weight-bold2);
					color: #333 !important;
					border: 1px solid #EB5C02;
					border-radius: 20px;
					text-decoration: none !important;
					display: flex;
					justify-content: center;
					align-items: center;
					&:hover {
						color: #fff !important;
						background: #EB5B01 !important;
					}
				}
			}
		}
		&.home {
			ul {
				li {
					a {
						color: #fff !important;
						&:hover {
							color: #EB5B01 !important;
						}
					}
					span {
						color: #fff !important;
					}
				}
				div {
					a {
						color: #fff !important;
					}
				}
			}
		}
	}
			header.scroll nav ul {
				margin-top: 15px;
			}

header #sp_menu,
ul.ul_open_h,
#fadeLayer {
	display: none;
}

/*====================================
共通
=====================================*/
main {
	margin: 0 auto;
	padding: 0;
}

/* CONTACT */
section.contact_cont {
	margin: 0 auto;
	padding: 140px 0 130px;
	background: url(../images/common/contact_bg.jpg) center / cover no-repeat;
	.contact_cont {
		max-width: 1320px;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		.contact_top {
			margin: 0;
			padding: 0;
			text-align: left;
			h2 {
				margin: 0 auto;
				padding: 0;
				span {
					display: inline-block;
					margin: 0;
					padding: 0;
					font-size: 60px;
					line-height: 160%;
					font-family: "Montserrat", sans-serif;
					font-weight: var(--weight-extrabold1);
					letter-spacing: 0.1em;
					background: linear-gradient(90deg, #333333 0%, #aaaaaa 100%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
			}
			h3 {
				margin: -5px 0 0;
				padding: 0;
				span {
					display: inline-block;
					margin: 0;
					padding: 3px 0 0;
					font-size: 15px;
					line-height: 160%;
					font-weight: var(--weight-bold1);
					color: #333;
					border-top: 1px solid #eb5c02;
				}
			}
			p {
				margin: 50px auto 0;
				font-size: 18px;
				line-height: 200%;
			}
		}
		.cont_btn {
			margin: 0;
			padding: 0;
			a {
				display: inline-block;
				width: 303px;
				height: 60px;
				margin: 0;
				padding: 0;
				font-size: 15px;
				line-height: 200%;
				font-family: "Noto Sans", sans-serif;
				font-weight: var(--weight-bold1);
				color: #fff;
				text-decoration: none;
				border: 1px solid #EB5B01;
				background: #EB5B01;
				border-radius: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				&:hover {
					color: #333;
					background: #fff;
				}
			}
		}
	}
	.contact_cont.scrollin {
		-webkit-animation: bottomIn 0.5s ease-out 0s 1 forwards;
		animation: bottomIn 0.5s ease-out 0s 1 forwards;
	}
}


/*====================================
フッター
=====================================*/
footer {
	width: 100%;
	margin: 0 auto;
	padding: 170px 0 80px;
	#footer_in {
		max-width: 1520px;
		margin: 0 auto;
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		div.footer_info {
			width: 435px;
			margin: 0;
			padding: 0;
			text-align: left;
			dl {
				margin: 0;
				padding: 0;
				display: flex;
				align-items: flex-start;
				&:nth-of-type(2) {
					margin: 100px 0 0;
				}
				dt {
					width: 140px;
					margin: 0;
					padding: 0;
					a{
						&:hover {
							opacity: 0.7;
						}
					}					
				}
				dd {
					width: 310px;
					margin: 0;
					padding: 0;
					p {
						margin: 0;
						padding: 0;
						font-size: 15px;
						line-height: 200%;
						color: #666;
						a{
							text-decoration: none;
							&:hover{
								color: #EB5B01 !important;
								}
						}
						&:nth-of-type(n + 2) {
							margin-top: 25px;
						}
					}
				}
			}
		}
		div.foot_nav {
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: flex-end;
			align-items: flex-start;
			ul {
				margin: 0 40px;
				padding: 0;
				list-style: none;
				text-align: left;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				transition: 0.2s linear;
				div {
					display: inline-block;
					margin: 0;
					padding: 0;
					a {
						display: inline-block;
						margin: 0;
						padding: 0;
						font-size: 16px;
						line-height: 180%;
						font-weight: var(--weight-bold2);
						font-family: "Montserrat", sans-serif;
						color: #333333;
						text-decoration: none;
						&:hover {
							color: #EB5B01 !important;
						}
					}
					span {
						display: inline-block;
						margin: 0;
						padding: 0;
						font-size: 16px;
						line-height: 180%;
						font-weight: var(--weight-bold2);
						font-family: "Montserrat", sans-serif;
						color: #333333;
					}
					&:nth-of-type(n+2) {
						margin-top: 60px;
					}
				}
				li {
					margin: 20px 0 0;
					padding: 0;
					a {
						display: inline-block;
						margin: 0;
						padding: 0;
						font-size: 15px;
						font-family: "Noto Sans", sans-serif;
						font-weight: var(--weight-bold1);
						line-height: 180%;
						color: #333333;
						text-decoration: none;
						&:hover {
							color: #EB5B01 !important;
						}
					}

				}
			}
@media screen and (max-width:1300px) {
			ul {
				margin: 0 15px;
			}
}
		}
		div.foot_nav + div.footer_info {
			display: none;
		}
	}
	#footer_copy {
		max-width: 1520px;
		min-width: 1200px;
		margin: 50px auto 0;
		padding: 0 40px 0 0;
		font-size: 12px;
		line-height: 180%;
		font-family: "Montserrat", sans-serif;
		font-weight: var(--weight-nomal);
		color: #999999;
		text-align: right;
	}
}

#btm_cta {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
	bottom: 20px;
	right: 55px;
	z-index: 100;
	transition: 0.3s linear;
	&.on {
		opacity: 1;
		visibility: visible;
	}
	a {

		width: 400px;
		height: 60px;
		margin: 0;
		padding: 0;
		color: #fff;
		text-decoration: none;
		background: rgba(81,81,81,0.85);
		border-radius: 30px;
		box-shadow: 0 0 2px #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: 0.2s linear;
		span {
			margin: 0;
			padding: 0 25px 0 0;
			font-size: 14px;
			line-height: 200%;
			border-right: 1px solid rgba(255,255,255,0.55);
		}
		strong {
			margin: 0;
			padding: 0 0 0 25px;
			font-size: 15px;
			line-height: 180%;
			color: #fff;
			font-family: "Montserrat", sans-serif;
			font-weight: var(--weight-nomal);
			transition: 0.2s linear;
		}
		&:hover strong {
			color: #EB5B01 !important;
		}
	}
}

#page_top {
    position: fixed;
	display: none;
    bottom: 25px;
    right: 20px;
	z-index: 100;
	a {
		display: block;
		margin: 0;
		&:hover {
			opacity: 0.8;
		}
	}
}