@charset "UTF-8";
/*
Theme Name:common style
*/
*, *:before, *:after {
	box-sizing: border-box
}
* {
	margin: 0
}
:root {
	color: #fff;
	font: 12pt/1.6 serif;
	-ms-font-feature-settings: "normal";
	font-feature-settings: "palt";
	font-weight: 400;
	font-style: normal;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 2;
	letter-spacing: .05em
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 100px;
}
body.open {
	overflow: hidden
}
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%
}
input, button, textarea, select {
	font: inherit
}
p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word
}
#root, #__next {
	isolation: isolate
}
ol, ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
img {
	vertical-align: bottom
}
a {
	text-decoration: none;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
a:hover,
a:focus {
  color: #da680a
}
.anchor {
	display: block;
	padding-top: 84px !important;
	margin-top: -84px !important
}

button, input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none
}
.btn {
	display: flex;
	width: 100%;
	max-width: 1264px;
	overflow: hidden
}
.btn a {
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: relative;
	font-weight: 300;
	text-decoration: none;
	font-size: 1.3125rem;
	line-height: 1;
	letter-spacing: .16em;
	white-space: nowrap;
	padding-right: 84px;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.btn a:before,
.btn a:after {
	position: absolute;
	right: 0;
	content: "";
	bottom: 0;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform-origin: center;
	border-radius: 1px;
	background-color: #a19693;
	height: 1px
}
.btn a:before {
	width: 16px;
	transform-origin: right bottom;
	transform: rotate(42deg)
}
.btn a:after {
	width: 65px
}
.btn a span {
	font-size: .875rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 80, "wght" 500;
	letter-spacing: .1em;
	color: #a19693
}
.btn a:hover::before,
.btn a:focus::before{
  background-color: #da680a;
  animation: btn_arrow01 .8s cubic-bezier(0.45, 0, 0.55, 1);
}
.btn a:hover::after,
.btn a:focus::after{
  background-color: #da680a;
  animation: btn_arrow02 .8s cubic-bezier(0.45, 0, 0.55, 1);
}
@keyframes btn_arrow01 {
  0% {
    transform: translateX(-32px)rotate(42deg);
    opacity: .4
  }
  100% {
    transform: translateX(0)rotate(42deg);
    opacity: 1
  }
}
@keyframes btn_arrow02 {
  0% {
    transform: translateX(-32px);
    opacity: .4
  }
  100% {
    transform: translateX(0);
    opacity: 1
  }
}
@keyframes btn_arrow01_l {
  0% {
    transform: translateX(32px)rotate(-42deg);
    opacity: .4
  }
  100% {
    transform: translateX(0)rotate(-42deg);
    opacity: 1
  }
}
@keyframes btn_arrow02_l {
  0% {
    transform: translateX(32px);
    opacity: .4
  }
  100% {
    transform: translateX(0);
    opacity: 1
  }
}
.btn a:hover span,
.btn a:focus span{
  color: #da680a
}
@media screen and (max-width: 600px) {
	.btn a {
		font-size: 1.125rem;
		letter-spacing: .1em;
		padding-right: 56px
	}
	.btn a:after {
		width: 48px
	}
	.btn a span {
		font-size: .75rem
	}
}

address {
	display: flex;
	flex-direction: column;
	gap: 0;
	font-size: .875rem;
	font-style: normal;
	line-height: 2;
	margin-bottom: 30px
}
address dl {
	display: flex;
	flex-direction: row;
	gap: 8px
}
address br {
	display: none
}
address a:not([href^="tel:"]) {
	position: relative;
	display: inline-block;
	line-height: 1
}
address a:not([href^="tel:"]):before {
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff
}
@media screen and (max-width: 768px) {
	address {
		gap: 16px;
		line-height: 1.8
	}
	address dl {
		flex-direction: column;
		gap: 0
	}
	address dl dt {
		font-size: 1rem;
		font-weight: 600;
		opacity: .6
	}
	address br {
		display: block
	}
}

.sns_list a {
	display: block;
	height: auto
}
.sns_list .facebook a {
	width: 28.64px;
	aspect-ratio: 28.64/28.4653
}
.sns_list .insta a {
	width: 30.4916px;
	aspect-ratio: 30.4916/31.0167
}
.sns_list svg {
	object-fit: contain;
	width: 100%;
	height: 100%
}
@media screen and (min-width: 769px) {
	a[href^="tel:"] {
		color: #231815;
		pointer-events: none
	}
	.pc {
		display: block
	}
	.sp {
		display: none
	}
}
@media screen and (max-width: 768px) {
	.pc {
		display: none
	}
	.sp {
		display: block
	}
}

.l-arrow {
	display: inline-block;
	-webkit-transform: scale(.6, 1.4);
	transform: scale(.6, 1.4)
}
.d-arrow {
	display: inline-block;
	-webkit-transform: scale(.4, .4);
	transform: scale(.4)
}
.notes {
	font-size: 1rem;
	text-indent: -1rem;
	padding-left: 1rem
}
.notes:before {
	content: "※"
}

.motion {
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.motion.motion01 {
	opacity: 0;
	transform: translateY(40px)
}
.motion.motion01.start {
	opacity: 1;
	transform: translateY(0)
}
.motion.motion02 {
	opacity: 0;
	transform: translateY(-40px)
}
.motion.motion02.start {
	opacity: 1;
	transform: translateY(0)
}
.motion.motion03 {
	opacity: 0;
	transform: translate(40px)
}
.motion.motion03.start {
	opacity: 1;
	transform: translate(0)
}
.motion.motion04 {
	opacity: 0;
	transform: translate(-40px)
}
.motion.motion04.start {
	opacity: 1;
	transform: translate(0)
}
.motion.motion05 {
	opacity: 0;
	transform: translateZ(40px)
}
.motion.motion05.start {
	opacity: 1;
	transform: translateZ(0)
}
.motion.motion06 {
	opacity: 0;
	transform: translateZ(-40px)
}
.motion.motion06.start {
	opacity: 1;
	transform: translateZ(0)
}
@media print {
	.motion.motion01,
	.motion.motion02,
	.motion.motion03,
	.motion.motion04,
	.motion.motion05,
	.motion.motion06 {
		opacity: 1;
		transform: translateZ(0)
	}
}

.motion.delay01 {
	transition-delay: .08s
}
.motion.delay02 {
	transition-delay: .16s
}
.motion.delay03 {
	transition-delay: .24s
}
.motion.delay04 {
	transition-delay: .32s
}
.motion.delay05 {
	transition-delay: .4s
}
.motion.delay06 {
	transition-delay: .48s
}
.motion.delay07 {
	transition-delay: .54s
}
.split {
	overflow: hidden
}
.split span {
	display: inline-block;
	transition: all .4s
}
.split.motion span {
	transform: translateY(50%);
	opacity: 0
}
.split.motion.start span {
	opacity: 1;
	transform: translateY(0)
}
.split span:nth-of-type(1) {
	transition-delay: .04s
}
.split span:nth-of-type(2) {
	transition-delay: .08s
}
.split span:nth-of-type(3) {
	transition-delay: .12s
}
.split span:nth-of-type(4) {
	transition-delay: .16s
}
.split span:nth-of-type(5) {
	transition-delay: .2s
}
.split span:nth-of-type(6) {
	transition-delay: .24s
}
.split span:nth-of-type(7) {
	transition-delay: .28s
}
.split span:nth-of-type(8) {
	transition-delay: .32s
}
.split span:nth-of-type(9) {
	transition-delay: .36s
}
.split span:nth-of-type(10) {
	transition-delay: .4s
}
.split span:nth-of-type(11) {
	transition-delay: .44s
}
.split span:nth-of-type(12) {
	transition-delay: .48s
}
.split span:nth-of-type(13) {
	transition-delay: .52s
}
.split span:nth-of-type(14) {
	transition-delay: .56s
}
.split span:nth-of-type(15) {
	transition-delay: .6s
}
.split span:nth-of-type(16) {
	transition-delay: .64s
}
.split span:nth-of-type(17) {
	transition-delay: .68s
}
.split span:nth-of-type(18) {
	transition-delay: .72s
}
.split span:nth-of-type(19) {
	transition-delay: .76s
}
.split span:nth-of-type(20) {
	transition-delay: .8s
}
.split span:nth-of-type(21) {
	transition-delay: .84s
}
.split span:nth-of-type(22) {
	transition-delay: .88s
}
.split span:nth-of-type(23) {
	transition-delay: .92s
}
.split span:nth-of-type(24) {
	transition-delay: .96s
}
.split span:nth-of-type(25) {
	transition-delay: 1s
}
.split span:nth-of-type(26) {
	transition-delay: 1.04s
}
.split span:nth-of-type(27) {
	transition-delay: 1.08s
}
.split span:nth-of-type(28) {
	transition-delay: 1.12s
}
.split span:nth-of-type(29) {
	transition-delay: 1.16s
}
.split span:nth-of-type(30) {
	transition-delay: 1.2s
}
.split span:nth-of-type(31) {
	transition-delay: 1.24s
}
.split span:nth-of-type(32) {
	transition-delay: 1.28s
}
.split span:nth-of-type(33) {
	transition-delay: 1.32s
}
.split span:nth-of-type(34) {
	transition-delay: 1.36s
}
.split span:nth-of-type(35) {
	transition-delay: 1.4s
}
.split span:nth-of-type(36) {
	transition-delay: 1.44s
}
.split span:nth-of-type(37) {
	transition-delay: 1.48s
}
.split span:nth-of-type(38) {
	transition-delay: 1.52s
}
.split span:nth-of-type(39) {
	transition-delay: 1.56s
}
.split span:nth-of-type(40) {
	transition-delay: 1.6s
}
.split span:nth-of-type(41) {
	transition-delay: 1.64s
}
.split span:nth-of-type(42) {
	transition-delay: 1.68s
}
.split span:nth-of-type(43) {
	transition-delay: 1.72s
}
.split span:nth-of-type(44) {
	transition-delay: 1.76s
}
.split span:nth-of-type(45) {
	transition-delay: 1.8s
}
.split span:nth-of-type(46) {
	transition-delay: 1.84s
}
.split span:nth-of-type(47) {
	transition-delay: 1.88s
}
.split span:nth-of-type(48) {
	transition-delay: 1.92s
}
.split span:nth-of-type(49) {
	transition-delay: 1.96s
}
.split span:nth-of-type(50) {
	transition-delay: 2s
}
.split span:nth-of-type(51) {
	transition-delay: 2.04s
}
.split span:nth-of-type(52) {
	transition-delay: 2.08s
}
.split span:nth-of-type(53) {
	transition-delay: 2.12s
}
.split span:nth-of-type(54) {
	transition-delay: 2.16s
}
.split span:nth-of-type(55) {
	transition-delay: 2.2s
}
.split span:nth-of-type(56) {
	transition-delay: 2.24s
}
.split span:nth-of-type(57) {
	transition-delay: 2.28s
}
.split span:nth-of-type(58) {
	transition-delay: 2.32s
}
.split span:nth-of-type(59) {
	transition-delay: 2.36s
}
.split span:nth-of-type(60) {
	transition-delay: 2.4s
}
.split span:nth-of-type(61) {
	transition-delay: 2.44s
}
.split span:nth-of-type(62) {
	transition-delay: 2.48s
}
.split span:nth-of-type(63) {
	transition-delay: 2.52s
}
.split span:nth-of-type(64) {
	transition-delay: 2.56s
}
.split span:nth-of-type(65) {
	transition-delay: 2.6s
}
.split span:nth-of-type(66) {
	transition-delay: 2.64s
}
.split span:nth-of-type(67) {
	transition-delay: 2.68s
}
.split span:nth-of-type(68) {
	transition-delay: 2.72s
}
.split span:nth-of-type(69) {
	transition-delay: 2.76s
}
.split span:nth-of-type(70) {
	transition-delay: 2.8s
}
.split span:nth-of-type(71) {
	transition-delay: 2.84s
}
.split span:nth-of-type(72) {
	transition-delay: 2.88s
}
.split span:nth-of-type(73) {
	transition-delay: 2.92s
}
.split span:nth-of-type(74) {
	transition-delay: 2.96s
}
.split span:nth-of-type(75) {
	transition-delay: 3s
}
.split span:nth-of-type(76) {
	transition-delay: 3.04s
}
.split span:nth-of-type(77) {
	transition-delay: 3.08s
}
.split span:nth-of-type(78) {
	transition-delay: 3.12s
}
.split span:nth-of-type(79) {
	transition-delay: 3.16s
}
.split span:nth-of-type(80) {
	transition-delay: 3.2s
}
.split span:nth-of-type(81) {
	transition-delay: 3.24s
}
.split span:nth-of-type(82) {
	transition-delay: 3.28s
}
.split span:nth-of-type(83) {
	transition-delay: 3.32s
}
.split span:nth-of-type(84) {
	transition-delay: 3.36s
}
.split span:nth-of-type(85) {
	transition-delay: 3.4s
}
.split span:nth-of-type(86) {
	transition-delay: 3.44s
}
.split span:nth-of-type(87) {
	transition-delay: 3.48s
}
.split span:nth-of-type(88) {
	transition-delay: 3.52s
}
.split span:nth-of-type(89) {
	transition-delay: 3.56s
}
.split span:nth-of-type(90) {
	transition-delay: 3.6s
}
.split span:nth-of-type(91) {
	transition-delay: 3.64s
}
.split span:nth-of-type(92) {
	transition-delay: 3.68s
}
.split span:nth-of-type(93) {
	transition-delay: 3.72s
}
.split span:nth-of-type(94) {
	transition-delay: 3.76s
}
.split span:nth-of-type(95) {
	transition-delay: 3.8s
}
.split span:nth-of-type(96) {
	transition-delay: 3.84s
}
.split span:nth-of-type(97) {
	transition-delay: 3.88s
}
.split span:nth-of-type(98) {
	transition-delay: 3.92s
}
.split span:nth-of-type(99) {
	transition-delay: 3.96s
}
.split span:nth-of-type(100) {
	transition-delay: 4s
}

.loading {
	position: fixed;
	width: 100vw;
	height: 100vh;
	transform: translate(0);
	background-color: #fff;
	opacity: 1;
	top: 0;
	left: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center
}
.loading:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #b0ae6f;
	transform: translateY(-100vh);
	display: none
}
.loading .loading_logo {
	margin-bottom: 44px;
	margin-left: 8px;
	opacity: 0;
	animation: load_logo cubic-bezier(.215, .61, .355, 1) .3s forwards
}
.loading .loader {
	margin: 0;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: .4em solid rgba(0, 0, 0, .2);
	border-right: .4em solid rgba(0, 0, 0, .2);
	border-bottom: .4em solid rgba(0, 0, 0, .2);
	border-left: .4em solid #333;
	transform: translateZ(0);
	animation: load_circle 1.1s infinite linear;
	border-radius: 50%;
	width: 53px;
	height: 53px
}
.loading .loader:after {
	border-radius: 50%;
	width: 53px;
	height: 53px
}
.loading.loadend {
	opacity: 1;
	transform: translateY(-100vh);
	visibility: hidden
}
.loading.loadend:before {
	opacity: 1;
	transform: translateY(100vh);
	visibility: hidden
}
.loading.loadend .loading_logo, .loading.loadend .loader {
	opacity: 0
}

.all_wrap {
	position: relative
}
.all_wrap:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -100;
	margin: 0;
	width: 100%;
	height: 100%;
	background-color: #231815;
	background-size: cover
}

