@charset "utf-8";
/*--------------------------------------------

	 BASE

--------------------------------------------*/
@-ms-viewport {
	width: auto;
	initial-scale: 1;
}
:root {
	--font-serif: 'Noto Serif JP', serif;
	--font-outfit:  "Outfit", sans-serif;
	--font-montserrat:  "Montserrat", sans-serif;
	--c-inner-width:1080px;
	background-repeat:no-repeat;
}
html {
	font-size: 62.5%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
}
body {
	width:100%;
	font-family: '游ゴシック','Noto Sans JP', sans-serif;
	color: #000;
	font-size: 1.6rem;
	font-weight: 500;
	line-height:1.6;
	letter-spacing: 0.08em;
	background-color: #FBFCF8;
}
a {
	color:inherit;
	display: block;
	text-decoration: none;
}
table {
	width: 100%;
}
input,
button,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
picture{
	display: block;
}
img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	width: 100%;
	height: auto;
}
/*--------------------------------------------

	 FONT

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

	 CONPONENT

--------------------------------------------*/
.c--inner{
	margin:0 auto;
	padding:0 5.333%;
	max-width:var(--c-inner-width);
}
.c--head{
}
@media all and (min-width : 1025px ){
	.for_sp,.for_tbsp{
		display: none;
	}
}
/*--------------------------------------------

	 HEADER

--------------------------------------------*/
.header{
	padding:48px 0 36px;
}
.header--inner{
	padding: 0 clamp(5%, 5%, 64px);
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.header--navi{
}
.c--navi-list{
	display: flex;
}
.header--navi-list{
}
.c--navi-item{
	font-size: 15px;
	letter-spacing: 0.12em;
	font-family: var(--font-outfit);
}
.c--navi-item:nth-child(n+2){
	margin-left: 2.66em;
}
.c--navi-link{
	padding-left: 1.4em;
	position:relative;
}
.c--navi-link:before{
	content: "";
	display: block;
	width: 0.4em;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 50%;
}
.c--sns-list{
	display: flex;
	align-items: center;
}
.header--sns-list{
}
.c--sns-item{
}
.c--sns-item:nth-child(n+2){
	margin-left: 24px;
}
.c--sns-tiktok{
}
.c--sns-instagram{
}
.c--sns-cart{
}
.c--sns-link{
}
.c--sns-img{
	height: 21px;
	width:auto;
}
/*--------------------------------------------

	 MV

--------------------------------------------*/
.mv{
}
.mv--inner{
	padding: 0 clamp(5%, 5%, 64px);
}
.mv--img-wrap{
}
.mv--img{
}
/*--------------------------------------------

	 CONCEPT

--------------------------------------------*/
.concept{
	padding-top: 260px;
	padding-bottom: 160px;
	overflow: hidden;
}
.concept--inner{
	position: relative;
	display: flex;
}
.concept-typo{
	font-family:var(--font-outfit);
	font-weight: 200;
	letter-spacing: -0.01em;
	position: absolute;
	left: 5.333%;
	top: 0;
	font-size: 18.75vw;
	white-space: nowrap;
	line-height: 0.75;
	transform: translateY(-20%);
	z-index: -1;
}
.concept--text{
	flex:1;
	padding-right:10.6%;
	padding-top: 20%;
}
.concept--text-01{
}
.concept--text-img{
	transform: translateX(33%);
}
.concept--text-02{
	padding-top: 120px;
}
.concept--text-logo{
	max-width: 260px;
}
.concept--text-logo-img{
}
.concept--text-plane{
	font-family: var(--font-serif);
	font-size: 17px;
	letter-spacing: 0.08em;
	line-height:2.82;
	padding-top: 3.5em;
}
.concept--text-plane p:nth-child(n+2){
	margin-top: 1.6em;
}
.concept--figure{
	width: 43.5%;
}
.concept--figure-img{
}
/*--------------------------------------------

	 PRODUCTS

--------------------------------------------*/
.products{
	padding-top: 160px;
	padding-bottom: 160px;
	background-color: #E9E6E6;
}
.products--inner{
}
.c--head{
	font-family: var(--font-outfit);
	font-weight: 500;
}
.products--head{
	font-size: 36px;
	letter-spacing: 0.08em;
}
.products--body{
	padding-top: 100px;
}
.products--item{
	display: flex;
}
.products--item:nth-child(n+2){
	margin-top: 116px;
}
.products--item-figure{
	width: 28%;
}
.products--item-img{
}
.products--item-text{
	flex:1;
	padding-left: 7.6%;
}
.products--item-head{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.products--item-label{
	font-weight: 700;
	padding:0.2em;
	text-align: center;
	box-sizing: border-box;
	width: 6.43em;
	border: 1px solid #000;
	letter-spacing: 0.2em;
}
.products--item-name{
	font-size: 32px;
	font-family: var(--font-montserrat);
	letter-spacing: 0.12em;
	font-weight: 500;
	margin-top: 0.4em;
}
.products--item-name-ja{
	font-size: 18px;
	letter-spacing: 0.12em;
	margin-top: 0.2em;
}
.products--item-price{
	padding-top: 1.6em;
	font-size: 20px;
	letter-spacing: 0.12em;
	font-family: var(--font-montserrat);
	font-weight: 400;
}
.prouducts--item-description{
	padding-top: 2.4em;
	line-height: 1.875;
}
.products--item-component{
	padding-top:1.6em;
}
.products--item-component-label{
	font-weight: 700;
	font-size: 17px;
	margin-bottom:0.3em;
}
.products--item-component-value{
}
.products--bridge{
	padding-top: 100px;
}
.products--bridge-img{
}
/*--------------------------------------------

	 PURCHASE

--------------------------------------------*/
.purchase{
	padding:140px 0 0;
}
.purchase--inner{
	padding-bottom: 192px;
	border-bottom: 1px solid #000;
}
.purchase--head{
	text-align: center;
	font-size: 48px;
}
.purchase--body{
}
.purchase--plane{
	font-family:var(--font-serif);
	font-size:18px;
	letter-spacing:0.12em;
	padding-top: 6.67em;
	text-align: center;
}
/*--------------------------------------------

	 FOOTER

--------------------------------------------*/
.footer{
	padding-bottom: 95px;
}
.footer--inner{
}
.footer--top{
	display: flex;
	justify-content:space-between;
	padding:100px 0 180px;
}
.footer--logo{
	width: 167px;
}
.footer--logo-img{
}
.footer--nav{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.footer--navi-list{
}
.footer--sns-list{
	margin-top: 60px;
}
.c--sns-item.c--sns-tiktok{
}
.c--sns-link{
}
.c--sns-img{
}
.c--sns-item.c--sns-instagram{
}
.c--sns-item.c--sns-cart{
}
.footer--copy{
}
.footer--copy{
	font-size: 11px;
	letter-spacing: 0.12em;
	font-weight: 300;
	font-family:var(--font-outfit);
	text-align: center;
	display: block;
}