body {
	min-width: auto;
}
.l-content-inner {
	width: 100%;
	max-width: 1534px;
	margin: 0 auto;
	padding: 0 32px;
}

.c-annotation_mark{
	font-size: 0.8em;
	vertical-align: top;
	letter-spacing: 0;
}

/* ------------------------------
	.p-mv
------------------------------ */
.p-mv {
	position: relative;
}
.p-mv .item {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
.p-mv .item picture {
	width: 100%;
	height: 100%;
}
.p-mv .item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.p-mv_text_wrap {
	position: absolute;
    top: 50%;
    right: 7%;
    transform: translateY(-50%);
}

.p-mv_text_wrap.c-fade-in-left {
	-webkit-transform: translate(-20px, -50%);
	transform: translate(-20px, -50%);
}
.p-mv_text_wrap.c-fade-in-left.js-animeOn {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);;
}

.p-mv_ttl{
	font-size: 4.74vw;
	line-height: 1.16;
	margin-bottom: 22px;
}
.p-mv_txt{
	font-size: max(1.04vw, 1.1rem);
	line-height: 1.7;
	margin-bottom: 18px;
	letter-spacing: 0.2em;
}
.p-mv_annotation{
	font-size: 1.1rem;
	font-weight: 300;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 820px) {
	.p-mv {
		height: 100vh;
	}
	.p-mv_text_wrap {
		height: 100%;
		width: 100%;
		top: 0;
		right: 0;
		transform: none;
	}
	.p-mv_text_wrap.c-fade-in-left {
		-webkit-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
	}
	.p-mv_text_wrap.c-fade-in-left.js-animeOn {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);;
	}
	.p-mv_ttl_wrap{
		position: absolute;
		top: 12% ;
		left: 6%;
	}
	.p-mv_annotation_wrap{
		position: absolute;
		bottom:14px;
		left: 4.65%;
	}
	.p-mv_ttl{
		font-size: clamp(4.6rem, 10vw, 5.5rem);
		margin-bottom: 18px;
	}
	.p-mv_txt{
		font-size: clamp(1.3rem, 3.26vw, 1.6rem);
		margin-bottom: 0px;
		letter-spacing: 0.2em;
	}
	.p-mv_annotation{
		font-size: 1.1rem;
		font-weight: 300;
	}
}

/* ------------------------------
	.p-sec01
------------------------------ */
.p-sec01 .p-sec01_inner{
	max-width: 1164px;
	margin: 0 auto;
	padding: 7.55vw 32px 9.11vw;
}
/* .p-sec01 .breadcrumb {
	padding: 20px 20px 0;
}
.p-sec01 .breadcrumb_lst {
	max-width: 1792px;
	margin: 0 auto;
}
.p-sec01 .breadcrumb_itm {
	display: inline-block;
	font-size: 1.7rem;
	color: #182980;
}
.p-sec01 .breadcrumb_itm:not(:last-child)::after {
	content: "＞";
	color: #000;
	margin-left: 5px;
}
.p-sec01 .breadcrumb_lnk {
	color: #000;
} */
.p-sec01_box {
	display: flex;
	gap: 16%;
	justify-content: center;
}
.p-sec01_img {
	width: 33%;
}
.p-sec01_item {
	padding-top: 38px;
}
.p-sec01_item_label{
	font-size: 1.6rem;
	color: #fff;
	padding: 6px 12px;
	background-color: #435F88;
	margin-bottom: 6px;
}
.p-sec01_txt_ttl {
	font-size: max(2.29vw, 36px);
	color: #231815;
}
.p-sec01_txt_txt {
	font-size: max(0.85vw, 1.4rem);
	font-weight: 400;
	line-height: 3.1;
	margin-top: max(1.25vw, 18px);
	margin-bottom: max(1.46vw, 22px);
	letter-spacing: 0.2em;
}
.p-sec01_txt_anotation{
	font-size: 1.1rem;
	font-weight: 300;
	letter-spacing: 0.2em;
}

