@charset "utf-8";

img {
	/* image-rendering: -webkit-optimize-contrast; */
	-webkit-backface-visibility: hidden;
}

h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

/* ------------------------------------------- */
/* noto sans jp */
/* ------------------------------------------- */
/*Light*/
@font-face {
	font-family: "Noto Sans JP";
	src: url("../font/noto_sans_jp/NotoSansJP-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}
/*Regular*/
@font-face {
	font-family: "Noto Sans JP";
	src: url("../font/noto_sans_jp/NotoSansJP-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
/*Midium*/
@font-face {
	font-family: "Noto Sans JP";
	src: url("../font/noto_sans_jp/NotoSansJP-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}
/*Bold*/
@font-face {
	font-family: "Noto Sans JP";
	src: url("../font/noto_sans_jp/NotoSansJP-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

/* ------------------------------------------- */
/* noto serif jp */
/* ------------------------------------------- */
/*Regular*/
@font-face {
	font-family: "Noto Serif JP";
	src: url("../font/noto_serif_jp/NotoSerifJP-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
}

/* ------------------------------------------- */
/* noto serif jp */
/* ------------------------------------------- */
@font-face {
	font-family: "EB Garamond";
	src: url("../font/ebgaramond/EBGaramond-Italic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "EB Garamond";
	src: url("../font/ebgaramond/EBGaramond-Regular.ttf") format("truetype");
	font-weight: 400;
}
@font-face {
	font-family: "EB Garamond";
	src: url("../font/ebgaramond/EBGaramond-Medium.ttf") format("truetype");
	font-weight: 500;
}

/* ------------------------------------------- */
/* Lato */
/* ------------------------------------------- */
/*Light*/
@font-face {
	font-family: "Lato";
	src: url("../font/lato/Lato-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}
/*Regular*/
@font-face {
	font-family: "Lato";
	src: url("../font/lato/Lato-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
/*Medium*/
@font-face {
	font-family: "Lato";
	src: url("../font/lato/Lato-Bold.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

/* ------------------------------------------- */
/* しっぽり明朝 */
/* ------------------------------------------- */
/*Regular*/
@font-face {
	font-family: "しっぽり明朝";
	src: url("../font/shippori_mincho/ShipporiMincho-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
/*Medium*/
@font-face {
	font-family: "しっぽり明朝";
	src: url("../font/shippori_mincho/ShipporiMincho-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "しっぽり明朝";
	src: url("../font/shippori_mincho/ShipporiMincho-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "しっぽり明朝";
	src: url("../font/shippori_mincho/ShipporiMincho-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "しっぽり明朝";
	src: url("../font/shippori_mincho/ShipporiMincho-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
}

/* ------------------------------------------- */
/* Monsieur La Doulaise */
/* ------------------------------------------- */
/*Regular*/
@font-face {
	font-family: "Monsieur La Doulaise";
	src: url("../font/monsieur_la_doulaise/MonsieurLaDoulaise-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}


/* ------------------------------------------- */
/* Marcellus */
/* ------------------------------------------- */
/*Regular*/
@font-face {
	font-family: "Marcellus";
	src: url("../font/marcellus/Marcellus-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}


video {
	/* filter: contrast(1); */
	filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
	outline: none;
	border: none;
}

/* 既存ヘッダーは非表示 */
.l-header {
	display: none;
}

/* 初期設定 */
.excia-area {
	font-family: "Noto Sans JP";
	line-height: 1;
	overflow: hidden;
}
#custom-header *:before,
#custom-header *:after,
#custom-header *,
.excia-area *:before,
.excia-area *:after,
.excia-area * {
	box-sizing: border-box;
}

.excia-area img {
	max-width: 100%;
	height: auto;
}

.excia-area .inner {
	margin-left: auto;
	margin-right: auto;
}
.excia-area .inner.w960 {
	/* width: 960px; */
	max-width: 960px;
}
.excia-area .inner.w720 {
	/* width: 720px; */
	max-width: 720px;
}
.excia-area .inner.w840 {
	/* width: 840px; */
	max-width: 840px;
}
.excia-area .inner.w1080 {
	/* width: 1080px; */
	max-width: 1080px;
}
.excia-area .inner.w1200 {
	/* width: 1200px; */
	max-width: 1200px;
}
.excia-area .inner.w1260 {
	/* width: 1260px; */
	max-width: 1260px;
}
.excia-area .inner.w1400 {
	/* width: 1400px; */
	max-width: 1400px;
}
.excia-area .inner.w1600 {
	max-width: 1600px;
}
@media screen and (max-width: 1680px) {
	.excia-area .inner.w1600 {
		max-width: calc(100% - 40px);
	}
}

@media screen and (min-width: 641px) {
	.pc-off {
		display: none !important;
	}
}
@media screen and (max-width: 640px) {
	.sp-off {
		display: none !important;
	}
}

/* 640px */
@media screen and (max-width: 640px) {
	.excia-area .inner {
	}
	.excia-area .inner.sp-custom,
	.excia-area .inner.w720,
	.excia-area .inner.w840,
	.excia-area .inner.w960,
	.excia-area .inner.w1080,
	.excia-area .inner.w1200,
	.excia-area .inner.w1260,
	.excia-area .inner.w1400,
	.excia-area .inner.w1600 {
		min-width: calc(100% - 40px);
		width: calc(100% - 40px);
	}
}

.tac {
	text-align: center;
}

/* ------------------------------------------- */
/* main */
/* ------------------------------------------- */
/* custom-main */
#custom-main {
	padding-top: 120px;
}
@media screen and (max-width: 640px) {
	#custom-main {
		padding-top: 72px;
	}
}

/* ------------------------------------------- */
/* header */
/* ------------------------------------------- */
#custom-header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 120px;
	font-family: "Noto Sans JP";
	background: #fff;
	border-bottom: 1px solid #d4d4d4;
}
@media screen and (max-width: 640px) {
	#custom-header {
		height: 72px;
	}
}

#custom-header .logomark,
#custom-header .search-shop,
#custom-header .main-list,
#custom-header .menu-btn {
	position: absolute;
}
#custom-header .logomark {
	top: 47px;
	left: 90px;
}
@media screen and (max-width: 640px) {
	#custom-header .logomark {
		top: 28px;
		left: 20px;
	}
}

#custom-header .main-list {
	top: 47px;
	right: 250px;
}

#custom-header .search-shop {
	top: 51px;
	right: 90px;
}
@media screen and (max-width: 640px) {
	#custom-header .search-shop {
		top: 18px;
		right: 65px;
	}
}

#custom-header .menu-btn {
	right: 40px;
	top: 0;
	z-index: 1000;
}
@media screen and (max-width: 640px) {
	#custom-header .menu-btn {
		top: 17px;
		right: 10px;
	}
}

/* logomark */
#custom-header .logomark img {
	max-width: 175px;
	height: auto;
}
@media screen and (max-width: 640px) {
	#custom-header .logomark img {
		max-width: 100px;
	}
}

/* search-shop */
#custom-header .main-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
@media screen and (max-width: 640px) {
	#custom-header .main-list {
		display: none;
	}
}

#custom-header .main-list li {
	border-left: 1px solid #d4d4d4;
}

#custom-header .main-list li:last-child {
	border-right: 1px solid #d4d4d4;
}
#custom-header .main-list a {
	display: inline-block;
	padding: 0 36px;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 23px;
	color: #000;
	text-decoration: none;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	#custom-header .main-list a:hover {
		opacity: 0.6;
	}
}

/* search-shop */
#custom-header .search-shop {
}
#custom-header .search-shop a {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #505050;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	#custom-header .search-shop a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width: 640px) {
	#custom-header .search-shop a {
		padding: 25px 0 0 0;
		font-weight: 300;
		font-size: 10px;
		letter-spacing: 0.1em;
		text-align: center;
	}
}
#custom-header .search-shop a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	display: block;
	width: 19px;
	height: 28px;
	background: url(../img/parts/icon_area01.svg) no-repeat center center / 100% auto;
	transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
	#custom-header .search-shop a:after {
		top: 0;
		left: 50%;
		width: 14px;
		height: 20px;
		transform: translateX(-50%);
	}
}

/* menu-btn */
#custom-header .menu-btn {
	/* display: flex; */
	display: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	cursor: pointer;
}
@media screen and (max-width: 640px) {
	#custom-header .menu-btn {
		display: flex;
		width: 42px;
		height: 39px;
		background: #7B7B7B;
		border-radius: 4px;
	}
}
.menu-active #custom-header .menu-btn {
	position: fixed;
	z-index: 1000;
}
#custom-header .menu-btn span {
	position: relative;
	display: block;
	width: 25px;
	height: 1px;
	background: #FFF;
}
@media screen and (max-width: 640px) {
	#custom-header .menu-btn span {
		width: 16px;
	}
}
#custom-header .menu-btn span:before,
#custom-header .menu-btn span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	transition: ease 0.25s top 0.25s, ease 0.25s transform;
}
#custom-header .menu-btn span:before {
	top: -12px;
}
#custom-header .menu-btn span:after {
	top: 12px;
}
@media screen and (max-width: 640px) {
	#custom-header .menu-btn span:before {
		top: -5px;
	}
	#custom-header .menu-btn span:after {
		top: 5px;
	}
}

