@charset "utf-8";
/*-----------------------------------------------
 * common.css
 * レスポンシブは基本スタイルを引き継ぐ（PCファースト）
 * @media screen and (max-width:768px)
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
 * Base
 * Modal
 * Header
 * Footer
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
-------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}

:root {
	/* デザインサイズ */
	--vw-min: 1366;
	--vh-min: 640;
	--max-percent: 1.6;/* 1920/1200 */

	/* フォント  */
	--font-serif:'source-han-sans-japanese', serif;
	--font-cormorant:"cormorant", serif;
	--font-trajan:"trajan-pro-3",serif;

	/* カラー */
	--color-gold-rgb:187,155,132;

	--color-gold: rgb(var(--color-gold-rgb));
	--color-cream:#FDFAF5;
	--color-cream-rgb:253,250,245;
	--color-pink:#DF9AAE;
	--color-lpink:#FCE9EC;
	--color-mpink:#FDF0F3;
	--color-taupe: #5B5754;

	/* カラー COMICS */
	--color-comics1:#FE81AE;
	--color-comics2:#2AB2B5;
	--color-comics3:#E16A66;
	--color-comics4:#6F8505;
	--color-comics5:#E974BB;
	--color-comics6:#fd9490;
	--color-comics7:#f472ae;

	/* easing */
	--easing-outquart: cubic-bezier(0.25, 1, 0.5, 1);
}
@media screen and (max-width:768px){
	:root {
		/* デザインサイズ */
		--vw-min: 750;
		--vh-min: 1314;
		--max-percent: 1;
	}
}
@keyframes rotation {
	0%{
		transform:rotate(0);
	}
	100%{
		transform:rotate(360deg);
	}
}
@keyframes shake {
	0%,100% {
		transform:rotate(0deg);
	}
	8% {
		transform:rotate(12deg);
	}
	16% {
		transform:rotate(-10deg);
	}
	24% {
		transform:rotate(8deg);
	}
	36% {
		transform:rotate(-6deg);
	}
	42% {
		transform:rotate(4deg);
	}
	50%{
		transform:rotate(-2deg);
	}
	58%{
		transform:rotate(0deg);
	}
}
/*-----------------------------------------------
 * Base
-------------------------------------------------*/
html {
	scrollbar-gutter: stable;
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: var(--color-taupe);
	font-family: var(--font-serif);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.8;
	word-wrap: break-word;
}
@media screen and (min-width:769px){
	.sp{ display: none; }
}
a{ color: #222; }
a:hover{ text-decoration: none; }
::selection{
	background: #B7D4F9;
	color: #000;
}
::-moz-selection{
	background: #B7D4F9;
	color: #000;
}
@media screen and (max-width:768px){
	.pc{ display: none; }
	body{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

/* scroll fade-in */
.js-scrani {
	opacity: 0;
	transform: translateY(min(calc(24 / var(--vw-min) * 100vw), 24px));
	transition:
		opacity 0.75s cubic-bezier(0.25, 1, 0.5, 1),
		transform 0.75s cubic-bezier(0.25, 1, 0.5, 1);
	transition-delay: var(--scrani-delay, 0s);
}
.js-scrani.--is-ani {
	opacity: 1;
	transform: translateY(0);
}
@media screen and (max-width:768px){
	.js-scrani {
		transform: translateY(calc(24 / var(--vw-min) * 100vw));
	}
}
@media (prefers-reduced-motion: reduce){
	.js-scrani {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/**
 * scroll bar
 */
@media screen and (min-width:769px){
	::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	::-webkit-scrollbar-track {
		background: #fff;
	}
	::-webkit-scrollbar-thumb {
		background:var(--color-pink);
	}

}

/**
 * Wrap
 * 大枠のwrap指定
 */
/* fullWrap */
#fullWrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	z-index: 1;
	background:var(--color-cream);
}


/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
.modal {
	position: fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 20000;
	background:var(--color-mpink);
	opacity:0;
	pointer-events: none;
	transform:translateY(min(calc(80 / var(--vw-min) * 100vw),80px));
	transition: all 0.6s ease;
	overflow: hidden;
}
.modal.is-active {
	opacity:1;
	transform:translateY(0);
	pointer-events: auto;
}
.modalin {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	overscroll-behavior:contain;
}
.modalin.is-scr {
	overflow: auto;
}
.modal__close {
	position: absolute;
	right:min(calc(28 / var(--vw-min) * 100vw),28px);
	top:min(calc(28 / var(--vw-min) * 100vw),28px);
	width:min(calc(84 / var(--vw-min) * 100vw),84px);
	height:min(calc(49 / var(--vw-min) * 100vw),49px);
	overflow: hidden;
	z-index:500;
}
.modal__closeLink {
	display: block;
	width:100%;
	height:min(calc(49 / var(--vw-min) * 100vw),49px);
	position: relative;
	border:none;
	background:none;
	padding:0;
	cursor:pointer;
	font:inherit;
	color:inherit;
}
.modal__closeLink:before,
.modal__closeLink:after {
	content:'';
	position: absolute;
	left:-25%;
	right:-25%;
	top:50%;
	height:2px;
	margin-top:-1px;
	background:var(--color-gold);
	transition: all 0.3s ease;
}
.modal__closeLink:before {
	transform:rotate(30deg);
}
.modal__closeLink:after {
	transform:rotate(-30deg);
}
.modal__closeLink:hover:before,
.modal__closeLink:hover:after {
	background:var(--color-pink);
}
.modal__closeLink:focus-visible {
	outline:2px solid var(--color-gold);
	outline-offset:2px;
}
.modal__content {
	min-height:100vh;
	min-height:100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	transform:translateY(min(calc(80 / var(--vw-min) * 100vw),80px));
	transition: all 0.6s ease;
	transition-delay: 0s;
	opacity:0;
}
@media screen and (max-width:768px){
	.modal__content {
		min-height:calc(100vh + 1px);
		min-height:calc(100dvh + 1px);
	}
}
.modal.is-active .modal__content {
	transform:translateY(0);
	opacity:1;
	transition-delay: 0.3s;
}
.modal__inClose {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:none;
	background:none;
	padding:0;
	cursor:pointer;
}
.modal__illust {
	padding:min(calc(64 / var(--vw-min) * 100vw),64px) 0;
	position: relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.modal__illust {
		padding:calc(128 / var(--vw-min) * 100vw) 0;
	}
}
.modal__illust:before,
.modal__illust:after {
	content:'';
	position: absolute;
	width:min(calc(47 / var(--vw-min) * 100vw),47px);
	height:min(calc(42 / var(--vw-min) * 100vw),42px);
	-webkit-mask:url(../img/common/icon/movie_twinkle.svg) no-repeat center center / contain;
	mask:url(../img/common/icon/movie_twinkle.svg) no-repeat center center / contain;
	background:var(--color-gold);
}
.modal__illust:before {
	top:min(calc(64 / var(--vw-min) * 100vw),64px);
	left:max(calc(-120 / var(--vw-min) * 100vw),-120px);
}
@media screen and (max-width:768px){
	.modal__illust:before {
		left:0;
	}
}
.modal__illust:after {
	bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	right:max(calc(-120 / var(--vw-min) * 100vw),-120px);
}
@media screen and (max-width:768px){
	.modal__illust:after {
		right:0;
	}
}
.modal__illustin {
	width:min(calc(880 / var(--vw-min) * 100vw),880px);
	padding:min(calc(86 / var(--vw-min) * 100vw),86px) 0 min(calc(64 / var(--vw-min) * 100vw),64px);
	position: relative;
	margin:0 auto;
	border:1px solid var(--color-gold);
	background:var(--color-lpink);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.modal__illustin {
		width:calc(654 / var(--vw-min) * 100vw);
		padding:calc(96 / var(--vw-min) * 100vw) 0;
		flex-direction: column-reverse;

	}
}
.modal__illustin:before {
	content:'';
	position: absolute;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;
	border:1px solid var(--color-gold);
	border-radius: min(calc(64 / var(--vw-min) * 100vw),64px);
}
.modal__illustTitle,
.modal__illustTitle2 {
	font-size:min(calc(80 / var(--vw-min) * 100vw),80px);
	font-family: var(--font-trajan);
	color:var(--color-gold);
	line-height:1;
	text-align: center;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
}
@media screen and (max-width:768px){
	.modal__illustTitle,
	.modal__illustTitle2 {
		font-size:calc(56 / var(--vw-min) * 100vw);
		left:0;
		right:0;
		transform:unset;
		top:unset;
	}
}
.modal__illustTitle {
	left:max(calc(-100 / var(--vw-min) * 100vw),-100px);
}
@media screen and (max-width:768px){
	.modal__illustTitle {
		left:0;
		top:calc(-24 / var(--vw-min) * 100vw);
	}
}
.modal__illustTitle2 {
	right:max(calc(-100 / var(--vw-min) * 100vw),-100px);
}
@media screen and (max-width:768px){
	.modal__illustTitle2 {
		bottom:calc(-34 / var(--vw-min) * 100vw);
		right:0;
	}
}
.modal__illustCont {
	width:min(calc(333 / var(--vw-min) * 100vw),333px);
	padding:min(calc(24 / var(--vw-min) * 100vw),24px);
	background:#fff;
	position: relative;
}
@media screen and (max-width:768px){
	.modal__illustCont {
		width:calc(400 / var(--vw-min) * 100vw);
		padding:calc(28 / var(--vw-min) * 100vw);
		background:#fff;
		position: relative;
		margin-bottom:calc(40 / var(--vw-min) * 100vw);
	}
}
.modal__illustCont img {
	display: block;
	width:100%;
	height:auto;
}
.modal__illustContTitle {
	position: absolute;
	bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	left:50%;
	margin-left:min(calc(190 / var(--vw-min) * 100vw),190px);
	line-height: 1.6;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	color:var(--color-gold);
	padding:min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(16 / var(--vw-min) * 100vw),16px);
	border-left:1px solid var(--color-gold);
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.modal__illustContTitle {
		position: relative;
		bottom:unset;
		left:unset;
		font-size:calc(22 / var(--vw-min) * 100vw);
		padding:calc(6 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
		border-left:calc(4 / var(--vw-min) * 100vw) solid var(--color-gold);
		width:calc(400 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
}
.modal__comment {
	padding:min(calc(64 / var(--vw-min) * 100vw),64px) 0;
	position: relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.modal__comment {
		padding:calc(128 / var(--vw-min) * 100vw) 0;
	}
}
.modal__comment:before,
.modal__comment:after {
	content:'';
	position: absolute;
	width:min(calc(47 / var(--vw-min) * 100vw),47px);
	height:min(calc(42 / var(--vw-min) * 100vw),42px);
	-webkit-mask:url(../img/common/icon/movie_twinkle.svg) no-repeat center center / contain;
	mask:url(../img/common/icon/movie_twinkle.svg) no-repeat center center / contain;
	background:var(--color-gold);
}
.modal__comment:before {
	top:min(calc(12 / var(--vw-min) * 100vw),12px);
	left:max(calc(-120 / var(--vw-min) * 100vw),-120px);
}
.modal__comment:after {
	bottom:min(calc(12 / var(--vw-min) * 100vw),12px);
	right:max(calc(-120 / var(--vw-min) * 100vw),-120px);
}
@media screen and (max-width:768px){
	.modal__comment:before {
		top:calc(64 / var(--vw-min) * 100vw);
		left:0;
	}
	.modal__comment:after {
		bottom:calc(64 / var(--vw-min) * 100vw);
		right:0;
	}
}
.modal__commentin {
	width:min(calc(880 / var(--vw-min) * 100vw),880px);
	padding:min(calc(80 / var(--vw-min) * 100vw),80px);
	position: relative;
	margin:0 auto;
	border:1px solid var(--color-gold);
	background:var(--color-lpink);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.modal__commentin {
		width:calc(654 / var(--vw-min) * 100vw);
		padding:calc(96 / var(--vw-min) * 100vw) calc(78 / var(--vw-min) * 100vw);
	}
}
.modal__commentin:before {
	content:'';
	position: absolute;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;
	border:1px solid var(--color-gold);
	border-radius: min(calc(64 / var(--vw-min) * 100vw),64px);
}
.modal__commentBox {
	display: flex;
	align-items: flex-start;
	width:100%;
}
@media screen and (max-width:768px){
	.modal__commentBox {
		display:block;
	}
}
.modal__commentImg {
	width:min(calc(240 / var(--vw-min) * 100vw),240px);
	margin-right:min(calc(40 / var(--vw-min) * 100vw),40px);
	background:#fff;
	padding:min(calc(17 / var(--vw-min) * 100vw),17px);
}
@media screen and (max-width:768px){
	.modal__commentImg {
		width:calc(400 / var(--vw-min) * 100vw);
		margin:0 auto calc(40 / var(--vw-min) * 100vw);
		padding:calc(29 / var(--vw-min) * 100vw);
	}
}
.modal__commentImg img {
	width:100%;
	height:auto;
}
.modal__commentTexts {
	flex:1;
}
.modal__commentNames {
	margin-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.modal__commentNames {
		margin-bottom:calc(40 / var(--vw-min) * 100vw);
	}
}
.modal__commentNames--position {
	display: block;
	color:var(--color-gold);
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	line-height: 1.6;
	margin-bottom:min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
	.modal__commentNames--position {
		font-size:calc(26 / var(--vw-min) * 100vw);
		line-height: .8615;
		margin-bottom:calc(20 / var(--vw-min) * 100vw);
	}
}
.modal__commentNames--name {
	display: block;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	line-height:1.2444;
	font-weight: 700;
}
@media screen and (max-width:768px){
	.modal__commentNames--name {
		font-size:calc(28 / var(--vw-min) * 100vw);
		line-height:1.6;
	}
}
.modal__commentText {
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	line-height:1.6;
}
@media screen and (max-width:768px){
	.modal__commentText {
		font-size:calc(26 / var(--vw-min) * 100vw);
	}
}
.modal__movie {
	position: absolute;
	top:min(calc(77 / var(--vw-min) * 100vw),77px);
	bottom:min(calc(77 / var(--vw-min) * 100vw),77px);
	left:min(calc(138 / var(--vw-min) * 100vw),138px);
	right:min(calc(138 / var(--vw-min) * 100vw),138px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal__movieContent {
	height:min(100%,calc((100vw - min(calc(276 / var(--vw-min) * 100vw),276px)) * 0.5625));
	width:min(100%,calc((100vh - min(calc(154 / var(--vw-min) * 100vw),154px)) / 0.5625));
	width:min(100%,calc((100dvh - min(calc(154 / var(--vw-min) * 100vw),154px)) / 0.5625));
	position: relative;
}
.modal__movieContent iframe {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: 100%;
	position: sticky;
	top: 0;
	z-index:9998;
}
.header:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: min(calc(56 / var(--vw-min) * 100vw), 56px);
	background: rgba(var(--color-cream-rgb), 0.85);
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	transition: opacity 0.4s ease;
}
.is-subpage .header:before {
	height: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.header.is-scrolled:before {
	opacity: 1;
}
.header.is-active:before {
	opacity: 0;
}
@media screen and (max-width:768px){
	.header {
		position: absolute;
		bottom: 0;
		pointer-events: none;
	}
	.header:before {
		z-index: 1;
	}
	body:not(.is-subpage) .header.is-scrolled:before {
		opacity: 0;
	}
	.is-subpage .header:before {
		height: calc(96 / var(--vw-min) * 100vw);
	}
	.is-subpage .header.is-scrolled:before {
		opacity: 1;
	}
	.header.is-active:before {
		opacity: 0;
	}
}

.header__cont{
	position: relative;
	top: 0;
	width: 100%;
}
@media screen and (max-width:768px){
	.header__cont{
		position: sticky;
		height: min(100vh, 100%);
		z-index: 1;
	}
}
.header__logo {
	display: none;
}
@media screen and (max-width:768px){
	.header__logo {
		display: block;
		position: absolute;
		left:calc(32 / var(--vw-min) * 100vw);
		top:calc(18 / var(--vw-min) * 100vw);
		width:calc(390 / var(--vw-min) * 100vw);
		height:calc(60 / var(--vw-min) * 100vw);
		pointer-events: auto;
	}
	.header__logoLink {
		display: block;
		width:100%;
		height:calc(60 / var(--vw-min) * 100vw);
		background:url(../img/common/logo/logo_horizontal.png) no-repeat center center / contain;
	}
}

/* inner */
@media screen and (max-width:768px){
	.header__contInner {
		-webkit-overflow-scrolling: touch;
		width: 100%;
		overflow: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		padding: 0;
		opacity: 1;
		pointer-events: none;
		z-index: 2;
		opacity: 0;
		overscroll-behavior: contain;
		transition: opacity .2s ease-in-out;
		background:var(--color-cream);

	}
	.header.is-active .header__contInner {
		opacity: 1;
		pointer-events: auto;
	}
}


/** 
 * inner
**/
.header__inner{
	width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	@media screen and (max-width:768px){
	.header__inner{
		width: 100%;
		min-height: calc(100vh + 1px);
		min-height: calc(100dvh + 1px);
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
.header__inner:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}
.header__innerCont{
	width: 100%;
	position: relative;
	padding:0 min(calc(22 / var(--vw-min) * 100vw),22px) 0 min(calc(32 / var(--vw-min) * 100vw),32px);
	z-index: 1;
}
@media screen and (max-width:768px){
	.header__innerCont{
		padding: calc(96 / var(--vw-min) * 100vw) calc(107 / var(--vw-min) * 100vw);
	}
}



/**
 * headerNav
 */
.headerNav,
.headerNav__inner,
.headerNav__cont {
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px){
	.headerNav {
		border:1px solid var(--color-gold);
		border-radius: 1000px 1000px 0 0;
	}
	.headerNav__inner {
		width:calc(522 / var(--vw-min) * 100vw);
		margin:0 auto;
		border:1px solid var(--color-gold);
		border-bottom:none;
		border-radius: 1000px 1000px 0 0;
		background:var(--color-lpink);
	}
}
.headerNav__cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headerNav__logo {
	width:min(calc(258 / var(--vw-min) * 100vw),258px);
}
@media screen and (max-width:768px){
	.headerNav__logo {
		display: none;
	}
}
.headerNav__logoLink {
	display: block;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	background:url(../img/common/logo/logo_horizontal.png) no-repeat center center / contain;
}

/**
 * headerNavLists
 */
.headerNavLists {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content:flex-end;
	margin-left:auto;
}
.headerNavLists .navList {
	height: 100%;
}
@media screen and (max-width:768px){
	.headerNavLists {
		display: block;
		margin:0 auto;
		width:100%;
		padding:calc(148 / var(--vw-min) * 100vw) 0;
	}
	.headerNavLists .navList {
		height: auto;
		margin-bottom:calc(64 / var(--vw-min) * 100vw);
	}
	.headerNavLists .navList:last-child {
		margin-bottom:0;
	}
}
.headerNavLists .navList__link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: min(calc(56 / var(--vw-min) * 100vw),56px);
	font-weight: 400;
	font-family: var(--font-trajan);
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	color:var(--color-gold);
	position: relative;
	text-decoration: none;
}
.is-subpage .headerNavLists .navList__link {
	height:min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.headerNavLists .navList__link {
		display: block;
		color:var(--color-gold);
		font-size:calc(40 / var(--vw-min) * 100vw);
		padding:0;
		height:auto;
		text-align: center;
	}
	.headerNavLists .navList__link.is-x {
		display: flex;
		align-items: center;
	}
	.headerNavLists .navList__link.is-x:after {
		content:'';
		display: block;
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
		-webkit-mask:url(../img/common/sns/icon_x.svg) no-repeat center center / contain;
		mask:url(../img/common/sns/icon_x.svg) no-repeat center center / contain;
		background:var(--color-gold);
		margin-left:calc(16 / var(--vw-min) * 100vw);
		margin-bottom:calc(7 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.headerNavLists .navList__link:before {
		content:'';
		position: absolute;
		top:48%;
		left:0;
		right:100%;
		height:1px;
		background:var(--color-gold);
		transition: all 0.3s ease;
	}
	.headerNavLists .navList__link:after {
		content:'';
		position: absolute;
		top:48%;
		left:100%;
		right:0;
		height:1px;
		background:var(--color-gold);
		transition: all 0.3s ease;
	}
	@media screen and (hover:hover){
		.headerNavLists .navList__link:hover:before {
			left:min(calc(20 / var(--vw-min) * 100vw),20px);
			right:50%;
		}
		.headerNavLists .navList__link:hover:after {
			left:50%;
			right:min(calc(20 / var(--vw-min) * 100vw),20px);
		}
	}
	.headerNavLists .navList__link.is-active:before {
		left:min(calc(20 / var(--vw-min) * 100vw),20px);
		right:50%;
	}
	.headerNavLists .navList__link.is-active:after {
		left:50%;
		right:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}
@media screen and (max-width:768px){
	.headerNavLists .navList__link span {
		position: relative;
		display: inline-block;
	}
	.headerNavLists .navList__link span:before {
		content:'';
		position: absolute;
		top:48%;
		left:0;
		right:100%;
		height:1px;
		background:var(--color-gold);
		transition: all 0.3s ease;
	}
	.headerNavLists .navList__link span:after {
		content:'';
		position: absolute;
		top:48%;
		left:100%;
		right:0;
		height:1px;
		background:var(--color-gold);
		transition: all 0.3s ease;
	}
	.headerNavLists .navList__link.is-active span:before {
		left:0;
		right:50%;
	}
	.headerNavLists .navList__link.is-active span:after {
		left:50%;
		right:0;
	}
}
/**
 * navBtn
 */
@media screen and (max-width:768px){
	.header__navBtnWrap {
		background-color: var(--color-gold);
		width: calc(96 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 2;
		pointer-events: auto;
	}
	.header__navBtn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: relative;
		cursor: pointer;
	}
	.header__navBtn__lineWrap {
		display: block;
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(12 / var(--vw-min) * 100vw);
		position: relative;
	}
	.header__navBtn--line {
		background-color: #fff;
		display: block;
		width: 100%;
		height: calc(2 / var(--vw-min) * 100vw);
		margin: auto;
		position: absolute;
	}
	.header__navBtn--line:nth-child(1) {
		top: 0;
		bottom: calc(100% - calc(2 / var(--vw-min) * 100vw));
	}
	.header__navBtn--line:nth-child(2) {
		top: calc(100% - calc(2 / var(--vw-min) * 100vw));
		bottom: 0;
	}
}

/**
 * active
 */
@media screen and (max-width:768px){
	.header__inner:before{
		width: 0%;
		transition: width .25s ease;
	}
	.header.is-active .header__inner:before{
		width: 100%;
	}
	.header__innerCont{
		opacity: 0;
		transition: opacity .3s ease;
	}
	.header.is-active .header__innerCont{
		opacity: 1;
		transition-delay: .15s;
	}
	.header__navBtn--line {
		transition: transform .3s ease, opacity .3s ease;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(1) {
		transform: rotate(30deg);
		bottom: 0;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(2) {
		transform: rotate(-30deg);
		top: 0;
	}
}
/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer {
	background:var(--color-pink);
	padding:min(calc(62 / var(--vw-min) * 100vw),62px);
}
@media screen and (max-width:768px){
	.footer {
		background:var(--color-pink);
		padding:calc(100 / var(--vw-min) * 100vw) 0 calc(64 / var(--vw-min) * 100vw);
	}
}
.footer__shareLists {
	width:100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.footer__shareLists {
		margin-bottom:calc(16 / var(--vw-min) * 100vw);
	}
}
.footer__shareTitle {
	width:100%;
	color:#fff;
	text-align: center;
	font-family: var(--font-trajan);
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	font-weight: 600;
	line-height:1;
	margin-bottom:min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.footer__shareTitle {
		font-size:calc(22 / var(--vw-min) * 100vw);
		margin-bottom:calc(8 / var(--vw-min) * 100vw);
	}
}
.footer__shareItem {
	width:min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
	.footer__shareItem {
		width:calc(100 / var(--vw-min) * 100vw);
	}
}
.footer__shareLink {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:min(calc(56 / var(--vw-min) * 100vw),56px);
	position: relative;
}
@media screen and (max-width:768px){
	.footer__shareLink {
		height:calc(100 / var(--vw-min) * 100vw);
	}
}
.footer__shareLink:before {
	content:'';
	display: block;
	width:min(calc(24 / var(--vw-min) * 100vw),24px);
	height:min(calc(24 / var(--vw-min) * 100vw),24px);
	background:#fff;
}
@media screen and (max-width:768px){
	.footer__shareLink:before {
		width:calc(44 / var(--vw-min) * 100vw);
		height:calc(44 / var(--vw-min) * 100vw);
	}
}
.footer__shareLink.is-x:before {
	-webkit-mask:url(../img/common/sns/icon_x.svg) no-repeat center center / contain;
	mask:url(../img/common/sns/icon_x.svg) no-repeat center center / contain;
}
.footer__shareLink.is-facebook:before {
	-webkit-mask:url(../img/common/sns/icon_fb.svg) no-repeat center center / contain;
	mask:url(../img/common/sns/icon_fb.svg) no-repeat center center / contain;
}

.footer__shareLink.is-line:before {
	-webkit-mask:url(../img/common/sns/icon_line.svg) no-repeat center center / contain;
	mask:url(../img/common/sns/icon_line.svg) no-repeat center center / contain;
}
@media screen and (hover:hover){
	.footer__shareLink:after {
		content:'';
		position: absolute;
		top:min(calc(6 / var(--vw-min) * 100vw),6px);
		left:min(calc(6 / var(--vw-min) * 100vw),6px);
		bottom:min(calc(6 / var(--vw-min) * 100vw),6px);
		right:min(calc(6 / var(--vw-min) * 100vw),6px);
		border:1px solid #fff;
		box-sizing: border-box;
		opacity:0;
		transform:rotate(90deg) scale(1.5);
		transition: all 0.3s ease;
	}
	.footer__shareLink:hover:after {
		opacity:1;
		transform:rotate(0) scale(1);
	}
}
.footer__subLists {
	display: flex;
	justify-content: center;
	margin-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.footer__subLists {
		display: flex;
		justify-content: center;
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.footer__subItem {
	margin:0 min(calc(16 / var(--vw-min) * 100vw),16px);
}
.footer__subLink {
	color:#fff;
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	font-family: var(--font-trajan);
	text-decoration: none;
	font-weight: 600;
	position: relative;
}
@media screen and (max-width:768px){
	.footer__subLink {
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.footer__subLink:before {
		content:'';
		position: absolute;
		top:48%;
		left:max(calc(-20 / var(--vw-min) * 100vw),-20px);
		right:calc(100% + min(calc(20 / var(--vw-min) * 100vw),20px));
		height:1px;
		background:#fff;
		transition: all 0.3s ease;
	}
	.footer__subLink:after {
		content:'';
		position: absolute;
		top:48%;
		left:calc(100% + min(calc(20 / var(--vw-min) * 100vw),20px));
		right:max(calc(-20 / var(--vw-min) * 100vw),-20px);
		height:1px;
		background:#fff;
		transition: all 0.3s ease;
	}
	.footer__subLink:hover:before {
		left:0;
		right:50%;
	}
	.footer__subLink:hover:after {
		left:50%;
		right:0;
	}
}
.footer__caution {
	font-size:min(calc(10 / var(--vw-min) * 100vw),10px);
	text-align: center;
	color:#fff;
	margin-bottom:min(calc(9 / var(--vw-min) * 100vw),9px);
}
@media screen and (max-width:768px){
	.footer__caution {
		font-size:calc(18 / var(--vw-min) * 100vw);
		margin-bottom:min(calc(9 / var(--vw-min) * 100vw),9px);
	}
}
.footer__copyright {
	font-size:min(calc(10 / var(--vw-min) * 100vw),10px);
	text-align: center;
	color:#fff;
}
@media screen and (max-width:768px){
	.footer__copyright {
		font-size:calc(18 / var(--vw-min) * 100vw);
	}
}
.swiper .swiper-scrollbar {
	position:absolute;
	height:min(calc(11 / var(--vw-min) * 100vw),11px);
	left:unset;
	right:unset;
	width:100%;
	bottom:0;
	top:unset;
	border-radius: 0;
	background:transparent;
}
.swiper .swiper-scrollbar:before {
	content:'';
	position: absolute;
	top:min(calc(5 / var(--vw-min) * 100vw),5px);
	left:0;
	right:0;
	height:min(calc(1 / var(--vw-min) * 100vw),1px);
	background:var(--color-gold);
}
.swiper .swiper-scrollbar-drag {
	background:transparent;
	border-radius: 0;
	cursor:pointer;
}
.swiper .swiper-scrollbar-drag:before {
	content:'';
	position: absolute;
	top:min(calc(4 / var(--vw-min) * 100vw),4px);
	left:0;
	right:0;
	height:min(calc(3 / var(--vw-min) * 100vw),3px);
	background:var(--color-gold);
}
@media screen and (max-width:768px){
	.swiper .swiper-scrollbar-drag:before {
		top:calc(2 / var(--vw-min) * 100vw);
		height:calc(6 / var(--vw-min) * 100vw);
	}
}
.subSection {
	padding-top:min(calc(120 / var(--vw-min) * 100vw),120px);
	position: relative;
}
@media screen and (max-width:768px){
	.subSection {
		padding-top:calc(216 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.subSection:before {
		content:'';
		position: absolute;
		top:max(calc(-80 / var(--vw-min) * 100vw),-80px);
		left:0;
		bottom:0;
		right:50%;
		margin-right:min(calc(228 / var(--vw-min) * 100vw),228px);
		background:var(--color-gold);
		opacity:.08;
	}
}
.subSection__title {
	font-size:min(calc(80 / var(--vw-min) * 100vw),80px);
	font-family: var(--font-trajan);
	color:var(--color-gold);
	text-align: center;
	line-height:1;
	position: relative;
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px)
}
@media screen and (max-width:768px){
	.subSection__title {
		font-size:calc(96 / var(--vw-min) * 100vw);
		margin-bottom:calc(64 / var(--vw-min) * 100vw);
		text-align: left;
	}
}
.pageNavigation {
	display: flex;
	justify-content: center;
	position: relative;
}
.pagerPrev,
.pagerNext {
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	margin:0 min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.pagerPrev,
	.pagerNext {
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
	}
}
.pagerNext {
	transform:rotate(180deg);
}
.pagerPrev a,
.pagerNext a {
	display: flex;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.pagerPrev a,
	.pagerNext a {
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
	}
}
.pagerPrev a.is-none,
.pagerNext a.is-none {
	opacity:0;
	pointer-events: none;
}
.pagerPrev a:before,
.pagerNext a:before{
	content:'';
	width:min(calc(9 / var(--vw-min) * 100vw),9px);
	height:min(calc(13.12 / var(--vw-min) * 100vw),13.12px);
	display: block;
	position: relative;
	-webkit-mask:url(../img/common/icon/arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon/arrow.svg) no-repeat center center / contain;
	background:var(--color-taupe);
	transform:rotate(90deg);
}
@media screen and (max-width:768px){
	.pagerPrev a:before,
	.pagerNext a:before{
		width:calc(17 / var(--vw-min) * 100vw);
		height:calc(21 / var(--vw-min) * 100vw);
		display: block;
		position: relative;
		-webkit-mask:url(../img/common/icon/arrow.svg) no-repeat center center / contain;
		mask:url(../img/common/icon/arrow.svg) no-repeat center center / contain;
		background:var(--color-taupe);
		transform:rotate(90deg);
	}
}
.pagerLists {
	display: flex;
}
.pagerLists li {
	margin:0 min(calc(8 / var(--vw-min) * 100vw),8px);
}
.pagerLists a {
	display: flex;
	justify-content: center;
	align-items: center;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	text-decoration: none;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-family: var(--font-trajan);
	color:var(--color-toupe);
	transition: all 0.3s ease;
	font-weight: 600;
	line-height:1;
	position: relative;
}
@media screen and (max-width:768px){
	.pagerLists a {
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
		font-size:calc(32 / var(--vw-min) * 100vw);
	}
}
.pagerLists a:before {
	content:'';
	position: absolute;
	left:min(calc(9 / var(--vw-min) * 100vw),9px);
	right:min(calc(9 / var(--vw-min) * 100vw),9px);
	bottom:min(calc(6 / var(--vw-min) * 100vw),6px);
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	background: var(--color-pink);
	transform: scale(0,1);
	opacity:0;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.pagerLists a:before {
		left:calc(12 / var(--vw-min) * 100vw);
		right:calc(12 / var(--vw-min) * 100vw);
		bottom:calc(4 / var(--vw-min) * 100vw);
		height:min(calc(2 / var(--vw-min) * 100vw),2px);
		background: var(--color-pink);
		transform: scale(0,1);
		opacity:0;
		transition: all 0.3s ease;
	}
}
.pagerLists a:hover {
	color:var(--color-pink);
}
.pagerLists a.is-active {
	color:var(--color-pink);
}
.pagerLists a.is-active:before {
	transform: scale(1,1);
	opacity:1;
}
.article {
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	padding:min(calc(64 / var(--vw-min) * 100vw),64px);
	border-top:1px solid var(--color-gold);
	border-bottom:1px solid var(--color-gold);
	background:var(--color-cream);
	margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
	.article {
		width:calc(654 / var(--vw-min) * 100vw);
		padding:calc(80 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
		margin-bottom:calc(96 / var(--vw-min) * 100vw);
	}
}
.article__header {
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.article__header {
		margin-bottom:calc(46 / var(--vw-min) * 100vw);
	}
}
.article__time {
	display: block;
	color:var(--color-pink);
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 700;
	font-family: var(--font-trajan);
	line-height:1.6;
	margin-bottom:min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.article__time {
		font-size:calc(28 / var(--vw-min) * 100vw);
		margin-bottom:calc(12 / var(--vw-min) * 100vw);
	}
}
.article__title {
	font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
	font-weight: 700;
	line-height:1.6;
}
@media screen and (max-width:768px){
	.article__title {
		font-size:calc(32 / var(--vw-min) * 100vw);
	}
}
.article__content {
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.article__content {
		font-size:calc(26 / var(--vw-min) * 100vw);
	}
}
.article__content p {
	line-height:1.6;
	margin-bottom:1.4em;
}
.article__content img {
	max-width:100%;
	margin-bottom:1.4em;
}
.article__content a {
	color:var(--color-pink);
}
.article__content h1 {
	padding-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	position: relative;
	margin-bottom: 1.2em;
	margin-top:2.2em;
	font-weight: 700;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.article__content h1 {
		padding-left:calc(32 / var(--vw-min) * 100vw);
		font-size:calc(30 / var(--vw-min) * 100vw);
	}
}
.article__content h2 {
	padding-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	position: relative;
	margin-bottom: 1.2em;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.article__content h2 {
		padding-left:calc(32 / var(--vw-min) * 100vw);
		font-size:calc(30 / var(--vw-min) * 100vw);
	}
}
.article__content h3 {
	padding-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	position: relative;
	margin-bottom: 1.2em;
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
	font-weight: 700;
}
@media screen and (max-width:768px){
	.article__content h3 {
		padding-left:calc(32 / var(--vw-min) * 100vw);
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
.article__content h4 {
	padding-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	position: relative;
	margin-bottom: 1.2em;
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.article__content h4 {
		padding-left:calc(32 / var(--vw-min) * 100vw);
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
.article__content h5 {
	padding-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	position: relative;
	margin-bottom: 1.2em;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: 700;
}
@media screen and (max-width:768px){
	.article__content h5 {
		padding-left:calc(32 / var(--vw-min) * 100vw);
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
.article__content h6 {
	padding-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	position: relative;
	margin-bottom: 1.2em;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.article__content h6 {
		padding-left:calc(32 / var(--vw-min) * 100vw);
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
.article__content h1:before,
.article__content h2:before,
.article__content h3:before,
.article__content h4:before,
.article__content h5:before,
.article__content h6:before {
	content:'';
	position: absolute;
	left:0;
	top:1em;
	margin-top:max(calc(-6 / var(--vw-min) * 100vw),-6px);
	width:min(calc(12 / var(--vw-min) * 100vw),12px);
	height:min(calc(12 / var(--vw-min) * 100vw),12px);
	-webkit-mask:url(../img/common/icon/dia.svg) no-repeat center center / contain;
	mask:url(../img/common/icon/dia.svg) no-repeat center center / contain;
	background:var(--color-taupe);
	line-height:1.6;
}
@media screen and (max-width:768px){
	.article__content h1:before,
	.article__content h2:before,
	.article__content h3:before,
	.article__content h4:before,
	.article__content h5:before,
	.article__content h6:before {
		top:1em;
		margin-top:calc(-12 / var(--vw-min) * 100vw);
		width:calc(24 / var(--vw-min) * 100vw);
		height:calc(24 / var(--vw-min) * 100vw);
	}
}
.article__content ul {
	list-style: disc;
	margin-bottom:1.4em;
}
.article__content ul li {
	list-style: disc;
	margin:0 2em;
}
.article__content ol {
	list-style: decimal;
	margin-bottom:1.4em;
}
.article__content ol li {
	list-style: decimal;
	margin:0 2em;
}
.article__content table {
	max-width:100%;
	border:1px solid var(--color-taupe);
}
.article__content th {
	padding:min(calc(3 / var(--vw-min) * 100vw),3px) min(calc(10 / var(--vw-min) * 100vw),10px);
	background:var(--color-taupe);
	font-weight: 500;
	color:#fff;
	border:1px solid var(--color-taupe);
}
.article__content td {
	padding:min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(10 / var(--vw-min) * 100vw),10px);
	border:1px solid var(--color-taupe);
}
.backtoList {
	display: table;
	margin:0 auto;
}
.backtoList__link {
	padding-left:min(calc(53 / var(--vw-min) * 100vw),53px);
	display: block;
	height:min(calc(24 / var(--vw-min) * 100vw),24px);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
	text-decoration: none;
	color:var(--color-taupe);
	font-family: var(--font-trajan);
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	margin-left:auto;
	position: relative;
	width:fit-content;
}
@media screen and (max-width:768px){
	.backtoList__link {
		padding-left:calc(100 / var(--vw-min) * 100vw);
		height:calc(37 / var(--vw-min) * 100vw);
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
.backtoList__link:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom: 0;
	width:min(calc(41 / var(--vw-min) * 100vw),41px);
	box-sizing: border-box;
	border:1px solid var(--color-taupe);
	border-radius: 50%;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.backtoList__link:before {
		width:calc(64 / var(--vw-min) * 100vw);
	}
}
.backtoList__link:after {
	content:'';
	position: absolute;
	left:min(calc(16 / var(--vw-min) * 100vw),16px);
	top:50%;
	width:min(calc(8.875 / var(--vw-min) * 100vw),8.875px);
	height:min(calc(13.12 / var(--vw-min) * 100vw),13.12px);
	margin-top:max(calc(-6.56 / var(--vw-min) * 100vw),-6.56px);
	-webkit-mask:url(../img/common/icon/arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon/arrow.svg) no-repeat center center / contain;
	background: var(--color-taupe);
	transform:rotate(90deg);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.backtoList__link:after {
		left:calc(24 / var(--vw-min) * 100vw);
		width:calc(17 / var(--vw-min) * 100vw);
		height:calc(21 / var(--vw-min) * 100vw);
		margin-top:calc(-10.5 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.backtoList__link:hover:before {
		background:var(--color-gold);
	}
	.backtoList__link:hover:after {
		background:#fff;
	}
}
.backtoList__link span {
	display: block;
	position: relative;
}
.backtoList__link span:before {
	content:'';
	position: absolute;
	top:48%;
	left:max(calc(-20 / var(--vw-min) * 100vw),-20px);
	right:calc(100% + min(calc(20 / var(--vw-min) * 100vw),20px));
	height:1px;
	background:var(--color-gold);
	transition: all 0.3s ease;
}
.backtoList__link span:after {
	content:'';
	position: absolute;
	top:48%;
	left:calc(100% + min(calc(20 / var(--vw-min) * 100vw),20px));
	right:max(calc(-20 / var(--vw-min) * 100vw),-20px);
	height:1px;
	background:var(--color-gold);
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.backtoList__link:hover span:before {
		left:0;
		right:50%;
	}
	.backtoList__link:hover span:after {
		left:50%;
		right:0;
	}
}
.footer__bnrLists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.footer__bnrLists {
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.footer__bnrItem {
	width:min(calc(320 / var(--vw-min) * 100vw),320px);
	margin:0 min(calc(12 / var(--vw-min) * 100vw),12px) min(calc(24 / var(--vw-min) * 100vw),24px);
}

.footer__bnrItem a {
	display: block;
	transition: all 1s ease;
}
@media screen and (hover:hover){
	.footer__bnrItem a:hover {
		transform:scale(0.95);
	}
}
.footer__bnrItem a img {
	width:100%;
	height:auto;
	display: block;
}