body > header {
	background:var(--color-white);
	transition: top var(--transition);
	padding-inline:var(--padding);
	height:110px;
}
body.scrolled > header {
	top:-110px;
}
body.scroll-top > header {
	top:0;
}

body > header > div {
    flex:1;
    display:flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
body > header h1 {
	margin:0;
	width:340px;
}
body > header h1 a {
	display:flex;
	align-items: center;
	justify-content: center;
}

body > header .contact-buttons {
    display:flex;
	justify-content: flex-end;
}
body > header .contact-buttons ul {
	gap:0 10px;
}
body > header .contact-buttons a {
	display:flex;
	align-items: center;
	justify-content: center;
	padding:20px 5px;
	color:var(--color-white);
	border-radius:0 0 6px 6px;
	line-height:1;
    font-weight:500;
    min-width:120px;
    gap:10px;
}
body > header .contact-buttons a:hover {
	filter: brightness(1.1);
}
body > header .contact-buttons a img {
	display:none;
}
body > header .contact-buttons li:nth-of-type(1) {
    flex:2;
}
body > header .contact-buttons li:nth-of-type(2) {
    flex:1;
}
body > header .contact-buttons li:nth-of-type(3) {
    flex:1;
}
body > header .contact-buttons li:nth-of-type(1) a {
	display:none;
}
body > header .contact-buttons li:nth-of-type(2) a {
	background:var(--color-main);
    white-space: nowrap;
}
body > header .contact-buttons li:nth-of-type(3) a {
	background:var(--color-orange);
    white-space: nowrap;
}
body > header .contact-buttons li:nth-of-type(1) > div {
    padding-top:20px;
}
body > header .contact-buttons li:nth-of-type(1) > div div {
    float:left;
    width:40px;
    height:40px;
    border-radius:100%;
    background:var(--color-red);
    padding:5px;
}
body > header .contact-buttons li:nth-of-type(1) > div strong {
    display:block;
    margin-left:50px;
    color:var(--color-red);
    font-family: "Shippori Mincho", serif;
    font-size:1.8em;
    line-height:1;
    white-space: nowrap;
    margin-top:-3px;
}
body > header .contact-buttons li:nth-of-type(1) > div small {
    display:block;
    margin-left:50px;
    font-weight:normal;
    font-size:0.8em;
    line-height:1;
    padding-top:2px;
}

body > header .contact-buttons p {
	margin:0;
}
body > header .contact-buttons p small {
	white-space: nowrap;
	font-family: "Shippori Mincho", serif;
	line-height:1;
	font-size:0.7em;
}
.menu-trigger .main-menu div {
    display:none;
}


.main-menu ul a {
    padding: calc(var(--padding) / 2) 0;
}
.main-menu ul a:hover {
    color:var(--color-red);
}


@media (max-width: 1020px) {
    .main-menu ul {
        gap:25px;
    }
}
@media (max-width: 920px) {
	body > header {
		height:80px;
	}

    .menu-trigger .main-menu {
        background:rgb(223 94 156 / .95);
        margin-top:80px;
        width:100vw;
        height:calc(200vh - 80px);
        padding:30px 20px;
    }
    .menu-trigger .main-menu ul {
        padding:0 20px;
        display:flex;
        flex-direction: column;
        gap:14px 0;
    }
    .menu-trigger .main-menu ul li {
        width:100%;
    }
    .menu-trigger .main-menu ul a {
        background:var(--color-white);
        border-radius:var(--radius-inner);
        padding:14px;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size:1.2em;
    }

    .menu-trigger .main-menu div {
        margin:30px auto;
        font-size:1.4em;
        width:fit-content;
        display:block;
    }
    .menu-trigger .main-menu div div {
        float:left;
        width:58px;
        height:58px;
        border-radius:100%;
        background:var(--color-white);
        padding:8px;
        margin:0;
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .menu-trigger .main-menu div div img {
        width:100%;
        height:100%;
        object-fit: contain;
    }
    .menu-trigger .main-menu div strong {
        display:block;
        margin-left:70px;
        color:var(--color-white);
        font-family: "Shippori Mincho", serif;
        font-size:2em;
        line-height:1;
        white-space: nowrap;
        margin-top:-3px;
    }
    .menu-trigger .main-menu div small {
        display:block;
        margin-left:70px;
        font-weight:normal;
        font-size:0.8em;
        line-height:1;
        padding-top:5px;
        color:var(--color-white);
    }

	body > header .contact-buttons {
		display:block;
		flex-wrap: nowrap;
		position:fixed;
		left:0;
		bottom:0;
		width:100vw;
		height:auto;
		margin:0;
		padding:10px;
		background:var(--color-base);
        z-index:6;
	}
	body > header .contact-buttons p {
		display:none;
	}
    body > header .contact-buttons ul {
        gap:0 7px;
    }
	body > header .contact-buttons li {
		font-size:1.2em;
	}
	body > header .contact-buttons a {
		font-weight:bold;
		flex-direction: column;
		padding:10px 5px;
		border-radius:var(--radius-inner);
        min-width:auto;
	}
	body > header .contact-buttons a img {
		display:block;
		height:24px;
	}
    body > header .contact-buttons li:nth-of-type(1) > div {
        display:none;
    }
	body > header .contact-buttons li:nth-of-type(1) a {
		background:var(--color-red);
        display:flex;
	}
    body > header .contact-buttons li:nth-of-type(1) {
        flex:1;
    }
}
@media (max-width: 520px) {
    body > header h1 {
        width:calc(100% - 60px);
    }
}