.menu-active #custom-header .menu-btn span {
	background: transparent;
}
.menu-active #custom-header .menu-btn span:before {
	top: 0;
	background-color: #ffffff;
	transform: rotate(45deg);
	transition: ease 0.25s top, ease 0.25s transform 0.25s;
}
.menu-active #custom-header .menu-btn span:after {
	top: 0;
	background-color: #ffffff;
	transform: rotate(-45deg);
	transition: ease 0.25s top, ease 0.25s transform 0.25s;
}
@media screen and (max-width: 640px) {
	.menu-active #custom-header .menu-btn span:before,
	.menu-active #custom-header .menu-btn span:after {
		background-color: #FFF;
	}
}

/* scroll-active */
@media screen and (min-width: 641px) {
	#custom-header {
		transition: ease 0.25s height;
	}
	.scroll-active #custom-header {
		height: 80px;
	}

	#custom-header .logomark,
	#custom-header .main-list,
	#custom-header .search-shop,
	#custom-header .menu-btn {
		transition: ease 0.25s top;
	}
	#custom-header .menu-btn {
		transition: ease 0.25s top, ease 0.25s width, ease 0.25s height;
	}
	.scroll-active #custom-header .logomark {
		top: 24px;
	}
	.scroll-active #custom-header .main-list {
		top: 29px;
	}
	.scroll-active #custom-header .search-shop {
		top: 29px;
	}
	.scroll-active #custom-header .menu-btn {
		width: 80px;
		height: 80px;
	}
}

/* custom-nav */

#custom-nav {
	position: fixed;
	right: -600px;
	top: 0;
	z-index: 999;
	width: 600px;
	height: 100svh;
	padding: 50px 80px;
	background: #505050;
	transition: ease 0.5s right;
	pointer-events: none;
}
@media print {
	#custom-nav {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	#custom-nav {
		top: 72px;
		right: -100%;
		width: 100%;
		height: 100svh;
		padding: 30px 20px;
	}
}
.menu-active #custom-nav {
	right: 0;
	pointer-events: auto;
}
@media screen and (min-width: 641px) {
	body:before {
		content: "";
		position: fixed;
		left: 0;
		top: 0;
		z-index: 998;
		display: block;
		width: 100%;
		height: 100%;
		transition: ease 0.5s background-color;
		pointer-events: none;
	}
	.menu-active body:before {
		background: rgba(80, 80, 80, 0.9);
		pointer-events: auto;
	}
}
#custom-nav .nav-title {
	margin-bottom: 37px;
	font-weight: 300;
	font-size: 17px;
	letter-spacing: 0.08em;
	line-height: 51px;
	color: #fff;
}
@media screen and (max-width: 640px) {
	#custom-nav .nav-title {
		display: none;
	}
}
#custom-nav .nav-list {
	padding: 15px 0;
	border-bottom: 1px solid #707070;
}
@media screen and (max-width: 640px) {
	#custom-nav .nav-list {
		padding: 7px 0;
	}
}
#custom-nav .nav-list:last-child {
	border-bottom: 0;
}
#custom-nav .nav-list a {
	position: relative;
	display: block;
	padding: 10px 22px;
	font-weight: 300;
	font-size: 17px;
	letter-spacing: 0.08em;
	line-height: 1.4;
	color: #fff;
	text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
	#custom-nav .nav-list a:hover {
		text-decoration: underline;
	}
}
@media screen and (max-width: 640px) {
	#custom-nav .nav-list a {
		padding: 7px 17px;
		font-weight: 300;
		font-size: 14px;
	}
}
#custom-nav .nav-list a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	width: 9px;
	height: 13px;
	background: url(../img/parts/icon_arrow01.svg) no-repeat center center / 100% auto;
	transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
	#custom-nav .nav-list a:after {
		width: 7px;
		height: 10px;
	}
}
#custom-nav .nav-list a span {
	display: inline-block;
	margin-left: 20px;
	font-weight: 300;
	font-size: 17px;
	letter-spacing: 0.08em;
	text-align: left;
	color: #a2a2a2;
}
@media screen and (max-width: 640px) {
	#custom-nav .nav-list a span {
		margin-left: 12px;
		font-size: 14px;
	}
}

#custom-nav .nav-list ul a {
	padding-left: 50px;
}
#custom-nav .nav-list ul a:before {
	content: "";
	position: absolute;
	left: 23px;
	top: 22px;
	z-index: 1;
	display: block;
	width: 19px;
	height: 1px;
	background: #d4d4d4;
}
@media screen and (max-width: 640px) {
	#custom-nav .nav-list ul a:before {
		top: 16px;
	}
}

/* ------------------------------------------- */
/* breadcrumbs */
/* ------------------------------------------- */
#breadcrumbs {
	margin: 20px auto;
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #717070;
}
@media screen and (max-width: 640px) {
	#breadcrumbs {
		margin: 12px auto;
		font-size: 10px;
		width: calc(100% - 36px);
	}
}
#breadcrumbs li {
	margin-right: 20px;
	position: relative;
	list-style: none;
}
#breadcrumbs li:after {
	content: "";
	position: absolute;
	right: -12px;
	top: calc(50% - 5px);
	display: block;
	width: 1px;
	height: 12px;
	background-color: #717070;
	transform: rotate(20deg);
}
@media screen and (max-width: 640px) {
	#breadcrumbs li:after {
		right: -11px;
		height: 10px;
	}
}
#breadcrumbs li:last-child:after {
	display: none;
}
#breadcrumbs li a {
	text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
	#breadcrumbs li a:hover {
		text-decoration: underline;
	}
}

/* ------------------------------------------- */
/* excia-title */
/* ------------------------------------------- */
.excia-title.type01 {
	color: #000;
	text-align: center;
	margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
	.excia-title.type01 {
		margin-bottom: 20px;
	}
}
.excia-title.type01 .title-sub {
	margin-bottom: 20px;
	font-family: "Lato";
	transform: rotate(0.05deg);
	font-weight: 300;
	font-size: 44px;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
	.excia-title.type01 .title-sub {
		margin-bottom: 12px;
		font-size: 23px;
	}
}
.excia-title.type01 .title-main {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 640px) {
	.excia-title.type01 .title-main {
		font-size: 10px;
	}
}

/* img */
.excia-title.type01 .title-img {
	margin-bottom: 44px;
}
@media screen and (max-width: 640px) {
	.excia-title.type01 .title-img {
		margin-bottom: 33px;
	}
	.excia-title.type01 .title-img img {
		max-width: 152px;
	}
}
.excia-title.type01 .title-caption {
}
.excia-title.type01 .caption-spell {
	margin-bottom: 16px;
	font-family: "Lato";
	transform: rotate(0.05deg);
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.excia-title.type01 .caption-spell {
		font-weight: 300;
		font-size: 15px;
	}
}
.excia-title.type01 .caption-main {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
	.excia-title.type01 .caption-main {
	}
}

