@charset "UTF-8";

/*　ハンバーガーボタン　*/
.hamburger {
	position: fixed;
	z-index: 99999;
	right: 3.472vw;
	top: 2.431vw;
	width: 5.556vw;
	height: 5.556vw;
	cursor: pointer;
	text-align: center;
	background: #fff;
	border: none;
	box-shadow: 0px 3px 6px #BCBCBC;
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
}

.hamburger.show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.hamburger span {
	display: block;
	position: absolute;
	width: 2.222vw;
	height: 0.139vw;
	left: 1.667vw;
	background: #231815;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 2.014vw;
}

.hamburger span:nth-child(2) {
	top: 2.708vw;
}

.hamburger span:nth-child(3) {
	top: 3.472vw;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top: 2.639vw;
	left: 1.667vw;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 2.639vw;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

nav.globalMenuSp {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	text-align: center;
	transform: translateX(100%);
	transition: all 0.6s;
	width: 100%;
	height: 100vh;
	align-items: center;
	overflow: scroll;
}

.globalMenu_inner {
	background-color: #FCF6ED;
	position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
	z-index: 1;
}

.globalMenu_inner::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(/wp-content/themes/swell_child/image/top_simulation_sec_back.svg);
	background-size: cover;
	background-position: center;
	background-repeat: repeat-y;
	opacity: 0.13;
	mix-blend-mode: multiply;
	z-index: -1;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateX(0%);
}

.hamburger_contents {
	margin-bottom: 9.167vw;
}

.hamburger_contents .hamburger_column {
	display: flex;
}

.hamburger_contents .hamburger_cell_left {
	margin-right: 6.944vw;
	padding-right: 6.944vw;
	border-right: 1px solid #231815;
}

.hamburger_contents .hamburger_cell_left .img img {
	width: 100%;
	height: auto;
	display: block;
}

.hamburger_contents .hamburger_cell_left .img {
	width: 7.639vw;
	margin: 0 auto 20px;
}

.hamburger_contents .hamburger_cell_left .tel_time {
	text-align: left;
}

.hamburger_contents .hamburger_cell_left .common_tell_area {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hamburger_contents .hamburger_maintxt {
	font-size: 1.111vw;
	letter-spacing: 0.01em;
	font-weight: 700;
	margin-bottom: 2.083vw;
}

.hamburger_contents .hamburger_cell_rite .hamburger_btn_column {
	display: flex;
	gap: 1.389vw;
}

.hamburger_contents .hamburger_cell_rite .hamburger_cell_menu {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, auto);
	text-align: start;
	gap: 2.083vw;
	margin-bottom: 4.167vw;
	justify-content: flex-start;
}

.hamburger_contents .hamburger_cell_rite .menu_link_txt a {
	font-size: 1.25vw;
	letter-spacing: 0.05em;
	font-weight: 700;
	color: #231815;
}

.hamburger_contents_txt_column {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hamburger_contents_txt_column .copy_text {
	font-size: 0.833vw;
	letter-spacing: 0.01em;
}

.hamburger_contents_txt_column .hamburger_contents_link_area {
	display: flex;
	gap: 0.694vw;
	margin-bottom: 0;
}

@media (max-width: 750px) {
	.hamburger {
		background: #FFEC02;
		right: 5.128vw;
		top: 7.692vw;
		width: 10.256vw;
		height: 10.256vw;
		border-radius: 1.026vw;
		box-shadow: none;
	}

	.hamburger span {
		width: 5.062vw;
		height: 0.513vw;
		left: 2.564vw;
	}

	.hamburger span:nth-child(1) {
		top: 3.077vw;
	}

	.hamburger span:nth-child(2) {
		top: 4.615vw;
	}

	.hamburger span:nth-child(3) {
		top: 6.41vw;
	}

	.hamburger.active span:nth-child(1) {
		top: 4.615vw;
		left: 2.564vw;
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 4.359vw;
	}

	.globalMenu_inner{
		height: auto;
	}

	.globalMenu_inner .footer_link{
		font-size: 3.59vw;
	}

	.hamburger_contents_txt_column .hamburger_contents_link_area{
		position: relative;
	}

	.hamburger_contents_txt_column .hamburger_contents_link_area::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.256vw;
        background-image: repeating-linear-gradient(to right, #231815 0 5px, transparent 5px 10px);
        background-repeat: repeat-x;
        background-size: auto 3px;
    }

	.globalMenu_inner::before {
		background-size: 300%;
	}

	.globalMenu_inner .name_txt {
		font-size: 4.103vw;
		font-weight: 700;
		margin-bottom: 4.359vw;
		text-align: center;
	}

	.globalMenu_inner .common_tell_area {
		margin-bottom: 4.615vw;
	}

	.globalMenu_inner .common_btn_cell+.common_btn_cell {
		margin-top: 4.359vw;
	}

	.globalMenu_inner .common_btn_cell .common_btn_txt {
		text-align: start;
	}

	.hamburger_contents .hamburger_column {
		display: grid;
	}

	.hamburger_contents .hamburger_cell_rite .hamburger_btn_column {
		display: block;
	}

	.hamburger_contents {
		padding: 6.41vw 0 0;
		margin-bottom: 14.179vw;
	}

	.hamburger_contents .hamburger_cell_left {
		margin: 0 0 9.231vw;
		padding-right: 0;
		border-right: none;
		display: flex;
		align-items: center;
		gap: 2.564vw;
	}

	.hamburger_contents .hamburger_cell_left .img {
		width: 14.603vw;
		margin: 0;
	}

	.hamburger_contents .hamburger_maintxt {
		font-size: 3.333vw;
		margin-bottom: 0;
		text-align: start;
	}

	.hamburger_contents .hamburger_cell_rite .hamburger_cell_menu {
		width: 100%;
		grid-template-columns: 1fr;
		gap: 0;
		margin-bottom: 5.128vw;
	}

	.hamburger_contents .hamburger_cell_rite .menu_link_txt a {
		font-size: 4.103vw;
		display: block;
	}

	.hamburger_contents .hamburger_cell_rite .menu_link_txt {
		padding-bottom: 5.128vw;
		margin-bottom: 5.128vw;
		position: relative;
	}

	.hamburger_contents .hamburger_cell_rite .menu_link_txt::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 0.256vw;
		background-image: repeating-linear-gradient(to right, #231815 0 5px, transparent 5px 10px);
		background-repeat: repeat-x;
		background-size: auto 3px;
	}

	.hamburger_contents_txt_column {
		display: grid;
		justify-content: center;
		padding-bottom: 7.692vw;
	}

	.hamburger_contents_txt_column .copy_text {
		font-size: 3.077vw;
		order: 2;
	}

	.hamburger_contents_txt_column .hamburger_contents_link_area {
		gap: 18.974vw;
		padding-bottom:  5.385vw;
		margin-bottom: 12.564vw;
	}

	.hamburger_contents_txt_column .foote_link {
		font-size: 3.59vw;
		letter-spacing: 0.05em;
	}
}