.global_head {
	display: flex;
	justify-content: center;
	position: fixed;
	transform: translateZ(0);
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding-right: 32px;
	padding-left: 32px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	pointer-events: none
}
.global_head>.inner {
	position: relative;
	z-index: 100;
	margin: 0;
	width: 100dvw;
	max-width: 1264px;
	padding: 0 32px;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}
.btn_hamburger {
	display: flex;
	justify-content: flex-end;
	position: fixed;
	transform: translateZ(10px);
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	width: 100dvw;
	height: 100vh;
	margin: 0 auto;
	padding-top: 32px;
	padding-right: 32px;
	padding-left: 32px;
	mix-blend-mode: exclusion;
	pointer-events: none
}
.btn_hamburger label {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	pointer-events: all;
	cursor: pointer;
	width: 64px;
	height: 64px;
	transition-delay: .4s;
	pointer-events: auto
}
.btn_hamburger input {
	display: none
}
.btn_hamburger svg {
	height: 64px;
	transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}
.btn_hamburger .line {
	fill: none;
	stroke: #fff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	transition: stroke-dasharray .4s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .4s cubic-bezier(.4, 0, .2, 1)
}
.btn_hamburger .line-top-bottom {
	stroke-dasharray: 12 63
}
.btn_hamburger input:checked+svg {
	transform: rotate(-45deg)
}
.btn_hamburger input:checked+svg .line {
	stroke: #fff
}
.btn_hamburger input:checked+svg .line-top-bottom {
	stroke-dasharray: 20 300;
	stroke-dashoffset: -32.42
}
@media screen and (max-width: 600px) {
	.btn_hamburger {
		padding: 8px 16px
	}
	.btn_hamburger label {
		width: 48px;
		height: 48px
	}
	.btn_hamburger svg {
		height: 48px
	}
}