/* type02 */
.excia-title.type02 {
	margin-bottom: 30px;
	text-align: center;
}
.excia-title.type02 span {
	padding-bottom: 8px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 29px;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #707070;
}
@media screen and (max-width: 640px) {
	.excia-title.type02 span {
		padding-bottom: 4px;
		font-size: 14px;
	}
}

/* type03 */
.excia-title.type03 {
	margin-bottom: 30px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.excia-title.type03 {
		margin-bottom: 15px;
	}
}
.excia-title.type03 span {
	display: inline-block;
	padding-bottom: 8px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #707070;
}
@media screen and (max-width: 640px) {
	.excia-title.type03 span {
		padding-bottom: 4px;
		font-size: 15px;
	}
}

/* type03 */
.excia-title.type04 {
	margin-bottom: 60px;
	font-family: "Lato";
	font-weight: 300;
	font-size: 32px;
	letter-spacing: 0.1em;
	line-height: 22px;
	color: #000;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.excia-title.type04 {
		margin-bottom: 30px;
		font-size: 20px;
	}
}

/* ------------------------------------------- */
/* common-list */
/* ------------------------------------------- */
/* item */
.excia-area .common-list.item {
	display: flex;
	flex-wrap: wrap;
}
.excia-area .common-list.item.jcc {
	justify-content: center;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.item {
		margin-bottom: 0;
	}
}
.excia-area .common-list.item li {
	margin-left: 40px;
}
.excia-area .common-list.item.jcc li {
	margin-left: 0;
}
.excia-area .common-list.item.c1 li {
	margin-left: 0;
}
.excia-area .common-list.item.c3 li {
	width: calc((100% / 3) - (40px * (3 - 1) / 3));
}
@media screen and (min-width: 641px) {
	.excia-area .common-list.item.c3 li:nth-child(3n + 1) {
		margin-left: 0;
	}
}
.excia-area .common-list.item.c4 li {
	width: calc((100% / 4) - (40px * (4 - 1) / 4));
}
@media screen and (min-width: 641px) {
	.excia-area .common-list.item.c4 li:nth-child(4n + 1) {
		margin-left: 0;
	}
}

@media screen and (max-width: 640px) {
	.excia-area .common-list.item.jcc li {
		width: 50%;
	}
	.excia-area .common-list.item.c4 li,
	.excia-area .common-list.item.c3 li {
		margin-bottom: 30px;
		margin-left: 20px;
		width: calc(50% - 10px);
	}
	.excia-area .common-list.item.c4 li:nth-child(2n + 1),
	.excia-area .common-list.item.c3 li:nth-child(2n + 1) {
		margin-left: 0;
	}
}

.excia-area .common-list.item a {
	text-decoration: none;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	.excia-area .common-list.item a:hover {
		opacity: 0.7;
	}
}
.excia-area .common-list.item .list-photo {
	position: relative;
	margin-bottom: 21px;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.item .list-photo {
		margin-bottom: 15px;
	}
}
.excia-area .common-list.item .list-photo .photo-label {
	position: absolute;
	right: -25px;
	top: -16px;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #8e8e8e;
	border: 1px solid #c8c8c8;
	border-radius: 50%;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.item .list-photo .photo-label {
		top: -12px;
		right: -12px;
		width: 44px;
		height: 44px;
		font-size: 10px;
	}
}
.excia-area .common-list.item .list-text {
}
.excia-area .common-list.item .text-title {
	color: #000;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.02em;
	line-height: 1.375;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.item .text-title {
		font-size: 13px;
		line-height: 1.38;
	}
}
.excia-area .common-list.item .text-notes {
	margin-top: 5px;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 22px;
	color: #000;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.item .text-notes {
		font-size: 11px;
		line-height: 1.2;
	}
}
.excia-area .common-list.item .text-date {
	margin-top: 20px;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.item .text-date {
		margin-top: 12px;
	}
}
.excia-area .common-list.item .text-date span {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	height: 22px;
	padding: 0 8px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #717070;
	background: #fff;
	border: 1px solid #979797;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.item .text-date span {
		font-size: 10px;
		height: 18px;
	}
}
.excia-area .common-list.item .text-date.special span {
	width: 150px;
}

/* news */
.excia-area .common-list.news-list {
	border-top: 1px solid #d4d4d4;
}
.excia-area .common-list.news-list li {
	border-bottom: 1px solid #d4d4d4;
}
.excia-area .common-list.news-list a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 31px 0;
	text-decoration: none;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	.excia-area .common-list.news-list a:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list a {
		padding: 30px 20px;
	}
}
.excia-area .common-list.news-list .list-photo {
	width: 145px;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list .list-photo {
		width: 110px;
	}
}
.excia-area .common-list.news-list .list-text {
	position: relative;
	width: calc(100% - 145px - 32px);
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list .list-text {
		width: calc(100% - 110px - 20px);
	}
}
.excia-area .common-list.news-list .text-option {
	display: flex;
	margin-bottom: 17px;
}
.excia-area .common-list.news-list .text-option .option-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	min-width: 100px;
	height: 24px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #000;
	background: #e6e6e6;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list .text-option .option-label {
		margin-right: 8px;
		font-size: 12px;
		min-width: 80px;
		height: 22px;
	}
}
.excia-area .common-list.news-list .text-option .option-date,
.excia-area .common-list.news-list .text-option .option-status {
	font-family: "Lato";
	transform: rotate(0.05deg);
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.08em;
	line-height: 28px;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list .text-option .option-date,
	.excia-area .common-list.news-list .text-option .option-status {
		font-size: 12px;
		line-height: 22px;
	}
}
.excia-area .common-list.news-list .text-option .option-status {
	margin-left: 10px;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list .text-option .option-status {
		margin-left: 8px;
	}
}
.excia-area .common-list.news-list .text-title {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 1.8125;
	color: #000;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list .text-title {
		margin-bottom: 12px;
		font-size: 13px;
		line-height: 1.46;
	}
	.excia-area .common-list.news-list .text-title br {
		display: none;
	}
}
.excia-area .common-list.news-list .text-more {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: right;
}
@media screen and (max-width: 640px) {
	.excia-area .common-list.news-list .text-more {
		position: static;
		font-size: 12px;
	}
}
.excia-area .common-list.news-list a .text-more span {
	text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
	.excia-area .common-list.news-list a:hover .text-more span {
		text-decoration: none;
	}
}

/* dot */
.common-list.dot {
}
.common-list.dot li {
	position: relative;
	padding-left: 16px;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 18px;
	text-align: left;
	color: #717070;
}
.common-list.dot li:before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
}
.common-list.dot.small li {
	font-size: 12px;
}

/* center-style */
@media print, screen and (min-width: 641px) {
	.common-list.dot.center-style li {
		text-align: center;
	}
	.common-list.dot.center-style li:before {
		position: static;
	}
}

/* asterisk */
.common-list.asterisk {
}
.common-list.asterisk li {
	position: relative;
	padding-left: 16px;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 1.86;
	color: #717070;
}

.common-list.asterisk.small li {
	font-size: 12px;
}

.common-list.asterisk li:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}

.common-list.asterisk.number {
	counter-reset: number;
}
.common-list.asterisk.number li {
	counter-increment: number;
	padding-left: 28px;
}
.common-list.asterisk.number li:before {
	content: "※" counter(number);
}
.common-list.asterisks.small.number li {
	padding-left: 24px;
}

/* ------------------------------------------- */
/* common-box */
/* ------------------------------------------- */
/* fixed-camapgin */
.common-box.fixed-campaign {
	display: none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 999;
	font-family: "Noto Sans JP";
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign {
		right: 10px;
		bottom: 10px;
	}
}
.common-box.fixed-campaign .box-close {
	position: absolute;
	right: -10px;
	top: -13px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #6a6a6a;
	cursor: pointer;
}
.common-box.fixed-campaign .box-close:before,
.common-box.fixed-campaign .box-close:after {
	content: "";
	position: absolute;
	left: calc(50% - 6px);
	top: 50%;
	display: block;
	width: 12px;
	height: 2px;
	background: #fff;
}
.common-box.fixed-campaign .box-close:before {
	transform: rotate(45deg);
}
.common-box.fixed-campaign .box-close:after {
	transform: rotate(-45deg);
}

.common-box.fixed-campaign a {
	display: block;
	width: 280px;
	height: auto;
	padding: 23px 17px 19px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
	background: #fff;
	text-decoration: none;
	box-sizing: border-box;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	.common-box.fixed-campaign a:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign a {
		width: 233px;
		/* height: 287px; */
		padding: 23px 17px 19px;
	}
}

.common-box.fixed-campaign .box-photo {
	margin: 0 auto 20px;
	width: 114px;
}
.common-box.fixed-campaign .box-photo img {
	max-width: 100%;
	height: auto;
}

.common-box.fixed-campaign .box-text .text-option {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.common-box.fixed-campaign .box-text .text-option .option-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	width: 86px;
	height: 24px;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0.05em;
	color: #000;
	background: #e6e6e6;
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign .box-text .text-option .option-label {
		margin-right: 8px;
		font-size: 12px;
		width: 80px;
		height: 22px;
	}
}
.common-box.fixed-campaign .box-text .text-option .option-date,
.common-box.fixed-campaign .box-text .text-option .option-status {
	font-family: "Lato";
	transform: rotate(0.05deg);
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign .box-text .text-option .option-date,
	.common-box.fixed-campaign .box-text .text-option .option-status {
		font-size: 10px;
	}
}
.common-box.fixed-campaign .box-text .text-option .option-status {
	margin-left: 8px;
}
.common-box.fixed-campaign .box-text .text-title {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 0.08em;
	line-height: 23px;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign .box-text .text-title {
		font-size: 11px;
		line-height: 19px;
	}
}
.common-box.fixed-campaign .box-text .text-title br {
	display: none;
}
.common-box.fixed-campaign .text-more {
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0.05em;
	text-align: right;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign .text-more {
		font-size: 10px;
	}
}
.common-box.fixed-campaign a .text-more span {
	text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
	.common-box.fixed-campaign a:hover .text-more span {
		text-decoration: none;
	}
}

@media screen and (max-width: 640px) {
	.common-box.fixed-campaign.type02 {
		width: calc(100% - 20px);
	}
}

.common-box.fixed-campaign.type02 a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 29px;
	width: 410px;
}
@media screen and (max-width: 450px) {
	.common-box.fixed-campaign.type02 a {
		width: 100%;
		padding: 20px;
	}
}
.common-box.fixed-campaign.type02 .box-photo02 {
	margin: 0;
	width: 113px;
}
.common-box.fixed-campaign.type02 .box-photo02 img {
	max-width: 100%;
	height: auto;
}
.common-box.fixed-campaign.type02 .box-text02 {
	width: calc(100% - 113px - 20px);
}
.common-box.fixed-campaign.type02 .box-text02 .text-title {
	margin-bottom: 8px;
	font-family: "Noto Serif JP";
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.08em;
	line-height: 20px;
	text-align: left;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign.type02 .box-text02 .text-title {
		font-size: 16px;
	}
}
.common-box.fixed-campaign.type02 .box-text02 .text-detail {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 0.08em;
	line-height: 20px;
	text-align: left;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.fixed-campaign.type02 .box-text02 .text-detail {
		font-size: 12px;
	}
}

/* box-use */
.common-box.box-use {
	display: flex;
	flex-wrap: wrap;
	/* align-items: center; */
}
@media screen and (max-width: 640px) {
	.common-box.box-use.col {
		flex-direction: column;
	}
}
.common-box.box-use.bdr-t {
	padding-top: 70px;
	border-top: 1px solid #d4d4d4;
}
@media screen and (max-width: 640px) {
	.common-box.box-use.bdr-t {
		padding-top: 35px;
	}
}

.common-box.box-use .box-video {
	margin-bottom: 50px;
	width: 100%;
}
.common-box.box-use .box-video video {
	margin: 0 auto;
	width: 400px;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .box-video video {
		width: 100%;
	}
}
.common-box.box-use .box-photo {
	margin-top: 30px;
	width: 170px;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .box-photo {
		margin-top: 15px;
		width: 140px;
	}
	.common-box.box-use.col .box-photo {
		width: 100%;
		text-align: center;
	}
	.common-box.box-use.col .box-photo img {
		max-width: 140px;
	}
}
@media screen and (max-width: 414px) {
	.common-box.box-use .box-photo {
		margin-top: 15px;
		width: 100px;
	}
}
.common-box.box-use .box-text {
	margin-top: 30px;
	margin-left: auto;
	width: calc(100% - 170px - 36px);
}
@media screen and (max-width: 640px) {
	.common-box.box-use .box-text {
		margin-top: 15px;
		width: calc(100% - 140px - 20px);
	}
	.common-box.box-use.col .box-text {
		width: 100%;
	}
}
@media screen and (max-width: 414px) {
	.common-box.box-use .box-text {
		width: calc(100% - 100px - 20px);
	}
}

.common-box.box-use .box-title {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.08em;
	line-height: 1.6;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .box-title {
		font-size: 16px;
	}
}
.common-box.box-use .box-title span {
	font-size: 18px;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .box-title span {
		font-size: 14px;
	}
}

.common-box.box-use .use-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	width: 100%;
	padding-left: 11px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-title {
		font-size: 18px;
	}
}
.common-box.box-use .use-title:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 22px;
	background: #707070;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-title:after {
		height: 20px;
	}
}
.common-box.box-use .use-title span {
	margin-left: 44px;
	font-weight: normal;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-title span {
		width: 100%;
		margin: 15px 0 0;
		font-size: 14px;
	}
}

.common-box.box-use .use-detail {
	margin-top: 18px;
	width: 100%;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-detail {
		margin-top: 10px;
	}
}
.common-box.box-use .use-list {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 46px;
	margin-top: 52px;
	margin-bottom: 186px;
	border-bottom: 1px solid #d4d4d4;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-list {
		margin-top: 18px;
		margin-bottom: 40px;
	}
}
.common-box.box-use .use-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-left: 36px;
	width: calc(50% - 18px);
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-list li {
		align-items: flex-start;
	}
}

.common-box.box-use .use-list.col1 li {
	margin: 0 0 30px;
	width: 100%;
}
.common-box.box-use .use-list.col1 li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 640px) {
	.common-box.box-use .use-list li {
		margin: 0 0 34px;
		width: 100%;
	}
	.common-box.box-use .use-list li:last-child {
		margin-bottom: 0;
	}
}
.common-box.box-use .use-list li:nth-child(2n + 1) {
	margin-left: 0;
}
.common-box.box-use .use-list .list-photo {
	width: 128px;
}
.common-box.box-use .use-list .list-text {
	width: calc(100% - 128px - 34px);
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-list .list-text {
		width: calc(100% - 128px - 24px);
	}
}
.common-box.box-use .use-list .text-title {
	margin-bottom: 14px;
	font-family: "Lato";
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.08em;
	color: #979797;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-list .text-title {
		margin-bottom: 10px;
		font-size: 14px;
	}
}

.common-box.box-use .use-detail,
.common-box.box-use .use-list .text-detail {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 1.6875;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-detail,
	.common-box.box-use .use-list .text-detail {
		font-size: 16px;
		line-height: 1.5625;
	}
}
.common-box.box-use .use-detail span,
.common-box.box-use .use-list .text-detail span {
	font-weight: bold;
}

.common-box.box-use .use-detail.large {
	font-size: 20px;
	letter-spacing: 0.08em;
	line-height: 1.6;
}
@media screen and (max-width: 640px) {
	.common-box.box-use .use-detail.large {
		font-size: 15px;
	}
}