.p-sec01_item_dtl_wrap{
	border-top: 1px solid #818282;
	margin-top: max(2.4vw, 32px);
	padding-top: max(2.4vw, 32px);
}
.p-sec01_item_dtl_name p{
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2.3;
	letter-spacing: 0.1em;
}
.p-sec01_item_dtl{
	display: flex;
	gap: 14px;
}
.p-sec01_item_dtl p{
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2.3;
	letter-spacing: 0.1em;
}
.p-sec01_item_dtl .small{
	font-size: 1.2rem;
}
.p-sec01_item_dtl p:first-of-type{
	width: 53px;
	position: relative;
	flex-shrink: 0;
}
.p-sec01_item_dtl p:first-of-type::after{
	content: '';
	background-color: #9FA0A0;
	width: 1px;
	height: 60%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.p-sec01 .c-buy_btn {
	margin-top: 6.25vw;
}

@media screen and (max-width: 820px) {
	.p-sec01 .p-sec01_inner{
		padding: 44px 0 90px;
	}
	/* .p-sec01 .breadcrumb {
		padding: 0 3.5046728972vw;
	} */
	/* .p-sec01 .breadcrumb_itm {
		font-size: 1rem;
	} */
	.p-sec01_box {
		display: flex;
		flex-direction: column;
		gap: 36px;
		justify-content: center;
	}
	.p-sec01_img {
		width: 37.67%;
		margin: 0 auto;
	}
	.p-sec01_item {
		padding-top: 0;
		padding: 0 9vw 0;
	}
	.p-sec01_item_label{
		font-size: 1.3rem;
		padding: 3px 8px;
		margin-bottom: 12px;
	}
	.p-sec01_txt_ttl {
		font-size: 3.9rem;
		line-height: 1.2;
	}
	.p-sec01_txt_txt {
		font-size: 1.4rem;
		line-height: 2.6;
		margin-top: 28px;
		margin-bottom: 12;
	}
	.p-sec01_item_dtl_wrap{
		margin-top: 34px;
		padding-top: 34px;
	}
	.p-sec01_item_dtl{
		gap: 12px;
	}

	.p-sec01_item_dtl_name p{
		font-size: 1.2rem;
		font-weight: 300;
		line-height: 2.3;
	}
	.p-sec01_item_dtl p{
		font-size: 1.2rem;
		font-weight: 300;
		line-height: 2.3;
	}
	
	.p-sec01_item_dtl .small{
		font-size: 1.1rem;
	}
	.p-sec01_item_dtl p:first-of-type{
		width: 47px;
		position: relative;
	}
	.p-sec01 .c-buy_btn {
		margin-top: 60px;
	}
}

/* ------------------------------
	.p-sec02
------------------------------ */
.p-sec02 {
	padding: 6.25vw 0 4.27vw;
	background-color: #435F87;
}
.p-sec02_inner {
	max-width: calc(1352px + 64px);
	margin: 0 auto;
	padding: 0 32px;
}
.p-sec02_ttl_wrap{
	text-align: center;
	color: #fff;
	max-width: 560px;
	margin: 0 auto;
	width: 100%;
}
.p-sec02_ttl{
	font-size: max(1.82vw, 3rem);
	letter-spacing: 0.05em;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #fff;;
}
.p-sec02_subttl{
	font-size: 1.5rem;
	letter-spacing: 0.15em;
}

.p-sec02_item{
	position: relative;
}
.p-sec02_item .p-sec02_img {
	max-width: 177px;
	width: 20vw;
	position: relative;
	margin: 0 auto;
	z-index: 2;
}
.p-sec02_point{
	width: 50%;
	position: absolute;
	color: #fff;
}
.p-sec02_point_ttl_wrap{
	display: flex;
	gap: 1.88vw;
	align-items: flex-end;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
.p-sec02_point_num{
	font-size: max(4.17vw, 30px);
	letter-spacing: 0.05em;
	line-height: 1;
}
.p-sec02_point_ttl{
	font-size: clamp(16px, 1.5vw, 2.7rem);
	line-height: inherit;
	letter-spacing: 0.2em;
	
	& .c-annotation_mark{
		font-size: 0.5em;
	}
}
.p-sec02_point_txt_wrap{
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.p-sec02_point_txt{
	padding-left: 13px;
	position: relative;
	letter-spacing: 0.05em;
    line-height: 2;
}
.p-sec02_point:nth-of-type(1){
	top: 8.7%;
	left: 0;

	& .p-sec02_point_ttl_wrap{
		padding-left: 1.25vw;
		padding-right: 1.25vw;
	}
	& .p-sec02_point_txt_wrap{
		padding-left: 4.43vw;
		padding-right: 11.46vw;
	}
}
.p-sec02_point:nth-of-type(2){
	top: 13%;
	right: 0;

	& .p-sec02_point_ttl_wrap{
		padding-left: 7.3vw;
		padding-right: 1.25vw;
	}
	& .p-sec02_point_txt_wrap{
		padding-left: 10.42vw;
		padding-right: 4.17vw;
	}
	& .p-sec02_point_img{
		width: 13.65vw;
		max-width: 257px;
		height: auto;
		margin-left: 8%;
	}
	
}
.p-sec02_point:nth-of-type(3){
	top: 40%;
	left: 0;
	
	& .p-sec02_point_ttl_wrap{
		padding-left: 1.25vw;
		padding-right: 1.25vw;
	}
	& .p-sec02_point_txt_wrap{
		padding-left: 4.43vw;
		padding-right: 11.46vw;
		gap: 50px;
	}
}
.p-sec02_point:nth-of-type(4){
	top: 60%;
	right: 0;

	& .p-sec02_point_ttl_wrap{
		padding-left: 7.3vw;
		padding-right: 1.25vw;
	}
	& .p-sec02_point_txt_wrap{
		padding-left: 10.42vw;
		padding-right: 4.17vw;
	}
	& .p-sec02_point_img{
		width: 13.65vw;
		max-width: 257px;
		height: auto;
		margin-left: 8%;
	}
}
.p-sec02_point_annotation{
	font-size: 1.1rem;
	font-weight: 300;
	color: #fff;
	text-align: center;
	margin-top: 25px;
}

@media screen and (max-width: 767px) {
	.p-sec02 {
		padding: 50px 0 66px;
	}
	.p-sec02_inner {
		padding: 0 4vw;
	}
	.p-sec02_ttl_wrap{
		max-width: 210px;
	}
	.p-sec02_ttl{
		font-size: 2.1rem;
		padding-bottom: 14px;
		margin-bottom: 14px;
	}
	.p-sec02_subttl{
		font-size: 1.3rem;
	}
	.p-sec02_item{
		position: relative;
	}
	.p-sec02_item .p-sec02_img {
		max-width: 100%;
		width: 91.4vw;
		margin: 0 -24px 0 auto;
	}
	.p-sec02_point{
		width: 100%;
		max-width: 425px;
		margin: 0 auto;
		position: static;
		padding: 36px 12px;
	}
	.p-sec02_point_ttl_wrap{
		display: block;
		padding-bottom: 10px;
		border-bottom: none;
		margin-bottom: 0;
		position: relative;
	}
	.p-sec02_point_num{
		position: absolute;
		left: 0;
		top: 0;
		font-size: 13.95vw;
		letter-spacing: 0.05em;
		line-height: 1;
	}
	.p-sec02_point_ttl{
		font-size: 4.65vw;
		line-height: 1.5;
	}
	.p-sec02_point_txt_wrap{
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.p-sec02_point_txt{
		padding-left: 0px;
		font-size: 1.2rem;
	}
	.p-sec02_point:nth-of-type(1){
		border-top: 1px solid #fff;
		border-bottom: 2px dotted #fff;

		& .p-sec02_point_ttl_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
		& .p-sec02_point_txt_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
	}
	.p-sec02_point:nth-of-type(2){
		border-bottom: 2px dotted #fff;

		& .p-sec02_point_ttl_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
		& .p-sec02_point_txt_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
		& .p-sec02_point_img{
			width: 33.72vw;
			height: auto;
			margin-left: 12%;
		}
		
	}
	.p-sec02_point:nth-of-type(3){
		border-bottom: 2px dotted #fff;

		& .p-sec02_point_ttl_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
		& .p-sec02_point_txt_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
	}
	.p-sec02_point:nth-of-type(4){
		border-bottom: 1px solid #fff;
		& .p-sec02_point_ttl_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
		& .p-sec02_point_txt_wrap{
			padding-left: 15vw;
			padding-right: 0;
		}
		& .p-sec02_point_img{
			width: 33.72vw;
			height: auto;
			margin-left: 12%;
		}
	}
	.p-sec02_point_annotation{
		font-size: 1.1rem;
		font-weight: 300;
		color: #fff;
		text-align: center;
		margin-top: 25px;
	}
}

/* ------------------------------
	.p-sec03
------------------------------ */
.p-sec03 {
	padding-top: 15.21vw;
	padding-bottom: 19.38vw;
	background-color: rgba(158,146, 149, 0.3);
	overflow: hidden;
}
.p-sec03_bg{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
	height: auto;
	z-index: -1;
}
.p-sec03__inner {
    max-width: calc(1154px + 64px);
    margin: 0 auto;
    padding: 0 32px;
}
.p-sec03__content{
	position: relative;
	margin-bottom: 19.38vw;
}
.p-sec03__content:last-of-type{
	margin-bottom: 0;
}

.p-sec03__content-wrap{
	display: flex;
	flex-direction: row-reverse;
	align-items: stretch;
}
.p-sec03__content--right{
	width: 58.41%;
	position: relative;
	flex-shrink: 0;
}

.p-sec03__label-wrap{
	position: absolute;
	bottom: 83px;
	right: calc((min(4vw, 66px) * -1));
}
.p-sec03__label-item{
	overflow: hidden;
}
.p-sec03__label-item:nth-of-type(2){
	margin-left: min(9.17vw, 176px);
}
.js-animeOn.p-sec03__label-item:nth-of-type(1){
	transition-delay: 0s;
}
.js-animeOn.p-sec03__label-item:nth-of-type(2){
	transition-delay: 0.5s;
}
.p-sec03__label{
	color: #fff;
	font-size: clamp(16px, 1.09vw, 2.1rem);
	padding: 9px 11px;
	display: inline-block;
	line-height: 1;
}
.p-sec03__content.--softblack .p-sec03__label{
	background-color:#2F2829;
	border:1px solid #2F2829;
}
.p-sec03__content.--darkbrown .p-sec03__label{
	background-color:#46282C;
	border:1px solid #46282C;
}
.p-sec03__content.--greige .p-sec03__label{
	background-color:#655C5D;
	border:1px solid #655C5D;
}
.p-sec03__content--left{
	width: 43.9%;
	position: relative;
	flex-shrink: 0;
}
.p-sec03__ttl-wrap{
	margin-bottom: min(2.45vw, 47px);
	position: relative;
	z-index: 1;
}
.p-sec03__ttl{
	font-size: clamp(62px, 5.26vw, 99px);
	width: 103%;
	line-height: 1;
	margin-bottom: min(0.91vw, 20px);
	letter-spacing: 0.03em;
}
.p-sec03__ttl--jp{
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.03em;
}
.p-sec03__content.--softblack .p-sec03__ttl{
	color:#2F2829;
	border-bottom: 1px solid #2F2829;
}
.p-sec03__content.--darkbrown .p-sec03__ttl--jp{
	color:#2F2829;
}
.p-sec03__content.--darkbrown .p-sec03__ttl{
	color:#46282C;
	border-bottom: 1px solid #46282C;
}
.p-sec03__content.--darkbrown .p-sec03__ttl--jp{
	color:#46282C;
}
.p-sec03__content.--greige .p-sec03__ttl{
	line-height: 1.2;
	color:#655C5D;
	border-bottom: 1px solid #655C5D;
}
.p-sec03__content.--greige .p-sec03__ttl--jp{
	color:#655C5D;
}

.p-sec03__img-wrap{
	position: relative;
	margin-bottom: 5.89vw;
}
.p-sec03__face_img02{
	width: 70.81%;
}
.p-sec03__item_img-area{
	position: absolute;
	left: 2.27vw;
	top: 66%;
	width: 72.98%;
}
.p-sec03__item_img-wrap{
	position: relative;
}
.p-sec03__item_img01{
	width: 12.16%;
	position: relative;
	z-index: 1;
}
.p-sec03__item_img02{
	position: absolute;
	top: 0.99vw;
	left: -3.57vw;
	z-index: 0;	
}
.p-sec03__face_img03{
	width: 77.79%;
	position: absolute;
	right: -2.45vw;
	bottom: -5.89vw;
}

@media screen and (max-width: 767px) {
	.p-sec03 {
		padding-top: 0;
		padding-bottom: 90px;
	}
	.p-sec03_bg{
		position: absolute;
		top: -21vw;
		left: 0;
		z-index: 0;
	}
	.p-sec03__inner {
		max-width: 100%;
		padding: 0 32px;
	}
	.p-sec03__content{
		margin-bottom: 84px;
	}
	.p-sec03__content-wrap{
		display: block;
	}
	.p-sec03__content--right{
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		position: relative;
	}

	.p-sec03__label-wrap{
		position: absolute;
		bottom: 0;
		right: 0
	}
	.p-sec03__label{
		color: #fff;
		font-size: max(3vw, 10px);
		padding: 0;
		line-height: 2;
		letter-spacing: 0.03em;
	}
	.p-sec03__label-item:nth-of-type(2){
		margin-left: 0;
	}

	.p-sec03__content.--softblack .p-sec03__label,
	.p-sec03__content.--darkbrown .p-sec03__label,
	.p-sec03__content.--greige .p-sec03__label{
		background-color: transparent;
		border: none;
	}


	.p-sec03__content--left{
		width: 100%;
		padding-top: 20px;
	}
	.p-sec03__ttl-wrap{
		margin-bottom: min(2.45vw, 47px);
		position: relative;
		z-index: 1;
		margin-bottom: 10.51vw;
	}
	.p-sec03__ttl{
		font-size: 49px;
		width: 100%;
		line-height: 1;
		padding-bottom: 10px;
		margin-bottom: 16px;
	}
	.p-sec03__ttl--jp{
		font-size: 15px;
	}
	.p-sec03__content.--softblack .p-sec03__ttl,
	.p-sec03__content.--darkbrown .p-sec03__ttl,
	.p-sec03__content.--greige .p-sec03__ttl
	{
		color:#fff;
		border-bottom: 1px solid #fff;
	}
	.p-sec03__content.--softblack .p-sec03__ttl--jp,
	.p-sec03__content.--darkbrown .p-sec03__ttl--jp,
	.p-sec03__content.--greige .p-sec03__ttl--jp{
		color:#fff;
	}

	.p-sec03__img-wrap{
		position: relative;
		margin-bottom: 10.98vw;
	}
	.p-sec03__face_img02{
		width: 61%;
	}
	.p-sec03__item_img-area{
		position: absolute;
		top: auto;
		left: auto;
		right: 0;
		bottom: calc(100% + 5.84vw);

		width: 50.27%;
	}
	.p-sec03__item_img-wrap{
		position: relative;
	}
	.p-sec03__item_img01{
		width: 14.2%;
		position: relative;
		z-index: 1;
		left: 65%;
	}
	.p-sec03__item_img02{
		position: absolute;
		top: 87%;
		left: auto;
		right: 0;
		z-index: 0;	
	}
	.p-sec03__item_img03{
		position: absolute;
		top: -13%;
		left: 40%;
		z-index: 0;
		width: 90%;
	}

	.p-sec03__face_img03{
		width: 82.42%;
		position: relative;
		right: 0;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0%);
	}
}

/* ------------------------------
	.p-sec04
------------------------------ */
.p-sec04 {
	padding: 4.17vw 0;
}
.p-sec04_inner{
	max-width: calc(1190px + 64px);
	margin: 0 auto;
	padding: 0 32px;
}

.p-sec04_ttl_wrap{
	text-align: center;
	color: #000;
	max-width: 560px;
	margin: 0 auto;
	width: 100%;
}
.p-sec04_ttl{
	font-size: max(1.82vw, 3rem);
	letter-spacing: 0.05em;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #000;;
}
.p-sec04_subttl{
	font-size: 1.5rem;
	letter-spacing: 0.15em;
}
.p-sec04_content{
	margin-top: 9.64vw;
}
.p-color-list {
	display: flex;
	justify-content: space-between;
}
.p-color-list .item {
	width: 33%;
	padding: 0 2.29vw;
	background-color: #fff;

	&:nth-of-type(1){
		border-right: 2px dotted #231815;
	}
	&:nth-of-type(3){
		border-left: 2px dotted #231815;
	}
}
.p-color-list .item-ttl {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	height: 55px;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	letter-spacing: 0.14em;
}
.p-color-list .item-txt {
	text-align: center;
	height: 72px;
	font-size: 1.6rem;
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}
.p-color-list .item .color-bar {
	height: 98px;
	position: relative;
}
.p-color-list .item .color-bar .bar {
	height: min(2.4vw, 32px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	padding: 0 15px;
}
.p-color-list .item .color-bar .color {
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.14em;
}
.p-color-list .item .color-bar .bar-img {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	text-align: center;
}
.p-color-list .item .color-bar .bar-img img {
	width: 62.16%;
	display: block;
	margin: auto;
	position: relative;
	z-index: 1;
}
.p-color-list .item .color-img {
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.p-color-list .item .color-img img {
	display: block;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.p-color-list .item .color-txt {
	height: 47px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.p-color-list .item .color-txt .txt {
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.5;
	color: #2B1F19;
	margin-top: 20px;
}

.p-color-list .item.-softblack .item-ttl {
	background-color: #3D3535;
}
.p-color-list .item.-softblack .item-txt,
.p-color-list .item.-softblack .txt
{
	color: #3D3535;
}
.p-color-list .item.-softblack .color-bar .bar {
	background: -webkit-gradient(linear, left top, right top, from(#724824), color-stop(87%, #1F1409), to(#000000));
	background: linear-gradient(to right, #724824 0%, #1F1409 87%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4d413226", endColorstr="#413226",GradientType=1 );
}

.p-color-list .item.-darkbrown .item-ttl {
	background-color: #55443D;
}
.p-color-list .item.-darkbrown .item-txt,
.p-color-list .item.-darkbrown .txt
{
	color: #55443D;
}
.p-color-list .item.-darkbrown .color-bar .bar {
	background: -webkit-gradient(linear, left top, right top, from(#724824), color-stop(87%, #1F1409), to(#000000));
	background: linear-gradient(to right, #724824 0%, #1F1409 87%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4d413226", endColorstr="#413226",GradientType=1 );
}

.p-color-list .item.-greige .item-ttl {
	background-color: #666563;
}
.p-color-list .item.-greige .item-txt,
.p-color-list .item.-greige .txt
{
	color: #666563;
}
.p-color-list .item.-greige .color-bar .bar {
	background: -webkit-gradient(linear, left top, right top, from(rgba(65, 50, 38, 0.3)), color-stop(39%, rgba(65, 50, 38, 0.52) ), to(#413226));
	background: linear-gradient(to right, rgba(65, 50, 38, 0.3) 0%, rgba(65, 50, 38, 0.52) 39%, #413226 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4d413226", endColorstr="#413226",GradientType=1 );
}
.p-sec04 .c-buy_btn{
	padding: 0 32px;
} 

@media screen and (max-width: 767px) {
	.p-sec04 {
		padding: 40px 0 30px;
	}
	.p-sec04_ttl_wrap{
		max-width: 210px;
	}
	.p-sec04_ttl{
		font-size: 2.1rem;
		padding-bottom: 14px;
		margin-bottom: 14px;
	}
	.p-sec04_subttl{
		font-size: 1.3rem;
	}
	.p-sec04_content{
		margin-top: 70px;
		width: 100%;
	}
	.p-color-list {
		display: block;
	}
	.p-color-list .item {
		width: 69.1588785047vw;
		margin: 4.6728971963vw auto 45px;
		padding: 0 0 45px;

		&:nth-of-type(1){
			border-right: none;
			border-bottom: 2px dotted #231815;
		}
		&:nth-of-type(2){
			border-bottom: 2px dotted #231815;
		}
		&:nth-of-type(3){
			border-left: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
	.p-color-list .item:first-of-type {
		margin-top: 0;
	}
	.p-color-list .item-ttl {
		height: 12.8504672897vw;
		font-size: 3.9719626168vw;
	}
	.p-color-list .item-txt {
		height: 16.8224299065vw;
		font-size: 3.28317757vw;
	}
	.p-color-list .item .color-bar {
		height: 22.8971962617vw;
	}
	.p-color-list .item .color-bar .bar {
		height: 7.0093457944vw;
		padding: 0 4.6728971963vw;
	}
	.p-color-list .item .color-bar .color {
		font-size: 3.5046728972vw;
	}
	.p-color-list .item .color-bar .bar-img img {
		width: 42.9906542056vw;
	}
	.p-color-list .item .color-img {
		height: 35.046728972vw;
	}
	.p-color-list .item .color-img:hover img {
		-webkit-transform: scale(1.1);
				transform: scale(1.1);
	}
	.p-color-list .item .color-txt {
		height: auto;
	}
	.p-color-list .item .color-txt .txt {
		font-size: 3.738317757vw;
		margin-top: 16px;
	}
	.p-color-list .item.-softblack .bar-img img {
		width: 45.3271028037vw;
	}
	.p-sec04 .c-buy_btn{
		padding: 0 16px;
	} 
}

/* ------------------------------
	.c-buy_btn
------------------------------ */
.c-buy_btn{
	max-width: 879px;
	height: 127px;
	margin: 114px auto 0;
}
.c-buy_btn .c-buy_btn_inner{
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, #0097E0 0%, rgba(0, 151, 224, 0.3)  50%, #0097E0 100%);
	box-shadow: 0 3px 6px rgba(0,0,0, 0.16);
	outline: 1px solid #fff;
    outline-offset: -8px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.c-buy_btn .c-buy_btn_inner::before{
	position: absolute;
	z-index: 0;
	display: block;
	content: "";
	box-sizing: border-box;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	top: 0;
	right: -200px;
	width: 100%;
	height: 100%;
}

.c-buy_btn .c-buy_btn_inner::after{
	position: absolute;
	content: '';
	top: 50%;
	right: 5.12%;
	transform: translateY(-50%);
	width: 19%;
	height: 11px;
	background-image: url('../images/common/cv_arrow_wh.svg');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.c-buy_btn .c-buy_btn_inner .btn_txt{
	font-size: 2.1rem;
	color: #fff;
	letter-spacing: 0.1em;
	z-index: 2;
}
.c-buy_btn .c-buy_btn_inner:hover {
	opacity: 1;
	/* background: none; */
	border: 1px solid #1D5184;
}
.c-buy_btn .c-buy_btn_inner:hover::before {
	top: 0;
	right: 0;
	background-color: #1D5184;
	outline: 1px solid #fff;
	outline-offset: -8px;
}
.c-buy_btn .c-buy_btn_inner:hover::after {
  transform: translate(10px, -50%);
}

@media screen and (max-width: 820px) {
	.c-buy_btn{
		width: 100%;
		height: 80px;
		padding: 0 16px;
		margin: 60px auto 0;
		max-width: 480px;
	}
	.c-buy_btn .c-buy_btn_inner{
		outline: 1px solid #fff;
		outline-offset: -4px;
	}
	.c-buy_btn .c-buy_btn_inner::after{
		width: 22%;
		height: 9px;
		background-image: url('../images/common/cv_arrow_wh.svg');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.c-buy_btn .c-buy_btn_inner .btn_txt{
		font-size: 1.5rem;
		color: #fff;
		letter-spacing: 0.1em;
	}
}

/* ------------------------------
	.header
------------------------------ */
.l-overlay {
	z-index: 100;
}
.l-header {
	z-index: 110;
}

/* ------------------------------
	.footer
------------------------------ */
.l-online-btn {
	z-index: 20;
}
.l-online-btn-link {
	color: #fff;
	background: linear-gradient(90deg, rgba(0, 151,224, 1) 0%, rgba(0, 151,224, 0.3) 50% ,rgba(0, 151,224, 1) 100%);
}

/* ------------------------------
	.is-parallax
------------------------------ */
.is-parallax {
	position: relative;
	overflow: hidden;
}
.is-parallax_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 130%;
	max-width: 130%;
}
.is-parallax img {
	will-change: transform;
}
@media screen and (max-width: 767px) {
	.is-parallax_wrap {
		width: 150%;
		max-width: 150%;
	}
}