.open .main_head .inner h1 {
	transform: translateY(-100%);
	opacity: 0
}

.global_nav {
	width: 100%;
	height: 100%;
	min-height: 768px;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: fixed;
	pointer-events: all;
	visibility: hidden;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translate3d(-100%, 0, 20px) scale(1);
	opacity: 0;
	color: #fff;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px)
}
.global_nav:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #231815;
	opacity: .88
}
.global_nav .inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 48px;
	width: 100%;
	height: 100%;
	min-height: 768px;
	max-width: 1264px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 48px 48px 98px;
}
.global_nav .head_logo {
	aspect-ratio: 234.601 / 91.1465;
	width: 100%;
	max-width: 200px;
	height: auto;
	pointer-events: none;
	filter: drop-shadow(2px 2px 4px rgba(35, 24, 21, 1));
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: scale(1.25);
	opacity: 0;
}
.global_nav .head_logo a {
	pointer-events: auto;
}
.global_nav .head_logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.global_nav .head_menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	width: 100%;
	max-width: 100%;
	margin-bottom: 80px;
}
.global_nav .head_menu ul {
	display: flex;
	flex-direction: column;
	gap: 32px;
	font-size: 1.25rem;
	line-height: 1
}
.global_nav .head_menu ul.menu_list a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px
}
.global_nav .head_menu ul.menu_list a span {
	font-size: .75rem
}
.global_nav .head_menu ul.sns_list {
	flex-direction: row;
	align-items: center;
	margin: 0 auto
}
.global_nav .head_menu ul.sns_list .sns_icon_path {
	fill: #fff
}
.global_nav li {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(20px) scale(1);
	opacity: 0;
}
.global_nav a {
	color: #fff
}
.global_nav small {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	font-size: .75rem;
	line-height: 1
}
@media screen and (max-width: 600px) {
	.global_nav .inner {
		padding: 16px 16px 32px;
	}
	.global_nav .head_menu {
		flex-wrap: wrap;
		gap: 60px 10%;
		margin-bottom: 20px
	}
	.global_nav .head_menu ul {
		font-size: 1rem
	}
	.global_nav .head_menu ul.sns_list {
		width: 100%;
		flex-direction: row;
		justify-content: center
	}
	.global_nav small {
		justify-content: center
	}
}

.open .global_nav {
	transform: translate3d(0, 0, 100px) scale(1);
	visibility: visible;
	opacity: 1
}
.open .global_nav:after {
	opacity: 1
}
.open .global_nav .head_logo {
	transition-delay: .3s;
	transform: scale(1);
	opacity: 1;
}
.open .global_nav li {
	transform: translate(0) scale(1);
	opacity: 1
}
.open .global_nav li:nth-child(1) {
	transition-delay: .3s
}
.open .global_nav li:nth-child(2) {
	transition-delay: .38s
}
.open .global_nav li:nth-child(3) {
	transition-delay: .46s
}
.open .global_nav li:nth-child(4) {
	transition-delay: .54s
}
.open .global_nav li:nth-child(5) {
	transition-delay: .62s
}

.global_foot {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height: 100vh;
	min-height: 720px;
	padding-right: 32px;
	padding-left: 32px;
	color: #fff;
	background-color: #231815
}
.global_foot .inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	width: 100%;
	max-width: 1264px;
	height: 100%;
	padding: 160px 0 120px
}
.global_foot h2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	font-size: 1.5rem;
	line-height: 1;
	margin-bottom: 32px;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.global_foot h2 span {
	position: relative;
	display: inline-block;
	font-size: 1.125rem;
	padding: 0 16px
}
.global_foot h2 span:before, .global_foot h2 span:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 12px;
	height: 1px;
	background-color: #fff
}
.global_foot h2 span:before {
	left: 0
}
.global_foot h2 span:after {
	right: 0
}
.global_foot address {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 32px
}
.global_foot address:before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform-origin: left;
	background-color: #a19693;
	transform: scaleX(0)
}
.global_foot address * {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(40px);
	opacity: 0
}
.global_foot address *:nth-child(1) {
	transition-delay: .08s
}
.global_foot address *:nth-child(2) {
	transition-delay: .16s
}
.global_foot address *:nth-child(3) {
	transition-delay: .24s
}
.global_foot address.start:before {
	transform: scaleX(1)
}
.global_foot address.start * {
	transform: translateY(0);
	opacity: .9
}
.global_foot .menu_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 24px;
	margin-bottom: 48px
}
.global_foot .menu_list li {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(40px);
	opacity: 0
}
.global_foot .menu_list li:nth-child(1) {
	transition-delay: .08s
}
.global_foot .menu_list li:nth-child(2) {
	transition-delay: .16s
}
.global_foot .menu_list li:nth-child(3) {
	transition-delay: .24s
}
.global_foot .menu_list li:nth-child(4) {
	transition-delay: .32s
}
.global_foot .menu_list li:nth-child(5) {
	transition-delay: .4s
}
.global_foot .menu_list a {
	display: flex;
	flex-direction: column;
	gap: 8px;
	line-height: 1;
	font-size: .875rem
}
.global_foot .menu_list a span {
	font-size: .75rem
}
.global_foot .menu_list.start li {
	transform: translateY(0);
	opacity: 1
}
.global_foot .foot_logo {
	display: block;
	content: "";
	position: absolute;
	bottom: 80px;
	right: 32px;
	aspect-ratio: 320/124.3254;
	width: 100%;
	max-width: 320px;
	height: auto;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.global_foot .foot_logo img {
	width: 100%;
	height: 100%;
	object-fit: contain
}
.global_foot .sns_list {
	display: flex;
	gap: 32px;
	margin-bottom: auto
}
.global_foot .sns_list li {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(40px);
	opacity: 0
}
.global_foot .sns_list li:nth-child(1) {
	transition-delay: .08s
}
.global_foot .sns_list li:nth-child(2) {
	transition-delay: .16s
}
.global_foot .sns_list.start li {
	transform: translateY(0);
	opacity: 1
}
.global_foot svg .sns_icon_path {
	fill: #fff
}
.global_foot a {
	color: #fff
}
.global_foot a:hover,
.global_foot a:focus {
	color: #a19693
}
.global_foot a:hover svg .sns_icon_path,
.global_foot a:focus svg .sns_icon_path {
	fill: #a19693
}
.global_foot small {
	font-size: .75rem;
	line-height: 1
}
@media screen and (max-width: 768px) {
	.global_foot {
		height: auto
	}
	.global_foot .inner {
		align-items: center;
		padding: 60px 0 40px
	}
	.global_foot .inner h2 {
		flex-direction: column;
		gap: 8px;
		font-size: 1.25rem
	}
	.global_foot .inner h2 span {
		font-size: .875rem;
		padding: 0 12px
	}
	.global_foot .inner h2 span:before, .global_foot .inner h2 span:after {
		width: 8px
	}
	.global_foot .inner address {
		text-align: center
	}
	.global_foot .menu_list {
		max-width: 289px;
		margin-right: auto;
		margin-bottom: 300px;
		margin-left: auto
	}
	.global_foot .foot_logo {
		right: -50%;
		bottom: 148px;
		left: -50%;
		margin: 0 auto;
		aspect-ratio: 213.5608/384;
		max-width: 132px
	}
	.global_foot .sns_list {
		margin-bottom: 40px
	}
}
@media screen and (max-width: 450px) {
	.global_foot .menu_list {
		max-width: 250px;
	}
}

.section_sh {
	display: flex;
	flex-direction: column;
	gap: 20px;
	letter-spacing: .16em;
	line-height: 1;
	margin-bottom: 40px;
	overflow: hidden
}
.section_sh h1 {
  order: 2;
	font-size: 2.5rem;
}
.section_sh p.eng {
  order: 1;
	font-size: 1.5rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 80, "wght" 300;
	letter-spacing: .1em;
	color: #a19693
}
.section_subh {
  font-size: 1.375rem;
  line-height: 1;
  margin-bottom: 32px;
}

.home_main,
.archive_main,
.single_main {
	font-size: 1rem
}
.home_main section,
.archive_main section,
.single_main section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100dvw
}

.home_main .section_firstView {
	justify-content: center;
	height: 100vh;
	margin-bottom: 60px;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.home_main .section_firstView h1 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	margin: auto;
	aspect-ratio: 213.5608/384;
	width: 100%;
	max-width: 213.5608px;
	height: auto;
	filter: drop-shadow(2px 2px 8px rgba(35, 24, 21, .8));
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	animation: mainVisual .8s cubic-bezier(0.45, 0, 0.55, 1) forwards;
	animation-delay: .4s;
	opacity: 0
}
.home_main .section_firstView h1 img {
	width: 100%;
	height: 100%;
	object-fit: contain
}
.home_main .section_firstView .mainVisual {
	position: relative;
	width: 100%;
	height: 100%;
	animation: mainVisual .4s cubic-bezier(0.45, 0, 0.55, 1) forwards;
}
.home_main .section_firstView .mainVisual:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	width: 100%;
	height: 100%;
	opacity: .44;
	background-color: #231815;
	mix-blend-mode: multiply
}
.home_main .section_firstView .mainVisual picture {
	width: 100%;
	height: 100%;
}
.home_main .section_firstView .mainVisual img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
@keyframes mainVisual {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.home_main .section_aboutUs {
	transform: translateZ(0);
  padding-top: 100px;
	padding-bottom: 400px;
}
.home_main .section_aboutUs .inner {
	position: relative;
	padding-top: 120px;
	width: 100%;
}
.home_main .section_aboutUs .shopImg {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 35/24;
	width: 80%;
	max-width: 1120px;
	height: auto;
	max-height: 768px;
	overflow: hidden;
	will-change: transform;
}
.home_main .section_aboutUs .shopImg:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: #231815;
	opacity: .5;
	mix-blend-mode: multiply
}
.home_main .section_aboutUs .shopImg picture {
	width: 100%;
	height: 100%;
}
.home_main .section_aboutUs .shopImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.home_main .section_aboutUs .mainCopy {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	max-width: 1264px;
	margin: 0 auto;
	padding-top: 40px;
	padding-right: 32px;
	padding-left: 32px;
	font-size: 2.5rem;
	font-weight: 500;
	white-space: nowrap;
	writing-mode: vertical-rl;
	transform: translate3d(0, 0, 10px);
	overflow: hidden
}
.home_main .section_aboutUs .mainCopy>span {
	display: block;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(40px);
	opacity: 0
}
.home_main .section_aboutUs .mainCopy.start>span {
	transform: translateY(0);
	opacity: 1
}
.home_main .section_aboutUs .mainCopy.start>span:nth-child(1) {
	transition-delay: .08s
}
.home_main .section_aboutUs .mainCopy.start>span:nth-child(2) {
	transition-delay: .16s
}
.home_main .section_aboutUs .mainCopy.start>span:nth-child(3) {
	transition-delay: .24s
}
.home_main .section_aboutUs .mainCopy.start>span:nth-child(4) {
	transition-delay: .32s
}
.home_main .section_aboutUs .mainCopy.start>span:nth-child(5) {
	transition-delay: .4s
}
.home_main .section_aboutUs .mainCopy.start .split span:nth-child(6) {
	color: #da680a
}

.home_main .section_menu {
  padding-top: 84px;
	padding-bottom: 120px;
	color: #231815;
}
.home_main .section_menu:before,
.home_main .section_menu:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%
}
.home_main .section_menu:before {
	z-index: -1;
	background-image: url(../../images/img_bg01.jpg);
	background-size: cover;
	mix-blend-mode: multiply
}
.home_main .section_menu:after {
	z-index: -2;
	background-color: #fff
}
.home_main .section_menu .section_sh {
	align-items: center
}
.home_main .section_menu .section_subh{
	align-items: center
}
.home_main .section_menu .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home_main .section_menu .inner + .inner {
  padding-top: 48px;
}
.home_main .section_menu .menu_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 12px 1%;
	width: 100%;
	max-width: 1264px;
	margin-bottom: 40px;
	padding-right: 32px;
	padding-left: 32px
}
.home_main .section_menu .menu_list figure {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	aspect-ratio: 1/1;
	width: 24.25%;
	max-width: 296px;
	height: auto;
	overflow: hidden;
	filter: drop-shadow(2px 2px 4px rgba(35, 24, 21, .26))
}
.home_main .section_menu .menu_list figure img {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: scale(1)
}
.home_main .section_menu .menu_list figure figcaption {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	writing-mode: vertical-rl
}
.home_main .section_menu .menu_list figure figcaption span {
	display: inline-block;
	color: #fff;
	padding: 8px 0;
	font-size: .875rem;
	white-space: nowrap;
	background-color: #231815cc;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(-100%)
}
.home_main .section_menu .menu_list figure figcaption span:nth-child(2) {
	transition-delay: 0
}
.home_main .section_menu .menu_list figure:nth-child(6) figcaption span {
	letter-spacing: -.02em
}
.home_main .section_menu .menu_list figure:hover img,
.home_main .section_menu .menu_list figure:focus img {
	transform: scale(1.05)
}
.home_main .section_menu .menu_list figure:hover figcaption span, .home_main .section_menu .menu_list figure:focus figcaption span {
	transform: translateY(0)
}
.home_main .section_menu .menu_list figure:hover figcaption span:nth-child(2),
.home_main .section_menu .menu_list figure:focus figcaption span:nth-child(2) {
	transition-delay: .16s
}
.home_main .section_menu .btn {
	justify-content: flex-end;
	padding-right: 32px;
	padding-left: 32px
}
.home_main .section_menu .btn a:not(:hover, :focus) {
	color: #231815
}
.home_main .section_menu:has(.inner.start) {
	color: #fff;
}
.home_main .section_menu:has(.inner.start):after {
	background-color: #231815
}

.home_main .section_access {
	padding-top: 120px;
	padding-bottom: 120px;
	overflow: hidden;
	color: #231815
}
.home_main .section_access .inner {
	display: flex;
	width: 100%;
	height: 525px;
	max-width: 1264px;
	padding-right: 32px;
	padding-left: 32px;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.home_main .section_access .access_info {
	width: 100%;
	max-width: 44%;
	min-width: 366px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}
.home_main .section_access .section_sh {
	margin-bottom: 30px
}
.home_main .section_access address {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 32px
}
.home_main .section_access address:before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform-origin: left;
	background-color: #a19693;
	transform: scaleX(0)
}
.home_main .section_access address * {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(40px);
	opacity: 0
}
.home_main .section_access address *:nth-child(1) {
	transition-delay: .08s
}
.home_main .section_access address *:nth-child(2) {
	transition-delay: .16s
}
.home_main .section_access address *:nth-child(3) {
	transition-delay: .24s
}
.home_main .section_access address.start:before {
	transform: scaleX(1)
}
.home_main .section_access address.start * {
	transform: translateY(0);
	opacity: .9
}
.home_main .section_access h2 {
	font-size: 1.125rem;
	line-height: 1;
	margin-bottom: 13px;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.home_main .section_access ul {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	opacity: .9
}
.home_main .section_access ul li {
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform: translateY(40px);
	opacity: 0
}
.home_main .section_access ul li:nth-child(1) {
	transition-delay: .08s
}
.home_main .section_access ul li:nth-child(2) {
	transition-delay: .16s
}
.home_main .section_access ul.start li {
	transform: translateY(0);
	opacity: 1
}
.home_main .section_access ul br {
	display: none;
}
.home_main .section_access .btn {
	margin-top: auto
}
.home_main .section_access .btn a:not(:hover, :focus) {
	color: #231815
}
.home_main .section_access .map {
	position: absolute;
	top: 120px;
	right: 0;
	width: 100%;
	max-width: 44%;
	height: 0;
	overflow: hidden;
	padding-bottom: 525px;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.home_main .section_access .map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	filter: grayscale(100%)
}
.home_main .section_access .access_bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.home_main .section_access.start {
	color: #fff
}
.home_main .section_access.start .btn a:not(:hover, :focus) {
	color: #fff
}
.home_main .section_access.start .access_bg {
	background-color: #231815
}

.home_main .section_contaktUs {
	height: 100vh;
	min-height: 740px;
	max-height: 768px;
	flex-direction: column
}
.home_main .section_contaktUs .inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-top: 140px;
	padding-bottom: 140px;
	overflow: hidden
}
.home_main .section_contaktUs .section_sh {
	align-items: center;
	margin-bottom: 30px
}
.home_main .section_contaktUs .section_sh:before {
	display: block;
	content: "";
	position: absolute;
	top: 28px;
	left: -46px;
	aspect-ratio: 1/1;
	width: 319px;
	height: auto;
	background-image: url(../../images/logo_bg.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: soft-light;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transition-delay: .8s;
	transform: scale(1.25);
	filter: blur(10px);
	opacity: 0
}
.home_main .section_contaktUs .section_sh.start:before {
	transform: scale(1);
	filter: blur(0);
	opacity: .2
}
.home_main .section_contaktUs p {
	text-align: center
}
.home_main .section_contaktUs p:not(.note) {
	position: relative;
	font-size: 1.125rem;
	margin-bottom: auto;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.home_main .section_contaktUs p:not(.note):before, .home_main .section_contaktUs p:not(.note):after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: -148px;
	left: 0;
	margin: 0 auto;
	background-color: #fff;
	opacity: .5;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.home_main .section_contaktUs p.add_arrow:before {
	height: 124px;
	width: 1px;
	transform-origin: top;
	transition-delay: .4s;
	transform: scaleY(0)
}
.home_main .section_contaktUs p.add_arrow:after {
	height: 16px;
	width: 1px;
	transform-origin: bottom;
	transform: rotate(0) scaleY(0);
	transition-delay: .8s;
	opacity: 0
}
.home_main .section_contaktUs p.add_arrow.start:before {
	transform: scaleY(1)
}
.home_main .section_contaktUs p.add_arrow.start:after {
	transform: rotate(40deg) scaleY(1);
	opacity: .5
}
.home_main .section_contaktUs p.note {
	font-size: .875rem;
	line-height: 1;
	margin-bottom: 15px
}
.home_main .section_contaktUs p.start {
	opacity: .9
}
.home_main .section_contaktUs .conversion {
	display: flex;
	justify-content: center;
	max-width: 80%;
	width: 100%
}
.home_main .section_contaktUs .conversion a {
	display: block;
	position: relative;
	font-size: 2rem;
	line-height: 64px;
	text-align: center;
	color: #fff;
	width: 100%;
	max-width: 422px;
	height: 64px
}
.home_main .section_contaktUs .conversion a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 1px rgb(255, 255, 255);
	opacity: .4
}
.home_main .section_contaktUs .contaktUs_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translateY(100px)
}
.home_main .section_contaktUs .contaktUs_bg:before, .home_main .section_contaktUs .contaktUs_bg:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.home_main .section_contaktUs .contaktUs_bg:before {
	z-index: -1;
	background-color: #2c4e44;
	mix-blend-mode: multiply
}
.home_main .section_contaktUs .contaktUs_bg:after {
	z-index: -2;
	background-image: url(../../images/img_bg01.jpg);
	background-size: cover
}
.home_main .section_contaktUs .contaktUs_bg.start {
	opacity: 1;
	transform: translateY(0)
}
@media screen and (max-width: 1024px) {
	.home_main {
		font-size: .875rem
	}
	.section_sh {
		gap: 16px;
		font-size: 2rem
	}
	.section_sh .eng {
		font-size: 1.125rem
	}
	.home_main .section_aboutUs .mainCopy {
		font-size: 2rem
	}
	.home_main .section_access .inner {
		height: 480px
	}
	.home_main .section_access .map {
		padding-bottom: 480px
	}
}
@media screen and (max-width: 768px) {
	.section_sh {
		gap: 12px;
	}
  .section_sh h1 {
		font-size: 1.5rem
  }
	.section_sh .eng {
		font-size: .875rem
	}
	.home_main .section_firstView {
		margin-bottom: 40px
	}
	.home_main .section_firstView h1 {
		max-width: 120px
	}
	.home_main .section_aboutUs {
    padding-top: 70px;
		padding-bottom: 320px;
	}
	.home_main .section_aboutUs .inner {
		padding-top: 60px
	}
	.home_main .section_aboutUs .mainCopy {
		right: 24px;
		font-size: 1.5rem
	}
	.home_main .section_menu {
		padding-top: 60px;
		padding-bottom: 60px
	}
	.home_main .section_menu .menu_list {
		gap: 12px 1%;
		margin-bottom: 40px
	}
	.home_main .section_menu .menu_list figure figcaption {
		transform: translateY(0)
	}
	.home_main .section_menu .menu_list figure figcaption span {
		padding: 4px 0;
		font-size: .75rem;
		transform: translateY(0)
	}
	.home_main .section_menu .btn {
		justify-content: flex-end;
		padding-right: 32px;
		padding-left: 32px
	}
	.home_main .section_access {
		padding-top: 60px;
		padding-bottom: 60px
	}
	.home_main .section_access .inner {
		height: auto
	}
	.home_main .section_access .access_info {
		max-width: 100%;
		min-width: 100%
	}
	.home_main .section_access .section_sh {
		margin-bottom: 30px
	}
	.home_main .section_access address {
		margin-bottom: 40px;
		padding-bottom: 32px
	}
	.home_main .section_access h2 {
		font-size: 1rem;
		margin-bottom: 13px
	}
	.home_main .section_access ul {
		margin-bottom: 280px
	}
	.home_main .section_access .map {
		top: auto;
		right: 0;
		bottom: 120px;
		left: 0;
		margin: 0 auto;
		max-width: calc(100% - 64px);
		padding-bottom: 240px
	}
	.home_main .section_contaktUs {
		max-height: 664px;
		min-height: 664px
	}
	.home_main .section_contaktUs .inner {
		padding-top: 120px;
		padding-bottom: 120px
	}
	.home_main .section_contaktUs .section_sh {
		margin-bottom: 30px
	}
	.home_main .section_contaktUs .section_sh:before {
		width: 240px
	}
	.home_main .section_contaktUs p.add_arrow {
		font-size: 1rem
	}
	.home_main .section_contaktUs p.note {
		margin-bottom: 15px
	}
	.home_main .section_contaktUs .conversion {
		display: flex;
		justify-content: center;
		width: 100%
	}
	.home_main .section_contaktUs .conversion a {
		display: block;
		position: relative;
		font-size: 2rem;
		line-height: 64px;
		text-align: center;
		color: #fff;
		width: 100%;
		max-width: 422px;
		height: 64px
	}
	.home_main .section_contaktUs .conversion a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: solid 1px rgb(255, 255, 255);
		opacity: .4
	}
}
@media screen and (max-width: 600px) {
	.home_main .section_aboutUs .shopImg {
		aspect-ratio: 1/1
	}
	.home_main .section_aboutUs figcaption {
		font-size: 1.3125rem
	}
	.home_main .section_menu .menu_list {
		max-width: 600px;
		gap: 8px 1%
	}
	.home_main .section_menu .menu_list figure {
		width: 49.5%
	}
}

.local_title {
  position: fixed;
  z-index: 1;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: .1em;
  white-space: nowrap;
	padding-top: 40px;
	padding-left: 40px;
  opacity: 0;
}
.local_title.start {
  opacity: 1;
}
.local_title a {
  color: #231815;
}
@media screen and (max-width: 600px) {
  .local_title {
    font-size: 1rem;
    padding-top: 24px;
    padding-left: 16px;
  }
}

/* news */
.section_news {
  padding-top: 84px;
	color: #231815;
	opacity: 0;
	transform: translateY(100px) scale(.9)
}
.home_main .section_news {
  padding-bottom: 84px;
}
.archive_main .section_news,
.single_main .section_news {
  padding-top: 164px;
}
.section_news:before,
.section_news:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%
}
.section_news:before {
	z-index: -1;
	background-image: url(../../images/img_bg01.jpg);
	background-size: cover;
	mix-blend-mode: multiply
}
.section_news:after {
	z-index: -2;
	background-color: #fff
}
.section_news.start {
	opacity: 1;
	transform: translateY(0) scale(1)
}
.section_news .inner {
	display: flex;
  flex-direction: column;
	width: 100%;
	max-width: 1264px;
	padding-right: 32px;
	padding-left: 32px
}
.home_main .section_news .inner {
  flex-direction: row;
	justify-content: flex-start;
  align-items: flex-start;
	gap: 40px;
}
.archive_main .section_news .inner {
  padding-bottom: 68px;
}
.single_main .section_news .inner.page {
  margin-bottom: 68px;
}
.section_news .wraper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(100% - 308px);
}
.section_news .news_list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 40px;
}
.section_news .news_list li {
  display: flex;
  width: 100%;
  border-bottom: solid 1px rgba(78,64,60,.3);
}
.section_news .news_list li:first-child {
  border-top: solid 1px rgba(78,64,60,.3);
}
.section_news .news_list a {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 2.5rem;
  width: 100%;
  color: #4E403C;
  padding: 2rem;
}
.section_news .news_list a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #da680a;
	transition: transform ease .4s, opacity ease .4s;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 100% 0;
}
.section_news .news_list a:hover,
.section_news .news_list a:focus {
  color: #da680a;
}
.section_news .news_list a:hover::before,
.section_news .news_list a:focus::before {
  opacity: .04;
  transform: scaleY(1);
  transform-origin: 100% 100%;
}
.section_news .news_list time {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  font-family: "acumin-variable", sans-serif;
  line-height: 1;
  width: 100%;
  max-width: 4.5rem;
}
.section_news .news_list time .time_y{
  font-size: .875rem;
  transition: .4s cubic-bezier(.45, 0, .55, 1);
  font-variation-settings: "slnt" 0, "wdth" 80, "wght" 400;
  transform: rotate(0deg);
  transform-origin: top left;
}
.section_news .news_list time .time_md{
  display: block;
  font-size: 2.5rem;
  font-variation-settings: "slnt" 0, "wdth" 60, "wght" 150;
  letter-spacing: .06em;
  margin-bottom: -4px;
}
.section_news .news_list hgroup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  width: 100%;
  max-width: calc(100% - 7rem);
}
.section_news .news_list hgroup h2 {
  order: 2;
  font-size: 1.125rem;
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #231815;
  transition: .4s cubic-bezier(.45, 0, .55, 1);
  margin-block: calc((1em - 1lh) / 2);
}
.section_news .news_list a:hover hgroup h2,
.section_news .news_list a:focus hgroup h2 {
  color: #da680a;
}
.section_news .news_list hgroup p {
  display: inline;
  order: 1;
  font-size: .75rem;
  font-family: sans-serif;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: .16em;
  padding: 0 .5rem;
  color: #4E403C;
  border: solid 1px #4E403C;
  border-radius: calc(1.25rem / 2);
  transition: .4s cubic-bezier(.45, 0, .55, 1);
}
.section_news .news_list a:hover hgroup p,
.section_news .news_list a:focus hgroup p {
  color: #da680a;
  border: solid 1px #da680a;
}
.section_news .btn a:not(:hover, :focus) {
	color: #231815
}
.section_news .reserve_panel {
  margin-bottom: -48px;
  padding-top: 124px;
}
.section_news .section_subh {
  font-weight: 400;
}
.section_news .section_subh strong {
  font-weight: 700;
  color: #da680a;
}
@media screen and (max-width: 1024px) {
  .home_main .section_news .inner {
    flex-direction: column;
    align-items: center;
  }
  .section_news .wraper {
    max-width: 100%;
  }
  .section_news .reserve_panel {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .section_news .news_list a {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 1.5rem .5rem 2rem;
  }
  .section_news .news_list time {
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    padding-left: 1.25rem;
  }
  .section_news .news_list time .time_y {  
    position: absolute;
    transform: rotate(90deg);
    top: .5rem;
    left: 1rem;
  }
  .section_news .news_list hgroup {
    gap: 0.875rem;
    max-width: 100%;
    margin-top: -1.375rem;
  }
  .section_news .news_list hgroup h2 {
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	line-clamp: 2;
    overflow: hidden;
  }
  .section_news .news_list hgroup p {
    display: inline;
    order: 1;
    font-size: .75rem;
    line-height: 1.25rem;
    padding: 0 .5rem;
    border: solid 1px #4E403C;
    border-radius: calc(1.25rem / 2);
    transition: .4s cubic-bezier(.45, 0, .55, 1);
    margin-left: auto;
  }
}

.btn_loader {
  margin: 0 auto;
}
.btn_loader a {
	position: relative;
	display: flex;
	flex-direction: column;
  align-items: center;
	gap: .5rem;
	font-weight: 300;
	text-decoration: none;
	font-size: 1.125rem;
	line-height: 1;
	letter-spacing: .16em;
	white-space: nowrap;
	padding: .675rem 1.5rem;
  border: solid 1px #231815;
  border-radius: .375rem;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
  overflow: hidden;
}
.btn_loader a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
	transition: background .4s cubic-bezier(.45, 0, .55, 1), opacity .4s cubic-bezier(.45, 0, .55, 1), transform ease .4s;
  background: #231815;
  opacity: .9;
  transform: scaleY(1);
  transform-origin: 100% 100%;
}
.btn_loader a span {
	font-size: .75rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 80, "wght" 400;
	letter-spacing: .1em;
	color: #a19693
}
.btn_loader a:not(:hover, :focus) {
	color: #fff;
  font-weight: 700;
}
.btn_loader a:hover,
.btn_loader a:focus {
  border: solid 1px #da680a;
}
.btn_loader a:hover::before,
.btn_loader a:focus::before {
  opacity: 0;
  background: #a19693;
  transform: scaleY(0);
  transform-origin: 100% 0;
}

.scroller-status {
  display: none;
  margin-top: 40px;
}
.loader_container {
  --uib-size: 35px;
  --uib-color: #231815;
  --uib-speed: 1s;
  --uib-stroke: 3.5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: var(--uib-size);
  height: calc(var(--uib-size) * 0.9);
  opacity: .5;
  margin: 16px auto 0;
}
.loader_container .bar {
  width: var(--uib-stroke);
  height: 100%;
  background-color: var(--uib-color);
  transition: background-color 0.3s ease;
}
.loader_container .bar:nth-child(1) {
  animation: grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -0.45)
    infinite;
}
.loader_container .bar:nth-child(2) {
  animation: grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -0.3)
    infinite;
}
.loader_container .bar:nth-child(3) {
  animation: grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -0.15)
    infinite;
}
.loader_container .bar:nth-child(4) {
  animation: grow var(--uib-speed) ease-in-out infinite;
}
@keyframes grow {
  0%,
  100% {
    transform: scaleY(0.3);
  }

  50% {
    transform: scaleY(1);
  }
}

