@charset "UTF-8";



/* ---------------------------------------------------------------------------------------------

　   cmn

--------------------------------------------------------------------------------------------- */

.text-ss{
font-family: Noto Sans;
font-weight: 500;
font-style: Medium;
font-size: 12px;
leading-trim: NONE;
line-height: 160%;
letter-spacing: -1.1%;

}
.text-s,
.smb-section__lede{
font-family: Noto Sans;
font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 170%;
letter-spacing: 2%;

}
.text-m,
.smb-section__title{
font-family: Inter;
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;

}
.text-l{
font-family: A-OTF A1 Mincho Std;
font-weight: 400;
font-style: Bold;
font-size: 28px;
leading-trim: NONE;
line-height: 36px;
letter-spacing: 0%;

}
.text-ll{
font-family: A-OTF A1 Mincho Std;
font-weight: 400;
font-style: Bold;
font-size: 32px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 0%;

}


.btn-black{
background: #000000;
border: 2px solid;

border-image-source: linear-gradient(270deg, #D1B350 35.58%, #A6892C 100%);

color: #ffffff;

font-family: Noto Sans;
font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 170%;
letter-spacing: 2%;

}
.btn-gold{
background: linear-gradient(270deg, #D1B350 35.58%, #A6892C 100%);

color: #ffffff;

font-family: Noto Sans;
font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 170%;
letter-spacing: 2%;
}
.btn-black::after,
.btn-gold::after{
width: 5.5;
height: 11;
angle: 0 deg;
opacity: 1;
border-width: 1px;
}


.btn-black_inside::before{
background: linear-gradient(270deg, #D1B350 35.58%, #A6892C 100%);

background: linear-gradient(270deg, #D1B350 35.58%, #A6892C 100%);

}
.btn-gold_inside{
}

.oomidashi{
}

.color-gold{
	background:linear-gradient(270deg, #D1B350 35.58%, #A6892C 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}







.header-logo{
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1),  opacity .6s linear;
}
/* ---------------------------------------------------------------------------------------------

　   drawer

--------------------------------------------------------------------------------------------- */
.g_nav-drawer-container{
position: fixed;
/*position: absolute;*/
top: 0;
right: 0;
z-index: 1000;
margin-top: 0!important;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1),  opacity .6s linear;

}
body {
	overflow-x: hidden;
}
label {
	cursor: pointer;
	position: fixed;
}
.open {
	z-index: 2;
	top: 8px;
	right: 8px;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background: #86c0de;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}
#drawer:checked + .open {
	background: #dc6688;
	transform: translateX(-280px);
}
#drawer:checked + .open span {
	transform: scaleX(0);
}
#drawer:checked + .open::before {
	transform: rotate(170deg) scaleX(1.2);
}
#drawer:checked + .open::after {
	transform: rotate(-170deg) scaleX(1.2);
}
@media only screen and ( max-width : 959px ) {
    .contact-btn {
        height: initial;
        width: initial;
        display: initial;
        line-height: 1;
        padding: 0.5em;
        margin-left: 5px;
    }
}
/* :::::: toggle button :::::: */
#g_nav-drawer {
	display: none;
}
.g_nav-drawer-btn  {
	cursor: pointer;
	position: fixed;
}
.g_nav-drawer-open {
	z-index: 1002;

    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;

    line-height: 1;
width: 80px;
height: 80px;
    position: relative;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);

    background: #000;
    border-radius: 0 0 0 12px;
padding: 28.5px 19px;
    margin-top: 0!important;
}
.g_nav-drawer-open::before,
.g_nav-drawer-open::after {
	content: "";
}
#g_nav-drawer:checked ~ .g_nav-drawer-open{
    background: #ffffff33
}

.g_nav-drawer-open span,
.g_nav-drawer-open::before,
.g_nav-drawer-open::after {
	content: "";
	position: absolute;
	top: 40px;
	left: 19px;
	width: 42px;
	border-bottom: 1px solid #000;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.g_nav-drawer-open span,
.g_nav-drawer-open::before,
.g_nav-drawer-open::after{
	border-color: #fff;
}
.btn-fixed{
position: fixed;
}
.btn-fixed .g_nav-drawer-open span,
.btn-fixed .g_nav-drawer-open::before,
.btn-fixed .g_nav-drawer-open::after{
	border-color: #000;
}
.g_nav-drawer-open::before {
	transform: translateY(-11px);
}
.g_nav-drawer-open::after {
	transform: translateY(11px);
}
.g_nav-drawer-close {
	z-index: 1001;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}


#g_nav-drawer:checked + .g_nav-drawer-open .fa-bars{
    display: none;
}
#g_nav-drawer:not(:checked) + .g_nav-drawer-open .fa-xmark{
    display: none;
}
#g_nav-drawer:checked + .g_nav-drawer-open .fa-xmark{
    display: inline-block;
}


#g_nav-drawer:checked + .g_nav-drawer-open span {
	transform: scaleX(0);
}
#g_nav-drawer:checked + .g_nav-drawer-open::before {
	transform: rotate(150deg) scaleX(1.2);
border-color: #fff;
}
#g_nav-drawer:checked + .g_nav-drawer-open::after {
	transform: rotate(-150deg) scaleX(1.2);
border-color: #fff;
}
#g_nav-drawer:checked ~ .g_nav-drawer-close {
	pointer-events: auto;
}
/* :::::: g_nav-drawer menu :::::: */
.g_nav-drawermenu {
	z-index: 1001;
	position: fixed;
	overflow-y: auto;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
/*	padding: 10px;*/
	box-sizing: border-box;
	background: rgba(0,0,0);
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1),  opacity .6s linear;
	animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  opacity: 0;
z-index: 1000;
    margin-top: 0!important;
}
.g_nav-drawermenu ul {
	margin: 0;
	padding: 0;
}
.g_nav-drawermenu li {
	line-height: 1.4;
    border-bottom: 1px solid #404040;
}
.g_nav-drawermenu a {
/*
	display: block;
	color: white;
	text-decoration: inherit;
	transition: background .6s;
*/
}
.g_nav-drawermenu a:hover {
	background: black;
}
#g_nav-drawer:checked ~ .g_nav-drawermenu {
	transform: none;
  opacity: 1;
}







.smb-section__title:after {
    width: 87.5px;
    background: linear-gradient(270deg, #D1B350 35.58%, #A6892C 100%);
}