/* sample */
.common-box.sample {
	margin: 90px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 1300px;
	height: 288px;
	background: #f9f9f9;
	border: 1px solid #d8d8d8;
}
@media screen and (max-width: 640px) {
	.common-box.sample {
		margin: 50px auto;
		padding: 0;
		width: calc(100% - 40px);
		height: auto;
		box-sizing: border-box;
	}
}
.common-box.sample .box-photo {
	margin-right: 70px;
	width: 144px;
}
@media screen and (max-width: 640px) {
	.common-box.sample .box-photo {
		display: none;
		margin: 0 0 15px;
		width: 100%;
		text-align: center;
	}
	.common-box.sample .box-photo img {
		max-width: 140px;
	}
}
.common-box.sample .box-text {
	/* width: calc(100% - 144px - 70px); */
	max-width: 710px;
}
@media screen and (max-width: 640px) {
	.common-box.sample .box-text {
		width: 100%;
	}
}

.common-box.sample .box-text .text-title {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 0.05em;
	line-height: 1.6;
}
@media screen and (max-width: 640px) {
	.common-box.sample .box-text .text-title {
		margin-bottom: 0;
		padding: 11px;
		color: #fff;
		font-size: 16px;
		text-align: center;
		background: #a4a4a4;
	}
	.common-box.sample .box-text .text-detail {
		padding: 25px 28px 32px;
		background: #f9f9f9;
	}
}
.common-box.sample .box-text .text-detail .btn {
	margin-bottom: 20px;
}
.common-box.sample .box-text .text-detail .btn a {
	display: inline-block;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	.common-box.sample .box-text .text-detail .btn a:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 640px) {
	.common-box.sample .box-text .text-detail .btn {
		text-align: center;
	}
	.common-box.sample .box-text .text-detail .btn a img {
		width: 133px;
	}
}

.common-box.sample .box-text .common-list.asterisk li {
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.571;
	color: #000;
}
@media screen and (max-width: 640px) {
	.common-box.sample .box-text .common-list.asterisk li {
		font-size: 12px;
		text-align: center;
	}
	.common-box.sample .box-text .common-list.asterisk li:before {
		display: none;
	}
}

/* ------------------------------------------- */
/* common-anker */
/* ------------------------------------------- */
.excia-area .common-anker {
	cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
	.excia-area .common-anker:hover {
		text-decoration: underline;
	}
}

/* ------------------------------------------- */
/* common-area */
/* ------------------------------------------- */

.common-area.white {
	background: #fff;
}

/* ------------------------------------------- */
/* item-common */
/* ------------------------------------------- */

/* area */
.item-common.item-area {
	padding: 54px 0 0;
}
@media screen and (max-width: 640px) {
	.item-common.item-area {
		padding: 23px 0 0;
	}
}

.item-common.item-area .area-cover.type01 {
	padding: 126px 0 90px;
	background: #f6f6f6;
}
@media screen and (max-width: 640px) {
	.item-common.item-area .area-cover.type01 {
		padding: 20px;
	}
}

@media print, screen and (min-width: 768px) {
	.item-common.item-area .area-cover.type01.first {
		padding-top: 70px;
	}
}

.item-common.item-area .area-cover.type01.sec {
	padding-top: 126px;
	padding-bottom: 0;
}

/* item */
.item-common.item-group {
	position: relative;
	margin-bottom: 40px;
	margin-bottom: 0;
	padding: 75px 120px 110px;
	background: #fff;
}
@media screen and (max-width: 640px) {
	.item-common.item-group {
		padding: 45px 20px 30px;
	}
}

.item-common.item-group.pb-custom01 {
	padding-bottom: 90px;
}

@media screen and (max-width: 640px) {
	.item-common.item-group.pb-custom01 {
		padding-bottom: 0;
	}
}

.item-common.item-group.p-custom01 {
	padding-top: 57px;
	padding-bottom: 100px;
}
@media screen and (max-width: 640px) {
	.item-common.item-group.p-custom01 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/* item-catch */
/* type01 */
.item-common.item-catch.type01 {
	margin-bottom: 75px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type01 {
		margin-bottom: 30px;
	}
}
.item-common.item-catch.type01 .catch-main {
	font-weight: normal;
	font-size: 26px;
	letter-spacing: 0.08em;
	line-height: 42px;
	color: #000;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type01 .catch-main {
		font-size: 18px;
		line-height: 26px;
	}
}
.item-common.item-catch.type01 .catch-main sup {
	vertical-align: super;
	font-size: 14px;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type01 .catch-main sup {
		font-size: 12px;
	}
}
.item-common.item-catch.type01 .catch-sub {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 6px;
	color: #5a5a5a;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1.46;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type01 .catch-sub {
		/* font-size: 14px; */
		font-size: 13px;
		letter-spacing: 0.01em;
	}
}
.item-common.item-catch.type01 .catch-sub:after,
.item-common.item-catch.type01 .catch-sub:before {
	content: "";
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 1px;
	background: #5a5a5a;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type01 .catch-sub:after,
	.item-common.item-catch.type01 .catch-sub:before {
		margin: 0 6px;
		width: 12px;
	}
}
/* type02 */
.item-common.item-catch.type02 {
	margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type02 {
		margin-bottom: 20px;
	}
}
.item-common.item-catch.type02 .catch-main {
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.08em;
	line-height: 1.9;
	text-align: center;
	color: #000;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type02 .catch-main {
		font-size: 16px;
		line-height: 26px;
		text-align: left;
	}
	.item-common.item-catch.type02 .catch-main.center {
		text-align: center;
	}
}
.item-common.item-catch.type02 .catch-notes {
	margin-top: 20px;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 18px;
	text-align: center;
	color: #717070;
}

.item-common.item-catch.type02 sup {
	vertical-align: super;
	font-size: 14px;
}
@media screen and (max-width: 640px) {
	.item-common.item-catch.type02 sup {
		font-size: 12px;
	}
}

/* item-set */
.item-common.item-set {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 93px;
}
@media screen and (max-width: 640px) {
	.item-common.item-set {
		position: relative;
		left: -20px;
		margin-bottom: 40px;
		width: calc(100% + 40px);
	}
}
.item-common.item-set .set-photo {
	position: relative;
	width: 450px;
	overflow: hidden;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .set-photo {
		margin-bottom: 22px;
		padding-bottom: 40px;
		width: 100%;
	}
}

.item-common.item-set .set-photo .photo-new {
	position: absolute;
	left: 40px;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	font-family: "EB Garamond";
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.08em;
	text-align: left;
	color: #707070;
	background: #FFF;
	border: 1px solid #707070;
	border-radius: 50%;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .set-photo .photo-new {
		left: 30px;
		width: 46px;
		height: 46px;
		font-size: 12px;
	}
}

.item-common.item-set .set-photo .swiper-button-next,
.item-common.item-set .set-photo .swiper-button-prev {
	width: 15px;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .set-photo .swiper-button-next,
	.item-common.item-set .set-photo .swiper-button-prev {
		width: 10px;
	}
}
.swiper-button-next {
	background-image: url(../img/parts/icon_slide_arrow01_next.svg);
}
@media screen and (max-width: 640px) {
	.swiper-button-next {
		/* right: 0; */
	}
}
.swiper-button-prev {
	background-image: url(../img/parts/icon_slide_arrow01_prev.svg);
}
@media screen and (max-width: 640px) {
	.swiper-button-prev {
		/* left: 0; */
	}
}

.item-common.item-set .set-photo .swiper-container-horizontal > .swiper-pagination-bullets,
.item-common.item-set .set-photo .swiper-pagination-custom,
.item-common.item-set .set-photo .swiper-pagination-fraction {
	bottom: 0;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .set-photo .swiper-container-horizontal > .swiper-pagination-bullets,
	.item-common.item-set .set-photo .swiper-pagination-custom,
	.item-common.item-set .set-photo .swiper-pagination-fraction {
		bottom: 17px;
	}
}
.item-common.item-set .set-photo .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 3px;
	width: 26px;
	height: 3px;
	border-radius: 0;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .set-photo .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 6px;
		width: 18px;
	}
}
.item-common.item-set .set-photo .swiper-pagination-bullet {
	background: #c2c2c2;
	opacity: 1;
}
.item-common.item-set .set-photo .swiper-pagination-bullet-active {
	background: #707070;
	opacity: 1;
}

.item-common.item-set .set-text {
	width: calc(100% - 450px);
}
@media screen and (max-width: 640px) {
	.item-common.item-set .set-text {
		padding: 36px 0;
		width: 100%;
		/* background: #f6f6f6; */
	}
}
.item-common.item-set .text-title {
	margin-bottom: 16px;
}
.item-common.item-set .text-title .title-main {
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1.2;
	text-align: center;
	color: #000;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .text-title .title-main {
		color: #000;
		font-size: 18px;
	}
}

.item-common.item-set .text-title .title-sub {
	margin-top: 4px;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 28px;
	text-align: center;
	color: #000;
}

.item-common.item-set .text-price {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: center;
	color: #717070;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .text-price {
		font-size: 14px;
		letter-spacing: 0.1em;
		line-height: 1.714;
	}
}
.item-common.item-set .text-notes {
	margin-top: 10px;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.64;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.item-common.item-set .text-notes {
		font-size: 13px;
		letter-spacing: 0.05em;
		line-height: 1.62;
	}
}
.item-common.item-set .text-date {
	margin-top: 20px;
	text-align: center;
}
.item-common.item-set .text-date span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	min-width: 152px;
	height: 26px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #717070;
	border: 1px solid #707070;
}

.item-common.item-set .text-label {
	margin-top: 10px;
	text-align: center;
}
.item-common.item-set .text-label span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	height: 26px;
	padding: 0 10px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
	background: #707070;
}

/* btn-set */
.item-common.btn-set {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item-common.btn-set li {
	margin: 0 0 0 20px;
	width: 340px;
}
.item-common.btn-set li:nth-child(2n + 1) {
	margin-left: 0;
}
@media screen and (max-width: 640px) {
	.item-common.btn-set li {
		margin: 0 0 0 10px;
		width: calc(50% - 5px);
	}
}
.item-common.btn-set .common-btn .cover {
	width: 100%;
	min-width: 100%;
	min-height: 48px;
}

/* local-nav */
.item-common.local-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
	.item-common.local-nav {
		margin-bottom: 30px;
	}
}
.item-common.local-nav li {
	margin-left: 40px;
	width: calc(33.33% - 27px);
	border-bottom: 1px solid #c9c9c9;
}
@media screen and (max-width: 640px) {
	.item-common.local-nav li {
		margin: 0 0 13px;
		width: 100%;
	}
	.item-common.local-nav li:last-child {
		margin-bottom: 0;
	}
}
.item-common.local-nav li:nth-child(3n + 1) {
	margin-left: 0;
}

.item-common.local-nav li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-decoration: none;
	padding-bottom: 16px;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	.item-common.local-nav li a:hover {
		opacity: 0.6;
	}
}
.item-common.local-nav .list-photo {
	width: 63px;
	overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
	.item-common.local-nav .list-photo img {
		transition: ease 0.25s transform;
	}
	.item-common.local-nav a:hover .list-photo img {
		transform: scale(1.1);
	}
}

.item-common.local-nav .list-title {
	position: relative;
	padding-right: 30px;
	padding-left: 20px;
	width: calc(100% - 63px);
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.375;
	color: #000;
}
@media screen and (max-width: 640px) {
	.item-common.local-nav .list-title {
		padding-right: 20px;
		font-size: 13px;
	}
}
.item-common.local-nav .list-title:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	box-sizing: border-box;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
@media screen and (max-width: 640px) {
	.item-common.local-nav .list-title:after {
		right: 0;
		margin-top: -4px;
		width: 8px;
		height: 8px;
	}
}
.item-common.local-nav .list-title span{
	margin-bottom: 3px;
	padding: 0 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #717070;
	border: 1px solid #979797;
}
@media screen and (max-width: 767px) {
	.item-common.local-nav .list-title span{
		padding: 0 5px;
		font-size: 10px;
		height: 18px;
		line-height: 1;
	}
}

/* border */
.item-common.border {
	position: relative;
}
.item-common.border:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: #d4d4d4;
}

/* skincare-list */
/* dot */
.item-common.description-list.dot {
	margin: 0 auto;
	max-width: 690px;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.08em;
	line-height: 1.2;
	color: #000;
	margin-bottom: 30px;
}

.item-common.description-list.dot.dib {
	display: inline-block;
	text-align: left;
}

@media screen and (max-width: 640px) {
	.item-common.description-list.dot {
		font-size: 16px;
		line-height: 1.43;
	}
}
.item-common.description-list.dot li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
	.item-common.description-list.dot li {
		padding-left: 18px;
	}
}
.item-common.description-list.dot li:after {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
}

.item-common.description-list.dot li.no-dot {
	padding-left: 0;
}
.item-common.description-list.dot li.no-dot:after {
	display: none;
}

.item-common.description-list.dot.square li:after {
	content: "";
	top: 0.4rem;
	width: 0.4rem;
	height: 0.4rem;
	background: #162657;
	transform: rotate(45deg);
}
@media screen and (max-width: 640px) {
	.item-common.description-list.dot.square li:after {
		top: 0.6rem;
	}
}

.item-common.description-list.dot li sup {
	vertical-align: super;
	font-size: 12px;
}
@media screen and (max-width: 640px) {
	.item-common.description-list.dot li sup {
		font-size: 10px;
	}
}

/* notes */
.item-common.description-list.dot.notes {
	font-size: 14px;
	letter-spacing: 0.08em;
	line-height: 1.85;
	color: #717070;
}
@media screen and (max-width: 640px) {
	.item-common.description-list.dot.notes {
		font-size: 12px;
	}
}
.item-common.description-list.dot.notes li {
	margin-bottom: 0;
}

/* howtouse-set */
.item-common.howtouse-set {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 50px;
}
.item-common.howtouse-set .set-photo {
	width: 160px;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-set .set-photo {
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}
	.item-common.howtouse-set .set-photo img {
		max-width: 160px;
	}
}
.item-common.howtouse-set .set-text {
	/* width: calc(100% - 160px); */
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-set .set-text {
		width: 100%;
	}
}
.item-common.howtouse-set .set-text .text-title {
	font-size: 20px;
	letter-spacing: 0.08em;
	line-height: 32px;
	color: #000;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-set .set-text .text-title {
		font-size: 16px;
		line-height: 29px;
	}
}
.item-common.howtouse-set .set-text .text-detail {
	margin-top: 15px;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 27px;
	color: #000;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-set .set-text .text-detail {
		margin-top: 10px;
		font-size: 14px;
		line-height: 25px;
		text-align-last: left;
	}
}

/* howtouse-list */
.item-common.howtouse-list {
}
.item-common.howtouse-list li {
	position: relative;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-list li {
		margin-bottom: 57px;
	}
}

.item-common.howtouse-list li:last-child {
	margin-bottom: 0;
}
.item-common.howtouse-list li:before {
	content: "";
	position: absolute;
	left: 90px;
	bottom: -21px;
	z-index: 1;
	width: 17px;
	height: 14px;
	background: #64bbb3;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-list li:before {
		bottom: -40px;
		left: 50%;
		transform: translateX(-50%);
	}
}

.item-common.howtouse-list li:last-child:before {
	display: none;
}

.item-common.howtouse-list .list-photo {
	width: 200px;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-list .list-photo {
		width: 100%;
		text-align: center;
	}
	.item-common.howtouse-list .list-photo img {
		max-width: 186px;
	}
}
.item-common.howtouse-list .list-text {
	width: calc(100% - 200px - 20px);
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-list .list-text {
		width: 100%;
	}
}

.item-common.howtouse-list .list-text .text-title {
	color: #000;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.08em;
	line-height: 32px;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-list .list-text .text-title {
		font-size: 18px;
		text-align: center;
	}
}
.item-common.howtouse-list .list-text .text-title.color01 {
	color: #2aada3;
}
.item-common.howtouse-list .list-text .text-detail {
	margin-top: 15px;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.08em;
	color: #000;
	line-height: 27px;
}
@media screen and (max-width: 640px) {
	.item-common.howtouse-list .list-text .text-detail {
		margin-top: 10px;
	}
}

/* ------------------------------------------- */
/* common-btn */
/* ------------------------------------------- */
.excia-area .common-btn.tac {
	text-align: center;
}
/* type01 */
.excia-area .common-btn.type01 .cover {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 8px 0;
	width: 230px;
	min-height: 40px;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 1px solid #363636;
	transition: ease 0.25s background-color;
}
@media (hover: hover) and (pointer: fine) {
	.excia-area .common-btn.type01 .cover:hover {
		background: rgba(0, 0, 0, 0.1);
	}
}
@media screen and (max-width: 640px) {
	.excia-area .common-btn.type01 .cover {
		font-size: 13px;
		min-height: 36px;
	}
}

/* small */
.excia-area .common-btn.type01.small .cover {
	width: 200px;
}
/* large */
.excia-area .common-btn.type01.large .cover {
	width: 400px;
	min-height: 54px;
}
@media screen and (max-width: 640px) {
	.excia-area .common-btn.type01.large .cover {
		width: 90%;
	}
}

/* bg01 */
.excia-area .common-btn.type01.bg01 .cover {
	color: #fff;
	background: #363636;
	border: 0;
}
@media (hover: hover) and (pointer: fine) {
	.excia-area .common-btn.type01.bg01 .cover:hover {
		background: rgba(0, 0, 0, 0.6);
	}
}

/* btn-set */
.excia-area .btn-set {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.excia-area .btn-set li {
	margin: 0 0 0 20px;
	width: 340px;
}
.excia-area .btn-set li:nth-child(2n + 1) {
	margin-left: 0;
}
@media screen and (max-width: 640px) {
	.excia-area .btn-set li {
		margin: 0 0 0 10px;
		width: calc(50% - 5px);
	}
}
.excia-area .btn-set .common-btn .cover {
	width: 100%;
	min-width: 100%;
	min-height: 48px;
}

/* ------------------------------------------- */
/* timeless */
/* ------------------------------------------- */
.excia-area.timeless {
	padding: 80px 0 60px;
}
@media screen and (max-width: 640px) {
	.excia-area.timeless {
		padding: 60px 0 30px;
	}
}
.excia-area.timeless .timeless-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
@media screen and (max-width: 640px) {
	.excia-area.timeless .timeless-list {
		margin-top: 24px;
	}
}
.excia-area.timeless .timeless-list li {
	margin-left: 30px;
	width: calc((100% / 5) - (30px * (5 - 1) / 5));
}
@media screen and (max-width: 640px) {
	.excia-area.timeless .timeless-list li {
		margin: 0;
		width: 100%;
		border-bottom: 1px solid #cecece;
	}
}
.excia-area.timeless .timeless-list li:nth-child(5n + 1) {
	margin-left: 0;
}
.excia-area.timeless .timeless-list a {
	text-decoration: none;
	transition: ease 0.25s opacity;
}
@media (hover: hover) and (pointer: fine) {
	.excia-area.timeless .timeless-list a:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 640px) {
	.excia-area.timeless .timeless-list a {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: row-reverse;
		padding: 20px 0;
	}
}
.excia-area.timeless .timeless-list .list-photo {
	margin-bottom: 17px;
}
@media screen and (max-width: 640px) {
	.excia-area.timeless .timeless-list .list-photo {
		margin-bottom: 0;
		width: 124px;
	}
}
.excia-area.timeless .timeless-list .list-text {
}
@media screen and (max-width: 640px) {
	.excia-area.timeless .timeless-list .list-text {
		width: calc(100% - 124px);
	}
}
.excia-area.timeless .timeless-list .text-title {
	font-size: 18px;
	color: #000000;
	letter-spacing: 0.05em;
	line-height: 1.33;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.excia-area.timeless .timeless-list .text-title {
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 1.5;
		text-align: left;
	}
}
.excia-area.timeless .timeless-list .text-detail {
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.08em;
	line-height: 1.428;
	color: #717070;
}
@media screen and (max-width: 640px) {
	.excia-area.timeless .timeless-list .text-detail {
		font-size: 12px;
		letter-spacing: 0.04em;
		line-height: 1.5;
	}
}

/* ------------------------------------------- */
/* counseling */
/* ------------------------------------------- */
.excia-area.counseling {
	padding: 83px 0 98px;
	background: url(../img/parts/counseling_bg01.png) no-repeat center center / cover;
}
@media screen and (max-width: 640px) {
	.excia-area.counseling {
		padding: 46px 0;
		background-image: url(../img/parts/counseling_bg01_sp.png);
	}
}
.excia-area.counseling .counseling-title {
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 34px;
	color: #000;
	letter-spacing: 0.08em;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.excia-area.counseling .counseling-title {
		font-weight: normal;
		font-size: 22px;
	}
}
.excia-area.counseling .counseling-detail {
	margin-bottom: 42px;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 19px;
	text-align: center;
	color: #000;
}
@media screen and (max-width: 640px) {
	.excia-area.counseling .counseling-detail {
		margin-bottom: 35px;
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 1.3125;
	}
}
.excia-area.counseling .counseling-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 48px;
	border-top: 1px solid #c1c1c1;
}
@media screen and (max-width: 640px) {
	.excia-area.counseling .counseling-list {
		padding-top: 38px;
	}
}
.excia-area.counseling .counseling-list li {
	position: relative;
	margin-left: 78px;
	color: #000;
	width: calc(50% - 39px);
}
@media screen and (max-width: 640px) {
	.excia-area.counseling .counseling-list li {
		margin: 0 0 40px;
		width: 100%;
	}
	.excia-area.counseling .counseling-list li:last-child {
		margin-bottom: 0;
	}
}
.excia-area.counseling .counseling-list li:nth-child(2n + 1) {
	margin-left: 0;
}
.excia-area.counseling .counseling-list .list-title {
	margin-bottom: 26px;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.08em;
	text-align: center;
	color: #000;
}
@media screen and (max-width: 640px) {
	.excia-area.counseling .counseling-list .list-title {
		margin-bottom: 20px;
	}
}
.excia-area.counseling .counseling-list .list-photo {
	margin-bottom: 21px;
}
.excia-area.counseling .counseling-list .list-detail {
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.08em;
	line-height: 1.85;
}
@media screen and (max-width: 640px) {
	.excia-area.counseling .counseling-list .list-detail {
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 1.4375;
	}
}
.excia-area.counseling .counseling-list .common-btn {
	margin-top: 40px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.excia-area.counseling .counseling-list .common-btn {
		margin-top: 30px;
	}
}

/* --------------------------------------------------------------- */
/*  margin padding */
/* --------------------------------------------------------------- */
.excia-area .mb0 {
	margin-bottom: 0px !important;
}
.excia-area .mb10 {
	margin-bottom: 10px !important;
}
.excia-area .mb20 {
	margin-bottom: 20px !important;
}
.excia-area .mb30 {
	margin-bottom: 30px !important;
}
.excia-area .mb40 {
	margin-bottom: 40px !important;
}
.excia-area .mb50 {
	margin-bottom: 50px !important;
}
.excia-area .mb60 {
	margin-bottom: 60px !important;
}
.excia-area .mb70 {
	margin-bottom: 70px !important;
}
.excia-area .mb80 {
	margin-bottom: 80px !important;
}
.excia-area .mb90 {
	margin-bottom: 90px !important;
}
.excia-area .mb100 {
	margin-bottom: 100px !important;
}

@media screen and (max-width: 640px) {
	.excia-area .mb10 {
		margin-bottom: 5px !important;
	}
	.excia-area .mb20 {
		margin-bottom: 10px !important;
	}
	.excia-area .mb30 {
		margin-bottom: 15px !important;
	}
	.excia-area .mb40 {
		margin-bottom: 20px !important;
	}
	.excia-area .mb50 {
		margin-bottom: 25px !important;
	}
	.excia-area .mb60 {
		margin-bottom: 30px !important;
	}
	.excia-area .mb70 {
		margin-bottom: 35px !important;
	}
	.excia-area .mb80 {
		margin-bottom: 40px !important;
	}
	.excia-area .mb90 {
		margin-bottom: 45px !important;
	}
	.excia-area .mb100 {
		margin-bottom: 50px !important;
	}
}

.excia-area .mt0 {
	margin-top: 0px !important;
}
.excia-area .mt10 {
	margin-top: 10px !important;
}
.excia-area .mt20 {
	margin-top: 20px !important;
}
.excia-area .mt30 {
	margin-top: 30px !important;
}
.excia-area .mt40 {
	margin-top: 40px !important;
}
.excia-area .mt50 {
	margin-top: 50px !important;
}
.excia-area .mt60 {
	margin-top: 60px !important;
}
.excia-area .mt70 {
	margin-top: 70px !important;
}
.excia-area .mt80 {
	margin-top: 80px !important;
}
.excia-area .mt90 {
	margin-top: 90px !important;
}

@media screen and (max-width: 640px) {
	.excia-area .mt10 {
		margin-top: 5px !important;
	}
	.excia-area .mt20 {
		margin-top: 10px !important;
	}
	.excia-area .mt30 {
		margin-top: 15px !important;
	}
	.excia-area .mt40 {
		margin-top: 20px !important;
	}
	.excia-area .mt50 {
		margin-top: 25px !important;
	}
	.excia-area .mt60 {
		margin-top: 30px !important;
	}
	.excia-area .mt70 {
		margin-top: 35px !important;
	}
	.excia-area .mt80 {
		margin-top: 40px !important;
	}
	.excia-area .mt90 {
		margin-top: 45px !important;
	}
	.excia-area .mt100 {
		margin-top: 50px !important;
	}
}

.pb0 {
	padding-bottom: 0 !important;
}
.excia-area .pb10 {
	padding-bottom: 10px !important;
}
.excia-area .pb20 {
	padding-bottom: 20px !important;
}
.excia-area .pb30 {
	padding-bottom: 30px !important;
}
.excia-area .pb40 {
	padding-bottom: 40px !important;
}
.excia-area .pb50 {
	padding-bottom: 50px !important;
}
.excia-area .pb60 {
	padding-bottom: 60px !important;
}
.excia-area .pb70 {
	padding-bottom: 70px !important;
}
.excia-area .pb80 {
	padding-bottom: 80px !important;
}
.excia-area .pb90 {
	padding-bottom: 90px !important;
}
.excia-area .pb100 {
	padding-bottom: 100px !important;
}
@media screen and (max-width: 640px) {
	.excia-area .pb10 {
		padding-bottom: 5px !important;
	}
	.excia-area .pb20 {
		padding-bottom: 10px !important;
	}
	.excia-area .pb30 {
		padding-bottom: 15px !important;
	}
	.excia-area .pb40 {
		padding-bottom: 20px !important;
	}
	.excia-area .pb50 {
		padding-bottom: 25px !important;
	}
	.excia-area .pb60 {
		padding-bottom: 30px !important;
	}
	.excia-area .pb70 {
		padding-bottom: 35px !important;
	}
	.excia-area .pb80 {
		padding-bottom: 40px !important;
	}
	.excia-area .pb90 {
		padding-bottom: 45px !important;
	}
	.excia-area .pb100 {
		padding-bottom: 50px !important;
	}
}

.pt0 {
	padding-top: 0 !important;
}
.excia-area .pt10 {
	padding-top: 10px !important;
}
.excia-area .pt20 {
	padding-top: 20px !important;
}
.excia-area .pt30 {
	padding-top: 30px !important;
}
.excia-area .pt40 {
	padding-top: 40px !important;
}
.excia-area .pt50 {
	padding-top: 50px !important;
}
.excia-area .pt60 {
	padding-top: 60px !important;
}
.excia-area .pt70 {
	padding-top: 70px !important;
}
.excia-area .pt80 {
	padding-top: 80px !important;
}
.excia-area .pt90 {
	padding-top: 90px !important;
}
.excia-area .pt100 {
	padding-top: 100px !important;
}
@media screen and (max-width: 640px) {
	.excia-area .pt10 {
		padding-top: 5px !important;
	}
	.excia-area .pt20 {
		padding-top: 10px !important;
	}
	.excia-area .pt30 {
		padding-top: 15px !important;
	}
	.excia-area .pt40 {
		padding-top: 20px !important;
	}
	.excia-area .pt50 {
		padding-top: 25px !important;
	}
	.excia-area .pt60 {
		padding-top: 30px !important;
	}
	.excia-area .pt70 {
		padding-top: 35px !important;
	}
	.excia-area .pt80 {
		padding-top: 40px !important;
	}
	.excia-area .pt90 {
		padding-top: 45px !important;
	}
	.excia-area .pt100 {
		padding-top: 50px !important;
	}
}

.excia-area .common-bdr {
	position: relative;
}
.excia-area .common-bdr.pos-s {
	position: static;
}
.excia-area .common-bdr:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #d4d4d4;
	transform: translateX(-50%);
}
.excia-area .common-bdr.w840:after {
	max-width: 840px;
}
.excia-area .common-bdr.w720:after {
	max-width: 720px;
}

/*
.swiper-slide{
	opacity: 0;
}
.swiper-wrapper .swiper-slide{
	opacity: 1;
} */

.local-fixed-nav {
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 99;
	display: block;
	width: 100%;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
	pointer-events: none;
	opacity: 0;
	transform: ease 0.25s opacity;
}
@media screen and (max-width: 640px) {
	.local-fixed-nav {
		top: 72px;
	}
}
.scroll-active .local-fixed-nav {
	pointer-events: auto;
	opacity: 1;
}

.local-fixed-nav .nav-toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	text-align: center;
	font-family: "Lato";
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.2em;
	text-align: center;
	color: #fff;
	background: #363636;
}
@media screen and (max-width: 640px) {
	.local-fixed-nav .nav-toggle {
		font-size: 16px;
		height: 40px;
	}
}

.local-fixed-nav .nav-toggle span {
	display: inline-block;
	position: relative;
	padding-right: 24px;
}
.local-fixed-nav .nav-toggle span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	display: block;
	width: 14px;
	height: 9px;
	background: url(../img/parts/icon_arrow03.svg) no-repeat center center / 100% auto;
}
.local-fixed-nav .nav-toggle.active span:after {
	transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 640px) {
	.local-fixed-nav .nav-toggle span:after {
		width: 10px;
	}
}

.local-fixed-nav .nav-list {
	display: none;
}
.local-fixed-nav .nav-list li {
	border-bottom: 1px solid #363636;
}
.local-fixed-nav .nav-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
	background: #505050;
	transition: ease 0.25s background-color;
}
@media screen and (max-width: 640px) {
	.local-fixed-nav .nav-list a {
		display: block;
		padding: 15px 20px;
		text-align: left;
		font-size: 14px;
		line-height: 22px;
	}
}
@media (hover: hover) and (pointer: fine) {
	.local-fixed-nav .nav-list a:hover {
		background-color: #363636;
	}
}
.local-fixed-nav .nav-list li span{
	display: inline-block;
	margin-top: 2px;
	margin-right: 5px;
	padding: 3px 9px;
	color: #FFF;
	font-size: 12px;
	border: 1px solid #FFF;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.local-fixed-nav .nav-list li span{
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 3px;
		padding: 2px 5px;
		font-size: 10px;
	}
}