.infinite-scroll-last,
.infinite-scroll-error {
  color: #4E403C;
  text-align: center;
}

.post_wrap {
  display: flex;
  width: 100%;
}

.navi_allPost {
  width: 100%;
  max-width: 24%;
}
.navi_allPost .btn {
  width: 100%;
}
.navi_allPost .btn a {
	font-size: .875rem;
  padding-right: 0;
  padding-left: 64px;
}
.navi_allPost .btn a:before,
.navi_allPost .btn a:after {
	left: 0;
}
.navi_allPost .btn a:before {
	transform-origin: left bottom;
	transform: rotate(-42deg)
}
.navi_allPost .btn a:after {
	width: 45px
}
.navi_allPost .btn a:hover::before,
.navi_allPost .btn a:focus::before{
  background-color: #da680a;
  animation: btn_arrow01_l .8s cubic-bezier(0.45, 0, 0.55, 1);
}
.navi_allPost .btn a:hover::after,
.navi_allPost .btn a:focus::after{
  background-color: #da680a;
  animation: btn_arrow02_l .8s cubic-bezier(0.45, 0, 0.55, 1);
}
.navi_allPost .btn a:not(:hover, :focus) {
  color: #231815
}

.post_main {
  width: 100%;
  max-width: 52%;
}

.post_title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  color: #4E403C;
  margin-bottom: 40px;
}
.post_title  h2 {
  font-size: 1.625rem;
  line-height: 1.5;
  width: 100%;
  color: #231815;
  transition: .4s cubic-bezier(.45, 0, .55, 1);
  margin-block: calc((1em - 1lh) / 2);
}
.post_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  color: #a19693;
}
.post_meta div {
  display: flex;
  gap: .5rem;
  line-height: 1;
  font-size: .875rem;
}
.post_meta dt {
  font-weight: 700;
}
.post_meta dt::after {
  content: ':';
}
.post_meta dd {
  font-weight: 700;
}
.post_meta dd a {
  color: #a19693;
}

.post_body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-size: 1rem;
  letter-spacing: .1em;
}
.post_body:where(h1,h2,h3,h4,h5,h6) {
  position: relative;
  font-weight: 700;
}
.post_body h1 {
  font-size: 1.5rem;
}
.post_body h2 {
  font-size: 1.375rem;
}
.post_body h3 {
  font-size: 1.25rem;
}
.post_body h4 {
  font-size: 1.125rem;
}
.post_body h5 {
  font-size: 1rem;
}
.post_body h6 {
  font-size: .875rem;
}
.post_body img {
  object-fit: contain;
  width: 100%;
  height: auto;
  line-height: 1;
}
.post_body figcaption {
  color: #4E403C;
  font-size: .875rem;
}

.post_navi {
  display: flex;
  gap: 8%;
  width: 100%;
  margin-bottom: 68px;
  padding-top: 48px;
}
.post_navi:has(li.navi_prevPost) {
  justify-content: flex-start;
}
.post_navi:has(li.navi_nextPost) {
  justify-content: flex-end;
}
.post_navi li {
  width: 100%;
  max-width: 48%;
}
.post_navi li a {
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: relative;
	font-weight: 300;
	text-decoration: none;
	font-size: .875rem;
	line-height: 1;
	letter-spacing: .16em;
  width: 100%;
	transition: .4s cubic-bezier(.45, 0, .55, 1)
}
.post_navi li a:not(:hover, :focus) {
  color: #231815
}
.post_navi li a:before,
.post_navi li a:after {
	position: absolute;
	content: "";
	bottom: 0;
	transition: .4s cubic-bezier(.45, 0, .55, 1);
	transform-origin: center;
	border-radius: 1px;
	background-color: #a19693;
	height: 1px
}
.post_navi li a:before {
	width: 16px;
}
.post_navi li a:after {
	width: 45px
}
.post_navi li.navi_prevPost a {
  padding-left: 64px;
}
.post_navi li.navi_nextPost a {
  align-items: flex-end;
  padding-right: 64px;
}
.post_navi li.navi_prevPost a:before,
.post_navi li.navi_prevPost a:after {
	left: 0;
}
.post_navi li.navi_prevPost a:before {
	transform-origin: left bottom;
	transform: rotate(-42deg)
}
.post_navi li.navi_nextPost a:before,
.post_navi li.navi_nextPost a:after {
	right: 0;
}
.post_navi li.navi_nextPost a:before {
	transform-origin: right bottom;
	transform: rotate(42deg)
}
.post_navi li.navi_prevPost a:hover::before,
.post_navi li.navi_prevPost a:focus::before{
  background-color: #da680a;
  animation: btn_arrow01_l .8s cubic-bezier(0.45, 0, 0.55, 1);
}
.post_navi li.navi_prevPost a:hover::after,
.post_navi li.navi_prevPost a:focus::after{
  background-color: #da680a;
  animation: btn_arrow02_l .8s cubic-bezier(0.45, 0, 0.55, 1);
}
.post_navi li.navi_nextPost a:hover::before,
.post_navi li.navi_nextPost a:focus::before{
  background-color: #da680a;
  animation: btn_arrow01 .8s cubic-bezier(0.45, 0, 0.55, 1);
}
.post_navi li.navi_nextPost a:hover::after,
.post_navi li.navi_nextPost a:focus::after{
  background-color: #da680a;
  animation: btn_arrow02 .8s cubic-bezier(0.45, 0, 0.55, 1);
}
.post_navi li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.post_navi li span.eng {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 80, "wght" 300;
	letter-spacing: .1em;
	color: #a19693
}
.post_navi li.navi_nextPost span {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .post_wrap {
    flex-direction: column;
    gap: 2.5rem;
  }
  .navi_allPost {
    max-width: 100%;
  }
  .post_main {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .post_navi {
    flex-direction: column;
    gap: 2.5rem;
  }
  .post_navi li {
    max-width: 100%;
  }
  .post_navi li a {
    align-items: center;
    width: auto;
  }
	.btn a {
		font-size: 1.125rem;
		letter-spacing: .1em;
		padding-right: 56px
	}
	.btn a:after {
		width: 48px
	}
	.btn a span {
		font-size: .75rem
	}
}

.brdCrmbNav_wrap {
  width: 100%;
  padding: 1rem 2rem;
}
.brdCrmbNav {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  line-height: 1;
  font-size: .875rem;
}
.brdCrmbNav a:not(:hover, :focus) {
  color: #231815
}