@charset "utf-8";

/*===========================================================
ヘッダー
===========================================================*/

.header {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 13px 15px 8px;
    position: relative;
    z-index: 9999;
}

.header-container {
    max-width: 1866px;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.header-logo-link {
    display: block;
    max-width: 97px;
    width: 18%;
}

.header-nav-area {
    display: none;
    justify-content: flex-end;
    margin: 0 1% 0 auto;
    flex: 1;
}

.header-nav-link01 {
    display: block;
    color: #895238;
    font-size: clamp(12px, calc(0.75rem + ((1vw - 13px) * 1.2903)), 20px);
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0 0 0 5%;
}

.header-nav-link01:first-child {
    margin: 0;
}

.header-nav-link01:hover {
	color: #895238;
	text-decoration: underline;
}

.header-nav-link01-no-hover:hover {
	text-decoration: none;
}

.header-nav-set {
    margin: 0 0 0 5%;
}

.header-nav-set:hover {
    cursor: default;
}

.header-nav-box {
	position: absolute;
	top: 67%;
    left: 28%;
    max-width: 145px;
    width: 100%;
    background: #FFF;
    display: flex;
    flex-direction: column;
	visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 1;
    transform: translateX(-50%);
}

.header-nav-set:hover .header-nav-box {
    visibility: visible;
    opacity: 1;
}

.header-nav-link02 {
	padding: 13px 0 11px;
    display: block;
    color: #895238;
    font-size: clamp(12px, calc(0.75rem + ((1vw - 10.24px) * 0.4464)), 16px);
    font-weight: 400;
    letter-spacing: 0.05em;
	border-bottom: 1px solid #EBDFD7;
}

.header-nav-link02:last-child {
	border-bottom: 0;
}

.header-nav-link02 p {
    margin: 0 auto 0 42px;
}

.header-nav-link02:hover {
    color: #895238;
    text-decoration: underline;
}

.header-contact-area {
	max-width: 790px;
	width: 44.8%;
	display: none;
	align-items: center;
	justify-content: space-between;
}

.header-contact-area .contact-link-set01 {
    width: 47%;
}

.header-contact-area .contact-link-set02 {
    width: 50.1%;
}


/*--is-animation--*/

.header.clone.is-animation {
    top: 0;
    transition: all .3s;
    visibility: visible;
    opacity: 1;
}

.header.clone {
    position: fixed;
    top: -96px;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    border-bottom: 0px solid #ccc;
    background: #FFF;
}

/*----- is-hidden -----*/

.header-right-link01.is-hidden,
.header-right-link02.is-hidden {
	visibility: hidden;
	transition: all .5s;
	opacity: 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*===========================================================

===========================================================*/


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 544px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ 

/*===========================================================

===========================================================*/


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*===========================================================

===========================================================*/


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*===========================================================

===========================================================*/


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1300px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*===========================================================

===========================================================*/

.header-logo-link {
    display: block;
    max-width: 137px;
    width: 18%;
}

.header-nav-area {
    display: flex;
}

.header-contact-area {
	display: flex;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1440px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1520px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */